/***** CSS DISEÑO LICEO DIGITAL *****/

 /** FUENTES **/
 @font-face {
    font-family: BebasNeue;
    src: url(https://www.e-mineduc.cl/pluginfile.php/1706967/mod_page/content/2/BebasNeue\ Regular.ttf);
}

@font-face {
    font-family: BebasNeueLight;
    src: url(https://www.e-mineduc.cl/pluginfile.php/1706967/mod_page/content/2/BebasNeue\ Light.ttf);
}

@font-face {
    font-family: BebasNeueBook;
    src: url(https://www.e-mineduc.cl/pluginfile.php/1706967/mod_page/content/3/BebasNeue\ Book.ttf);
}

@font-face {
  font-family: OpenSansRegular;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-Regular.ttf);
}

@font-face {
  font-family: OpenSansBold;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-Bold.ttf);
}

@font-face {
  font-family: OpenSansBoldItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-BoldItalic.ttf);
}

@font-face {
  font-family: OpenSansExtraBold;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-ExtraBold.ttf);
}

@font-face {
  font-family: OpenSansExtraBoldItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf);
}

@font-face {
  font-family: OpenSansItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-Italic.ttf);
}

@font-face {
  font-family: OpenSansLight;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-Light.ttf);
}

@font-face {
  font-family: OpenSansLightItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-LightItalic.ttf);
}

@font-face {
  font-family: OpenSansSemiBold;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-SemiBold.ttf);
}

@font-face {
  font-family: OpenSansSemiBoldItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf);
}

@font-face {
  font-family: NunitoRegular;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-Regular.ttf);
}

@font-face {
  font-family: NunitoBold;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-Bold.ttf);
}

@font-face {
  font-family: NunitoBoldItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-BoldItalic.ttf);
}

@font-face {
  font-family: NunitoExtraBold;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-ExtraBold.ttf);
}

@font-face {
  font-family: NunitoExtraBoldItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-ExtraBoldItalic.ttf);
}

@font-face {
  font-family: NunitoItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-Italic.ttf);
}

@font-face {
  font-family: NunitoLight;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-Light.ttf);
}

@font-face {
  font-family: NunitoLightItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-LightItalic.ttf);
}

@font-face {
  font-family: NunitoExtraLight;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-ExtraLight.ttf);
}

@font-face {
  font-family: NunitoLightItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-ExtraLightItalic.ttf);
}

@font-face {
  font-family: NunitoSemiBold;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-SemiBold.ttf);
}

@font-face {
  font-family: NunitoSemiBoldItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-SemiBoldItalic.ttf);
}

@font-face {
  font-family: NunitoBlack;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-Black.ttf);
}

