@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css');
/*
    font-family: 'Roboto Slab', serif;
    font-family: 'Mulish', sans-serif;
*/

:root {
    --ok-color: #16A34A;
    --ok-lightcolor: #16a34a14;
    --error-color: #DC2626;
    --error-lightcolor: #dc26263b;
    --solution-color: #00BDFF;
    --solution-lightcolor: #00bdff54;
    --workspace-color: #C2C2C2;
    --workspace-lightcolor: #c2c2c252;

    --main-color: #F0ECF7;
    --SecondaryColor: #36596C;
    --SlidePadding: 5rem;
    --MainMargin: 0 0 2.0rem;
    --page-color: #9a5db2;
    --Color2: #36596C;
    --Color2Trans: #4851561f;
    --white:#fff;
    --MainFontFamily: 'Mulish', 'Source Sans Pro', sans-serif;
    --MainText: 1.8rem; /*Aquí cambias el tamaño del texto*/
    --MainLineHeight: 2.9rem; /*Aquí se cambia el interlineado*/

    /*Variables TOC LATERAL*/
    --BorderRadius: 7px;
    --TextColorFixed: #0a0a0a;

    --MainBg: #fafafa;
    --SecondBg: #e5e7eb;
    --TextColor: #0a0a0a;
}

/*Pruebas colores generales*/
body {
    color: var(--TextColor);
}
#swipeview-slider>div {
    background-color: var(--SecondBg);
}
#actividad .carousel-inner .item-container {
    background-color: var(--MainBg);
}
.info-popover .popover-title,
 .popover-template .popover-title {
    padding: 1rem 1.5rem;
    background-color: var(--MainBg);
    color: var(--TextColor);
    font-weight: bold;
}
.info-popover .popover-title:before, .popover-template .popover-title:before {
    display: none;
}
.info-popover .popover-content,
.popover-template .popover-content {
    background: var(--MainBg);
}
.close-popover {
    font-size: var(--MainText);
    color: var(--page-color);
    background-color: var(--main-color);
    top: 0;
    right: 0;
    padding: 0.5rem;
    border-bottom-left-radius: 5px;
    width: 3rem;
    height: 3rem;
    transition: all 0.2s ease-in-out;
}
.close-popover:hover {
    opacity: 1;
    background-color: var(--error-color);
    color: #ffffff;
}


/*---- AJUSTES LIBRO DIGITAL ---*/
body .navbar.libro {
    background: #485156 !important;
}
body .libro-left ul li .title {
    background: #485156 !important;
}

/*Ocultamos boton tamaño letra en PDF interactivo*/
.body_htmlBook .libro-right ul li #boton_tamano_letra,
 .body_curso .libro-right ul li #boton_tamano_letra {
    display: none;
}
@media only screen 
and (max-width : 520px) {
    #boton_compartir {
        display: none;
    }
    #tool-text {
        display: none;
    }
    .body_htmlBook .libro-right ul li .tool-button {
        width: 40px !important;
    }
}


/*-- FIN AJUSTES LIBRO DIGITAL --*/

/*-------------------*/
/*Cambios en el índice general*/
#indice .unit-content .header .title {
    display: block;
    filter: drop-shadow(2px 4px 6px black);
}
body.body_curso {
    color: var(--TextColor);
    background: var(--SecondBg);
}
#indice .unit-content {
    background-color: var(--MainBg);
}
#indice .unit-content .content {
    border: var(--Color2);
}
.pearsonhe-title-1 {
    color: var(--TextColor);
    display: none;
}
.pearsonhe-description {
    display: none;
}
#indice .units ul li {
    border-radius: 5px;
}
.content-wrapper.libro #indice .unit-content .actividades .item .title {
    color: var(--TextColor);
}

#indice .units ul li a {
    color: var(--TextColor);
}

#indice .units ul li.pearsonhe-toc-active:not(.disabled) a,
 body:not(.isTablet) #indice .units ul li:hover:not(.disabled) a,
  #indice .units ul li:focus:not(.disabled) a {
    cursor: pointer;
}

#indice .units ul li.pearsonhe-toc-subunit-active:not(.pearsonhe-toc-home) {
    border-radius: 5px;
}

@media (max-width: 767px) {
.body_curso #indice .unit-content .actividades .item .icon {
    margin-top: -1px;
}
}


/*--------------------*/



/*Cambios en los iframes*/
#iframe_div:not(.audio, .video) {
    min-width: 360px !important;
    left: 2.7% !important;

}
iframe#class_iframe {
    min-width: 350px !important;
}

/*Barra audio con transcript*/
/*
.view-mode.unittag_audiotranscript .bck-video-container2.transcript .bck-video-player {
    width: 100%;
}
.unittag_audiotranscript #iframe_div.iframe_div.audio {
    margin-left: -180px !important;
}
*/
.fa-file-text-o:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 15px;
}

/*--*/

/*Cambio color modal*/
.modal-backdrop {
    background-color: #676767;
}
/*Boton iframe*/
.btn-close-iframe {
    margin-top: 0;
}
.btn-close-iframe a {
    padding: 5px;
    color: #ffffff;
    transition: none;
}
  .btn-close-iframe a:hover,
   .btn-close-iframe a:active,
   .btn-close-iframe a:focus {
    color: black;
    font-weight: 400;
    background-color: #ffffff;
  }

