/*Login*/
#l-forget-password .ok,
#l-forget-password .alert-danger{
    display: none;
}

#login .toggle-pass{
    cursor: pointer;
}

#login .input-group:has([type="text"]) .toggle-pass{

    .zmdi-eye{
        display:none;
    }

    .zmdi-eye-off{
        display:block
    }

}

#login .input-group:has([type="password"]) .toggle-pass{

    .zmdi-eye{
        display:block;
    }

    .zmdi-eye-off{
        display:none
    }

}

/*Fin - Login*/

/*2FA Validacion*/
.twofa-inputs {
    font-size: 30px;
    font-weight: 900;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.twofa-inputs .twofa-digit {
    width: 40px;
    height: 45px;
    text-align: center;
    border-radius: 10%;
    border: rgb(94, 94, 94) 2px solid;
    color: transparent;
    text-shadow: 0 0 0 rgba(94, 94, 94, 1);
}

.twofa-inputs .twofa-digit:focus {
    border: #2196F3 3px solid;
}
/*Fin - 2FA Validacion*/

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
  }

a i,
button i{
    pointer-events: none;
}

.table{
    border-left: 1px solid #edecec;
    border-right: 1px solid #edecec;
    display: block;
    min-height: 500px;
    overflow: auto;
}

.iban-wrap > .fg-float > .fg-line.fg-toggled:after{
    display:none
}

.iban-wrap .col-sm-2{
    padding:0 5px 0 0;
}

.iban-wrap .col-sm-2:last-child{
    padding-right: 0;
}

.no-overflow-hidden{
    overflow:inherit;
}

.mini-charts-item .count > h2{
    font-size: 18px
}

.cols th{
    text-align:center;
}

.cols a{
    position: relative;
}

.cols i{
    color:red;
    display: none;
    font-size: 17px;
    left:50%;
    margin-left:-3.54px;
    position: absolute;
    bottom:-15px;
    width: 7.08px;
}

    .cols a[href*='order_type=ASC'] i.zmdi-caret-up{
        display: inline-block;
    }

    .cols a[href*='order_type=ASC'] i.zmdi-caret-down{
        display: none;
    }

    .cols a[href*='order_type=DESC'] i.zmdi-caret-up{
        display: none;
    }

    .cols a[href*='order_type=DESC'] i.zmdi-caret-down{
        display: inline-block;
    }

@media print {

    .col-print{
        width:20%!important;
    }

    .list-telefonos br{
        display: none;
    }

}

.tel-ice{
    color:red;
}

.search{

}

    .search input{
        border:1px solid #999999;
        border-radius: 0;
        font: 12px roboto, sans-serif;
        height: 31px;
        width:100%;
    }

    .search select{
        background:#FFF;
        font: 12px roboto, sans-serif;
        height: 20px;
    }

    .search td .fg-float{
        width:100px;
    }

.pagination{
    text-align: center;
    width: 100%;
}

.fg-toggled-always input{
    position: relative;
}

.fg-toggled-always label{
    font-size:11px;
    top:-20px;
    position: absolute;
    font-weight: 400;
    color: #959595;
    pointer-events: none;
    z-index: 0;
    left: 0;
    white-space: nowrap;
}

.fg-toggled-always input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #959595!important;
}
.fg-toggled-always input::-moz-placeholder { /* Firefox 19+ */
  color: #959595!important;
}
.fg-toggled-always input:-ms-input-placeholder { /* IE 10+ */
  color: #959595!important;
}
.fg-toggled-always input:-moz-placeholder { /* Firefox 18- */
  color: #959595!important;
}

.btn-add-line{
    clear:both;
    display: block;
    margin:0 auto 20px;
}

/*Preloader de carga de datos*/
.loading-data{
    background: #FFF;
    display: none;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 115px;
    width: 100%;
    opacity: 0.8;
}

    .loading-data td{
        height: 300px;
        vertical-align: middle!important;
    }

    .loading-data .preloader{
        left:50%;
        margin:-50px 0 0 -50px;
        position: absolute;
        top:78px;
        width: 100px;
    }
/*Preloader de carga de datos*/

/*Barra de acciones de formulario*/
.form-actions{
    background: #FFF;
    bottom: 0px;
    position: fixed;
    width: 100%;
    padding: 10px;
    left: 0;
    z-index: 10;
    opacity: 1;
    box-shadow: 0px -6px 13px 0px rgb(153 153 153);
}

    .form-actions button{
        background: #2196F3!important;
        height: auto!important;
        width: auto!important;
    }

    .fg-line.error:after {
      background: red;
    }

    .form-actions .btn-submit{
        display: block;
    }

    .form-actions .loader{
        display: none;
        width: 75px;
    }

    .form-actions.loading .btn-submit{
        display: none;
    }

    .form-actions.loading .loader{
        display: block;
    }
/*Fin - Barra de acciones de formulario*/


/*Comentarios*/
.comments-wrap{
    max-height: 300px;
    overflow:auto;
}

#devolucion .comments-wrap{
    max-height: initial;
    overflow:auto;
}

    .comments-wrap .comment{
        position: relative;
    }

        .comments-wrap .comment .btn-delete-comment{
            background:none;
            border:none;
            color:#F44336;
            display: none;
            font-size:24px;
            position: absolute;
            right:0;
            top:0;
        }

        .comments-wrap .comment .btn-delete-comment.show{
            display: block;
        }

    .comments-wrap small{
        display: none;
    }

    .comments-wrap .baja{
        background-color: #FF5722;
        color:#FFF;
        border-radius: 10px;
    }

        .comments-wrap .baja h4{
            color:#FFF;
        }

            .comments-wrap .baja small{
                color:#FFF;
                display: inline-block;
                font-weight: bold;
            }

#comentario-form .form-group{
    border-top:1px solid rgb(224, 224, 224);
    margin-top: 20px;
    padding-top: 25px;
}

.no-read{
    background: #F44336;
    border-radius: 100%;
    color: #FFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: -9px;
    right: -9px;
    width: 18px;
}

.no-read[data-no_read="0"] {
    display: none;
}

.btn-show-comments{
    overflow: inherit;
    width: 31.33px;
    text-align: center;
    padding:6px 0;
}
/*Fin comentarios*/