@font-face {
  font-family: NunitoBlackItalic;
  src: url(http://aulasvirtuales.cmm.uchile.cl/fonts/Nunito/Nunito-BlackItalic.ttf);
}

/** GENERAL **/
body{
    font-family: Arial;
    color:#343434;
}

body p{
    text-align: justify;
    font-size: 16px;
}

body p span{
  text-align: justify;
  font-size: 16px;
}

@media (min-width: 1200px){
  .row-fluid [class*="span"]:first-child {
    max-width: 80%;
  }
}


input[type="radio"]+label, input[type="checkbox"]+label {
 display:inline-block;
}

input[type="radio"]+label p, input[type="checkbox"]+label p{
  display:inline-block;
 }


.box{
    max-width:100%;
}

.titulo1 {
    font-family: "NunitoSemiBold";
    font-size: 32px!important;
}

.titulo1:before {
    content:"• ";
}

.titulo2{
    font-size: 32px!important;
}

.titulo2 .parte1, .titulo2 .parte2{
  font-size: 32px!important;
}

.titulo2 .parte1{
    font-family: "NunitoSemiBold";
}

.titulo2 .parte2{
    font-family: "OpenSansLight";
}

.titulo2 .parte2:before {
    content: '';
   display: inline-block;
   height: 7px;
  width: 7px;
  vertical-align:middle;
  margin:5px;
  margin-top:0px;
  background-color: #000;
  border-radius: 50%;
}

/** PREGUNTAS **/

.pregunta{
    position: relative;
    margin-bottom:10px;
}

.pregunta .num{
    width: 50px;
    height: 100%;
    border-radius: 14px 0px 0px 14px;
    top: 0px;
    left: 0px;
    position: absolute;
    color: #ffffff;
}

.pregunta .num span {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
    font-weight: bolder;
    background:#1b0066;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -24px;
}

.pregunta .enunciado{
    margin-left: 45px;
    line-height: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
    border: 3px solid #0369f1;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-left: none;
    width:fit-content;
}

.pregunta .enunciado .texto{
    margin-left: 25px;
    margin-right: 45px;
}

/** MENSAJES **/

/*
.mensaje{
    position: relative;
    margin-bottom:50px;
    margin-top:5px;
}

.mensaje .num{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -65px;
    width: 150px;
    padding: 8px;
    font-family: "NunitoRegular";
    color: #ffffff;
    font-size:17px;
    line-height: 36px;
    background: #046af1;;
    text-align: center;
    display:inline-block;
}

.mensaje .num.azul{
  background:#046af1;;
}

.mensaje .num.amarillo{
  background: #f9af39;
}

.mensaje .num.rojo{
  background: #fd2c2a;
}

.mensaje .num.gris{
  background:#8b9fae;
}

.mensaje .num img{
    max-height:70px;
    padding: 10px;
}

.mensaje .num .nommsj{
    text-align:center;
    margin-top:5px;
    line-height: 24px;
    font-size: 17px;
}

.mensaje .enunciado{
    margin-left: 160px;
    line-height: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    border: 3px dashed #d2d2d2;
    border-top-right-radius: 34px;
    border-bottom-right-radius: 34px;
    border-left: none;
    width:fit-content;
}

.mensaje .enunciado .texto{
    margin-left: 25px;
    margin-right: 45px;
    margin-left: 25px;
    margin-right: 45px;
    font-size:16px;
    border-left: 4px solid#8b9fae;
    padding: 25px 0px 25px 15px;
}
*/

.mensaje {
  position: relative;
  margin-bottom: 30px;
  margin-top: 30px;
}

.mensaje .logo {
  width: 75px;
  height: 100%;
  border-radius: 14px 0px 0px 14px;
  top: -14px;
  left: 0px;
  position: absolute;
  color: #ffffff;
}

.mensaje .logo span {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  font-size: 25px;
  line-height: 50px;
  font-weight: bolder;
  background-color: #1b0066;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/cer.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
}

.mensaje .titulo:before {
    content: "RECORDEMOS";
}

.mensaje .titulo {
  padding-left: 50px;
  margin-left: 30px;
  line-height: 37px;
  padding-top: 11px;
  padding-bottom: 11px;
  font-weight: bold;
  background-color: #1b0066;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-left: none;
  width: 600px;
  font-size: 18px;
  color: #ffffff;
}

.mensaje.recordemos .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/cer.png);
  background-color: #1b0066;
}

.mensaje.recordemos .titulo:before {
  content: "RECORDEMOS";
}

.mensaje.recordemos .titulo {
  background-color: #1b0066;
}

.mensaje.situacion .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/mun.png);
  background-color: #faaf3a;
}

.mensaje.situacion .titulo:before {
  content: "PRESENTANDO UNA SITUACION";
}

.mensaje.situacion .titulo {
  background-color: #faaf3a;
}

.mensaje.nota .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/mun.png);
  background-color: #fe2c2a;
}

.mensaje.nota .titulo:before {
  content: "TOMA NOTA";
}

.mensaje.nota .titulo {
  background-color: #fe2c2a;
}

.mensaje.aprendamos .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/mun.png);
  background-color: #046af1;
}

.mensaje.aprendamos .titulo:before {
  content: "APRENDAMOS JUNTOS";
}

.mensaje.aprendamos .titulo {
  background-color: #046af1;
}

.mensaje.reflexionemos .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/mun.png);
  background-color: #8b9fae;
}

.mensaje.reflexionemos .titulo:before {
  content: "REFLEXIONEMOS";
}

.mensaje.reflexionemos .titulo {
  background-color: #8b9fae;
}