#actividad .carousel-inner .item-container {
    border-radius: 20px;
}

body #actividad .content .header .logo_holder {
    display: none;
}

/* Navigator bottom - Navegador inferior */
.navigator {
    padding: 0px var(--SlidePadding);
}

/*audio*/
#actividad .player.audio, #actividad .player.video, #help-panel-content .player, #remote-alert-modal-rich .player { 
    width: 38px !important;
    height: 38px !important;
    border: 0;
    border-radius: 50%;
    background-image: none;
    background-color: var(--page-color);
    background-position: 1px 1px;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    margin: -7px 0px;
   /* background-position: center;*/
    /*background-image: url(/useruploads/r/a/475740582/activity_other_imported/play_icon.png);*/
   /* background-size:45%;*/
   background-image: none;
   border-radius: 5px;
   transform: rotate(45deg);
   height: 2.5rem !important;
   width: 2.5rem !important;
}

#actividad .player.audio:before {
    content: "\f028";
    font-family: 'FontAwesome';
    transform: rotate(-45deg);
    color: #ffff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0px;
    top: 0px;
}

/*Video*/
/*Audio transcript*/
/*
.view-mode.unittag_audiotranscript .bck-sidebar-transcript {
    width: 100%;
    height: 75%;
}
*/

#actividad .player:hover, #help-panel-content .player:hover, #remote-alert-modal-rich .player:hover {
    background-color: #c278df;
    box-shadow: 0 0 8px 2px #00000036;
}

/*imágenes*/
.bck-i-fullscreen-wrapper {
    padding: 0px;
}

/*numero slide*/
body #actividad .content .header .slide_number {
    display: none;
}

/*pop-up*/
#actividad .info-button.only-teacher {
    border: 1px solid var(--page-color) !important;
}

#actividad .info-button {
    cursor: pointer;
    margin: 1.4rem 0.5rem 0 0;
    color: var(--page-color);
    font-size: 30px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 black;
    transition: box-shadow 0.3s ease-in-out;
}
#actividad .info-button:hover {
    box-shadow: 0 0 4px 5px var(--page-color);
}

.fa-info:before {
    content: "\f0eb";
}

/*Popup Lateral*/
.popover-template {
    z-index: 1003;
}

.info-template .info-title.only-teacher {
    border-color: var(--page-color) !important;
}
.info-template.shown {
    background: var(--SecondBg);
    border-radius: 5px 0 0 5px;
    width: 250px;
    z-index: 999;
}

.info-template .info-title {
    color: var(--page-color);
    transition: all 0.2s ease-in-out;
    margin-bottom: 1rem;
}
.info-template .info-title.shown {
    height: auto;
    margin: 0 0.3rem 1.2rem 0.6rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--page-color);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-weight: bold;
}
.info-template .info-title:hover {
    opacity: 1;
    background-color: var(--main-color);
}
.info-template .info-icon {
    color: #ffffff;
    width: 5rem;
    height: 3rem;
    display: flex;
    align-items: center;
    background-color: var(--page-color);
    justify-content: center;
    top: -0.3rem;
    border-radius: 5px;
    box-shadow: none;
    font-size: 1.8rem;
}





/*----*/


/*navbar*/
.navbar.libro,
.libro-left ul li .title,
.libro-left ul, .libro-right ul,.libro-left ul li .title {
    background: #485156 !important;
}
.libro-right, .libro-left {
    background: #485156 !important;
}
.navbar-bottom {
    padding-left: 20px;
    padding-right: 20px;
}
#bottom-navigator li {
    font-size: 18px; /*Para que no cambie con el cambio de texto*/
    line-height: 22px; /*Para que no cambie con el cambio de texto*/
}
#bottom-navigator li.active {
    background: #fff;
    color: var(--page-color);
}
#bottom-navigator li:hover {
    color: var(--page-color)
}
.slider-indicators {
    padding: 5px; /*Alineado vertical*/
}

/*enlaces*/
a:hover, a:active, a:focus {
    color: var(--page-color);
}

/*ADJUNTO*/
.bck-sub-label, .bck-file-label {
    padding: 0;
    margin: 0;
}
.body_clase #actividad .bck-file-attach {
    display: flex;
    align-items: center;
    background-color: var(--main-color);
    position: relative;
    text-decoration: none !important;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 10px;
    transition: box-shadow 0.3s ease-in-out;
    margin: 0.5rem 1rem;
    padding: 1rem 0.5rem;
    color: var(--TextColor);
}

.body_clase #actividad .bck-file-attach:before {
    content: "\f0c6";
    font-family: FontAwesome;
    font-size: 24px;
    font-weight: 100;
    margin-right: 10px;
    margin-left: 10px;
}

.body_clase #actividad .bck-file-attach:hover {
    box-shadow: 0px 6px 8px #0000002b;
    color: var(--page-color);
    outline: 2px solid var(--page-color);
}

.bck-file-label {
    background: none;
}

.bck-file-attach img {
    display: none;
}

/*actividad enlazada*/
.texto_curso .bck-activity-link,
 .texto_curso .bck-link {
    cursor: pointer;
    padding-top: 10px;
    font-size: 1.6rem;
    background-color: var(--main-color);
    padding: 1rem;
    border-radius: 10px;
    transition: box-shadow 0.3s ease-in-out;
    margin: 0.5rem 1rem;
    font-weight: bold;
}

