/*!
 * This file is part of App Builder
 *
 * ©2020 App Builder - https://www.decsoftutils.com
 *//* Código CSS auto generado para la app */
html, body { width: 1920px; height: 1080px; }
#UploadView { background-color: #595959; }
#Container1a { position: absolute; top: 0.00%; left: 0.00%; width: 100.00%; height: 8.15%; background-color: #000000;}
#Image1 { position: absolute; top: 18.18%; left: 65.10%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 68.85%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.25%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 25.57%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 37.92%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 41.93%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.61%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.09%; width: 1.67%; height: 36.36%; }
#Label18 { position: absolute; top: 60.23%; left: 37.92%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 60.23%; left: 40.83%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 60.23%; left: 46.25%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 60.23%; left: 51.09%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label22 { position: absolute; top: 60.23%; left: 25.47%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 60.23%; left: 64.22%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 60.23%; left: 68.39%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 60.23%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 18.18%; left: 0.83%; width: 16.88%; height: 81.82%; }
#Image12 { position: absolute; top: 19.32%; left: 73.49%; width: 1.67%; height: 36.36%; }
#Label5 { position: absolute; top: 61.36%; left: 73.28%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#UploadButton { position: absolute; top: 66.85%; left: 40.42%; width: 18.33%; height: 5.19%; border-radius: 8px;}
#DocumentInput { position: absolute; top: 61.67%; left: 40.42%; width: 18.33%; height: 3.70%; border-radius: 8px;}
#Image4 { position: absolute; top: 31.11%; left: 41.67%; width: 15.63%; height: 27.78%; }

#DocumentView { background-color: #595959; }
#DocumentView { overflow: hidden; }
#Container1a { position: absolute; top: 0.00%; left: 0.00%; width: 100.00%; height: 8.15%; background-color: #000000;}
#Image1 { position: absolute; top: 18.18%; left: 65.10%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 68.85%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.25%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 25.57%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 37.92%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 41.93%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.61%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.09%; width: 1.67%; height: 36.36%; }
#Label18 { position: absolute; top: 60.23%; left: 37.92%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 60.23%; left: 40.83%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 60.23%; left: 46.25%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 60.23%; left: 51.09%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label22 { position: absolute; top: 60.23%; left: 25.47%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 60.23%; left: 64.22%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 60.23%; left: 68.39%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 60.23%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 18.18%; left: 0.83%; width: 16.88%; height: 81.82%; }
#Image12 { position: absolute; top: 19.32%; left: 73.49%; width: 1.67%; height: 36.36%; }
#Label5 { position: absolute; top: 61.36%; left: 73.28%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#DocumentInfoHtml { position: absolute; top: 8.89%; left: 57.08%; width: 42.08%; height: 84.44%; border-radius: 8px; overflow-y: auto;}
#QuestionButton { position: absolute; top: 108.15%; left: 50.83%; width: 7.08%; height: 3.70%; }
#DocumentPdfHtml { position: absolute; top: 8.89%; left: 0.42%; width: 56.25%; height: 84.44%; border-radius: 8px; overflow-y: hidden;}
#Button2 { position: absolute; top: 103.70%; left: 66.67%; width: 5.83%; height: 3.70%; }
#Button3 { position: absolute; top: 103.70%; left: 59.58%; width: 5.83%; height: 3.70%; }
#DocumentQuestionsHtml { position: absolute; top: 8.89%; left: 57.08%; width: 42.08%; height: 84.44%; border-radius: 8px; overflow-y: auto;}
#LanguageSelect { position: absolute; top: 2.22%; left: 90.42%; width: 8.33%; height: 3.70%; background-color: #c8c8c8; border-radius: 8px;}
#Container1 { position: absolute; top: 94.07%; left: 0.00%; width: 100.00%; height: 5.93%; background-color: #000000;}
#QuestionTextarea { position: absolute; top: 12.50%; left: 14.17%; width: 68.33%; height: 75.00%; background-color: #c8c8c8; border-radius: 20px;}
#Image10 { position: absolute; top: 12.50%; left: 83.33%; width: 2.50%; height: 75.00%; }
#DocumentExamHtml { position: absolute; top: 8.89%; left: 57.08%; width: 42.08%; height: 84.44%; border-radius: 8px; overflow-y: auto;}