.mensaje.analizando .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/mun.png);
  background-color: #009245;
}

.mensaje.analizando .titulo:before {
  content: "ANALIZANDO UNA SITUACION";
}

.mensaje.analizando .titulo {
  background-color: #009245;
}

.mensaje.practica .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/mun.png);
  background-color: #1b0066;
}

.mensaje.practica .titulo:before {
  content: "PRACTICA LO APRENDIDO";
}

.mensaje.practica .titulo {
  background-color: #1b0066;
}

.mensaje.trabajando .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/mun.png);
  background-color: #faaf3a;
}

.mensaje.trabajando .titulo:before {
  content: "TRABAJANDO CON GEOGEBRA";
}

.mensaje.trabajando .titulo {
  background-color: #faaf3a;
}

.mensaje.aprendimos .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/mun.png);
  background-color: #fe2c2a;
}

.mensaje.aprendimos .titulo:before {
  content: "¿QUÉ APRENDIMOS?";
}

.mensaje.aprendimos .titulo {
  background-color: #fe2c2a;
}

.mensaje.abordando .logo span {
  background-image: url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/mun.png);
  background-color: #046af1;
}

.mensaje.abordando .titulo:before {
  content: "ABORDANDO UN PROBLEMA";
}

.mensaje.abordando .titulo {
  background-color: #046af1;
}

/** DIALOGOS **/

.dialogo{
    position: relative;
    color: #000;
    min-height: 150px;
    padding: 20px 0;
    margin: auto;
    box-sizing: border-box;
    overflow: hidden;
    max-width: 1000px;
    margin-bottom:10px;
}

.dialogo .personaje{
    position: absolute;
    height: 130px;
    width: 140px;
}

.dialogo.Izquierda .personaje{
    left: 10px;
}

.dialogo.Derecha .personaje{
    right: -20px;
}

.dialogo .personaje img{
    max-height: 100%;
}

.dialogo.Izquierda .textodialogo {
margin-left:5px;
}

.dialogo.Derecha .textodialogo {
  margin-right:5px;
  
}

.dialogo .textodialogo{
    position: relative;
    /*width: 650px;*/
    box-sizing: border-box;
    padding: 30px;
    padding-top:10px;
    padding-bottom:10px;
    border-radius: 20px;
    min-height: 78px;
    display: table-cell;
    vertical-align: middle;
    width:auto;
    max-width:calc(100% - 280px);
}

.dialogo.Izquierda .textodialogo{
    left: 140px;
    background-color: #e9e9e9;
    float: left;
}

.dialogo.Derecha .textodialogo{
    float: right;
    right: 140px;
    background-color:#5a9df5
}

/** CAPSULAS **/

.capsula{
    padding:50px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    margin-top:75px;
    margin-bottom:35px;
    margin-left: 50px;
    font-size: 16px;
}

.capsula span{
  font-size:16px!important;
  text-align:justify;
}

.capsula .contenido{
  margin-bottom:10px;
  text-align:justify;
}

.capsula.borde{
  border: 3px solid #1b0065;
}

.capsula.borde.bordeazul{
  border: 3px solid #046af1;
}

.capsula.radioborde{
    border-radius: 20px;
}

.capsula.confondo{
    background-color:#e9f2fe;
}

.capsula.confondo.fondogris{
  background-color:#f2f4f5;
}

.captop{
    font-size: 25px;
    position: absolute;
    top: -50px;
    left: -50px;
    padding: 25px;
    font-family: 'NunitoBold';
}

.capsula span.capnombre{
  font-size:20px!important;
  color:#ffffff;
}

.capsula .captop.transp span.capnombre{
  font-size:20px!important;
  color:#343434;
}

.captop.azul{
    /*background: #19d0cb;
    background: -prefix-linear-gradient(left top, #07d0c5, #abd1fc);
    background: linear-gradient(to bottom right, #07d0c5, #abd1fc);*/
    filter: drop-shadow(1.5px 2.598px 3.5px rgba(0,0,0,0.19));
    background-color: #046af1;
}

