/**
 * Modificaciones sobre la maqueta
 */

.header-horizontal~.page-content {
    margin-bottom: 0;
}

.una-plataforma-de > div {
    font-weight: 500;
    font-size: 11px;
    color: #262d3ea8;
    margin-right: 8px;
}
.una-plataforma-de > img {
    height: 25px;
}
.footer .una-plataforma-de img {
    vertical-align: text-bottom;
    height: 26px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    text-transform:none;
}

/* Submenú */
#navigation ul ul li {
    width: 315px;
}

/* Mensajes de validación en los formularios */
.error-placement {
    display:none;
    margin-top:-15px;
}
label.error {
    color:#eb0d45;
    font-size:12px;
}
input.error {
    border-color:#eb0d45;
}

/*div.alert-danger {
    background: #eb0d45;
    border:none;
    color:#fff;
    font-weight: 400;
}*/
div.alert-danger {
    background: #ffd2e1;
    border: 1px solid #ff0000;
    color: #ff0b0b;
    font-weight: 400;
    text-align: center;
}

div.alert-success {
    background: #00c7b1;
    border:none;
    color:#fff;
    font-weight: 400;
}
div.alert p {
    margin-bottom: 0;
}

.uk-form-intro {
    line-height: 140%;
    padding-bottom:15px;
    font-weight: 400;
}
.uk-form-intro > small {
    line-height: 110%;
    display:block;
    margin-top:10px;
}

/* Preloader */
#preloader {
    z-index:10000000000000;
    display:none;
    position: fixed;
}

/* notificaciones */
.uk-notification {
    width: 450px;
}
.uk-notification-message {
    font-size:16px;
    border-radius: 5px;
    border-color:#262d3e;
    font-weight: 500;
}
.uk-notification-message-success {
    color: #fff;
    background: #32d296;
}
.uk-notification-message-danger {
    color: #fff;
    background: #f0506e;
}
.uk-notification-message-warning {
    color: #fff;
    background: #faa05a;
}

.box-alumno .login-code {
    letter-spacing: .25em;
    margin-left:5px;
    font-family: monospace;
    font-size: 14px;
}
.box-alumno .login-icon {
    margin-left:0px;
}


.play-act .course-content {
    transition: none;
}
.play-act .course-layouts {
    transition: none;
}
.play-act .uk-accordion-content li a {
    cursor:default;
}
.play-act .row.img-top,
.play-act .row.img-bottom {
    display:block;
}
.play-act .row.img-align-TOP > div.the_img,
.play-act .row.img-align-BOTTOM > div.the_img {
    margin: 0 auto;
    text-align: center;
}
.play-act .row.img-align-TOP-RIGHT > div.the_img,
.play-act .row.img-align-BOT-RIGHT > div.the_img {
    margin: 0 0 0 auto;
    text-align: right;
}
.play-act .img_caption {
    line-height: 1.2em;
    margin-top: 10px;
    text-align: left;
    font-size: 14px;
}
.play-act .row.img-top div.the_img {
    margin-bottom: 20px;
}
.play-act .row.img-bottom div.the_img  {
    margin-top: 20px;
}

.play-act .embed-video {
    max-width: 80%;
    margin:0 auto;
}

/* Botones de modales */

.uk-modal .uk-button {
    padding: 0.5rem 1rem !important;
    font-size: .75rem !important;
    line-height: 1.2 !important;
    border-radius: 0.25rem;
    margin-left:10px;
}
.uk-modal .uk-button-default {
    color: #262d3e;
    border-color: #262d3e;    
}
.uk-modal .uk-button-primary {
    color: white;
    background-color: #262d3e;
}
.uk-modal .uk-button-default:hover,
.uk-modal .uk-button-primary:hover {
    color: #262d3e;
    background-color: #ffdc00;
    /*border-color: #262d3e;*/
    border-color: #ffdc00;
}