.texto_curso .bck-activity-link:hover,
 .texto_curso .bck-link:hover {
    box-shadow: 0px 6px 8px #0000002b;
    color: var(--page-color);
    outline: 2px solid var(--page-color);
}

.texto_curso .bck-activity-link:before,
 .texto_curso .bck-link:before {
    content: "\f08e";
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 21px;
}

 

/*--TABLAS--*/

.content table:not(.rf-tablegrid) td, .content table:not(.rf-tablegrid) th {
    border: inherit;
    padding: 5px;
    background: inherit;
}

.content table:not(.rf-tablegrid) {
    border: inherit;
    margin-bottom: 20px;
}

/*--- Titulos --- */
.bck-title-1{
    font-family: 'Roboto Slab', 'Source Sans Pro', sans-serif ;
    font-size: calc(var(--MainText) * 2);
    font-weight: bold;
    color: var(--Color2);
    margin: 4rem 0;
 }
 .bck-title-2 {
    font-family: 'Roboto Slab', 'Source Sans Pro', sans-serif ;
    font-size: calc(var(--MainText) * 1.6);
    font-weight: bold;
    color: var(--Color2);
    margin: 3rem 0;
 }
 .bck-title-3 {
    font-family: 'Roboto Slab', 'Source Sans Pro', sans-serif ;
   font-size: calc(var(--MainText) * 1.3);
   font-weight: bold;
   color: var(--Color2);
 }
 .bck-title-4 {
    font-family: 'Roboto Slab', 'Source Sans Pro', sans-serif ;
    font-size: calc(var(--MainText) * 1.15);
    font-weight: bold;
 }
 .bck-title-5 {
    font-family: 'Roboto Slab', 'Source Sans Pro', sans-serif ;
    font-size: calc(var(--MainText) * 1.15);
    color: var(--page-color);
    font-weight: 400;
 }

/*-- Enfasis --*/
.bck-title-1 .bck-enfasis2 {
    background-color: var(--page-color);
    color: #ffffff;
    padding: 0 1.5rem;
    border-radius: 10px;
}

/*- Enfasis 3 Solucion -*/
.bck-enfasis3 {
    color: var(--solution-color);
}
/*cajas*/

/*Caja visible por el profesor*/
.bck-box.visible-by-teacher {
    padding: 1rem;
    border-radius: 7px;
    background-color: var(--main-color);
    border: 2px dashed var(--page-color) !important;
}
/*Hay reglas que cambian aquí dentro de una caja de este tipo
    - Ver desplegables 
    - Ver Grids
*/

.bck-box {
}

.bck-box.box-2.center {
    background: var(--main-color);
    border-radius: 15px;
    margin-bottom: 15px;
    color: var(--TextColor);
}

.bck-box.box-2.center .bck-content {
    padding: 15px 10px 1px 10px;
    font-weight: 400;
}

/*caja 3*/
.bck-box.box-3.center {
	background-color: var(--SecondaryColor);
	color: #fff;
    border: 0;
	width: calc(100% + var(--SlidePadding) * 2);
    margin-left: calc(-1 * var(--SlidePadding));
    padding-left: var(--SlidePadding);
    padding-right: var(--SlidePadding);
    margin-top: -0.5rem; /*Mismo valor que el padding de la slide*/
    border-radius: 20px 20px 0px 0px;
    font-size: 1.8rem;
    font-weight: bold;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

.bck-box.box-3.center p {
    margin: 0;
}


/*caja 4*/
.bck-box.box-4.center .bck-title {
	border: none;
    width: 3rem !important;
    height: 3rem !important;
    background-color: var(--page-color);
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    color: var(--white);
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}


.bck-box.box-4.center .bck-content {
    padding: 0;
    border: 0;
    text-align: center;
}

/*Caja 6*/
.bck-box.box-6.center {
    background-color: var(--page-color);
    color: #ffff;
    padding: 1rem;
    border-radius: 7px;
    font-family: 'Roboto Slab', 'Source Sans Pro', sans-serif;
}
.bck-box.box-6 ul {
    margin-bottom: 0;
}
.bck-box.box-6 ul li:before {
    content: "\f054";
    font-family: FontAwesome;
    background: none;
    margin-top: 0.1rem;
    color: #A689BF;
}

/*Caja 7*/
.bck-box.bck-box-7 {
    padding: 4rem 4rem 2rem 2rem;
    background-image: url(https://admin.blinklearning.com/useruploads/r/a/477368702/activity_other_imported/border-box-7.svg), url(https://admin.blinklearning.com/useruploads/r/a/477368702/activity_other_imported/border-box-7.svg);
    background-repeat: repeat-x, repeat-y;
    background-position: top right, top right;
    background-color: #7fbfef14;
    border-radius: 7px;
    box-shadow: 0 0 6px 3px #0000001f;
}


/*---- Listas ---- */
/*Lista 1*/
.content .bck-ol1 li:before,
 .cke_contents .bck-ol1 li:before,
  .content ol li:before,
   .cke_contents ol li:before {
    left: -10px;
    width: 30px;
    color: var(--Color2);
}

/*Lista 2*/
.content .bck-ol2 li:before, .cke_contents .bck-ol2 li:before {
    color: var(--TextColor);
}
/*Lista 4*/
.content .bck-ol4 li {
    padding-left: 1rem;
}
.content .bck-ol4 li:before {
    color: var(--page-color);
    left: -3rem;
    top: 0.3rem;
}

/*-- Lista desordenada --*/
.texto_curso ul li:before,
 .workspace ul li ul li:before,
 .cke_contents ul li:before {
    background-color: var(--TextColor);
}

/*---- Desplegables -----*/
.bck-dropdown-button {
    cursor: pointer;
}
 .bck-dropdown {
    margin-bottom: 2rem;
  }
   .bck-dropdown .bck-dropdown-button {
    cursor: pointer;
    padding: 0.5rem 1rem;
  }
  .bck-dropdown .bck-dropdown-button p {
    margin-bottom: 0;
  }
   .bck-dropdown-titulo {
    font-size: var(--MainText); 
    padding-left: 0;
  }
   .bck-dropdown .bck-dropdown-content {
    padding: 1rem 1.5rem;
  }
    
    .bck-dropdown-icon>.fa {
      line-height: revert; /*Revierto interlineado para alinear el icono verticalmente*/
      border: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

/*Desplegable 1*/
#actividad .bck-dropdown-1 {
    background-color: transparent;
    border: 2px solid var(--Color2);
    border-radius: 7px;
    overflow: hidden;
    color: var(--Color2);
}
#actividad .bck-dropdown-1 {
    background-color: transparent;
    border: 2px solid var(--Color2);
    border-radius: 7px;
    overflow: hidden;
  }
   #actividad .bck-dropdown-1 .bck-dropdown-button {
    color: var(--Color2);
    background-color: transparent;
    font-weight: bold;
    transition: background-color 0.3s ease-in-out;
    display: flex;
    align-items: center;
  }
  #actividad .bck-dropdown-1 .bck-dropdown-button:hover {
    background-color: var(--Color2Trans);
}
  #actividad .bck-dropdown-1 .bck-dropdown-titulo {
      color: inherit;
  }
  #actividad .bck-dropdown-1 .bck-dropdown-content {
    background-color: transparent;
    border: 0;
  }