.captop.amarillo{
    /*background: #faf105;
    background: -prefix-linear-gradient(left top, #faf105, #f8e88f);
    background: linear-gradient(to bottom right, #faf105, #f8e88f);*/
    filter: drop-shadow(2px 3.464px 7.5px rgba(0,0,0,0.2));
    background-color: #1b0066;
}

.captop.rojo{
  filter: drop-shadow(2px 3.464px 7.5px rgba(0,0,0,0.2));
  background-color: #fd2c2a;
}

.captop.transp{
    padding:10px;
}

.captop .icono{
    position: absolute;
    width: 50px;
    top: 15px;
    left: 10px;
}

.captop.transp .icono{
    position: absolute;
    width: 25px;
    top: 15px;
    left: 25px;
}

.captop span.capnombre{
    margin-left:50px;
}

.capsula img{
    max-width:100%;
}

.videoborde{
        min-width: 250px;
        min-height: 250px;
        padding: 20px;
        display: inline-block;
    border-style: solid;
  border-width: 3px; 
  border-image-source: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 80 80%22%3E%3Crect x=%224%22 y=%224%22 width=%2272%22 height=%2272%22 fill=%22transparent%22 stroke=%22%23000%22 stroke-width=%223%22 %2F%3E%3C%2Fsvg%3E");

  border-image-slice: 75%; 

  border-image-width: 64px;
}

.videoborde iframe{
    padding:10px;
    border:3px solid black;
    max-width:100%;
}

/* TABLAS */
  
.tabla{
    border-spacing: 0px;
    border: 2px solid #0369f1;
    border-radius: 15px;
    /*border-top: 1px;*/
    margin-top:15px;
    max-width:100%;
}

.tabla.tablagrande{
  width:800px;
}

.tabla.tablamediana{
width:600px;
}

.tabla.tablachica{
  width:400px;
}

.tabla.tablamuychica{
  width:300px;
}

.tabla [class^=dtcell].w400{
  width:400px;
 }

 .tabla [class^=dtcell].w266{
  width:266px;
 }

.tabla [class^=dtcell].w300{
width:300px;
}

.tabla [class^=dtcell].w250{
  width:200px;
 }

.tabla [class^=dtcell].w200{
width:200px;
}

.tabla [class^=dtcell].w150{
  width:150px;
 }

.tabla [class^=dtcell].w100{
  width:100px;
 }

 .tabla [class^=dtcell].w50{
  width:50px;
 }

 .tabla .dtrowh .dtcell2{
    text-align:center!important;
    background-color:#8b9fae;;
    color: #464646;
    font-weight: 600;
}

 .tabla .dtrowh .dtcell3{
    text-align:center!important;
    background-color: #8b9fae;;
    color: #464646;
    font-weight: 600;
}
 .tabla .dtrowh .dtcell1{
    text-align:center!important;
    background-color: #8b9fae;;
    color: #464646;
    font-weight: 600;
}

 .tabla .dtcell3{
    border-right: 1px solid #707070;
    border-top: 1px solid #707070;
}
 .tabla .dtcell1{
    border-right: 1px solid #707070;
    border-top: 1px solid #707070;
}

 .tabla .dtcell2{
    border-top: 1px solid #707070;
}