.swal2-styled.swal2-confirm {
    color: white;
    background-color: #262d3e;
    font-weight: 600;
    padding: 0.5rem 1rem !important;
    font-size: .75rem !important;
    line-height: 1.2 !important;
    border-radius: 0.25rem;
}
.swal2-styled.swal2-confirm:hover {
    color: #262d3e;
    background-color: #ffdc00;
    border-color: #ffdc00;
    background-image:none !important;
}
.swal2-styled.swal2-confirm:focus {
    box-shadow: none;
}

.header-modal-video {
    border-bottom: none;
}

/* Texto de las cards */
.box-actividad.course-card h4 {
    align-self: center;
}

.course-details-info ul {
    font-size: 18px;
}


.avatars > span {
  position: relative;
  left: -5px;
  margin-left: -15px;
  z-index: 1;
}
.f-actividad .avatars img {
    width: 35px;
    height: 35px;
    border:4px solid white;
}
.avatars {
  direction: rtl;  /* This is to get the stack with left on top */
  text-align: left;  /* Now need to explitly align left */
  padding-left: 25px;  /* Same value as the negative margin */
}
.uk-open .avatars {
    display:none;
}


.activity-open-date {
    font-weight: 600;
    color: #bbb;
    font-size: 13px;
    padding: 5px 15px 0 0 ;
}
.activity-open-date > i {
    font-size: 19px;
    font-weight: 400;
}
.activity-open-date.opened {
    color: #4caf50;
}


.box-login .input-code {
    text-transform: uppercase;
}

.d-alumno .profile-container {
    padding: 15px 0 0 0;
}

/* segundo nivel de ul */
.f-actividad .contenido-ficha-act .course-description-content ul ul {
    margin-left: 60px;
}
.f-actividad .contenido-ficha-act .course-description-content ul ul > li:before {
    content: "\e98c"; /* thumbs-down */
}
.f-actividad .contenido-ficha-act .course-description-content ul ul > li.rex-correcta:before {
    content: "\e98d"; /* thumbs-up */
}

.exa-pregunta {
    font-weight: 500;
    /*font-size: 16px;*/
}
.exa-respuesta {
    text-decoration: line-through;
    color:#262d3e78;
}
li.rex-correcta .exa-respuesta {
    text-decoration: none;
    color:#262d3eab;
}

/* Modales grandes */
@media (min-width: 1220px) {
    .uk-modal-dialog-large {
        width: 1130px;
    }
}
@media (min-width: 768px) {
    .uk-modal-dialog-large {
        width: 930px;
    }
}



/* Modales medianos */
@media (min-width: 768px) {
    .uk-modal-dialog-md {
        width: 630px;
    }
}

/*modal notificaciones*/

#modalReadnotification .uk-modal-title{
    float: left;
    font-size: 18px;
    margin: 0;
    font-weight: 700;
}

#modalReadnotification .uk-modal-title .small{
    display: block;
    font-size: 11px;
    margin-top: 7px;
}

#modalReadnotification .uk-modal-header .avatar {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    float: right;
    border-radius: 50%;
    border: 2px solid white;
}

#modalReadnotification .icono-noti{
    float: left;   
    font-size: 18px;
    margin-right: 8px;
    margin-top: 10px;
}

#modalReadnotification .uk-modal-header .avatar span{
    background: #d7d7d7;
    border: none;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 19px;
    cursor: default;
}
#modalReadnotification .uk-modal-header .avatar span i{
    font-size: 24px;
    font-weight: bold;
}

#modalReadnotification .uk-modal-header .avatar span i.icon-feather-info{
    color: #8492a6;
}

.item-box-aula .dashprofe-clase-stats{
    cursor: pointer;
    z-index: 99;
}
.item-box-aula .course-card h4 {
    font-size:22px;
}
.item-box-aula .course-card h5 {
    color:#384052;
}

/* Modal de edición de items observables */
#modalEditobservables .nombre-alumno {
    font-weight: 400;
    font-size:16px;
}
/* Modal de edición de evaluación del profesor */
#modalEditevalalumno .nombre-alumno {
    font-weight: 400;
    font-size:16px;
}


.play-act .contenido-texto h1 {
    margin-bottom: 40px;
    font-size: 28px;
}

.play-act .contenido-texto {
    padding: 60px 50px;
}

