/* ---- FUENTES ---- */
/* font-family: 'Raleway', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

/* ----------- GENERALES ----------------*/
#actividad .texto_curso,
 #actividad .pregunta .texto_curso,
  #actividad .slide_content_type_1 .pregunta .texto_curso {
    font-size: 1.8rem;
}
body #actividad .item-container {
    font: 1.8rem 'Raleway', sans-serif;
}
.texto_curso p {
    line-height: 1.53em!important;
    margin-bottom: 20px;
}

a:hover, a:active, a:focus {
    color: #be1723;
}

/*LOGO*/
.body_clase:not(.edit) .logo-publisher {
    background-image: url(/useruploads/r/a/209822186/activity_other_imported/Don-BOSCO_apaisado_rojo.png);
    width: 159px;
    height: 51px;
    margin-right: 0;
    margin-top: 4px;
}

/* NAVBAR */

.body_clase .activity-navbar .dropdown button {
    display: none;
}
.body_clase .activity-navbar .dropdown {
    border: 0;
    display: none;
}
.body_clase .activity-navbar .dropdown, .body_clase .activity-navbar #top-navigator .slider-indicators {
    background: white;
    border: 3px dotted #be1723;
}
.body_clase .activity-navbar #top-navigator .slider-indicators {
    -moz-border-radius: 120px;
    -webkit-border-radius: 120px;
    border-radius: 120px;
    padding-left: 3px;
}
.body_clase:not(.edit) .slider-indicators li {
    color: #008d97;
}

/* NAVBAR INFERIOR */
.main-navigator {
	display: none;
}

/* ------ TOC ---------------*/
body #indice {
    font: 1.8rem 'Raleway', sans-serif;
}
#indice .units ul li a .title {
	font-size: 18px;
}
#indice .units ul li {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: none;
    border: 3px dotted #BE1723;
    -moz-box-shadow: 2px 5px 4px #0000003d;
    -webkit-box-shadow: 2px 5px 4px #0000003d;
    box-shadow: 2px 5px 4px #0000003d;
    margin-bottom: 20px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#indice .units ul li a:not(.delete) {
    padding: 15px 16px;
}

#indice .units ul li a .title {
    color: #be1723;
}
#indice .units ul li.active:not(.disabled),
 body:not(.isTablet) #indice .units ul li:hover:not(.disabled),
  #indice .units ul li:focus:not(.disabled) {
    background: #be1723;
    border-color: #be1723;
    box-shadow: 8px 9px 7px #be172326;
    -moz-box-shadow: 8px 9px 7px #be172326;
    -webkit-box-shadow: 8px 9px 7px #be172326;
}
#indice .unit-content .header.default {
    background: #008d97 !important;
    position: relative;
}
#indice .unit-content .header.default:after {
    content: "";
    background-image: url(/useruploads/r/a/209822198/activity_other_imported/donbosco_apaisadoblanco.png);
    position: absolute;
    width: 191px;
    height: 219px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 6px;
    top: 59px;
}

/*------------ CK EDITOR ----------------*/
/* TITLE */
#actividad .content .header .title h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    font-size: 2.6rem;
    border: 5px dotted #BE1723;
    border-left: 0;
    border-right: 0;
    padding: 20px 0px;
    color: #be1723;
    margin-top: -5px;
    margin-bottom: 6px;
    margin-left: 0;
}
.js-slide-wrapper > .header .single-pagination {
	display: none;
}

/*CAJA*/
.bck-box.box-4 {
    background-image: url(/useruploads/r/a/209773566/activity_other_imported/Fondo_Caja_4_2000pxalt.jpg);
    background-size: cover;
    background-position-x: left;
    background-repeat: no-repeat;
}

.box-4 .bck-content {
    padding: 30px 50px;
    font-size: 1.6rem;
}

/* LISTAS ORDENADAS*/
.content ol li:before,
 .cke_contents ol li:before {
	content: counter(bck-li-counter)'';
    position: absolute;
    margin-left: -50px;
    font-weight: bold;
    font-size: 2.0rem;
    text-align: right;
    color: #0095DA;
    margin-top: -3px;
    background: #008D97;
    color: white;
    padding: 1px 16px 4px 16px;
}
.content ol li,
 .cke_contents ol li {
    counter-increment: bck-li-counter 1;
    position: relative;
    padding-left: 46px;
    font-weight: bold;
}

/* LISTA DESORDENADA*/
.texto_curso ul li:before,
 .workspace ul li ul li:before,
  .cke_contents ul li:before {
    background-color: #be1723;
    border: 2px solid #be1723;
    height: 8px;
    width: 8px;
    margin-top: 8px;
    margin-left: -18px;
}

/*------- ACTIVIDADES ---------*/

/* FORMULARIOS */
.body_clase .slide_main input {
    border: 2px dotted #be1723 !important;
}
.body_clase .slide_main input:focus {
    box-shadow: none;
    border-left: 5px solid #be1723 !important;
    background: #be172308;
    -webkit-box-shadow: 3px 3px 6px #00000026;
    -moz-box-shadow: 3px 3px 6px #00000026;
    box-shadow: 3px 3px 6px #00000026;
}

/* RELLENAR ESPACIOS */
.fillblanks-draggable-wrapper .response {
    border: 2px dotted #be1723;
}
.fillblanks-draggable-wrapper .response.respuesta_over {
    background-color: #be17230f;
}


/* RESPUESTA MÚLTIPLE */
#actividad .workspace.multiple-choice .opcion {
	border: 2px dotted #be1723;
}
#actividad .workspace.multiple-choice .opcion.respuesta_over {
    background-color: #be172321;
}
#actividad .workspace.multiple-choice .opcion.respuesta_checked {
    color: white;
    background-color: #be1723;
    border-color: #be1723;
}

/* CRUCIGRAMA*/
.slide.crosswords-puzzle .enunciados:before {
    content: "Pistas";
    background: #008d97;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    position: absolute;
    top: -3px;
    display: block;
    width: 101%;
    left: -3px;
    border: 3px solid #008d97;
}
.slide.crosswords-puzzle .enunciados {
    border: 3px dotted #008d97;
    width: auto;
    position: relative;
    margin-top: 10px;
    padding-top: 56px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 2.4;
    padding-left: 1px;
}
.slide.crosswords-puzzle table.puzzle input {
    color: #525252;
    border: none !important;
}

/*BOTONERA*/
    .btn-danger, .btn-danger[disabled] {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px dotted #be1723;
    color: #be1723;
    background: white;
    font-weight: 700;
    }
    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #be1723;
	}
    .btn-primary, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px dotted #008D97;
    color: #008D97;
    background: white;
    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: #008D97;
    border-color: #008D97;
    color: white
    }
    #actividad .content .review .attemps span {
    background-color: #008D97;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:18px;
    line-height:1.1
    }
    .btn-primary[disabled], .btn-primary[disabled]:focus {
    color: #fff;
    background-color: #008d97;
    border-color: #008d97;
    }
    .btn-solution, .btn-solution.disabled,
    .btn-solution[disabled], .btn-next, .btn-next.disabled,
    .btn-next[disabled] {
    color: #00bdff;
    background-color: white;
    border-color: #00bdff;
    border: 2px dotted #00bdff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-weight: 700;
    }
    .btn-solution:hover,
    .btn-solution:focus,
    .btn-solution:active,
    .btn-next:hover, .btn-next:focus,
    .btn-next:active,
    .open .dropdown-toggle.btn-solution {
    color: #fff;
    background-color: #00bdff;
    border-color: transparent;
    }