/*Botones de opciones de sección*/
.dropdown-menu>li>button {
    background:none;
    border:none;
    padding: 10px 20px;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.dropdown-menu>li>button {
    display: block;
    clear: both;
    font-weight: 400;
    color: #333;
    text-align: left;
    width:100%;
}

.dropdown-header, .dropdown-menu>li>button {
    line-height: 1.42857143;
    white-space: nowrap;
}

.dropdown-menu>li>button:hover{
    background-color: rgba(0,0,0,.075)
}
/*Fin - Botones de opciones de sección*/

/*Listado de asistencia*/
.lista-asistencia{
    display: none;
    text-align: center;
}

    .bgm-gray .lista-asistencia button,
    .bgm-orange .lista-asistencia button{
        pointer-events: none;
    }

    .bgm-orange .lista-asistencia button{
        opacity: 0;
    }

    .lista-asistencia .zmdi-thumb-up{
        color:#FFF;
    }

    .lista-asistencia .zmdi-thumb-down {
        color:#FFF;
    }

    .btn-asistencia{
        position: relative;
    }

        .btn-asistencia span{
            font-size: 10px;
            position: absolute;
            right: 0;
            bottom: 0;
            display: block;
            height: 15px;
            width: 14px;
            color: white;
        }
/*Fin - Listado de asistencia*/

/*Campo aceptaruso de imagen*/
.btn-use-photo i{
    display: none;
}

.btn-use-photo[value="S"]{
    background-color:#4CAF50;
    color: #FFF;
}

.btn-use-photo[value="N"] {
    background-color: #FF5722;
    color:#FFF;
}

.btn-use-photo[value="S"] .zmdi-check,
.btn-use-photo[value="N"] .zmdi-block{
    display: block;
}
/*Fin - Campo aceptaruso de imagen */

/*Textarea con campo maxlength*/
.maxlength-input textarea,
.maxlength-input input{
    position:relative;
}

    .maxlength-input .remain{
        bottom:0;
        color:red;
        left:0;
        position: relative;
    }
/*Fin - Textarea con campo maxlength*/

tr[data-status="0"] {
    /*opacity:.7*/
    border:1px solid red;
}

/*Listado matriculados*/
.status-acta{

}

.acta{
    display: none;
}

.acta-text{
    display: none;
}

.genera-certificado{
    width: 100px;
}

.form-config-evaluacion-actions .loader {
    display: none;
}

.form-config-evaluacion-actions.loading .buttons{
    display: none;
}

.form-config-evaluacion-actions.loading .loader{
    display: block;
}

@media print {

    .status-acta col{
        width: auto!important;
    }

    .status-acta .acta-text {
        display: block;
    }

    .status-acta .no-acta{
        display: none!important;
    }

    .status-acta .acta{
        display: block!important;
    }

    .status-acta .acta-text {
        display: block!important;
    }

    .status-acta thead th:nth-child(1),
    .status-acta thead th:nth-child(7),
    .status-acta thead th:nth-child(8),
    .status-acta thead th:nth-child(9),
    .status-acta thead th:nth-child(10),
    .status-acta thead th:nth-child(11),
    .status-acta thead th:nth-child(12),
    .status-acta thead th:nth-child(13),
    .status-acta thead th:nth-child(14){
        display: none;
    }

    .status-certificado .no-certificado{
        display: none;
    }

}

/*Fin - Listado matriculados*/

/*Selección de delegado*/
#matriculados-list .bgm-red .btn-cancelar-matricula{
    display:none
}

#matriculados-list .bgm-red{
    color:#FFF;
}

#matriculados-list .bgm-red a{
    color:#b9d5ea!important;
}


#matriculados-list.select-delegado tbody tr{
    cursor: pointer;
}

#matriculados-list.select-delegado[data-type_delegado="delegado"] tbody tr:hover{
    background-color:#607D8B;
    color:#FFF;
}

#matriculados-list.select-delegado[data-type_delegado="subdelegado"] tbody tr:hover{
    background-color:#9E9E9E;
    color:#FFF;
}

tr .delegado,
tr .subdelegado{
    border-radius: 100%;
    display: none;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

tr.d .delegado{
    background: #607D8B;
    color:#FFF;
    display: inline-block;
}

tr.sd .subdelegado{
    background: #9E9E9E;
    color:#FFF;
    display: inline-block;
}
/*Fin - Selección de delegado*/

/*Notificaciones*/
.him-notification .lg-body{
    max-height: 500px;
}
/*Fin - Notificaciones*/

/*Horario*/
.profesor-info .media{
    /*vertical-align: top;*/
    margin-top:20px;
}

    .profesor-info .media-body > span{
        display: block;
    }

    .media .lectiva{
        color:#8BC34A;
    }

    .media .no-lectiva{
        color:#00BCD4;
    }

    .profesor-info .row{
        margin:0;
    }

        .profesor-info .row h6{
            margin:0;
        }

.fc-event.lectiva{
    background-color: #F44336;
}

.fc-event.no-lectiva{
    background-color: #607D8B;
}

.fc-event .fc-bg{
    background: none;
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event{
    min-height: 1.7em;
}

.fc-toolbar.fc-header-toolbar{
    display: none;
}

.fc-time-grid .fc-slats td{
    height: 1.7em;
}

.fc-day{
    border-right: 1px solid #666!important;
}

.fc td.fc-today{
    border-style:inherit;
}

tr[data-time$="00:00"] td{
    border:0;
    /*border-bottom:1px solid #999;*/
}

tr[data-time$="30:00"] td{
    border-bottom:1px solid #666!important;
}

.fc-title .aula{
    display: inline-block;
    height: 15px;
    min-width: 15px;
    background: #FFF;
    color: red;
    border-radius: 10%;
    text-align: center;
    line-height: 15px;
    font-size: 9px;
    margin-left: 5px;
}

/*Tabla de horario*/
.title-aula,
.title-profesor{
    display: none;
}

.en-punto{
    border-top: 2px solid #DCDCDC;
}

#horario table{
    background: #FFF;
}

#horario table th{
    text-align: center;
}

#horario table td{
    border-right:2px solid #DCDCDC!important;
    height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
}

    #horario table td[id$="_0"][rowspan] {
        background: url(../img/bg-rowspan_0.png) repeat!important;
    }

    #horario table td[id$="_30"][rowspan] {
        background: url(../img/bg-rowspan_30.png) repeat!important;
    }

    .time-col{
        font-size: 9px;
        vertical-align: top;
    }


    #horario .curso {
        box-sizing: border-box;
        display: block;
        font-size: 0;
        height: 80px;
        margin:0 auto 5px;
        padding: 1px;
        position:absolute;
        width: 100%;
    }

    #horario .curso.lectiva-1{
        background:#8BC34A;
        border:1px solid #4CAF50;
    }

    #horario .curso.lectiva-0{
        background:#00BCD4;
        border:1px solid #01616d;
    }

    #horario .curso[data-finalizado="1"]{
        opacity: 0.6;
    }

    [data-show-finalizados=""] #horario .curso[data-finalizado="1"],
    [data-show-finalizados=""] #horario .curso[data-finalizado="0"],
    [data-show-finalizados="1"] #horario .curso[data-finalizado="1"],
     [data-show-finalizados="0"] #horario .curso[data-finalizado="0"]{
        display: block;
    }

    [data-show-finalizados="1"] #horario .curso[data-finalizado="0"],
    [data-show-finalizados="0"] #horario .curso[data-finalizado="1"]{
        display: none;
    }


    .lectiva.todas,
    [data-show-finalizados=""] .lectiva.finalizadas,
    [data-show-finalizados=""] .lectiva.no-finalizadas,
    [data-show-finalizados="0"] .lectiva.finalizadas,
    [data-show-finalizados="1"] .lectiva.no-finalizadas{
        display: none!important;
    }

    [data-show-finalizados=""] .lectiva.todas{
        display: block!important;
    }

    #horario .curso.pull-right{
        right: 0;
        width: 50%;
        z-index: 2;
    }

    #horario .curso.pull-left{
        left: 0;
        width: 50%;
        z-index: 2;
    }

        #horario .curso time{
            color:#000;
            font-size: 9px;
        }



        #horario .curso h4{
            font-size: 11px;
            margin:0;
        }

            #horario .curso h4 a{
                color:#000;
            }

        #horario .curso .profesor{
            color:#333;
            font-size: 10px;
            margin:0;
        }

        #horario .curso .profesor-small[data-show = "0"],
        #horario .curso .profesor[data-show = "0"] {
            display: none;
        }

        #horario .curso .profesor-small[data-show = "1"],
        #horario .curso .profesor[data-show = "1"] {
            display: inline;
        }

        .curso .aula{
            background: #000;
            color:#8BC34A;
            font-size: 9px;
            font-weight: bold;
            padding:1px 2px;
            position: absolute;
            right:3px;
            top:3px;
        }

        .curso .aula:empty{
            display: none;
        }

        .curso .plazas{
            background: #000;
            bottom:3px;
            color:#8BC34A;
            font-size: 9px;
            font-weight: bold;
            padding:1px 2px;
            position: absolute;
            right: 3px;
        }