.play-act .contenido-texto .img-right img,
.play-act .contenido-texto .img-left img {
    margin-top:10px;
}

.f-actividad .body-modal-video {
    min-height: 75vh;
}

/* Materiales */
.list-contextual i,
.course-description-content .list-complementary i,
.course-description-content .list-downloads i {
    width: 27px;
    height: 27px;
    line-height: 27px;
    background: #ff6661;
    color: white;
    border-radius: 100%;
    padding: 8px 8px 8px 9px;
    z-index: 2;
    margin-right: 12px;
}

#video-slider {
    list-style: none;
}


.uk-modal-body .item-pregunta-test {
    margin-bottom: 30px;
    padding: 20px 45px 25px 45px;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.uk-modal-body .uk-tab a {
    font-weight: 500;
}



/* Tabla redondeada */
table.table-rounded tr:first-child th,
table.table-rounded tr:first-child td {
    border-top: none !important;
}
table.table-rounded tr:last-child th,
table.table-rounded tr:last-child td {
    border-bottom: none !important;
}
table.table-rounded tr:first-child th:first-child,
table.table-rounded tr:first-child td:first-child {
    border-top-left-radius: 6px;
}
table.table-rounded tr:first-child th:last-child,
table.table-rounded tr:first-child td:last-child {
    border-top-right-radius: 6px;
}
table.table-rounded tr:last-child th:first-child,
table.table-rounded tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}
table.table-rounded tr:last-child th:last-child,
table.table-rounded tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}



.uk-modal-body #info-results-modal-tab > li  {
    padding: 15px 30px;
}
.uk-modal-body .uk-tab > .uk-active > a {
    border-color: #ffdc00;
}
/*
.grupos-resultados table tr.head-grupo th,
.uk-modal-body #info-results-modal-tab table th {
    font-weight: 600;
    vertical-align: middle;
    line-height: 1.1em;
    border:none;
    font-size: 15px;
    
    padding: 18px 20px;
    color: rgba(0, 0, 0, 0.54);
}
.uk-modal-body #info-results-modal-tab table td {
    font-weight: 400;
    vertical-align: middle;
    line-height: 1.1em;
    color: #29303b;
    border:none;
    font-size: 14px;
}
.uk-modal-body #info-results-modal-tab tr.table-foot {
    background-color: rgba(0, 0, 0, 0.05);
}
.uk-modal-body #info-results-modal-tab tr.table-foot:nth-of-type(even) th,
.uk-modal-body #info-results-modal-tab tr.table-foot:nth-of-type(even) td {
    border-top: 4px solid #fff;
}
*/
    .f-actividad .table.table-borderless th, 
    .f-actividad .table.table-borderless td {
        border:none;
    }

    
    /* Tabla del tab de resultados */
    .grupos-resultados table {
        box-shadow: 0 3px 10px 0 rgb(0 0 0 / 6%) !important;
    }
    
    .grupos-resultados table td,
    .grupos-resultados table th {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        vertical-align: middle;
    }
    .grupos-resultados table td:first-child {
        padding-left: 40px;
    }
    
    .grupos-resultados table th {
        font-weight: 500;
        /*color: rgba(0, 0, 0, 0.54);*/
    }
    .grupos-resultados table tr.head-grupo th {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        background: #fff;
        font-weight: 600;
        vertical-align: middle;
        line-height: 1.1em;
        font-size: 15px;
        padding: 18px 20px;
        color: rgba(0, 0, 0, 0.54);
    }
    .grupos-resultados table tr:first-child th {
        background-color: rgba(0, 0, 0, 0.05);        
    }
    
    .grupos-resultados table tr.foot-grupo th {
        color: rgba(0, 0, 0, 0.54);
        font-weight: 300;
        color: #29303b;
        padding-bottom: 20px;
        padding-left: 50px;
    }
    .grupos-resultados table tr.foot-grupo td {
        padding-bottom: 20px;
    }

    .grupos-resultados table tr.foot-total td,
    .grupos-resultados table tr.foot-total th {
        background-color: rgba(0, 0, 0, 0.05);
        padding-top: 20px;
    }
    .grupos-resultados table tr.foot-total th:first-child {
        padding-left: 20px;
        color: rgba(0, 0, 0, 0.54);
    }
    .grupos-resultados table tr.alumno td,
    .grupos-resultados table tr.alumno th {
        background: #fafafa;
    }
    
    /* Tabla de resumen general */
    .info-results-modal-tab-resumen table td {
        font-weight: 400;
    }
    .info-results-modal-tab-resumen table tr.head-grupo th {
        background: rgba(0, 0, 0, 0.05);
        border-top: 1px solid #eee;
    }
    
    /* Tablas de resultados */
    .uk-modal-body #info-results-modal-tab td.pregunta {
        font-weight: 400;
    }
    .uk-modal-body #info-results-modal-tab td.respuesta {
        text-align: center;
    }
    .uk-modal-body #info-results-modal-tab td.respuesta .resp {
        margin-top: 4px;
        font-size: 12px;
    }

    
    .tab-resultados .nombre-alumno {
        font-weight: 600;
        font-size: 14px;
        color: #888;
    }

    