/*Desplegable dentro de una caja del profesor*/
#actividad .bck-box.bck-box.visible-by-teacher .bck-dropdown {
    margin-bottom: 0;
}


/*Desplegables feedback*/
.bck-dropdown.right-fb-dropdown,.bck-dropdown.wrong-fb-dropdown {
    border-radius: 7px;
}
.bck-dropdown.right-fb-dropdown {
    background-color: var(--ok-lightcolor);
    border: 0;
    color: var(--ok-color);
}
.bck-dropdown.right-fb-dropdown .bck-dropdown-icon>.fa {
    color: var(--ok-color);
}
.bck-dropdown.wrong-fb-dropdown {
    border: 1px solid var(--error-color);
    background-color: var(--error-lightcolor);
    color: var(--error-color);
    border: 0;
}
.bck-dropdown.wrong-fb-dropdown .bck-dropdown-icon>.fa {
    color: var(--error-color);
}

/*----- GRIDS ------*/
/* Grid dentro de una caja del profesor*/
.bck-box.visible-by-teacher .row {
    margin-left: 0;
    margin-bottom: 0;
}

/*--- FIN GRIDS ---*/

/*------------------------*/
/*PANEL NAVEGACION INFERIOR SLIDES*/
/*------------------------*/

.navigator .slider-control.left:before,
 .navigator .slider-control.right:after {
    font-family: "FontAwesome";
    position: absolute;
    margin-top: 6px;
}

.navigator .slider-control.left,
 .navigator .slider-control.right {
    color: var(--TextColor);
    opacity: 0.7;
}

body:not(.android) .main-navigator .slider-control:not(.disabled):hover {
    color: inherit;
}

/*-- PANEL NAVEGACION INFERIOR SLIDES --*/




/*----------------------*/
/* ---- BOTONERA ----- */
/*----------------------*/


div.review button {
    border-radius: 5px;
    margin-bottom: 1rem;
}
#actividad .class_slide .review {
    margin-top: 2rem;
    text-align: center;
}
#actividad .content .review .attemps {
    margin-left: 0.6rem;
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 1rem 0;
}
#actividad .content .review .attemps span {
    height: 27px;
    padding: 3px 12px;
}


    .btn-danger, .btn-danger[disabled] {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid var(--error-color);
    color: var(--error-color);
    background: transparent;
    font-weight: 700;
    }
    .btn-primary, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid var(--page-color);
    color: var(--page-color);
    background: transparent;
    font-weight: 700;
    }
    .btn-primary:not([disabled]):hover,
     .btn-primary:not([disabled]):focus,
      .btn-primary:not([disabled]):active,
       .btn-primary.active,
        .open .dropdown-toggle.btn-primary {
    background-color: var(--page-color);
    border-color: var(--page-color);
    color: #ffffff;
    }
    #actividad .content .review .attemps span {
    background-color: var(--page-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    .btn-primary[disabled], .btn-primary[disabled]:focus {
    color: #fff;
    background-color: #b2b2b2;
    border-color: #b2b2b2;
    }
    .btn-solution, .btn-solution.disabled,
    .btn-solution[disabled], .btn-next:not([disabled]), .btn-next.disabled,
    .btn-next[disabled] {
    color: var(--solution-color);
    background-color: transparent;
    border-color: var(--solution-color);
    border: 2px solid var(--solution-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 700;
    }
    .btn-solution:hover,
    .btn-solution:focus,
    .btn-solution:active,
    .btn-next:not([disabled]):hover,
     .btn-next:not([disabled]):focus,
    .btn-next:not([disabled]):active,
    .open .dropdown-toggle.btn-solution {
    color: #fff;
    background-color: var(--solution-color);
    border-color: transparent;
    }
 /*---*/  

/*-------------------------------------------*/
/*---- Cambios plantillas de actividades -----*/
/*-------------------------------------------*/

/*Boton de nota*/
.nota-budget {
    margin-top: 1.5rem;
    z-index: 20;
}
.nota-budget span {
    padding: 4px 52px 5px 10px;
    font-size: 20px;
}

#actividad .workspace.chooseblanks .inline-answer a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    border: 2px solid #a3a3a3;
    padding: 0 0.5rem;
    border-radius: 5px;
}

#actividad .workspace.chooseblanks .inline-answer a.selected:not(.respuesta_ok):not(.respuesta_ko):not(.solucion) {
    background-color: var(--workspace-lightcolor);
}