@media print {

    #horario .curso {
        background-color:#efefef!important;
        border: 1px solid #DCDCDC!important;
    }

        #horario .curso time{
            font-size: 7px;
        }

        #horario .curso .profesor{
            font-size: 8px;
        }

    .en-punto{
        border-top:2px solid #DCDCDC!important;
    }

}
/*Fin - Tabla de horario*/


/*Firma de horario*/
.horario-doc{
    font-size:12px;
  margin-top:50px;
}

    .horario-doc h2{
        font-size: 16px;
        margin-bottom:15px!important;
    }

  .horario-doc ul{
    list-style: none;
  }

    .horario-doc .margin{
      margin-left:100px;
    }

    .firma-horario{
      text-align: center;
    }

      .firma-horario span{
        display: inline-block;
        width: 45%;
      }

  .horario-doc.print{
    display: block;
    font-size: 10px!important;
  }

    .horario-doc .title{
      font-size: 10px!important;
    }

    .horario-doc .box{
      border:none!important;
    }

/*Fin - Firma de horario*/
/*Fin - Horario*/

/*Emails*/
#btn-save-send{
    width:200px;
}

#btn-save-send .inactive{
    display: none;
}

#btn-save-send:disabled .inactive{
    display: block;
}

#btn-save-send:disabled .active{
    display: none;
}
/*Fin - Emails*/

.col-sm-6 textarea{
    height: 231px;
    width: 100%;
}

td .zmdi-thumb-down{
    color:#F44336;
}

td .zmdi-thumb-up{
    color:#4CAF50;
}

td .zmdi-thumb-up-down{
    color:#9E9E9E;
}
/*Listados*/
.status-0,
.status-0 i{
    color:#FFF!important;
}

.status-0 a {
    color:#b9d5ea!important;
}

.status-0{
    background-color: #F44336!important;
}

.status--2{
    background-color: #F44336!important;
}

tr.status-3 td{
    padding-bottom: 0!important;
    padding-top: 0!important;
}


/*#inscripciones-list tr.status-3 td .btn-cancelar-inscripcion,*/
#inscripciones-list tr.status-0 td .btn-cancelar-inscripcion,
#inscripciones-list tr.status-0 td .btn-redirect-jwt,
#inscripciones-list tr.status-0 td .btn-generar,
#inscripciones-list tr.status-0 td .btn-materiales,
#inscripciones-list tr.status--2 td .btn-generar,
#inscripciones-list tr.status-0 td .btn-show-pagos,
#inscripciones-list tr.status-4 td .btn-generar,
#inscripciones-list tr.status-4 td .btn-show-pagos,
#inscripciones-list tr.status-4 td .btn-cancelar-inscripcion,
#inscripciones-list tr.status-4 td .btn-redirect-jwt {
    display: none;
}

@media print {

    tr.status-0{
        display: none;
    }

    tr.status-1 td, tr.status-3 td{
        padding:5px!important;
    }

}
/*Fin - Listados de inscriptos en actividades culturales*/


/*Listado vales*/
tr.status--1 td .btn-cancelar-vale,
tr.status-0 td .btn-cancelar-vale,
tr.status-2 td .btn-cancelar-vale {
    display: none;
}

tr .fecha-uso-wrap a,
tr.status-0 .fecha-uso-wrap span{
    display: none;
}

tr.status-0 .fecha-uso-wrap a,
tr .fecha-uso-wrap span{
    display: block;
}

/*Fin - Listado vales*/

/*Icono carrito de la compra header*/
.header-carrito .him-counts:empty{
    display: none;
}
/*Fin - Icono carrito de la compra header*/

/*Resumen carrito de la compra*/
.no-items{
    display: none;
}

.empty-cart .no-items{
    display: block;
}

.empty-cart .items{
    display: none;
}



@media print{

    #pedido-fin .block-header h2 {
        display: none;
    }

        #pedido-fin .block-header img{
            height: 100px;
        }

    #pedido-fin .btn-print{
        display: none;
    }

    #pedido-fin table,
    #pedido-fin table td{
        border:none!important
    }

    #pedido-fin table h2{
        font-size:20px;
    }

    #pedido-fin table td:nth-last-child(3){
        padding-right:30px;
    }

    #pedido-fin .legal-text {
        margin: 10px 25px 10px 25px !important;
    }

    #pedido-fin .legal-text p{
        font-size:11px;
        margin-bottom: 10px;
    }

    #pedido-fin .legal-text small{
        font-size: 8px;
        line-height: 14px;
    }

    #pedido-fin .total.big td{
        font-size:16px;
    }

}

#resumen-compra{
    display: table;
}

#resumen-compra td{
    vertical-align: middle
}

.descuento h5,
.descuento .text-muted{
    margin-left:30px;
}

.total-row *{
    font-size: 24px
}

.descuento-global .importe,
.descuento .importe{
    color:#4CAF50;
}

.cuota .importe{
    color:#2196F3
}

#total-pago.error{
    color:#F44336
}

tr.subtotal{
    border-top: 10px solid #FFF;
    border-bottom: 10px solid #FFF;
}

.total .highlight{
    background: #b9b9b9
}

tr.total{
    border:none;
}
tr.cancelado {
    background: rgba(255, 0, 0, 0.1);
}

tr.cancelado .highlight{
    background: rgba(255, 0, 0, 0.3);
}
/*Fin - Resumen carrito de la compra*/

/*Galería de actividaes culturales*/
.gallery-actividades-culturales .pt-inner .pti-header{
    height:250px;
    overflow: hidden;
    padding:0 0 1px!important;

}

    .gallery-actividades-culturales .pt-inner .pti-header .ptih-title{
        background-color: rgba(0, 0, 0, 0.6)!important;
        margin:0!important;
    }

    .gallery-actividades-culturales .pt-inner .pti-body .ptib-item{
        padding:7px 0;
    }

    .ptib-item.descripcion{
        display: table;
        height:120px;
        text-align: center;
        width: 100%;
    }

        .ptib-item.descripcion p{
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 100%;
        }

/*Fin - Galería de actividaes culturales*/