.semaforo {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.semaforo.verde {
    background: #36b37e;
}
.semaforo.amarillo {
    background: #fbdc03;
}
.semaforo.naranja {
    background: #f78203;
}
.semaforo.rojo {
    background: #f40000;
}


/* Página de ayuda */
body.help {
/*    background-color: #edeff085 !important;*/
    background: #f5f5f5 !important;
}
body.help ul.uk-list > li a {
    font-weight: 500;
    color:#333 !important;
    font-size: 1rem;
} 
body.help .uk-accordion-title {
    font-weight: 500;
}
body.help .uk-accordion-content {
    color: #333;
}
body.help .uk-accordion-content a {
    text-decoration: underline;
}

body.help .faq-response p,
body.help .faq-response ul li,
body.help .faq-response ol li {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal;
    padding-bottom: 8px;
    text-align: justify;
    color: #262d3eab;
}
body.help .faq-response ul li p,
body.help .faq-response ol li p {
    margin-bottom: 0;
    padding-bottom: 0;
}
body.help .faq-response ul,
body.help .faq-response ol {
    margin-bottom: 10px;
    padding-bottom: 8px;
}
body.help .faq-response ul {
    list-style: disc;
}

.play-act .body-modal-video,
body.help .body-modal-video {
    min-height: 75vh;
    background-color: #000;
}
.play-act .header-modal-video,
body.help .header-modal-video {
    background-color: #000;
}

.uk-modal {
    z-index: 1059;
}

.f-actividad .contenido-ficha-act .ods p {
    text-align: left;
}
.d-clase .profile-layout-content p {
    letter-spacing: .2px;
    font-size: 16px;
    line-height: 25px;
    color:#fff;
}
.d-clase .profile-layout-content p a {
    border-bottom: 1px solid #bbb;
}
.d-clase .profile-layout-content h4 {
    font-size: 28px;
}
.faq-contents p a {
    border-bottom: 1px solid #29303b;
    color:#29303b;
}
.faq-contents p a:hover {
    font-weight: 500;
}


/* Ajustar los vídeos de las descripciones */
body.f-actividad .course-description-content p iframe {
    width: 700px;
    height: 394px;
    max-width: 100%;
}
    @media (max-width: 1220px) {
        body.f-actividad .course-description-content p iframe {
            width: 500px;
            height: 281px;
            max-width: 100%;
        }
    }
    
em {
    color: #262d3eab;
}

.capture-video-crop {
/*    overflow:hidden;
    display:block;
    max-width: 500px;
    text-align: center;*/
    position: relative;
    max-width: 480px;
    max-height: 480px;
    width: 100%;
    height: 100%;
}
.capture-video-crop .capture-video {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.capture-video-crop .capture-video-preview {
    border-radius: 50%;
    width:100%;
    height:100%;
    max-width: 480px;
    max-height: 480px;
    top:0;
    left:0;
    border:2px solid #262d3e;
}

.highlight-watched .watched a, .highlight-watched .watched.uk-active a {
    background: #f0f0f0 !important;
}

.course-video-list li:nth-child(2n) {
    background: #fafafa;
}


.login-alumno .input-code {
    display: inline-block;
    border: none !important;
    height: auto !important;
    line-height: normal !important;
    font-size: 63px !important;
    width: 1.1em;
    text-align: center;
    margin: auto 5px;
    color: #eb0d45;
    background-color: #fff;
    border-radius: 4px;
    font-weight: 500;
    padding:0;
}
.login-alumno .login-icon {
    display: inline-block;
    padding:15px 0;
    color: #eb0d45;
    background-color: #fff;
    border-radius: 4px;
    width:80px;
    text-align: center;
    margin:0 5px;
}
.edit-profile .login-icon > img {
    vertical-align: bottom;
}

.profile-container .user-profile-photo:hover img {
    width:105%;
    height:105%;
    -webkit-transition: width .25s ease-in-out;
    -moz-transition: width .25s ease-in-out;
    -o-transition: width .25s ease-in-out;
    transition: width .25s ease-in-out;
    -webkit-transition: height .25s ease-in-out;
    -moz-transition: height .25s ease-in-out;
    -o-transition: height .25s ease-in-out;
    transition: height .25s ease-in-out;
}

.btn:hover {
    cursor:pointer;
}

    
/* accordion itinerarios premium */

.uk-card-default.card-fase {
    box-shadow: none !important;
}
li.item-fase-itinerario {
    background: #f5f5f5;
    padding: 25px 35px 20px 35px;
}
.fases-itinerari .uk-accordion-content {
    padding: 0px;
    margin-top: 25px;
    padding-bottom: 40px;
}
/*.fases-itinerari li.item-fase-itinerario:last-child .uk-accordion-title {
    padding-bottom: 0px;
}*/
.fases-itinerari .uk-accordion-title::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-top: 5px;
    margin-right: -4px;
    float: right;
    background-image: url(../img/icon-plus.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}    
.fases-itinerari .uk-accordion-title::before {
    /* background-image: url('../images/arrow-up40.png');*/
} 
.fases-itinerari .uk-open > .uk-accordion-title::before {
    background-image: url('../img/icon-minus.png') !important;
}
.d-clase .uk-list-large > li:nth-child(n+2), .d-clase .uk-list-large > li > ul {
    margin-top: 0px !important;
}
li.item-fase-itinerario {
}

.fases-itinerari .separador-fases {
    display: flex;
    justify-content: center;
    background-color: white;
    padding: 20px;
    margin-left: -50px;
    margin-bottom: -20px;
    margin-right: -35px;
}
.fases-itinerari .uk-accordion-title {
    font-size: 2.3rem;
    line-height: 1.4;
    color: #333;
    overflow: hidden;
    font-weight: 500;
    padding-bottom: 30px;
}
.fases-itinerari .disabled .uk-accordion-title {
    color: #999;
}
.fases-itinerari .uk-accordion-title small {
    font-weight: 300;
    font-size: 1rem;
    display: block;
    margin-top: 1px;
    margin-bottom: 0px;
}
.fases-itinerari .uk-accordion-title > span.titulo-fase {
}

.fases-itinerari .activitats-fase {
    margin-top: 50px;
    margin-bottom: 50px;
}

.fases-itinerari .uk-list-large.uk-list-divider > li:nth-child(n+2) {
    margin-top: 15px;
    padding-top: 15px;
}
.fases-itinerari .uk-list-divider > li:nth-child(n+2) {
    border: none;
}
.d-clase .box-actividad.course-card .course-card-footer {
    background: #ffffff;
}

.tipus-activitat-tag {
    display: flex;
    color: #262D3E;
    padding: 0.26rem 0rem !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    border-radius: 10rem !important;
    line-height: 1 !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    align-items: center;
}
.icon-tipus-activitat {
    font-size: 20px;
    font-weight: 600;
}
.tipus-activitat-tag.negatiu {
    display: flex;
    color: #fff;
    padding: 0.22rem 0.56rem 0.22rem 0.42rem !important;
    font-size: 0.70rem !important;
    font-weight: 500 !important;
    border-radius: 10rem !important;
    line-height: 1 !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    align-items: center;
    background-color: #262D3E;
    border-radius: 4px !important;
}
.tipus-activitat-tag.negatiu .icon-tipus-activitat {
    font-size: 20px;
    font-weight: 500;
}
.label-estado-fase {
    background-color: #cccccc;
    font-size: 13px;
    color: #fff;
    padding: 4px 9px 3px 7px;
    border-radius: 5px;
    margin-left: 10px;
    font-weight: 600;
    float: none;
    margin-top: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
.label-estado-fase > i {
    font-weight: 600;
}
.label-success {
    background: #00c7b1;
    color: #fff;
}
.label-done {
    background: #262d3e;
    color: #fff;
}

.label-recuento-fase {
    float:right;
    font-size: 2.2rem;
    padding-top:2px;
    margin-right: 25px;
    font-weight: 500;
    color: #262d3e;
}
.label-recuento-fase > span {
    font-size: 1rem;
    font-weight: 400;
    vertical-align: middle;
}
.label-recuento-fase > i {
    font-size: 1.2rem;
    vertical-align: middle;
}
.fases-itinerari .disabled .label-recuento-fase {
    color: #999;
}

/* Wizards: video tutoriales */
#modalGenericWizard .uk-modal-body {
}
.wizard-intro {
    margin-left: -30px;
    background: #f0f0f0;
    margin-right: -30px;
    padding: 30px;
    margin-bottom: -30px;
}
.wizard-intro .wizard-indicator {
    float: right;
    font-size: 1rem;
    font-weight: 500;
}
.wizard-intro h4 {
    font-size: 1.6rem;
}
.wizard-content {
    margin-bottom: 20px;
}
.wizard-section {
}

.header-widget .header-widget-icon{
    line-height: 32px;
}

.header-widget .header-widget-icon span {
    width: 12px;
    height: 12px;
}

.header-widget .header-widget-icon.header-widget-icon-notificaciones span{
    width: 16px;
    height: 16px;
}

.header-widget .header-noificaciones-marcar-all-leido:hover i{
    color: black;
}

.header-widget .header-noificaciones-sin-notis p{
    font-size: 14px;
    line-height: 20px;
}

.header-widget .dropdown-notifications-content .notification-text .time-ago{
    display: block;
    font-weight: 300;
}

.header-widget .header-notificaciones-div{
    display: flex;
}

.header-widget .notification-icon.btn-bg-info{
    background: #b3b3b3;
}

#header-widget-dropdown-noti .notification-text-title{
    line-height: 23px;
    font-size: 13.7px;
    font-weight: 500;
}

.header-widget .notification-icon.btn-bg-info:hover{
    color: white;
}

#header-widget-dropdown-noti .simplebar-content{
    padding-top: 0 !important;
}