/*--- 2. Plantilla Verdadero y falso y Plantilla Test ---*/
.checkbox-option label.filter-label,
 .checkbox-option label.filter-label-append,
  .radio-option label.filter-label {
  font-size: revert;
}
#actividad .workspace.true-false .checkbox-option input.filter-checkbox[type="checkbox"]+label.filter-label,
#actividad .workspace.true-false .radio-option input.filter-radio[type="radio"]+label.filter-label,
#actividad .workspace.test .checkbox-option input.filter-checkbox[type="checkbox"]+label.filter-label,
#actividad .workspace.test .radio-option input.filter-radio[type="radio"]+label.filter-label {
    padding: 5px;
    padding-left: 25px;
    border-radius: 3px;
}
#actividad .workspace.test .respuesta_ok,
#actividad .workspace.true-false .respuesta_ok {
  border: 2px solid var(--ok-color);
}
#actividad input.respuesta_ok,
#actividad .img-input-container.respuesta_ok {
  border-color: var(--ok-color);
  background-color: #ffffff;;
}
#actividad .workspace.test .respuesta_ko,
#actividad .workspace.true-false .respuesta_ko {
  border: 2px solid var(--error-color);
  background-color: var(--error-lightcolor);
}
#actividad .workspace.test .solucion,
#actividad .workspace.true-false .solucion {
  border: transparent;
  background-color: var(--solution-lightcolor);
}
/*--*/

/* Señalar respuestas */
#actividad .slide-wrapper .workspace.chooseblanks .inline-answer a {
    text-decoration: none;
    font-weight: inherit;
  }
  #actividad .workspace.chooseblanks .inline-answer a {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid var(--workspace-color);
    padding: 0px 6px;
    margin: 0 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: inherit;
  }
  #actividad .workspace.chooseblanks .inline-answer a:hover {
    background-color: var(--workspace-lightcolor);
    color: inherit;
  }
  #actividad .workspace.chooseblanks select:disabled {
    opacity: 1;
  }
  

#actividad .workspace.chooseblanks select {
    cursor: pointer;
    border: 2px solid var(--page-color);
    padding: 0 .5rem;
    border-radius: 5px;
    background-color: var(--MainBg);
    color: var(--TextColor);
  }
  
  .body_clase:not(.edit) #actividad .workspace.chooseblanks .respuesta_ok,
  .body_clase:not(.edit) #actividad .workspace.chooseblanks .respuesta_ko  {
      border-bottom-width: 2px;
  }
  .body_clase:not(.edit) #actividad .workspace.chooseblanks .respuesta_ok  {
    border-color: var(--ok-color);
    background-color: var(--ok-lightcolor);
  }
  .body_clase:not(.edit) #actividad .workspace.chooseblanks .respuesta_ko {
    border-color: var(--error-color);
    background-color: var(--error-lightcolor);
  }
  #actividad .workspace.chooseblanks .inline-answer a.respuesta_ok {
    color: inherit;
    border-color: var(--ok-color);
  }
  #actividad .workspace.chooseblanks .inline-answer a.respuesta_ko {
    color: inherit;
    border-color: var(--error-color);
  }
  .body_clase:not(.edit) #actividad .workspace.chooseblanks .solucion {
    border-color: transparent;
    background-color: var(--solution-lightcolor);
    color: inherit;
  }

/*------------------------------------*/
/*------- AJUSTES GENERALES ----------*/    
/*------------------------------------*/



/*Reglas que beben de las variables principales*/
html body:not(.edit),
 body.edit .navbar.libro {
    line-height: var(--MainLineHeight);
    font-size: var(--MainText);
    font-family: var(--MainFontFamily)
}
#actividad .texto_curso,
 #actividad .texto_curso p {
     font-size: var(--MainText);
     line-height: var(--MainLineHeight) !important;
}
#actividad .pregunta .texto_curso {
    font-size: var(--MainText);
    line-height: var(--MainLineHeight);
}
#actividad .slide_content_type_1 .pregunta .texto_curso,
#actividad .texto_curso,
.html-book {
    font-size: var(--MainText);
}
#actividad .workspace {
    font-size: var(--MainText);
    line-height: var(--MainLineHeight);
}
.form-control {
    font-size: var(--MainText);
    color: var(--TextColor);
    background-color: var(--MainBg);
}