#CursosView { background-color: #595959; }
#Container1a { position: absolute; top: 0.00%; left: 0.00%; width: 100.00%; height: 8.15%; background-color: #000000;}
#Image1 { position: absolute; top: 18.18%; left: 65.10%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 68.85%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.25%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 25.57%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 37.92%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 41.93%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.61%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.09%; width: 1.67%; height: 36.36%; }
#Label18 { position: absolute; top: 60.23%; left: 37.92%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 60.23%; left: 40.83%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 60.23%; left: 46.25%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 60.23%; left: 51.09%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label22 { position: absolute; top: 60.23%; left: 25.47%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 60.23%; left: 64.22%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 60.23%; left: 68.39%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 60.23%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 18.18%; left: 0.83%; width: 16.88%; height: 81.82%; }
#Image12 { position: absolute; top: 19.32%; left: 73.49%; width: 1.67%; height: 36.36%; }
#Label5 { position: absolute; top: 61.36%; left: 73.28%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Button1 { position: absolute; top: 30.37%; left: 14.17%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Label1 { position: absolute; top: 38.52%; left: 5.00%; width: 7.50%; height: 1.85%; color: #c0c0c0; font-size: 24px;}
#Button4 { position: absolute; top: 30.37%; left: 26.25%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Button5 { position: absolute; top: 30.37%; left: 38.33%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Button6 { position: absolute; top: 30.37%; left: 50.42%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Button7 { position: absolute; top: 30.37%; left: 62.50%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Button8 { position: absolute; top: 30.37%; left: 74.58%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Button9 { position: absolute; top: 60.09%; left: 14.17%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Label2 { position: absolute; top: 68.89%; left: 5.00%; width: 7.50%; height: 1.85%; color: #c0c0c0; font-size: 24px;}
#Button10 { position: absolute; top: 60.09%; left: 26.25%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Button11 { position: absolute; top: 60.09%; left: 38.33%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Button12 { position: absolute; top: 60.09%; left: 50.42%; width: 10.42%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Button13 { position: absolute; top: 60.09%; left: 62.50%; width: 10.83%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Button14 { position: absolute; top: 60.09%; left: 74.58%; width: 10.83%; height: 18.52%; font-size: 80px; border-radius: 50%;}
#Image13 { position: absolute; top: 84.44%; left: 90.42%; width: 5.21%; height: 9.26%; }
#Label3 { position: absolute; top: 19.26%; left: 40.00%; width: 60.00%; height: 1.85%; color: #ffffff; font-size: 36px;}

#AsignaturasView { background-color: #595959; }
#Container1a { position: absolute; top: 0.00%; left: 0.00%; width: 100.00%; height: 8.15%; background-color: #000000;}
#Image1 { position: absolute; top: 18.18%; left: 65.10%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 68.85%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.25%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 25.57%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 37.92%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 41.93%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.61%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.09%; width: 1.67%; height: 36.36%; }
#Label18 { position: absolute; top: 60.23%; left: 37.92%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 60.23%; left: 40.83%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 60.23%; left: 46.25%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 60.23%; left: 51.09%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label22 { position: absolute; top: 60.23%; left: 25.47%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 60.23%; left: 64.22%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 60.23%; left: 68.39%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 60.23%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 18.18%; left: 0.83%; width: 16.88%; height: 81.82%; }
#Image12 { position: absolute; top: 19.32%; left: 73.49%; width: 1.67%; height: 36.36%; }
#Label5 { position: absolute; top: 61.36%; left: 73.28%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Button17 { position: absolute; top: 34.81%; left: 13.75%; width: 10.42%; height: 18.52%; }
#Button18 { position: absolute; top: 34.81%; left: 28.33%; width: 10.42%; height: 18.52%; }
#Button19 { position: absolute; top: 34.81%; left: 43.33%; width: 10.42%; height: 18.52%; }
#Button20 { position: absolute; top: 34.81%; left: 58.33%; width: 10.42%; height: 18.52%; }
#Button21 { position: absolute; top: 34.81%; left: 72.92%; width: 10.42%; height: 18.52%; }
#Button22 { position: absolute; top: 58.52%; left: 43.33%; width: 10.42%; height: 18.52%; }
#Label4 { position: absolute; top: 19.26%; left: 40.00%; width: 60.00%; height: 1.85%; color: #ffffff; font-size: 36px;}
#Button23 { position: absolute; top: 58.52%; left: 13.75%; width: 10.42%; height: 18.52%; }
#Button24 { position: absolute; top: 58.52%; left: 28.33%; width: 10.42%; height: 18.52%; }
#Button25 { position: absolute; top: 58.52%; left: 72.92%; width: 10.42%; height: 18.52%; }
#Button15 { position: absolute; top: 58.52%; left: 58.33%; width: 10.42%; height: 18.52%; }
#Image14 { position: absolute; top: 84.44%; left: 90.42%; width: 5.21%; height: 9.26%; }