#header-widget-dropdown-noti .dropdown-notifications-content .notification-icon.btn-danger:hover{
    background-color: #ff5630;
    border-color: #ff5630;
}

#header-widget-dropdown-noti .dropdown-notifications-content .notification-icon.btn-success:hover{
    background-color: #36b37e;
    border-color: #36b37e;
}

#header-widget-dropdown-noti .dropdown-notifications-content .notification-icon{
    font-size: 16px;
    height: 26px;
    width: 26px;
    padding: 0;
    max-width: 40px;
    display: inline-block;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    color: white;
    transition: 0.25s;
    position: relative;
}

/* Estadísticas de alumno */
select#select_curso {
    min-width: 200px;
}

table.stats-alumno .result-cell strong {
    min-width: 38px;
    display: inline-block;
    text-align: right;
    font-weight: 500;
}
table.stats-alumno .result-cell .semaforo {
    height: 15px;
    width: 15px;
}


.footer .avisos-legales {
    /*padding-left: 145px;*/
}
.footer .avisos-legales a {
    /*color: rgba(255, 255, 255, 0.7) !important;*/
    color: #fff !important;
    margin-right: 10px;
    font-size: 14px;
}
.footer .avisos-legales a:last-child {
    margin-right: 0px;
}
.footer .avisos-legales a:hover {
    color: #ffffff !important
}
.footer .copy-footer {
    margin-bottom:3px;
}