/*Modificación Padding Slide*/
#actividad .carousel-inner .item-container .class_slide {
    padding: 5px var(--SlidePadding);
}
/* Smartphones (portrait & landscape) */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    :root {
        --SlidePadding: 3rem;
    }
}




/*Para estandarizar que el texto dentro de estos elementos tengan el mismo tamaño*/
/*Flipbox*/
#actividad .bck-flipbox {
    line-height: var(--MainLineHeight);
    font-size: var(--MainText);
}
#actividad .bck-flipbox .bck-flipbox-face {
    font-size: var(--MainText);
    line-height: var(--MainLineHeight);
}
/*Palabra emergente*/
.body_clase.edit .popover-title,
 .popover-template .popover-title {
    font-size: var(--MainText);
    line-height: var(--MainLineHeight);
}
/*TABS*/
#actividad .bck-tabs-box .bck-tabslists .bck-tabtitles {
    font-size: var(--MainText);
}
/*Tablas*/
#actividad div:not(.calculo) > table:not(.rf-tablegrid):not(.puzzle) {
    font-size: var(--MainText);
}
/*Opciones a arrastrar en rellenar huecos con "Respuestas visibles" activado*/
.fillblanks-draggable-wrapper .response p {
    font-size: var(--MainText);
}
/*Tamaño de las opciones en verdadero y falso*/
.workspace.true-false .radio-option input.filter-radio[type="radio"]+label.filter-label {
    font-size: var(--MainText);
}
/*Tamaño en plantilla de clasificar*/
#actividad .workspace.clasificar {
    font-size: var(--MainText);
    line-height: var(--MainLineHeight);
}
/*Tamaño en plantilla Test*/
.test .checkbox-option label.filter-label {
    font-size: var(--MainText);
}
.checkbox-option label.filter-label,
 .checkbox-option label.filter-label-append,
  .radio-option label.filter-label {
    font-size: var(--MainText);
}
/*Palabras cruzadas*/
.slide.crosswords {
    font-size: var(--MainText);
}
.slide.crosswords .respuestas .respuesta {
    line-height: var(--MainLineHeight);
}
.slide.crosswords .indice {
    font-size: var(--MainText);
    line-height: var(--MainLineHeight);
}
.slide.crosswords .enunciados .enunciado {
    font-size: var(--MainText);
}

/*------ Crucigrama ----*/
.slide.crosswords-puzzle .enunciados {
    line-height: var(--MainLineHeight);
}
.slide.crosswords-puzzle .enunciado {
    font-size: var(--MainText);
    line-height: var(--MainLineHeight);
}

/*Estas son reglas para la  separación entre todos los elementos Separación de 20px entre todos, menos para el último párrafo existente*/
#actividad .texto_curso p p:last-child {
    margin-bottom: 0;
}
/*Cajas*/.bck-box {
    position: relative;
    margin-bottom: 20px;
}
/*Grids*/ .bck-row.row   { 
    margin-bottom: 20px;
}
/*Desplegables*/ #actividad .bck-dropdown {
    margin-bottom: 20px;
}
/*Flipbox*/ #actividad .bck-flipbox {
    margin-bottom: 20px;
}
/*Popup Boton #actividad .info-button {
    margin-bottom: 20px;
}*/
/*Tablas*/ #actividad div:not(.calculo) > table:not(.rf-tablegrid):not(.puzzle) {
    margin-bottom: 20px;
}




/*---*/
/*GRIDS - Para que no haya espacio a la izquierda*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
}

/*---*/
/* Esto elimina el padding de la plantilla "Rellenar espacios" con la opción "Marco", que viene marcada por defecto*/
.workspace.frame {
    padding: 0;
}

/*Estilo de la solución en "Respuestas cortas" no autoevaluables que viene sin estilo por defecto*/
.hint.solucion.decoding {
    color: #00BDFF;
}
/*Ajustes en la plantilla de Marcar palabras para que no se descuadren las listas en esta plantilla*/
#actividad .markwords-word {
    line-height: var(--MainLineHeight) !important;
}
#actividad .markword-active,
#actividad .markword-correct,
#actividad .markword-false,
#actividad .markword-solution {
    line-height: var(--MainLineHeight) !important;
    padding: 0 4px !important;
    border: 0 !important;
    outline: 2px solid rgb(35,31, 32) !important;
    border-radius: 5px !important;
    color: rgb(35,31, 32) !important;
}
#actividad .markword-correct {
    outline-color: #57e900 !important;
}
#actividad .markword-false {
    outline-color: #ff3626 !important;
}
#actividad .markword-solution {
    outline-color: transparent !important;
}
/*Ajustes en clasificar*/
#actividad .workspace.clasificar .clasificar_lista .classify-item {
    padding: 5px;
}
#actividad .workspace.clasificar .clasificar_lista li>p {
    top: 0;
    transform: none;
}

/*Ajustes sopa de letras*/
.rf-tgrid {
    height: 30px;
    width: 30px;
    font-family: var(--MainFont);
    font-weight: normal;
    font-size: var(--MainText);
}
.rf-foundword {
    font-family: var(--MainFont);
    font-size: var(--MainText);
}
.rf-wordcontainer li .index {
    font-size: var(--MainText);
    line-height: var(--MainLineHeight);
    font-family: var(--MainFont);
}
.rf-tablestyle {
    border: 3px solid;
    border-color: #CCCCCC;
}
.rf-wordcontainer {
    border: 0;
    font-family: var(--MainFont);
    font-size: var(--MainText);
}


