body {
  background-color: #ccd;
  font-family: sans-serif;
  overflow: hidden;
  height: -moz-calc(100vh - 16px);
  height: -webkit-calc(100vh - 16px);
  height: calc(100vh - 16px);
}
div {
  text-wrap: auto;
}
.line-numbers {
  width: 20px;
  text-align: right;
  border-right: solid 1px;
  padding-right: 5px;
}
.line-numbers span {
  counter-increment: linenumber;
}
.line-numbers span::before {
  content: counter(linenumber);
  display: block;
  color: #000;
}
#src {
  border-color: #fff;
  min-width:-moz-calc(100% - 20px);
  min-width:-webkit-calc(100% - 20px);
  min-width:calc(100% - 20px);
  outline: none;
  resize: none;
  line-height: 21px;
  overflow-y: hidden;
  padding: 0;
}
.editor {
  min-width:-moz-calc(100% - 10px);
  min-width:-webkit-calc(100% - 10px);
  min-width:calc(100% - 10px);
  display: inline-flex;
  font-family: monospace;
  line-height: 21px;
  gap: 10px;
}
.editorWrapper {
  height: -moz-calc(100% - 69px);
  height: -webkit-calc(100% - 69px);
  height: calc(100% - 69px);
  overflow-y: auto;
  border: solid 1px #000;
  border-radius: 5px 0px 0px 0px;
  padding: 0px 5px;
  background-color: #fff;
}
@keyframes timeout {
  from {
    background-color: #e22;
    opacity: 100%;
  }
  to {
    background-color: #fff;
    opacity: 40%;
  }
}
.restore {
  background-color: #e22;
  animation-name: timeout;
  animation-duration: 10s;
}
.formLogin {
  background-color: #fff;
  border-color: #999;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  padding: 10px;
  margin: auto;
  margin-top: 100px;
  width: 350px;
  height: 150px;
}
.formContent {
  margin: auto;
  width: auto;
  height: auto;
  display: table;
}
#errorLogin {
  border-color: #0000;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  color: red;
  text-align: center;
}
.dataCurso {
  border-radius: 5px;
  border-width: 1px;
  border-color: #999;
  border-style: solid;
  background-color: #fff;
  padding: 10px;
  margin-top: 20px;
}
#labelDni {
  margin-right: 10px;
}
.floatBar {
  float:left;
  position: absolute;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  padding: 3px 15px;
}
.floatBarSuperior {
  top: 5px;
  border-radius: 15px;
}
.floatBarInferior {
  bottom: 11px;
  border-radius: 0px 0px 15px 15px;
}
#runCode {
  color: #fff;
  background-color: #000;
  border-radius: 15px;
  margin-left: 20px;
  border-width: 5px;
  display:none;
}
#pantallaEnunciado {
  overflow: auto;
  top: 0px;
  border-width: 10px;
  border-color: #000;
  border-style: solid;
  border-radius: 10px;
  background-color: #fff;
  margin: 5px;
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available;
  float:right;
  right: 0px;
  position: absolute;
  padding: 20px;
  display:none;
}
.botonCentrado {
  margin: auto;
  margin-top: 20px;
  display: block;
}
.full {
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
.half {
  width: 40%;
}
h3 {
  margin-bottom: 5px;
}
code {
  font-size: larger;
}
#cuestionario {
  height: -moz-calc(100% - 73px);
  height: -webkit-calc(100% - 73px);
  height: calc(100% - 73px);
  overflow-y: auto;
  border: solid 1px #000;
  border-radius: 5px 0px 0px 0px;
  padding: 5px 15px;
  background-color: #fff;
}
.pregunta {
  padding: 10px;
  margin: 5px;
}
.pregunta_simple {
  border: 1px solid;
  border-radius: 5px;
}
.pregunta_multi {
}
.respuestas {
  border-radius: 5px;
  background-color: #ccd;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.espacioRespuesta {
  padding: 5px;
  border: 1px solid;
  border-radius: 5px;
  background-color: #fff;
}
.conIcono {
  margin-left: 60;
  position: relative;
  top: -50;
  margin-bottom: -50;
}
.seccion {
  position: relative;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: -20px;
  background-color: #ddf;
  padding: 10px;
  border-radius: 5px;
}
.actividad {
  font-size: 13px;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  margin: 5px;
  padding: 5px;
}
.habilitada {
  cursor: pointer;
  border-color: #888;
}
.contenidoSeccion {
  border-style: solid;
  border-radius: 0px 0px 5px 5px;
  border-width: 0px 1px 1px 1px;
  padding: 5px;
}
.CODIGO {
  background-color: #fcc;
}
.LINK {
  background-color: #acf;
}
.CUESTIONARIO {
  background-color: #afa;
}
.deshabilitada {
  cursor: not-allowed;
  border-color: #fff;
  opacity: 65%;
}
#seleccionDeCurso {
  height: 100%;
  overflow: hidden;
  display:none;
}
.opcionesSelector {
  border: solid 1px;
  border-radius: 5px 0px 0px 0px;
  padding: 5px;
  background-color: #fff;
  height: -moz-calc(100% - 95px);
  height: -webkit-calc(100% - 95px);
  height: calc(100% - 95px);
  margin-bottom: 10px;
  overflow-y: auto;
}
.tituloSelector {
  background-color: #fff;
  padding: 5px;
  margin-top: 5px;
  border-radius: 5px;
  border: solid 1px;
}
.edicion {
  margin: -10px 0px 5px 10px;
}
.botonAgregar {
  width: 100%;
}
#ui {
  display:block;
  height: 100%;
}
#login {
  display:block;
}
#cancelLogin {
  display: none;
}
#workspace {
  display:none;
  height: 100%;
}
#servidorManual {
  bottom: 5px;
  right: 5px;
  border-radius: 15px;
}
#codigo {
  display:none;
}
#url {
  width:100px;
}
#port {
  width:50px;
}
#espera {
  display:none;
}
.sinMargen {
  margin:0px;
}
.bloque30 {
  display: block;
  height: 30px;
}
.campoRespuesta {
  field-sizing:content;
  min-width:50%;
  max-width:100%;
}