.contenedor-login-centro .avisos-legales {
    line-height: 1.2em;
    margin-top: -20px;
}
.contenedor-login .avisos-legales {
    line-height: 1.2em;
    margin-top: 10px;
}
.contenedor-login .avisos-legales a,
.contenedor-login-centro .avisos-legales a {
    font-size: 11px;
    margin-right: 12px;
}
.contenedor-login .avisos-legales a:nth-child(2):after,
.contenedor-login-centro .avisos-legales a:nth-child(2):after  {
     content: "\A";
     white-space: pre; 
}


.alumno-antiguo .nombre-alumno {
    text-decoration: line-through;
}
.alumno-antiguo .avatar-parent-child img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.box-info {
    font-weight: 400;
    color: #eb0e46;
    padding: 25px;
}
.box-info > img {
    margin-bottom:10px;
}
.section-title small {
    font-size: 60%;
    font-weight: 400;
}

.admin-profe #myDataTable_wrapper input, .admin-profe #myDataTable_wrapper select{
    height: auto;
    line-height: normal;
    display:inline-block;
    width: auto;
}

.dt-container .btns-opciones .uil-plus{
    width: 15px;
    height: 15px;
}

.admin-profe #myDataTable_wrapper label{
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal;
    color: #262d3eab;
}

.admin-profe .btns-opciones a{
    margin-right: 5px;
}