/*--- Ajustes en los inputs ---*/
.shortanswer-container textarea:focus,
 .shortanswer-container input:focus,
  .shortanswer-container .preview:focus {
    -webkit-box-shadow: 0 0 2px var(--page-color);
    -moz-box-shadow: 0 0 2px var(--page-color);
    box-shadow: 0 0 2px var(--page-color);
    border-color: var(--page-color);
}
.form-control:focus, .form-control:focus-within {
    border-top-color: var(--page-color);
    border-right-color: var(--page-color);
    border-bottom-color: var(--page-color);
    border-left-color: var(--page-color);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px var(--main-color);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px var(--main-color);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px var(--main-color);
}


/*EXPERIMENTAL DARK MODE*/  
  ul li.dark-checkbox {
    height: auto !important;
  }
  
  input.dark-checkbox {
  
    opacity: 0;
    position: absolute;
    display: inline-block;
  }
  
  .dark-label {
    width: 57px;
    height: 22px;
    background-color: transparent;
    display: flex;
    border-radius: 50px;
    padding: 0px 5px;
    position: relative;
    transform: scale(1.1);
    margin-top: 12px;
    font-size: 16px;
    outline: 2px solid #fff;
    cursor: pointer;
    outline-offset: 1px;
    align-items: center;
    justify-content: space-between;
}
  
  .ball {
    width: 20px;
    height: 20px;
    background-color: white;
    position: absolute;
    top: 1px;
    left: 3px;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
}
  
  /*  target the elemenent after the label*/
  .dark-checkbox:checked + .dark-label .ball {
    transform: translateX(30px);
}
  
  .fa-moon {
      font-family: "Font Awesome 5 Free";
    color: #fbcfe8;
  }
  
  .fa-sun {
      font-family: "Font Awesome 5 Free";
    color: #fde68a;
  }

  /*Reglas que aplican*/

  body.dark-theme {
    --MainBg: #404040;
    --SecondBg: #262626;
    --TextColor: #fafafa;
    --Color2: #8ec3e0;
    --main-color: #c7b8e129;
    --page-color: #d2a9e2;

    --ok-color: #55e98b;
    --ok-lightcolor: #73f4a229;
    --error-color: #ff8e8e;
    --error-lightcolor: #c84a4a45;
  }


  body.dark-theme .content-wrapper.libro #indice .units ul li.pearsonhe-toc-home a .title::before{
    filter: grayscale(1);
  }
  body.dark-theme #indice .units ul li.pearsonhe-toc-home {
    margin-left: 0px !important;
    background-color: #292929!important;
    border: 2px solid;
    border-radius: 5px;
  }

  body:not(.isTablet).dark-theme #indice .units ul li:not(.disabled) a:hover .title,
   body:not(.isTablet).dark-theme #indice .units ul li.active:not(.disabled) a .title {
    color: #ffffff;
}

body.dark-theme #indice .units ul li.pearsonhe-toc-unithead {
    background: #404040;
}
body.dark-theme #indice .units ul li.pearsonhe-toc-unithead a .title {
    color: #ffffff;
}
body.dark-theme #indice .units ul li.pearsonhe-toc-subunit-active:not(.pearsonhe-toc-home) {
    border: 0;
    background: #5d5d5d;
    border-radius: 5px;
}
body.dark-theme  #indice .units ul li.pearsonhe-toc-subunit-active:not(.pearsonhe-toc-home) {
    background: var(--MainBg);
    border: 1.2px solid #fafafa;
}
body.dark-theme .content-wrapper.libro #indice .units ul li.pearsonhe-toc-active:not(.disabled),
 body:not(.isTablet).dark-theme .content-wrapper.libro #indice .units ul li:hover:not(.disabled),
  body.dark-theme .content-wrapper.libro #indice .units ul li:focus:not(.disabled) {
    background: #404040;
    border-left: 10px solid;
}

body.dark-theme #indice .units ul li.pearsonhe-toc-active:not(.disabled) a .title,
 body:not(.isTablet).dark-theme #indice .units ul li:hover:not(.disabled) a .title,
   body.dark-theme #indice .units ul li:focus:not(.disabled) a .title {
    color: #ffffff;
}


body.dark-theme #indice .units ul li a .title {
    color: #ffffff;
}

/*---- FIN DARK-THEME ----*/