/*Listado de actividades culturales*/
td[data-tipo-registro] div{
    display:none;
}
td[data-tipo-registro="1"] .con-registro,
td[data-tipo-registro="0"] .sin-registro{
    display: block;
}
/*Fin - Listado de actividades culturales*/

/*Formulario de inscripción salida cultural*/
#form-actividad-cultural-inscripcion .pmbb-view{
    overflow:hidden;
}

.importe-total-wrap{
    border-bottom:2px solid #2196F3;
    color: #2196F3;
    display: inline-block;
    font-size:40px;
    font-weight: 400;
    line-height: 1.42857143;
    margin-bottom: 0;
    min-width:100%;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}


/*Formulario de matrícula*/
.btn-nuevo-menor-wrap{
    display: none;
}


.niveles .pmbb-view{
    /*
    height: 300px;
    overflow: auto;
    */
}

#profile-main{
    overflow: hidden;
}

    #profile-main .overlay{
        background: rgba(255, 255, 255, 0.96);
        bottom:0;
        left:0;
        position: absolute;
        right:0;
        top:0;
        z-index: 1;
    }

    #profile-main .overlay h4{
        color: #2196F3;
        font-size:40px;
        margin:200px auto 0;
        text-align: center;
        width: 60%;
    }

    #profile-main .pm-overview{
        float:left;
        position: static;
    }

    #profile-main .pm-body{
        overflow: hidden;
        /*
        float:left;
        padding-left:0;
        */
    }

.action-form{

}

    .action-form .bgm-deeporange{
        color:#FFF;
        display: none;
        font-weight: bold;
    }

        .action-form .bgm-deeporange .no-bold{
            font-weight: normal
        }

        .action-form .bgm-deeporange

    .btn-reservar{
        display: none
    }

.precio-modificaciones{

}

    .precio-modificaciones .dl-horizontal {
        display: none;
    }

.precio-modificaciones .add{
    color:#2196F3;
}

.precio-modificaciones .remove{
    color:#4CAF50;
}

#form-matriculacion .dl-horizontal dt{
    white-space: inherit;
}

.total{
    border-top:2px solid #5E5E5E;
    font-size:18px;
    padding:20px 0;
}

.total .text-muted{
    font-size:13px;
}

.total.big td{
    font-size:24px;
    padding-top:10px;
}

.total .dl-horizontal{

}
/*Fin - Formulario de matrícula*/

/*Materiales*/
.wpa-media-list > a{
    text-align: center;
    display: inline-block;
}

.wpa-media-list > a.selected {
        border-bottom: 2px solid #333;
}

.preview-canvas{
    margin-bottom: 20px;
    position: relative;
}

    .wrap-canvas {
        display: inline-block;
        background: #202020;
    }

.btn-star-recording{
    background-color: #8BC34A;
    border-radius: 50%;
    color: #FFF;
    font-size: 25px;
    height: 50px;
    line-height: 54px;
    margin-left: 10px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 18px;
    width: 50px;
}

.btn-star-recording.recording{
    background-color: #FF5722;
}

.btn-star-recording .zmdi-mic-off,
.btn-star-recording.recording .zmdi-mic{
    display: none;
}

.btn-star-recording.recording .zmdi-mic-off{
    display: block;
}

.wi-content{
    margin-bottom: 20px;
    text-align:center;
}

#materiales-page .icon-type{
    display:none;
}

.wi-content-material{
    display: none;
}

.material-wrap{
    position: relative;
}

    .material-wrap .tool-bar{
        /*overflow:hidden;*/
    }

        .material-wrap .tool-bar .actions{
            vertical-align:top;
        }

        .material-wrap .tool-bar .actions

        .material-wrap .toggle-switch{
            /*padding:10px;*/
        }

.material-wrap.type-inactivo{
    border:2px solid #F44336;
}



#materiales-page .type-imagen .icon-imagen{
    display: block;
}

#materiales-page .type-link .icon-link{
    display: block;
}

#materiales-page .type-video .icon-video{
    display: block;
}

#materiales-page .type-video-upload .icon-video-upload{
    display: block;
}

#materiales-page .type-documento .icon-documento{
    display: block;
}

#materiales-page .type-audio .icon-audio{
    display: block;
}

#materiales-page .type-grabacion .icon-grabacion{
    display: block;
}

#materiales-page .icon-error{
    display: block;
}

.video-subido {
    display: none;
}

.video-subiendo {
    display: none;
}

.video-error {
    display: none;
}

[data-video-estado="1"] .video-subido {
    display: block;
}

[data-video-estado="0"] .video-subiendo {
    display: block;
}

[data-video-estado="-1"] .video-error {
    display: block;
}

.type-imagen .wi-preview{
    display: block;
}

.type-link .open-link{
    display: inline-block;
}

.type-video .youtube-iframe{
    display: inline-block;
    text-align: center;
}

.type-video-upload .vimeo-iframe{
    display: inline-block;
    text-align: center;
}

.type-documento .document-download{
    display: inline-block;
}

.type-audio .audio-player,
.type-grabacion .audio-player{
    display: inline-block;
}
/*Fin - Materiales*/

/*Ejercicios*/

/*Puntuación total*/
.puntuacion-total-info .puntos{
    color:#9E9E9E;
}

.puntuacion-total-info.error .puntos{
    color:#F44336;
}

.puntuacion-total-info.success .puntos{
    color:#4CAF50;
}

/*Fin - Puntuación total*/

/*Selector de alumnos*/
.alumnos-sticky{
    position: sticky;
    top: 90px;
    left: 0;
}

.alumnos-wrap .list-group{
    overflow: auto;
    max-height: calc(100vh - 220px);
}

.btn-alumno-ejercicios:hover{
    background-color:#DCDCDC!important;
}

.btn-alumno-ejercicios.selected,
.btn-alumno-ejercicios.selected:hover{
    background-color:#2196f357!important;
}

.btn-alumno-ejercicios.esperando .revisado{
    color:#4CAF50;
}

.btn-alumno-ejercicios.esperando .no-revisado{
    color:#FF5722;
}


/*Fin - Selector de alumnos*/
#form-ejercicio_grupo .ejercicio-contenido{
    border: 1px solid #e0e0e0;
    margin: 10px 0;
    padding: 10px 0;
}

#form-ejercicio_grupo .card .card-header h2 {
    line-height: 30px;
}

    #form-ejercicio_grupo .btn-star-recording{
        margin:0;
        position: static;
    }

    #form-ejercicio_grupo .ejercicio-contenido:first-child .btn-delete-contenido{
        display: none;
    }

#ejercicios_grupos-list td{
    padding:15px;
}

.ejercicio-wrap .wi-content{
    clear: both;
    text-align: initial;
}

.ejercicio-wrap .icon-type{
    display: none;
}

.ejercicio-wrap{
    overflow: hidden;
    position: relative;
}

.ejercicio-wrap.no-hecho {
    max-height: 400px;
}

.ejercicio-wrap.no-hecho:before{
    background:rgba(255, 255, 255, .7);
    content:'';
    display: block;
    height: 100%;
    left:0;
    position: absolute;
    top:0;
    width: 100%;
    z-index:1;
}