.admin-profe .fw-bold{
    font-weight: bold;
}

#admin-profe-alumnos #modalChangeLoginStudent .login-icon{
    font-size: 63px !important;
}

.admin-profe #myDataTable_wrapper #dt-length-0, 
.admin-profe #myDataTable_wrapper #dt-length-1{
    margin-right: 5px;
}
.admin-profe #myDataTable_wrapper #dt-search-0{
    margin-left: 5px;
}

div.dt-container .dt-paging .dt-paging-button{
    padding: 0.3em 1em;
    line-height: normal;
}

#modalCaptureImage .capture-video{
    border-radius: 20px;
    max-width: 100%;
    /*margin: 0px 20px;*/
    max-height: 100%;
    max-height: calc(100% - 50px);
    max-height: 42vh;
}

#modalCaptureImage .capture-video-crop{
    margin: 0px 20px;
}


#modalCaptureImage .capture-video-crop {
    /*min-height: 480px;*/
}

#modalCaptureImage .capture-video-crop select{
    max-width: 350px;
    width: auto;
}

#modalCaptureImage .modal-body{
    max-height: 72vh;
}

#modalCaptureImage .select-cam{
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

#modalCaptureImage .select-cam-div{
    display: inline-block;
    text-align: left;
}

#modalCaptureImage .select-cam-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:0;
    width:100%;
}

#modalCaptureImage .select-cam-container > a {
    border-radius: 50%;
    width: 70px;
    /* text-align: center; */
    height: 70px;
    font-size: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#modalCaptureImage .modal-body {
    padding-bottom: 0;
}

#modalCaptureImage .select-cam-row > .form-group{
    display: flex;
    align-items: center;
}

@media (max-width: 575.98px) {
    #modalCaptureImage .capture-video-crop {
        /*min-height: 355px;*/
    }

    #modalCaptureImage .select-cam{
        max-width: 250px;
    }
}


@media (max-height: 500px) and (min-width: 500px) {

    #modalCaptureImage .select-cam-row{
        display: flex;
    }

}

@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 720px) and (max-height: 800px) {
    #modalCaptureImage .capture-video-crop{
        height: 300px;
        min-height: 0;
    }
}

#modalCaptureImage .capture-video-crop .capture-video-preview {
    border-radius: 50%;
    /*    width: 100%;
        height: 100%;*/
    max-width: 480px;
    max-height: 480px;
    top: 0;
    left: 0;
    border: 2px solid #262d3e;
    border-radius: 20px;
    max-width: 100%;
    max-height: 42vh;
}

#modalCaptureImage .btn-outline-info.hover{
    color: #262d3e;
    background-color: #ffdc00;
/* border-color: #262d3e; */
    border-color: #ffdc00;
    transform: none;
}