/*!
 * 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: 78.80%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 82.08%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.20%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 27.29%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 38.07%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 42.14%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.77%; width: 1.67%; height: 36.36%; }
#Image9 { position: absolute; top: 18.18%; left: 64.06%; width: 1.67%; height: 36.36%; }
#Image17 { position: absolute; top: 18.18%; left: 68.18%; width: 1.67%; height: 36.36%; }
#Image25 { position: absolute; top: 18.18%; left: 71.93%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.20%; width: 1.67%; height: 36.36%; }
#Label14 { position: absolute; top: 54.55%; left: 59.90%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label15 { position: absolute; top: 54.55%; left: 64.06%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label16 { position: absolute; top: 54.55%; left: 68.18%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label17 { position: absolute; top: 54.55%; left: 72.03%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label18 { position: absolute; top: 54.55%; left: 38.07%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 54.55%; left: 40.99%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 54.55%; left: 46.41%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 54.55%; left: 50.94%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image27 { position: absolute; top: 18.18%; left: 60.47%; width: 1.67%; height: 36.36%; }
#Label22 { position: absolute; top: 54.55%; left: 27.08%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 54.55%; left: 77.86%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 54.55%; left: 82.03%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 54.55%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 27.27%; left: 1.25%; width: 16.88%; height: 36.36%; }
#UploadButton { position: absolute; top: 57.59%; left: 40.42%; width: 18.33%; height: 5.19%; border-radius: 8px;}
#DocumentInput { position: absolute; top: 52.41%; left: 40.42%; width: 18.33%; height: 3.70%; border-radius: 8px;}
#Image4 { position: absolute; top: 29.63%; left: 40.42%; width: 18.33%; height: 18.52%; }

#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: 78.80%; width: 1.67%; height: 36.36%; }
#Image2 { position: absolute; top: 18.18%; left: 82.08%; width: 1.67%; height: 36.36%; }
#Image3 { position: absolute; top: 18.18%; left: 86.20%; width: 1.67%; height: 36.36%; }
#Image5 { position: absolute; top: 18.18%; left: 27.29%; width: 1.67%; height: 36.36%; }
#Image6 { position: absolute; top: 18.18%; left: 38.07%; width: 1.67%; height: 36.36%; }
#Image7 { position: absolute; top: 18.18%; left: 42.14%; width: 1.67%; height: 36.36%; }
#Image8 { position: absolute; top: 18.18%; left: 46.77%; width: 1.67%; height: 36.36%; }
#Image9 { position: absolute; top: 18.18%; left: 64.06%; width: 1.67%; height: 36.36%; }
#Image17 { position: absolute; top: 18.18%; left: 68.18%; width: 1.67%; height: 36.36%; }
#Image25 { position: absolute; top: 18.18%; left: 71.93%; width: 1.67%; height: 36.36%; }
#Image26 { position: absolute; top: 18.18%; left: 51.20%; width: 1.67%; height: 36.36%; }
#Label14 { position: absolute; top: 54.55%; left: 59.90%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label15 { position: absolute; top: 54.55%; left: 64.06%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label16 { position: absolute; top: 54.55%; left: 68.18%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label17 { position: absolute; top: 54.55%; left: 72.03%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label18 { position: absolute; top: 54.55%; left: 38.07%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label19 { position: absolute; top: 54.55%; left: 40.99%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label20 { position: absolute; top: 54.55%; left: 46.41%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label21 { position: absolute; top: 54.55%; left: 50.94%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image27 { position: absolute; top: 18.18%; left: 60.47%; width: 1.67%; height: 36.36%; }
#Label22 { position: absolute; top: 54.55%; left: 27.08%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label23 { position: absolute; top: 54.55%; left: 77.86%; width: 4.17%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label24 { position: absolute; top: 54.55%; left: 82.03%; width: 3.75%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Label26 { position: absolute; top: 54.55%; left: 86.20%; width: 2.50%; height: 31.82%; color: #e1e1e1; font-size: 0.8em;}
#Image11 { position: absolute; top: 27.27%; left: 1.25%; width: 16.88%; height: 36.36%; }
#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: 1.85%; 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: 25.00%; left: 83.33%; width: 1.67%; height: 50.00%; }
/* Código CSS "inline" de la app */
.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%;
}