#PromptView { background-color: #595959; }
#Container1a { position: absolute; top: 0.00%; left: 0.00%; width: 100.00%; height: 8.15%; background-color: #000000;}
#Image1 { position: absolute; top: 18.18%; left: 65.10%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 68.85%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.25%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 25.57%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 37.92%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 41.93%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.61%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.09%; width: 1.67%; height: 36.36%; }
#Label18 { position: absolute; top: 60.23%; left: 37.92%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 60.23%; left: 40.83%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 60.23%; left: 46.25%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 60.23%; left: 51.09%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label22 { position: absolute; top: 60.23%; left: 25.47%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 60.23%; left: 64.22%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 60.23%; left: 68.39%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 60.23%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 18.18%; left: 0.83%; width: 16.88%; height: 81.82%; }
#Image12 { position: absolute; top: 19.32%; left: 73.49%; width: 1.67%; height: 36.36%; }
#Label5 { position: absolute; top: 61.36%; left: 73.28%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#PromptTextarea { position: absolute; top: 35.93%; left: 12.92%; width: 74.17%; height: 26.67%; border-radius: 8px;}
#PromptLanguagesSelect { position: absolute; top: 26.30%; left: 12.92%; width: 14.58%; height: 5.19%; border-radius: 8px;}
#PromptSendButton { position: absolute; top: 64.07%; left: 71.67%; width: 15.42%; height: 8.89%; border-radius: 8px;}
#GeneratedPdfIncludeImages { position: absolute; top: 64.07%; left: 12.92%; width: 16.25%; height: 1.85%; font-size: 16px;}
#Image15 { position: absolute; top: 84.44%; left: 90.42%; width: 5.21%; height: 9.26%; }

#GeneratedPdfView { background-color: #595959; }
#Container1a { position: absolute; top: 0.00%; left: 0.00%; width: 100.00%; height: 8.15%; background-color: #000000;}
#Image1 { position: absolute; top: 18.18%; left: 65.10%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 68.85%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.25%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 25.57%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 37.92%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 41.93%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.61%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.09%; width: 1.67%; height: 36.36%; }
#Label18 { position: absolute; top: 60.23%; left: 37.92%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 60.23%; left: 40.83%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 60.23%; left: 46.25%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 60.23%; left: 51.09%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label22 { position: absolute; top: 60.23%; left: 25.47%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 60.23%; left: 64.22%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 60.23%; left: 68.39%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 60.23%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 18.18%; left: 0.83%; width: 16.88%; height: 81.82%; }
#Image12 { position: absolute; top: 19.32%; left: 73.49%; width: 1.67%; height: 36.36%; }
#Label5 { position: absolute; top: 61.36%; left: 73.28%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#GeneratedDocumentPdfIFrame { position: absolute; top: 8.89%; left: 0.42%; width: 99.17%; height: 90.37%; }