.ejercicio-wrap.no-hecho:after{
    color:#000;
    content:'Ejercicio aún no realizado';
    display: block;
    font:bold 46px roboto, sans-serif;
    position: absolute;
    text-align: center;
    top:calc(50% - 54px);
    transform: rotateZ(-25deg);
    width: 100%;
    z-index:2;
}

    .ejercicio-wrap .puntuacion{
        visibility:hidden;
    }

    .ejercicio-wrap .card-footer{
        position: relative;
    }

        .ejercicio-wrap .send-buttons-wrap .respuesta-enviada{

        }

            .ejercicio-wrap .send-buttons-wrap .respuesta-enviada .msg{
                background: #a0a0a0;
                border-radius: 2px;
                color: #FFF;
                cursor: initial;
                display: none;
                padding: 10px;
                text-align: center;
                text-transform: uppercase;
                width: 100%;
            }

    .ejercicio-wrap .card-footer .puntuacion{
        color:#F44336;
        font-size: 20px;
        font-style: italic;
    }

.ejercicio-contenido{
    margin-bottom: 10px;
}

.ejercicio-contenido .puntuacion{
    color:#F44336;
    font-size: 14px;
    font-style: italic;
}

.ejercicio-wrap .resp{
    background-color:#F44336;
    display: block;
    opacity: 0;
    padding:5px;
    margin:10px 0 0 10px;
}

    .ejercicio-wrap .resp span{
        color:#FFF;
    }

/*
#svgContainer {
    z-index: -10;
    position:absolute;
    opacity: 0.5;
}
*/
/*Unir con flechas*/
.pareja-wrap.edit .btn-delete-response{
    display: none;
}


.type-UnirFlechas{
    position: relative;
}

    .type-UnirFlechas .icon-UnirFlechas{
        display:block;
    }

    .type-UnirFlechas .options{
        overflow:hidden;
    }

        .type-UnirFlechas .options .msg {
            height: 36px;
        }

        .type-UnirFlechas .options .msg.active,
        .type-UnirFlechas .options.active .msg.no-active{
            display: none;
        }

        .type-UnirFlechas .options .msg.no-active,
        .type-UnirFlechas .options.active .msg.active{
            display: block
        }

    .type-UnirFlechas .options-wrap{
        overflow: hidden;
        padding:10px;
    }

    .type-UnirFlechas .options.error .options-wrap {
        background-color: rgba(244, 67, 56, 0.24);
    }

    .type-UnirFlechas ul{
        list-style: none;
        padding:0;
        width: 30%;
    }

        .type-UnirFlechas li{
            margin-bottom: 20px;
        }

            .type-UnirFlechas .option-list{
                position: relative;
            }

            .type-UnirFlechas .option-list span,
            .type-UnirFlechas .option-list img,
            .type-UnirFlechas .option-list div{
                display: none;
            }

            .type-UnirFlechas .option-list img{
                width: 150px;
                height: 150px;
                object-fit: contain;
            }

            .type-UnirFlechas .option-list.text span,
            .type-UnirFlechas .option-list.audio div{
                display: block;
                width: calc(100% - 30px);
            }

            .type-UnirFlechas .option-list.image{
                height: 150px;
            }

            .type-UnirFlechas .option-list.image img{
                display: inline-block;
                text-align: center;
            }

                .type-UnirFlechas .option-list button.join{
                    border:0;
                    border-radius: 100%;
                    height: 15px;
                    margin-top:-7.5px;
                    position: absolute;
                    top:50%;
                    width: 15px;
                }

                .type-UnirFlechas .option-list button.join-this{
                    background: #2196F3;
                    right:5px;
                }


                .type-UnirFlechas .option-list button.to-this{
                    background: #8BC34A;
                    left:5px;
                }

                .type-UnirFlechas .col2 .option-list.text span {
                    text-align: left;
                    padding-left: 30px;
                }



        .type-UnirFlechas li:last-child{
            margin-bottom: 0;
        }

    .type-UnirFlechas .col1{
        float:left;
        margin-bottom: 0;
        text-align: left;
    }

    .type-UnirFlechas .col2{
        float:right;
        margin-bottom: 0;
        text-align: right;
    }
/*Fin - Unir con flechas*/

/*Reordenar elementos*/
.type-ReordenarTerminos{

}

    .type-ReordenarTerminos .icon-ReordenarTerminos{
        display:block;
    }

    .type-ReordenarTerminos ul{
        font-size: 0;
        list-style: none;
        padding:5px;
    }

    .type-ReordenarTerminos .profesor ul.col1{
        display: none;
    }

        .type-ReordenarTerminos ul li{
            display: inline-block;
            font-size:12px;
            margin:0 10px 10px 0;
            vertical-align: top;
        }

        .type-ReordenarTerminos ul li.sortable-placeholder{
            height: 30px;
            border:1px dotted red;
            width:20px;
        }

        .type-ReordenarTerminos ul li button{
            text-transform: initial;
        }

    .type-ReordenarTerminos .form-group{
        /*margin-bottom: 0;*/
    }

    .type-ReordenarTerminos .col2{
        border: 2px solid #DCDCDC;
        min-height: 100px;
        position:relative;
        width: 100%;
    }

    .type-ReordenarTerminos .col2.error{
        background-color: rgba(244, 67, 56, 0.24);
    }

    .type-ReordenarTerminos .col2.error[data-correcto]:after, .type-ReordenarTerminos .col2.corrected[data-correcto]:after{
            background-color: #ff9e97;
            border: 2px solid #F44336;
            border-radius: 8px;
            content: attr(data-correcto);
            display: table;
            font-size: 10px;
            font-style: italic;
            height: 18px;
            line-height: 9px;
            padding: 3px 5px;
            position: absolute;
            left:0;
            top: -24px;
            width: auto;
    }

    .type-ReordenarTerminos .col2.correct{
        background-color: rgba(76, 175, 80, 0.24);
    }

    .type-ReordenarTerminos .col2.corrected{
        background-color: rgba(255, 152, 0, 0.24);
    }
/*Fin - Reordenar elementos*/

/*Tipo test*/
.type-TipoTest{

}

    .type-TipoTest .icon-TipoTest{
        display:block;
    }

    .type-TipoTest .col2{
        padding:10px;
    }

    .type-TipoTest .col2.error{
        background-color: rgba(244, 67, 56, 0.24);
    }

    .type-TipoTest label.error{
        color:#F44336;
        font-weight: bold;
    }

    .type-TipoTest label.correct{
        color:#4CAF50;
        font-weight: bold;
    }

    .type-TipoTest .edit .btn-delete-response{
        display: none;
    }
/*Fin - Tipo test*/

/*Rellenar huecos*/

/*Texto Libre*/
.type-TextoLibre .icon-TextoLibre{
    display:block;
}
/*Fin - Texto Libre*/

/*Documento*/
.type-Documento .icon-Documento{
    display:block;
}
/*Fin - Documento*/

/*Formulario*/
.text-RellenarHuecos{
    height: 110px;
    overflow: auto;
    width:100%;
}

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text);
    color:#959595;
}