.tabla [class^=dtcell].celeste{
  background-color:#f0f0f0;
}

 .tabla [class^=dtrow]:first-child [class^=dtcell]{border-top:none;}

 .tabla [class^=dtrow]:first-child [class^=dtcell1]:first-child{border-radius: 13px 0 0 0;}
 .tabla [class^=dtrow]:first-child [class^=dtcell2]:last-child{border-radius: 0 13px 0 0;}
 .tabla [class^=dtrow]:last-child [class^=dtcell1]:first-child{border-radius: 0 0 0 13px;}
 .tabla [class^=dtrow]:last-child [class^=dtcell2]:last-child{border-radius: 0 0 13px 0;}
 .tabla [class^=dtrow]:only-child [class^=dtcell1]:first-child{border-radius: 13px 0 0 13px;}
 .tabla [class^=dtrow]:only-child [class^=dtcell2]:last-child{border-radius: 0 13px 13px 0;}

 .tabla .dtrow [class^=dtcell]{
    padding: 0px 25px;
}
 .tabla .dtrow.first [class^=dtcell]{
    padding: 10px 25px; 
}

  .tabla [class^=dtrow]{display: table-row;color:#727277; }
  .tabla [class^=dtcell]{display: table-cell;text-align: left;vertical-align: middle;background-color: #fff;box-sizing: border-box;padding: 10px 25px;position: relative;}
  .tabla .dtrowh [class^=dtcell]{padding: 10px 25px; }
.tabla .inputtype.option-input { margin:none!important; }

.tabla.menospadding [class^=dtcell]{padding: 10px 5px; }

.tabla .field{
    float:left;
  width:62px;
  margin-left: 70px;
  font-size: 0px;
}

.tabla .field label{
  border:0px!important;
}

.tabla .chb .field:nth-child(3){
  display:none;
  width:0px;
  margin-left:0px;

}

.tabla center{
  padding:0px!important;
}

/** CUESTIONARIO **/
#page-mod-quiz-view .quizinfo{
    display:none;
}

.que h3.no {
    display:none;
}

.que .formulation {
    color:#343434;
    background-color: transparent;
    border-color: transparent;
}

.que .outcome, .que .comment {
    color: #343434;
    background-color: transparent;
    border-color: transparent;
}

/** H5P **/

button.h5p-question-check-answer {
    background-color: #059990;
}

/** RESPONSIVIDAD **/

@media only screen and (max-width: 768px) {
    .dialogo .textodialogo{
        width:auto;
        max-width:calc(100% - 140px);
    }
  }


/** TOGGLE MOSTRAR ESCONDER PISTA O CUALQUIER COSA **/

/**
 * Notice: Checkbox is styled via import of my other pen (https://codepen.io/fxm90/pen/JdmaeL)
 */

.eltoggle input[type="checkbox"] + span {
        display:none;
        visibility: hidden;
        opacity: 0;
      
        transition: visibility 0s linear 0.33s, opacity 0.33s linear;
      }
      
.eltoggle input[type="checkbox"]:checked + span {
        display:block;
        visibility: visible;
        opacity: 1;
        
        transition-delay: 0s;
      }

  .msgoculto {
    display: block;
    margin-top: 8px;
    padding: 8px 12px;
    font-weight: 400;
    border: 1px solid #ddd;
    border-radius: 3px;
  }

  .chbceleste {
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-right: 0.75rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    display:none;
  }

  .chbceleste:checked:before {
    border-color: #03a9f4;
  }

  .chbceleste:checked:before {
    height: 50%;
    transform: rotate(-45deg);
    border-top-style: none;
    border-right-style: none;
  }

  .chbceleste:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 2px solid #f2f2f2;
    transition: all 0.3s ease-in-out;
}

/*** MODALS ***/