/*------- Toolbar tamaño letra aA ------*/
.navbar.libro .popover {
    margin-top: 0;
    max-width: 354px;
    margin-left: -70px !important;
    background-color: var(--MainBg);
}
  


 
  /*------------------------------------------------*/
  /*---- TOC LATERAL - MENÚ DESPLEGABLE LATERAL ----*/
  /*------------------------------------------------*/

  #book-index #indice .units ul li a .title {
    color: var(--TextColorFixed);
  }

  /*Herencias del estilo Pearson*/
    #book-index #indice .units ul li {
        max-height: 100%;
    }
    #book-index #indice .units ul li.pearsonhe-toc-active:not(.disabled) a .title,
    body:not(.isTablet) #book-index #indice .units ul li:hover:not(.disabled) a .title,
    #book-index #indice .units ul li:focus:not(.disabled) a .title {
        color: inherit;
        line-height: 1.3;
    }
    body:not(.isTablet) #book-index #indice .units ul li:not(.disabled) a:hover, #book-index #indice .units ul li.active a {
        color: var(--TextColorFixed);
    }
  
  /*--- Panel izquierdo ---*/
  
  #book-index #indice .units ul li a:not(.delete) {
    margin: 5px 0px 5px 20px;
    border-radius: var(--BorderRadius) 0 0 var(--BorderRadius);
    padding: 20px 15px;
  }
  body:not(.isTablet) #book-index #indice .units ul#list-units li:not(.disabled).active a,
   body #book-index #indice .units ul#list-units li:not(.disabled).active a {
    background-color: var(--TextColorFixed);
  }
  body:not(.isTablet) #book-index #indice .units ul#list-units li:not(.disabled).active a,
   body #book-index #indice .units ul#list-units li:not(.disabled).active a {
    background-color: #cdcdcd
  }
  body:not(.isTablet) #book-index #indice .units ul#list-units li:not(.disabled):not(.active) a:hover,
   body #book-index #indice .units ul#list-units li:not(.disabled):not(.active) a:hover {
    background: #cdcdcd;
  }
  body:not(.isTablet) #book-index  #indice .units ul li:not(.disabled) a:hover .title,
   body:not(.isTablet) #book-index  #indice .units ul li.active:not(.disabled) a .title {
    color: var(--TextColorFixed);
  }
  
  /*--- Panel derecho ---*/
  #book-index #indice .unit-content .content, #book-index #indice .unit-content .actividades {
    border: 0;
  }
  
  body #book-index #indice .col-main {
    border-radius: 0 var(--BorderRadius) var(--BorderRadius) 0;
    background-image: none;
    background-color: #cdcdcd;
  }
  
  
  /*Botones Actividades Unidad y Material de Apoyo*/
  #book-index #indice .unit-content .content .title-buttons {
    border-bottom: 2px solid var(--page-color);
    text-align: center;
  }
  #book-index #indice .unit-content .content .title-buttons .btn {
    color: var(--main-color);
    font-weight: bold;
  }
  #book-index #indice .unit-content .material .title-buttons {
    margin-right: 20px; /*Para compensar los 20px de margen negativo que tiene la sección material*/
  }
  
  
  /*Colores opciones del menu */
  #book-index #indice .unit-content a {
    color: var(--TextColorFixed);
    transition: none;
  }
  body:not(.isTablet) #book-index #indice .unit-content .actividades .item:hover,
   #book-index #indice .unit-content .actividades .item.active,
    #book-index #indice .unit-content .actividades .item.current {
    opacity: 1;
    background-color: #eeeeee;
    box-shadow: 0 0 10px #00000026;
  }
  body:not(.isTablet) #book-index #indice .unit-content .actividades .item:hover a,
  body:not(.isTablet) #book-index #indice .unit-content .actividades .item:hover .text,
   #book-index #indice .unit-content .actividades .item.active a,
   #book-index #indice .unit-content .actividades .item.active .text,
    #book-index #indice .unit-content .actividades .item.current a,
    #book-index #indice .unit-content .actividades .item.current .text {
      color: #ffffff;
  }
  
  /*Fondo iconos material de apoyo*/
  #book-index #indice .unit-content .actividades .item {
    border-bottom: 0;
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
    padding: 8px 15px;
    margin: 15px 0;
    border-radius: var(--BorderRadius);
  }
  #book-index #indice .unit-content .actividades .item .text {
    color: var(--TextColorFixed);
  }
  
  
  /*Iconos en menú desplegable*/
  body #book-index #indice .col-main li.current a,
   body #book-index #indice .col-main li a:hover {
    color: var(--TextColorFixed);
  }
  
  
  /*Esta parte se puede simplificar para unificarlo todo en el genérico .item imagen*/
  #book-index #indice .unit-content .material .item .imagen:before,
  body #book-index #indice .col-main .unit-content .content .material .item .imagen.video:before,
  body #book-index #indice .col-main .unit-content .content .material .item .imagen.musica:before,
  body #book-index #indice .col-main .unit-content .content .material .item .imagen.libro:before {
   background-image: none;
   background-color: #262626;
  }
  #book-index #indice .unit-content .material .item .imagen:after {
    -webkit-background-size: 30px;
    -moz-background-size: 30px;
    -o-background-size: 30px;
    background-size: 30px;
  }
  
  
  /*Si simplificamos la parte anterior, se puede quitar el !important*/
  #book-index #indice .unit-content .material .item:hover .imagen:before,
  #book-index #indice .unit-content .material .item:focus .imagen:before {
    background-color: var(--main-color) !important;
  }
  
  /*--- Navbar de recursos ----*/
  .navbar .recursos ul li div .imagen img {
    visibility: hidden;
  }
  .navbar .recursos ul li div .imagen:after {
   background: #262626;
   border-radius: 100%;
   height: 100px;
  }
  
  
  /*--- Fin TOC LATERAL ---*/


/*--herencias en exam basic--*/

.content_type_clase_demo #actividad .content .header .title {
    display: none;
}

.content_type_clase_demo .content ol li:before {
    background-color: transparent;
}
.content_type_clase_demo .slide-wrapper,
.content_type_clase_demo .class_slide .layout {
    padding: 0;
}

/*--Fin herencias en exam basic--*/