.terms-hueco-wrap{
    display: inline-block;
    font-size: 0;
    height: 30px;
    margin:5px 0;
}

    .terms-hueco-wrap * {
        height: 100%;
    }

    .terms-wrap {
        display: inline-block;

    }

        .terms-wrap .term {
            display: inline-block;
            margin-right: 5px;
        }

        .terms-wrap .term:last-child{
            margin-right: 0;
        }

            .terms-wrap .term [type=text]{
                border: 2px dotted #2196F3;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                border-right:none;
                font-size:12px;
                padding:0 5px;
                width: 70px;
            }

            .terms-wrap .term [type=number]{
                border: 2px dotted #2196F3;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                border-left:2px dotted #2196F3;
                font-size:12px;
                padding:0 5px;
                text-align: center;
                width: 55px;
            }

        .terms-wrap .edit .btn-remove-term{
            display: none;
        }

        .terms-wrap .btn-remove-term{
            background: #F44336;
            border: none;
            border-radius: 100%;
            color: #FFF;
            font-size: 12px;
            height: 15px;
            line-height: 15px;
            margin: 0 -3px 0 0;
            padding: 0;
            width: 15px;
        }

    .terms-hueco-wrap .btn-add-term{
        background: #2196F3;
        border:none;
        border-radius: 100%;
        color:#FFF;
        font-size:12px;
        height: 20px;
        margin:0 0 0 5px;
        padding:0;
        width: 20px;
    }
/*Fin - Formulario*/
.type-RellenarHuecos{

}

    .type-RellenarHuecos .icon-RellenarHuecos{
        display:block;
    }

    .type-RellenarHuecos .text{
        line-height: 31px;
        margin:10px 0 0 0;
    }

        .type-RellenarHuecos .text input{
            border: 2px dotted #2196F3;
            border-radius: 10px;
            font-style: italic;
            line-height: 20px;
            padding: 0 5px;
            text-align: center;
            width: 80px;
        }

        .type-RellenarHuecos .text .hueco{
            display: inline-block;
            position: relative;
        }

        .type-RellenarHuecos .text .error[data-correcto]:before, .type-RellenarHuecos .text .corrected[data-correcto]:before{
            background-color: #ff9e97;
            border: 2px solid #F44336;
            border-radius: 8px;
            content: attr(data-correcto);
            display: table;
            font-size: 10px;
            height: 18px;
            line-height: 9px;
            opacity: 0.1;
            padding: 3px 5px;
            position: absolute;
            left:0;
            top: -17px;
            width: auto;
        }

        .type-RellenarHuecos .text .error:hover:before, .type-RellenarHuecos .text .corrected:hover:before{
            opacity: 1;
        }

        .type-RellenarHuecos .text .error input{
            background-color: rgba(244, 67, 56, 0.24);
            border-color: #F44336;
        }

        .type-RellenarHuecos .text .correct input{
            background-color: rgba(76, 175, 80, 0.24);
            border-color: #4CAF50;
        }
/*Fin - Rellenar huecos*/

/*Fin - Ejercicios*/

/*Generar Curso*/
#seleccionar-todos{
    display: none;
}

.cursos-wrap.loading{
    position: relative;
}

.cursos-wrap.loading::after{
    content:'Cargando...';
    display: block;
    height:100px;
    text-align: center;
    width: 100%;
}

.cursos-wrap label{
    display: inline-block;
    position: relative;
}

.cursos-wrap .preferencia-wrap{
    display: none;
    font-size: 10px;
    margin-left: 20px;
    padding-left: 20px;
    padding-top: 2px;
}

.level-4 label.preferencia-wrap{
    display: inline-block;
}

.checkbox .preferencia-wrap input:checked+.input-helper:before{
    background-color: #CDDC39;
}
.checkbox .preferencia-wrap input:checked+.input-helper:before {
    border-color: #CDDC39;
}
/*Fin - Generar Curso*/
.descuentos-total{
    display: none;
}

.descuento .totalp div.mod-precio-pago,
.descuento-global .totalp div.mod-precio-pago{
    display: none;
}

/*Informes*/
.btn-informes a:not(:last-child){
    margin-right:10px;
}

    .btn-informes a i{
        margin-right: 5px;
    }

.legendColorBox, .legendLabel{
    padding:2px;
}

.externos-matriculas-actividades-wrap{
    overflow: hidden;
}

    .externos-matriculas-actividades-wrap .card-body,
    .externos-ingresos-actividades-wrap .card-body{
        display: flex;
        gap:10px;
    }

    .externos-matriculas-actividades-wrap .externos-matriculas-actividades-legend,
    .externos-ingresos-actividades-wrap .externos-ingresos-actividades-legend,
    .externos-matriculas-actividades-wrap .externos-matriculas-actividades-legend-nosub,
    .externos-ingresos-actividades-wrap .externos-ingresos-actividades-legend-nosub,
    .externos-ingresos-actividades-wrap .externos-matriculas-actividades-legend-all{
        column-count: 2;
        height:auto!important;
        width: 50%!important;

    }
/*Fin - Informes*/

/*Tabs*/
.tab-section {
    display: none;
}

.tab-section.active{
    display: block;
}

tbody.tab-section.active {
    display: table-row-group;
}

/*Fin - Tabs*/

/*Listas de emails*/
#wrap-preview-archivo{
    clear: both;
}

#wrap-preview-archivo table {
    overflow: hidden;
}

#wrap-preview-archivo td,
#wrap-preview-archivo th {
    cursor:pointer;
    position: relative;
}

#wrap-preview-archivo th:hover::after,
#wrap-preview-archivo td:hover::after{
    content: "";
    position: absolute;
    background-color: rgba(220, 220, 220, 0.4);
    left: 0;
    top: -5000px;
    height: 10000px;
    pointer-events: none;
    width: 100%;
    z-index: 1;
}
/*Fin - Listas de emails*/

/*Encuestas*/
.encuestas{

}

.encuestas .range table{
    width: 100%;
}

    .encuestas .range table th{
        text-align: center;
    }

    .encuestas .range table td:not(:first-child){
        text-align:center
    }

        .encuestas .range table td .radio{
            display: inline-block;
        }

.encuestas .range h5{
    text-align:center
}

#form-encuesta{
    font-size:15px;
}

#encuestas-list[data-is-teacher="0"] .titulo a,
#encuestas-list[data-is-teacher="1"] .titulo span{
    display: block;
}

#encuestas-list[data-is-teacher="1"] .titulo a,
#encuestas-list[data-is-teacher="0"] .titulo span{
    display: none;
}

.comments-wrap{
    height: 200px;
    overflow: auto;
}

/*Fin - Encuestas*/

/*Botón de registro de jornada*/
.btn-toggle-registro-jornada[disabled] {
    opacity:.2;
}

.btn-toggle-registro-jornada[value][disabled] {
    opacity:1;
}