#EditGeneratedPdfView { background-color: #595959; }
#Container1a { position: absolute; top: 0.00%; left: 0.00%; width: 100.00%; height: 8.15%; background-color: #000000;}
#Image1 { position: absolute; top: 18.18%; left: 65.10%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 68.85%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.25%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 25.57%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 37.92%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 41.93%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.61%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.09%; width: 1.67%; height: 36.36%; }
#Label18 { position: absolute; top: 60.23%; left: 37.92%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 60.23%; left: 40.83%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 60.23%; left: 46.25%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 60.23%; left: 51.09%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label22 { position: absolute; top: 60.23%; left: 25.47%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 60.23%; left: 64.22%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 60.23%; left: 68.39%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 60.23%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 18.18%; left: 0.83%; width: 16.88%; height: 81.82%; }
#Image12 { position: absolute; top: 19.32%; left: 73.49%; width: 1.67%; height: 36.36%; }
#Label5 { position: absolute; top: 61.36%; left: 73.28%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Container2 { position: absolute; top: 92.59%; left: 46.25%; width: 53.75%; height: 7.41%; background-color: #000000;}
#EditedGeneratedPdfIframe { position: absolute; top: 8.89%; left: 0.42%; width: 45.83%; height: 90.37%; }
#PdfPromptInputFile { position: absolute; top: 15.56%; left: 102.08%; width: 10.42%; height: 3.70%; }
#GeneratedPdfJsonTextareaHtml { position: absolute; top: 8.89%; left: 46.67%; width: 52.92%; height: 82.96%; }
#Image27 { position: absolute; top: 94.07%; left: 49.53%; width: 1.67%; height: 2.96%; }
#Label14 { position: absolute; top: 97.31%; left: 48.75%; width: 3.75%; height: 2.59%; color: #e1e1e1; font-size: 0.8em;}
#Image9 { position: absolute; top: 94.07%; left: 90.83%; width: 1.67%; height: 2.96%; }
#Label15 { position: absolute; top: 97.31%; left: 90.52%; width: 3.23%; height: 2.59%; color: #e1e1e1; font-size: 0.8em;}
#Image17 { position: absolute; top: 94.07%; left: 54.11%; width: 1.67%; height: 2.96%; }
#Label16 { position: absolute; top: 97.31%; left: 53.18%; width: 5.00%; height: 2.59%; color: #e1e1e1; font-size: 0.8em;}
#Image25 { position: absolute; top: 94.07%; left: 95.31%; width: 1.67%; height: 2.96%; }
#Label17 { position: absolute; top: 97.31%; left: 95.00%; width: 4.17%; height: 2.59%; color: #e1e1e1; font-size: 0.8em;}

#ImagenesPdfView { background-color: #595959; }
#Container1a { position: absolute; top: 0.00%; left: 0.00%; width: 100.00%; height: 8.15%; background-color: #000000;}
#Image1 { position: absolute; top: 18.18%; left: 65.10%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 68.85%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.25%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 25.57%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 37.92%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 41.93%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.61%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.09%; width: 1.67%; height: 36.36%; }
#Label18 { position: absolute; top: 60.23%; left: 37.92%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 60.23%; left: 40.83%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 60.23%; left: 46.25%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 60.23%; left: 51.09%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label22 { position: absolute; top: 60.23%; left: 25.47%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 60.23%; left: 64.22%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 60.23%; left: 68.39%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 60.23%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 18.18%; left: 0.83%; width: 16.88%; height: 81.82%; }
#Image12 { position: absolute; top: 19.32%; left: 73.49%; width: 1.67%; height: 36.36%; }
#Label5 { position: absolute; top: 61.36%; left: 73.28%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#ImagenesPdfIFrame { position: absolute; top: 22.96%; left: 0.83%; width: 98.33%; height: 75.56%; border-radius: 8px;}
#ImagenesPdfUrlInput { position: absolute; top: 12.59%; left: 1.25%; width: 71.25%; height: 5.19%; border-radius: 8px;}
#Button28 { position: absolute; top: 12.59%; left: 73.75%; width: 10.00%; height: 5.19%; border-radius: 8px;}
#Button29 { position: absolute; top: 12.59%; left: 84.58%; width: 14.58%; height: 5.19%; border-radius: 8px;}