/* Greeting Modal Container */
.modal-container {
    visibility: hidden;
    opacity: 0;
    transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  
  /* Greeting Modal Container - when open */
  .modal-container:target {
    visibility: visible;
    opacity: 1;
  }
  
  /* Greeting Modal */
  .modal-container .mymodal {
    opacity: 0;
    transform: translateY(-1rem);
    transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: .2s;
  }
  
  /* Greeting Modal - when open */
  .modal-container:target .mymodal {
  transform: translateY(0);
  opacity: 1;
  }
  
  /* Modal Container Styles */
  .modal-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:1;
  }
  
  /* Modal Background Styles */
  .modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
  }
  
  /* Modal Body Styles */
  .mymodal {
    z-index: 1;
    background-color: white;
    width: fit-content;
    max-width: 1000px;
    padding: 1rem;
    border-radius: 8px;
    overflow:scroll;
    max-height:450px;
  }

  /** botón estiloso **/
  .btnmodal {
    background-color: #e4fffd;;
    color:#707070;
    padding: 12px 13px;
    text-decoration: none;
    border-radius: 20px;
  }
  
  .btnmodal:hover {
    background-color: #a0f2ec;
  }

  .btnmodal:target::before {
      content:none;
  }

  /** PERSISTENTE **/
  .pestanapersistente {
    display: flex;
  }
  
  .pestanapersistente .alert {
    position: relative;
    font-style: italic;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-bottom: 1em;
  }
  
  .pestanapersistente .alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f !important;
  }
  
  .pestanapersistente .btn-fixed {
    position: fixed;
    right: 2em;
    top: 50vh;
  }

  .pestanapersistente .btn-fixed.btn-cursoentero {
    position: fixed;
    right: 2em;
    top: 70vh;
  }
  
  .pestanapersistente .persistent-btn {
        display: flex;
        padding: 8px 16px;
        border-radius: 3px;
        cursor: pointer;
        text-decoration: none !important;
        font-family: 'NunitoBold';
        font-size: 16px;
        font-weight: bold;
        color: #fff !important;
        background: #03a9f4;
        opacity: 0.8;
        transition: 1s;
        box-shadow: 8px 8px 0 #046af1;
        transform: skewX(-15deg);
        z-index: 999;
  }
  
  
  
  .pestanapersistente .persistent-btn:hover {
      transition: 0.5s;
      opacity: 1;
      box-shadow: 5px 5px 0 #05706b;
  }
  
  
  .pestanapersistente .persistent-btn span {
      transform: skewX(15deg);
      text-transform: uppercase;
    }
  
    .pestanapersistente .animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
  
    .pestanapersistente .animated{
      -webkit-animation-duration:1s;
      animation-duration:1s;
      -webkit-animation-fill-mode:both;
      animation-fill-mode:both
  }
  
  @-webkit-keyframes fadeInRight{
      0%{
          opacity:0;
          -webkit-transform:translateX(200px);
          transform:translateX(200px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @keyframes fadeInRight{
      0%{
          opacity:0;
          -webkit-transform:translateX(200px);
          -ms-transform:translateX(200px);
          transform:translateX(200px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          -ms-transform:translateX(0);
          transform:translateX(0)
      }
  }
  .fadeInRight{
      -webkit-animation-name:fadeInRight;
      animation-name:fadeInRight
  }


/** SLIDER **/
  .slider {
    width: 800px;
    max-width:100%;
    position: relative;
    margin: 30px auto;
  }
  
  .slider>.contenido {
    position: relative;
    width:90%;
    transition: all 0.2s;
    min-height: 360px;
  }
  
  .slider>.contenido img{
    max-width:100%;
  }
  
  .slider input[name^='slide_switch'] {
    display: none;
  }
  
  .slider label {
    margin: 5px 0 0 0px;
    border: 3px solid #39958f;
    position:absolute;
    left:93%;
    cursor: pointer;
    transition: all 0.5s;
    opacity: 0.6;
    background-color: #e4fffd;
    color: #343434;
    padding: 5px;
  }
  
  .slider label:nth-child(2){
    top:0;
  }
  
  .slider label:nth-child(5){
    top:15%;
  }
  
  .slider label:nth-child(8){
    top:30%;
  }
  
  .slider label:nth-child(11){
    top:45%;
  }
  
  .slider label:nth-child(14){
    top:60%;
  }
  
  .slider label:nth-child(17){
    top:75%;
  }
  
  .slider label:nth-child(20){
    top:90%;
  }
  
  .slider label img {
    display: block;
  }
  
  .slider input[name^='slide_switch']:checked+label {
    border-color:#39958f;
    opacity: 1;
  }
  
  .slider input[name^='slide_switch']~.contenido {
    opacity: 0;
    display:none;
    transform: scale(1.1);
  }
  
  .slider input[name^='slide_switch']:checked+label+.contenido {
    opacity: 1;
    display:block;
    transform: scale(1);
  }


/** QUE APRENDIMOS **/

.queaprendimos{
  margin-top:30px;
}

.queaprendimos p,.queaprendimos select{
  display:inline;
}

.queaprendimos div[class^='preg']{
  background-size:contain;
  width: 20px;
  height: 15px;
  display: inline-block;
}

.queaprendimos div[class^='preg'].correcta{
  background-image:url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/correcto.png);
  background-size:contain;
  background-repeat: no-repeat;
}

.queaprendimos div[class^='preg'].incorrecta{
  background-image:url(https://static.sumaysigue.uchile.cl/LiceoDigital/img/incorrecto.png);
  background-size:contain;
  background-repeat: no-repeat;
}
 
/* EXTRAS VARIOS */

.textorojo{
    color:red;
}

/* JSX */
.jxgbox .p1 {
  font-family: "Times New Roman", Times, serif!important;
}

/** CORRECCIONES MINEDUC **/
aside p {
    font-size: inherit;
}

/* ARREGLOS MOODLE */

/*
body{
  color: #6f7074;
    font-family: "OpenSansRegular",sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.642;
}

#region-main.has-blocks {
  border: 0!important;
    background: none!important;
    padding: 0!important;
    overflow: visible!important;
}

.course-content {
  border-style: solid;
  border-width: 2px;
  border-color: #edeff7;
  border-radius: 5px;
  background-color: rgba(42,53,59,0);
  margin-bottom: 30px;
  position: relative;
  padding: 30px;
  width: 100%;
}

.im-controls .btn-secondary {
  color: #ffffff;
  background-color: #0369f1;
  border-color: transparent;
  border-radius: 6px;
  padding: 15px 50px 15px 50px;
  text-transform: uppercase;
  font-weight: bold;
}

.im-controls .btn-secondary:not(:disabled):not(.disabled):active, .im-controls .btn-secondary:hover {
  color: #ffffff;
  background-color: #024aa8;
  border-color: transparent;
}

.im-controls .btn-secondary:disabled {
  color: #ffffff;
  background-color: #0369f1;
  border-color: transparent;
}


h3.section-title{
  font-size: 18px;
    font-family: "NunitoRegular";
    color: #3b3b3b!important;
    line-height: 1.7;
    border-radius: 5px;
    background-color: #edeff7;
    height: 50px;
    padding: 10px 20px;
}
*/

 /* AGREGADO THOMAS */
  
 .numeroPagina {
    font-family: arial;
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    width: 133px;
    height: 47px;
    background-image: url(https://static.cmm.uchile.cl/global2/numpag.png);
    background-repeat: no-repeat;
    text-align: center;
    line-height: 50px;
}

/*
.logo {
    float: right;
    display: inline-block;
    width: 102px;
    height: 71px;
    background-image: url(https://static.cmm.uchile.cl/global/logo.jpg);
    background-repeat: no-repeat;
}
*/

.nombreActividad {
        font-family: arial;
    font-size: 15px;
    color: #919191;
    margin-top: 1.2%;
    text-transform: uppercase;
}

/*
.box{

    width:950px;
    margin: 0 auto;
}
*/

.preguntas {
    position: relative;
    width: 780px;
    border-radius: 10px;
    background-color: #f1f2f4;
    padding: 10px;
    box-sizing: border-box;
    display: block;
    margin: 20px 0;
    font-family: Arial;
    margin:0 auto;
    margin-bottom: 2% ;
    border: 1px solid #9c9c9c;
}

.preguntas .numero {
    width: 25px;
    height: 25px;
    background-color: #dc0000;
    color: #fff;
    margin: auto;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 18px;
    left: 10px;
    line-height: 25px;
}

.preguntas .separpreg {
    width: 1px;
    height: 40px;
    background-color: #a7a7a7;
    color: #fff;
    margin: auto 10px;
    position: relative;
    left: 25px;
    float: left;
}

.preguntas .enunciado {
    width: 720px;
    color: #464646;
    font-weight: bold;
    position: relative;
    left: 25px;
    float: left;
}

.letra{
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
}



.singlebutton:nth-child(2), .singlebutton:last-child {
  float:right;
}

.singlebutton:last-child button::after {
  content: " >";
}

.singlebutton:first-child button::before{
  content: "< ";
}

.singlebutton:only-child button::before{
    content:"";
}
.singlebutton button{
  background-color:#DC0000;
  color:white;
  border-radius:15px;
  border:0;
  transition: box-shadow .3s;
  font-weight: bold;
  }

.singlebutton button:hover, .singlebutton button:active{
    background-color:#DC0000;
  color:white;
  border-radius:15px;
  border:0;
   box-shadow: 5px 5px 7px rgba(33,33,33,.3); 
   transform: translateY(4px);
}