.btn-toggle-registro-jornada[value="0"]{
    color:#CDDC39;
}

    .btn-toggle-registro-jornada .him-counts{
        font-weight:bold;
        width: 100%;
    }

    .btn-toggle-registro-jornada .him-counts.jornada-current{
        background-color:#CDDC39;
        color:#F44336;
        top:-13px;
    }

    .btn-toggle-registro-jornada .him-counts.jornada-total{
        background-color: transparent;
        bottom:-11px;
        color:#CDDC39;
        top:auto;
    }

    .btn-toggle-registro-jornada[value="1"] .him-counts.jornada-total{
        color:#FFF;
    }

    .btn-toggle-registro-jornada .zmdi-timer.jornada-current{
        display: none;
    }

    .btn-toggle-registro-jornada[value="1"] .zmdi-timer,
    .btn-toggle-registro-jornada[value="0"] .zmdi-timer-off,
    .btn-toggle-registro-jornada[value="1"] .him-counts.jornada-current{
        display: none;
    }

    .btn-toggle-registro-jornada[value="1"] .zmdi-timer-off,
    .btn-toggle-registro-jornada[value="0"] .zmdi-timer,
    .btn-toggle-registro-jornada[value="0"] .him-counts.jornada-current{
        display: block;
    }

    @media only screen and (max-width: 768px) {
        .btn-toggle-registro-jornada .him-counts{
            display: none!important;
        }
    }
/*Fin - Botón de registro de jornada*/

/*Listados de registro de jornada*/
#registro-jornada-list tr{
    transition: 200ms;
}

#registro-jornada-list tr.status-1{
    background-color:#8BC34A;
}

#registro-jornada-list tr.status-0{
    background-color:#F44336;
}

    #registro-jornada-list td{
        position: relative;
    }

/*#registro-jornada-list tr .date-wrap input.form-control,*/
#registro-jornada-list tr.edit .date-wrap span,
/*#registro-jornada-list tr .date-actions .btn-save,*/
#registro-jornada-list tr .date-actions .btn-cancel,
#registro-jornada-list tr.edit .date-actions .btn-edit{
    display: none;
}

#registro-jornada-list tr.edit .date-wrap input.form-control,
#registro-jornada-list tr.edit .date-actions .btn-save,
#registro-jornada-list tr.edit .date-actions .btn-cancel,
#registro-jornada-list tr .date-actions .btn-edit{
    display: inline-block;
}
/*Fin - Listados de registro de jornada*/

/*Estilos generales*/
.items-wrap{
    /*overflow: hidden;*/
}

a.inactiva, span.inactiva {
    color: #F44336;
}

a.abierta, span.abierta {
    color: #4caf50 ;
}

tr.inactiva{
    background: #ffbfbf!important;
}

a.apuntar{
    font-size: 19px;
    vertical-align: middle;
}

button.inscrito {
    font-size: 19px;
    vertical-align: middle;
}

button.apuntar {
    font-size: 19px;
    vertical-align: middle;
    color: #2196F3;
    background-color: transparent;
    text-decoration: none;
    border: none;
    margin: auto auto;
    padding: 0
}

button.apuntar:hover {
    color: #0a6ebd;
    text-decoration: none;
    outline: 0;
}

.card-footer{
    margin-bottom: 10px;
}

.browser-msg{
    display: none;
}

@-moz-document url-prefix() {

  .firefox {
    display: block;
  }

}

@media print {

    .sweet-overlay{
        display: none!important;
    }

    .sweet-alert{
        display: none!important;
    }

}

/*Fin - Estilos generales*/

.i-table td{
    vertical-align: middle!important;
}

.fileinput .fileinput-preview {
    width: 150px;
    height: 150px;
    line-height: 150px;
}

.card .card-header h2 small.text-black{
    color: #000;
}

/******modificar puntuacion******/
.type-RellenarHuecos .text .respuestaalumno {
    display: inline-block;
    background-color: rgba(76, 175, 80, 0.24);
    border: 2px dotted #4CAF50;
    border-radius: 10px 0 0 10px;
    line-height: 20px;
    padding: 0 5px 0 10px;
}

.type-RellenarHuecos .text .error .respuestaalumno{
    background-color: rgba(244, 67, 56, 0.24);
    border-color: #F44336;
}

.type-RellenarHuecos .text .corrected .respuestaalumno{
    background-color: rgba(255, 152, 0, 0.24);
    border-color: #FF9800 !important;
}

.type-RellenarHuecos .text .notaalumno {
    display: inline-block;
    background-color: rgba(76, 175, 80, 0.24);
    border: 0px;
    border-top: 2px dotted #4CAF50;
    border-bottom: 2px dotted #4CAF50;
    border-radius: 0px;
    line-height: 20px;
    width: 45px;
    text-align: right;
    font-style: normal;
    display: none;
    padding-right: 0;
}

.type-RellenarHuecos .text .correct .notaalumno{
    display: inline-block;
}

.type-RellenarHuecos .text .error .notaalumno{
    background-color: rgba(244, 67, 56, 0.24);
    border-color: #F44336;
    display: inline-block;
}

.type-RellenarHuecos .text .corrected .notaalumno{
    background-color: rgba(255, 152, 0, 0.24);
    border-color: #FF9800 !important;
    display: inline-block;
}

.type-RellenarHuecos .text .not_completed .notaalumno{
    display: none;
}

.type-RellenarHuecos .text .not_completed .editnota{
    display: none;
}

.type-RellenarHuecos .text .edittotal{
    display: inline-block;
    background-color: rgba(76, 175, 80, 0.24);
    border: 2px dotted #4CAF50;
    border-left: 0px;
    border-radius: 0px 10px 10px 0px;
    line-height: 20px;
    padding-right: 10px;
    display: none;
}

.type-RellenarHuecos .text .correct .edittotal{
    display: inline-block;
}

.type-RellenarHuecos .text .error .edittotal{
    background-color: rgba(244, 67, 56, 0.24);
    border-color: #F44336;
    display: inline-block;
}

.type-RellenarHuecos .text .corrected .edittotal{
    background-color: rgba(255, 152, 0, 0.24);
    border-color: #FF9800 !important;
    display: inline-block;
}

.type-RellenarHuecos .text .not_completed .edittotal{
    display: none;
}

.type-ReordenarTerminos .notaalumno {
    border: 1px solid #ccc;
    width: 45px;
    text-align: right;
    font-style: normal;
}

.type-TextoLibre .notaalumno {
    border: 1px solid #ccc;
    width: 45px;
    text-align: right;
    font-style: normal;
}

.ejercicio-contenido .puntuacion{
    text-align: right;
}

.type-TextoLibre textarea, .type-Documento textarea{
    width: 100%;
    resize: none;
    margin: 0 15px;
    min-height: 100px;
}

.type-TextoLibre textarea.big{
    width: 100%;
    resize: vertical;
    margin: 0;
    min-height: 250px;
}

.type-TextoLibre .correct textarea.respuesta {
    background-color: rgba(76, 175, 80, 0.24);
}

.type-TextoLibre .error textarea.respuesta{
    background-color: rgba(244, 67, 56, 0.24);
}

.type-TextoLibre .corrected textarea.respuesta{
    background-color: rgba(255, 152, 0, 0.24);
}

.type-Documento .notaalumno {
    border: 1px solid #ccc;
    width: 45px;
    text-align: right;
    font-style: normal;
}

.type-Documento .correct .wp-media {
    background-color: rgba(76, 175, 80, 0.24);
}