#GamesView { background-color: #595959; }
#GamesView { overflow: hidden; }
#IFrame1 { position: absolute; top: 8.89%; left: 0.42%; width: 99.17%; height: 90.37%; }
#Container1a { position: absolute; top: 0.00%; left: 0.00%; width: 100.00%; height: 8.15%; background-color: #000000;}
#Image1 { position: absolute; top: 18.18%; left: 65.10%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 68.85%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.25%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 25.57%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 37.92%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 41.93%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.61%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.09%; width: 1.67%; height: 36.36%; }
#Label18 { position: absolute; top: 60.23%; left: 37.92%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 60.23%; left: 40.83%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 60.23%; left: 46.25%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 60.23%; left: 51.09%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label22 { position: absolute; top: 60.23%; left: 25.47%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 60.23%; left: 64.22%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 60.23%; left: 68.39%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 60.23%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 18.18%; left: 0.83%; width: 16.88%; height: 81.82%; }
#Image12 { position: absolute; top: 19.32%; left: 73.49%; width: 1.67%; height: 36.36%; }
#Label5 { position: absolute; top: 61.36%; left: 73.28%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
/* Código CSS "inline" de la app */
.animacion {
  animation: zoom-in-zoom-out 3s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    scale: 90%;
  }
  
  100% {
    scale: 100%;
  }
}



.circulo {
border-radius: 50%;
background: rgba(219, 70, 148, 1.0);
background: linear-gradient(135deg, rgba(219, 70, 148, 1.0), rgba(13, 117, 238, 1.0));
font-size: 30px;
line-height: 25px;
}

.iframe-games{
overflow: hidden;
}

.iframe-imagenes{
overflow: hidden;
}

.examen{

font-size: 30px;
color: white;
background-color: #587f5d;
padding: 10px;
width: 96%;
border-radius: 8px;
text-align: center;
border-radius: 8px;
padding: 16px 24px;
margin-bottom: 20px;
margin-right: 20px;
}

.barra-buscador{
overflow: hidden;
}


.response-container {

  border-radius: 8px;
  padding: 16px 24px;
  margin-bottom: 20px;
  margin-right: 20px;
  background-color: #e5eeff;

}

.response-question-container {

  padding: 10px;
  margin-top: 20px;
  margin-right: 20px;
  border-radius: 8px;
  background-color: white;
}


.response-question-container-2 {

  padding: 10px;
  margin-top: 20px;
  margin-right: 20px;
}

.response-question-question {

  cursor: pointer;
}

.response-question-answer {

  padding: 10px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: aliceblue;
}

.user-question {

  padding: 10px;
  margin-top: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  margin-right: 20px;
  background-color: #f7f7f7;
}

#pdf-document-iframe {

  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.question-container {

  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
  border: silver solid 1px;
}

.question-container-2 {

  padding: 10px;
  margin-top: 10px;
 }

.more-questions-menu {

  border-radius: 8px;
  padding: 16px 24px;
  margin-bottom: 20px;
  background-color: #e5eeff;
  margin-right: 5%;
}

.more-questions-button,
#more-difficulty-questions-button {

  cursor: pointer;
}


.seleccion_pregunta_on {
    cursor: pointer;
    border: 1px solid rgb(0, 85, 255);
    border-radius: 4px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
    background: rgb(242, 246, 255);
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 2%;

}

.seleccion_pregunta_off {
    cursor: pointer;
    border: 1px solid rgb(214, 214, 214);
    border-radius: 4px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
    background: rgb(232, 232, 232);
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 2%;
}


/* BASICS
*/


.CodeMirror {
  font-family: monospace;
    height: 300px;
    color: black;
    direction: ltr;
    background-color: #3a3432;
    height: 100% !important;
    border-radius: 8px;
}