.type-Documento .error .wp-media{
    background-color: rgba(244, 67, 56, 0.24);
}

.type-Documento .corrected .wp-media{
    background-color: rgba(255, 152, 0, 0.24);
}

.btn[disabled].ak_disabled{
    opacity: 0.35;
}

.wp-media[data-tipo='document'] .fileinput{
    padding-right: 0;
}

.wp-media[data-tipo='document'] .fileinput .m-r-10{
    margin-right: 0;
}

.type-UnirFlechas .col1 .option-list button.join.selected {
    border: 2px solid red;
}

#ie-warning-template{
    display: none;
}

.bg-white{
    background-color: #fff!important;
}

.wp-text.small {
   padding: 20px 0px;
    margin-top: 15px;
}

.bigselect{
    display: block;
    width: 100%;
    border: 0;
    border-bottom:1px solid rgb(224, 224, 224);
}

/***********Tablón**************/
.grid3{
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    border-top: 15px solid #edecec;
}

.calendarinfo label{
    background-color: #2196F3 !important;
    display: block;
    color: #fff;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
}

.calendarinfo label a{
    color: #fff;
}

.calendarinfo span{
    display: block;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
}

.calendarinfo span a{
    color: #000;
}

.claseonlineinfo .lgi-heading a{
    color: #000;
}

.claseonlineinfo .lgi-heading.text-blue a{
    color: #2196F3;
}

.claseonlineinfo .lgi-text a{
    color: #777;
}

.claseonlineinfo .lgi-attrs.infodate > li a{
    color: #777;
}

.relative{
    position: relative;
}

.relative i{
    position: absolute;
    top: 5px;
    right: 6px;
    font-size: 18px;
    cursor: pointer;
}
/***********Fin Tablón**************/

@media only screen and (max-width: 760px) {

    #data-list{
        padding: 0;
    }

    .type-UnirFlechas .options .msg {
        height: 55px;
    }

    .type-UnirFlechas .options-wrap{
        padding: 10px 0;
    }

    .type-UnirFlechas .option-list img {
        width: 100%;
        height: auto;
    }

    .type-UnirFlechas .option-list.image {
        height: auto;
    }

    .type-UnirFlechas .col2 .option-list.text span {
        padding-left: 35px;
    }

    .type-UnirFlechas .option-list button.join {
        height: 25px;
        margin-top: -12.5px;
        width: 25px;
        right: -12.5px;
    }

    .type-UnirFlechas ul.col2 {
        width: 50%;
    }

    .grid3{
        grid-template-columns: 100%;
    }

}

/*Copiar ejercicios*/
/*
#ejercicios_grupos-list[data-copy-multiple="0"] .btn-cancel-copy-multiple,
#ejercicios_grupos-list[data-copy-multiple="0"] .chk-copy,
#ejercicios_grupos-list[data-copy-multiple="0"] th .btn-copy-grupo,
#ejercicios_grupos-list[data-copy-multiple="1"] .btn-copy-multiple,
#ejercicios_grupos-list[data-copy-multiple="1"] td .btn-copy-grupo {
    display: none;
}

#ejercicios_grupos-list th.btn-copy-th i{
    color:inherit;
    display: block;
    font-size: 14px;
    margin:0;
    position: static;
    width: auto;
}

#ejercicios_grupos-list i {
    pointer-events: none;
}
*/
/*Fin - Copiar ejercicios*/

/*Copiar materiales*/
button i{
    pointer-events: none;
}

.items-copy-btns-wrap[data-copy-multiple="0"] .btn-cancel-copy-multiple,
.items-copy-btns-wrap[data-copy-multiple="0"] .chk-copy-wrap,
.items-copy-btns-wrap[data-copy-multiple="0"] .copy-wrap .btn-copy-item,
.items-copy-btns-wrap[data-copy-multiple="1"] .btn-copy-multiple,
.items-copy-btns-wrap[data-copy-multiple="1"] .btn-copy-item:not(.btn-copy-all) {
    display: none;
}

#temas-wrap .block-header{
    padding-left:30px;
    position: relative;
    cursor: pointer;
}

    #temas-wrap .btn-toggle-materials{
        border:none;
        left:0;
        position: absolute;
        top:50%;
        transform:translateY(-50%);
    }

.tema .btn-toggle-materials .zmdi-minus,
.tema.show .btn-toggle-materials .zmdi-plus{
    display: none;
}

.tema.show .btn-toggle-materials .zmdi-minus{
    display: block;
}

.tema .items-wrap{
    height: auto;
    max-height: 0;
    overflow:hidden;
}

.tema.show .items-wrap {
    margin-top: 20px;
    max-height: 10000000px;
}

.tema{
    /*border-left: 1px solid #7a7a7a;*/
    border-bottom: 1px solid #7a7a7a;
    padding: 20px;
    margin-bottom: 20px;
}

.tema .items-wrap > .card {
    margin-bottom: 0;
}

#items-copy-btns-wrap i,
#items-copy-btns-wrap label i {
    pointer-events: none;
}

#temas-wrap .tema{
    margin-bottom: 0;
}

    #temas-wrap .tema .block-header{
        margin-bottom:0;
    }

    #temas-wrap .tema .block-header small{
        margin-bottom:0;
    }

    #temas-wrap .items-wrap{
        margin-bottom: 0;
    }

#temas-wrap .tema[data-status="0"]{
    border:1px solid #F44336;
    opacity:.7;
}
/*Fin - Copiar materiales*/

/*Listado de menores en la ficha de editar datos*/
.menor-row[data-es_menor="0"] {
    position: relative;
}

.menor-row[data-es_menor="0"]:after{
    background-color:rgba(255, 255, 255, .7);
    content:'';
    height: 100%;
    left:0;
    position: absolute;
    top:0;
    width: 100%;
    z-index: 10;
}
/*Fin - Listado de menores en la ficha de editar datos*/

/*Listado de clases online*/

tr[data-terminada="1"] .no-terminada,
tr[data-terminada="0"] .terminada{
    display: none;
}

tr[data-terminada="1"] .terminada,
tr[data-terminada="0"] .no-terminada{
    display: block;
}

/*Fin - Listado de menores en la ficha de editar datos*/

.c-bgray{
    color: #5E5E5E !important;
}

/* Nav contenedor*/

.banner-nav-container,
.categorias-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.banner-nav-container .tab-nav,
.categorias-nav-container .tab-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.banner-nav-container .actions,
.categorias-nav-container .actions {
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: inset 0 -2px 0 0 #eee;
}

.banner-nav-container .actions li,
.categorias-nav-container .actions li {
    padding: 11px 10px 11px 0;
}

/* Ordenar banners */

.sortable-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
    padding: 10px;
}

.sortable-item {
    margin-bottom: 5px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: grab;
}

.sortable-item td {
    padding: 10px 5px !important;
}

.sortable-item:last-child {
    margin-bottom: 0;
}

.sortable-table tbody tr {
    cursor: grab;
}

.sortable-table tbody tr:active {
    cursor: grabbing;
    background-color: #f0f0f0;
}

.sortable-ghost {
    background-color: rgba(33, 150, 243, .25) !important;
}
/* Fin - Ordenar banners */