/*FONT PRINCIPAL*/

:root {
    /* ReSharper disable once Redundant */
    --success: #67BA5E;
    /* ReSharper disable once Redundant */
    --warning: #ECAD00;
    /* ReSharper disable once Redundant */
    --danger: #EF4973;
    --color-barra: #7F3F98;
}

html, body {
    font-family: Roboto, Helvetica, sans-serif;
    color: #666;
    font-weight: 400;
}

h1 {
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin: 10px;
    color: #666;
}

h2 {
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin: 10px;
    color: #666;
}

h3 {
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-barra);
    margin: 0 0 20px;
}

.h3-underline {
    padding-bottom: 15px;
    border-bottom: 2px solid #e2e5ec;
}

h5 {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
}

h6 {
    font-size: 1.1rem;
    margin: 0.25rem 0;
}

a {
    color: #217BB8;
}

    a:hover {
        color: #155B7F;
    }

    a i {
        font-size: 1.4rem;
    }

.btn {
    padding: 0.3rem 1rem;
    line-height: 28px;
    display: inline-flex;
    justify-content: center;
}

.btn i {
    display: flex;
    align-items: center;
    height: 28px;
}

.btn [class*=" la-"] {
    font-size: 1.4rem;
}

.la-2x {
    font-size: 1.8rem !important;
}

.btn-sm {
    padding: 0 1rem;
}

.btn-xs {
    padding: 0 0.8rem;
    line-height: 24px;
}

label {
    display: block;
}

.gutter-b {
    margin-bottom: 25px;
}

.card.card-custom.card-stretch.gutter-b {
    height: calc(100% - 25px);
}

.bootstrap-select > .dropdown-toggle {
    padding: 0 1rem !important;
}

.select2-dropdown {
    width: max-content !important;
}

    .select2-dropdown ul {
        overflow-x: hidden;
        /* ReSharper disable once CssNotResolved */
        scrollbar-width: thin; /* firefox */
    }

.toggle-group .btn {
    line-height: 1.5;
}

hr {
    margin: 0 0 1.2em;
    border-color: #7F3F98;
}

.margin-bottom-1rem {
    margin-bottom: 1rem;
}

.border-right {
    border-right: 1px solid #d4d4d4;
}

.border-bottom {
    border-bottom: 1px solid #ebedf2 !important;
}

.subtitulo-gris {
    font-size: 0.85rem;
    color: #B1B1B1;
}

.dropzone {
    min-height: auto;
}

textarea.form-control {
    line-height: 20px;
}

textarea.mejorado {
    border: 1px solid #CCCACA;
    border-radius: 6px;
    padding: 7px;
}

    textarea.mejorado:focus {
        border-color: #217BB8 !important;
    }

.borde-redondeado {
    border: 1px solid #CCCACA;
    border-radius: 6px;
}

.okp-borde-redondeado-padding {
    border: 1px solid #CCCACA;
    border-radius: 6px;
    padding: 0 1rem;
}

.fade {
    opacity: unset;
}
/*.kt-portlet { margin-bottom: 0; box-shadow: none; }*/

.boton-imprimir .btn-secondary {
    border: 1px solid #217BB8;
    color: #217BB8;
}

    .boton-imprimir .btn-secondary:hover, .boton-imprimir.show > .btn-secondary.dropdown-toggle {
        border: 1px solid #217BB8;
        color: #fff;
        background-color: #217BB8;
    }

.fab-placeholder {
    font-family: 'Font Awesome 5 Brands', 'Font Awesome 5 Free', Roboto, sans-serif;
}

.fa-placeholder {
    font-family: 'Font Awesome 5 Free', Roboto, sans-serif;
    font-weight: 600;
}

.border-radius {
    border-radius: 4px;
}

@media (max-width:575px) {
    .hidden-xxs {
        display: none;
    }
}

/*COLORES*/
.text-original {
    color: #666 !important;
}

.text-success {
    color: #67BA5E !important;
}

.text-danger {
    color: #EF4973 !important;
}

.text-primary {
    color: #217BB8 !important;
}

.text-gray {
    color: #BBB !important;
}

.text-violeta {
    color: #7F3F98 !important;
}

.kt-bg-success {
    background-color: #67BA5E !important;
}

.kt-bg-warning {
    background-color: #ECAD00 !important;
}

.kt-bg-danger {
    background-color: #EF4973 !important;
}

.kt-bg-dark {
    background-color: #6A6A6A !important;
}

.kt-bg-violeta {
    background-color: #7F3F98 !important;
}

.kt-bg-info {
    background-color: #39C0ED !important;
}

.kt-bg-gris {
    background-color: #CCCACA !important;
}

.badge-success {
    background-color: #67BA5E !important;
}

.badge-outline-success {
    border: 1px solid #67BA5E !important;
    background: white;
    color: #67BA5E;
}

.badge-danger {
    background-color: #EF4973 !important;
}

.badge-primary {
    background-color: #217BB8 !important;
}

.kt-badge.kt-badge--outline.kt-badge--primary {
    color: #217BB8 !important;
    border-color: #217BB8 !important;
}

.badge-outline-danger {
    border: 1px solid #EF4973 !important;
    background: white;
    color: #ef4973;
}

/*BACKGROUNDS*/
.bg-primary {
    background-color: #217BB8 !important;
}

.bg-success {
    background-color: #67BA5E !important;
}

.bg-naranja {
    background-color: #F47C3E !important;
}

.bg-fucsia {
    background-color: #EF4973 !important;
}

.bg-violeta {
    background-color: #7F3F98 !important;
}

/*BORDERS*/
.border-primary {
    border-color: #217BB8 !important;
}

.border-success {
    border-color: #67BA5E !important;
}

.border-naranja {
    border-color: #F47C3E !important;
}

.border-fucsia {
    border-color: #EF4973 !important;
}

.border-violeta {
    border-color: #7F3F98 !important;
}

.border-left.border-thick {
    border-left-width: 3px !important;
}

/*ALERTS*/
.alert {
    padding: 1rem !important;
}

    .alert .alert-icon i {
        font-size: 3.4rem;
    }

.alert-primary {
    background: #217BB8 !important;
    border: 1px solid #217BB8 !important;
}

/*BOTÓN PRIMARY*/
.btn-primary {
    background-color: #217BB8 !important;
    border: 1px solid #217BB8;
}

    .btn-primary:hover {
        border: 1px solid #217BB8;
    }

.btn-secondary:not(:disabled):not(.disabled).active { /*Para toggle de btn-group, hace Primary el Secondary activo*/
    color: #fff;
    background-color: #217BB8;
    border-color: #217BB8;
}

/*BOTÓN VIOLETA*/
.btn-violeta {
    color: #fff;
    background-color: #7F3F98 !important;
    border: 1px solid #7F3F98;
}

    .btn-violeta:hover, .btn-violeta:focus {
        color: #fff;
    }

/*BOTÓN NARANJA*/
.btn-naranja {
    color: #fff;
    background-color: #F47C3E !important;
    border: 1px solid #F47C3E !important;
}
.btn-naranja:hover, .btn-naranja:focus {
    color: #fff;
}

.btn-outline-naranja {
    color: #F47C3E;
    background-color: transparent !important;
    border: 1px solid #F47C3E !important;
}
    .btn-outline-naranja:hover {
        color: #FFF;
        background-color: #F47C3E !important;
        border: 1px solid #F47C3E !important;
    }


/*BOTÓN SECONDARY OUTLINE (GRIS)*/
.btn-outline-secondary {
    color: #666 !important;
    border: 1px solid #6a6a6a;
}

    .btn-outline-secondary:hover {
        border: 1px solid #6a6a6a;
    }
/*BOTÓN SECONDARY OUTLINE (GRIS) - TOGGLE CHECKED*/
.btn-toggle-green:hover {
    color: white !important;
    background-color: #67BA5E !important;
    border-color: #67BA5E;
}

.btn-toggle-green:not(:disabled):not(.disabled).active {
    color: white !important;
    font-weight: 600;
    background-color: #67BA5E;
    border-color: #67BA5E;
}

.btn-toggle-green i {
    display: none;
}

.btn-toggle-green:not(:disabled):not(.disabled).active i {
    display: inline-block;
    font-weight: 600;
    margin-top: -4px;
}

/*BOTÓN OUTLINE SECONDARY (ACTIVE)*/
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    border: 1px solid #217BB8;
    background-color: #217BB8;
    color: white !important;
}

/*BOTÓN PRIMARY OUTLINE*/
.btn-outline-primary {
    color: #217BB8;
    border-color: #217BB8;
    background-color: #fff;
}

    .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
        background-color: #217BB8;
        border-color: #217BB8;
    }

.show > .btn-outline-primary.dropdown-toggle {
    background-color: #217BB8;
    border-color: #217BB8;
}

/*BOTÓN DANGER OUTLINE*/
.btn-outline-danger {
    color: #EF4973;
    border: 1px solid #EF4973;
}

    .btn-outline-danger:hover {
        background-color: #EF4973;
        border-color: #EF4973;
    }

/*BOTÓN SUCCESS*/
.btn-success {
    background-color: #67BA5E !important;
    border-color: #67BA5E !important;
}

    .btn-success:hover, .btn-success:focus {
        background-color: #53914C;
        border-color: #53914C;
    }

    .btn-success:not(:disabled):not(.disabled):active {
        background-color: #3B6A36;
        border-color: #3B6A36;
    }

.btn-outline-success {
    color: #67BA5E;
    border-color: #67BA5E;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #67BA5E;
        border-color: #67BA5E;
    }

    .btn-outline-success:focus {
        color: #67BA5E;
    }

/*BOTÓN WARNING*/
.btn-warning {
    background-color: #ECAD00;
    border-color: #ECAD00;
    color: #fff;
}

    .btn-warning:hover, .btn-warning:focus {
        color: #fff;
    }

/*BOTÓN ELIMINAR*/
.btn-trash {
    border-color: #EF4973 !important;
    color: #EF4973 !important;
}

    .btn-trash:hover {
        background-color: #EF4973 !important;
        color: #fff !important;
    }

/*BOTÓN LINK*/
.btn-link {
    color: #707070;
}

    .btn-link:hover {
        background-color: transparent !important;
        color: #707070 !important;
    }

/*BOTÓN CLEAN*/
.btn-clean {
    color: #666 !important;
}

.btn-clean-violeta {
    color: #7F3F98 !important;
}

table .btn-clean {
    float: left;
}

    table .btn-clean i {
        color: #217BB8 !important;
    }

    table .btn-clean:hover {
        background-color: transparent !important;
    }

/*BOTÓN DOTS*/
.btn-dots {
    padding: 0.5rem !important;
    line-height: 18px;
}

    .btn-dots i {
        margin: 0;
        padding: 0;
    }

/*CHECKBOX*/
.kt-checkbox.kt-checkbox--primary > input:checked ~ span {
    border: 1px solid #217BB8;
}

.kt-checkbox.kt-checkbox--primary > span::after {
    border: solid #217BB8;
}

.kt-checkbox.kt-checkbox--warning > input:checked ~ span {
    border: 1px solid #ECAD00;
}

.kt-checkbox.kt-checkbox--warning > span::after {
    border: solid #ECAD00;
}

.kt-checkbox.kt-checkbox--danger > input:checked ~ span {
    border: 1px solid #EF4973;
}

.kt-checkbox.kt-checkbox--danger > span::after {
    border: solid #EF4973;
}

/*CUSTOM CHECKBOX*/
.custom-checkbox.custom-checkbox-lg .custom-control-label::before, .custom-checkbox.custom-checkbox-lg .custom-control-label::after {
    width: 1.4rem;
    height: 1.4rem;
    top: 0;
}

.custom-checkbox.custom-checkbox-alto .custom-control-label::before, .custom-checkbox.custom-checkbox-alto .custom-control-label::after {
    top: 0.85rem;
}

/*RADIO BUTTON*/
.kt-radio > span::after {
    margin-left: -4px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
}

.kt-radio.kt-radio--primary > span {
    border: 1px solid #c5c5c5;
}

    .kt-radio.kt-radio--primary > span::after {
        border: solid #217BB8;
        background: #217BB8;
    }

.kt-radio.kt-radio--primary > input:checked ~ span {
    border: 1px solid #c5c5c5;
}

.custom-radio.custom-control {
    min-height: 2rem;
}

.custom-radio .custom-control-label::before {
    top: 0.2rem;
    width: 1.5rem;
    height: 1.5rem;
}

.custom-radio .custom-control-label::after {
    left: -1.65rem;
    top: 0.06rem;
    width: 1.8rem;
    height: 1.8rem;
}

/* KT MEDIA CIRCLE */
.kt-media.kt-media--circle-border span {
    background: transparent;
    border-radius: 50%;
}

.kt-media.kt-media--circle-border.kt-media--success span {
    border: 1px solid #67BA5E;
    color: #67BA5E;
}

.kt-media.kt-media--circle-border.kt-media--violeta span {
    border: 1px solid #7F3F98;
    color: #7F3F98;
}

.kt-media.kt-media--circle-border.kt-media--danger span {
    border: 1px solid #EF4973;
    color: #EF4973;
}

.kt-media.kt-media--xs span {
    width: 25px;
    height: 25px;
}

    .kt-media.kt-media--xs span i {
        font-size: 1.3rem;
    }

/*ICONO CIRCULO*/
.circulo {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    margin-right: .6rem;
}

.circulo-sm {
    width: 0.5rem;
    height: 0.5rem;
}

.circulo-success {
    background-color: #67BA5E !important;
}

.circulo-warning {
    background-color: #ECAD00 !important;
}

.circulo-danger {
    background-color: #EF4973 !important;
}

.circulo-violeta {
    background-color: #7F3F98 !important;
}

.circulo-info {
    background-color: #39C0ED !important;
}

.circulo-gris {
    background-color: #CCCACA !important;
}

/*PLUGIN GRÁFICO TORTA*/
.kt-widget-21 .kt-widget-21__data .kt-widget-21__legends .kt-widget-21__legend i {
    width: 0.5rem;
    height: 0.5rem;
    flex: 0 0 0.5rem;
}

/*RED DOT*/
.red-dot {
    height: 10px;
    width: 10px;
    min-width: 10px;
    border-radius: 50%;
    display: inline-block;
    left: auto;
    z-index: 2;
    margin-left: -5px;
    background-color: #fe1212;
    -webkit-box-shadow: 0 2px 5px 0 #CCCCCC,0 2px 10px 0 #CCCCCC;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 #CCCCCC,0 2px 10px 0 #CCCCCC;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    position: relative;
    right: -6px;
    top: -10px;
}

    .red-dot.red-dot-absolute {
        position: absolute !important;
        top: 2px !important;
        right: 2px !important;
    }

/*MIS CLASES SELECTOR MATERIA*/
.mis-clases-selector-materia {
    position: relative;
}

    .mis-clases-selector-materia > div {
        padding: 1rem !important;
        position: absolute;
        top: 0;
        left: 0;
        background: white;
        z-index: 10;
    }

    .mis-clases-selector-materia .okp-lista-materias .btn {
        white-space: normal;
        line-height: 1.1rem;
        height: 38px;
        justify-content: center;
        color: white;
    }

/*CARD COLLAPSE*/
.card .card-header.collapsed {
    border-radius: 0.25rem !important;
    border-bottom: none !important;
}

/*CUSTOM FILE UPLOAD TRADUCCION BOTON*/
.custom-file-input ~ .custom-file-label::after {
    content: "Examinar";
}

/*ELEMENTOS SMALL (Docente/Clases/Tareas/Calificaciones)*/
.input-small {
    height: 25px;
    width: 55px;
    text-align: center;
}

.select-small {
    height: 25px;
}

/*MODAL COLORES*/
.modal {
    width: 100vw;
}
.modal-color-defecto .modal-header {
    background: var(--color-barra);
}

.modal-violeta .modal-content, .modal-danger .modal-content {
    border: 0;
}

.modal-violeta .modal-title, .modal-danger .modal-title, .modal-evento .modal-title, .modal-mesaexamen .modal-title, .modal-evaluacion .modal-title, .modal-tarea .modal-title, .modal-color-defecto .modal-title {
    color: #fff !important;
    margin-right: auto;
}

.modal-evento .modal-header div, .modal-mesaexamen .modal-header div, .modal-evaluacion .modal-header div, .modal-tarea .modal-header div {
    color: #fff !important;
    cursor: pointer;
    display: flex;
    align-self: center;
    margin: -1px 6px 0 6px;
}

.modal-violeta .close, .modal-danger .close, .modal-evento .close, .modal-mesaexamen .close, .modal-evaluacion .close, .modal-tarea .close, .modal-color-defecto .close {
    color: #fff !important;
    opacity: 1;
    margin: -1px 0 0 6px;
    padding: 0;
    display: flex;
    align-self: center;
}

/*Modal Violeta*/
.modal-violeta .modal-header {
    background: #7F3F98;
}

/*Modal Danger*/
.modal-danger .modal-header {
    background: #EF4973;
}

/*Modal Calendario Evento*/
.modal-evento .modal-header {
    background: #217BB8;
    border-radius: 0;
}

.modal-evento .modal-content {
    border: 2px solid #217BB8;
}

.modal-evento .modal-body #titulo {
    color: #217BB8;
}

.modal-evento .modal-body .col-calendario {
    border-right: 2px solid #217BB8;
}

    .modal-evento .modal-body .col-calendario i {
        color: #217BB8;
    }

.modal-evento .btn {
    color: #217BB8;
    border: 1px solid #217BB8;
}

/*Modal Calendario Mesa Examen*/
.modal-mesaexamen .modal-header {
    background: #F47C3E;
    border-radius: 0;
}

.modal-mesaexamen .modal-content {
    border: 2px solid #F47C3E;
}

.modal-mesaexamen .modal-body #titulo {
    color: #F47C3E;
}

.modal-mesaexamen .modal-body .col-calendario {
    border-right: 2px solid #F47C3E;
}

    .modal-mesaexamen .modal-body .col-calendario i {
        color: #F47C3E;
    }

.modal-mesaexamen .btn {
    color: #F47C3E;
    border: 1px solid #F47C3E;
}

/*Modal Calendario Evaluación*/
.modal-evaluacion .modal-header {
    background: #EF4973;
    border-radius: 0;
}

/*Modal Calendario Evaluación fix height*/
.detalle-docente #modalClasesNuevaEvaluacion .modal-body {
    max-height: 70vh;
    overflow-y: auto;
}

.detalle-docente .fc .fc-row {
    max-height: 55px;
}

.modal-evaluacion .modal-content {
    border: 2px solid #EF4973;
}

.modal-evaluacion .modal-body #titulo {
    color: #EF4973;
}

.modal-evaluacion .modal-body .col-calendario {
    border-right: 2px solid #EF4973;
}

    .modal-evaluacion .modal-body .col-calendario i {
        color: #EF4973;
    }

.modal-evaluacion .btn {
    color: #EF4973;
    border: 1px solid #EF4973;
}

/*Modal Calendario Tarea*/
.modal-tarea .modal-header {
    background: #67BA5E;
    border-radius: 0;
}

.modal-tarea .modal-content {
    border: 2px solid #67BA5E;
}

.modal-tarea .modal-body #titulo {
    color: #67BA5E;
}

.modal-tarea .modal-body .col-calendario {
    border-right: 2px solid #67BA5E;
}

    .modal-tarea .modal-body .col-calendario i {
        color: #67BA5E;
    }

.modal-tarea .btn {
    color: #67BA5E;
    border: 1px solid #67BA5E;
}


/*Modal Calendario*/
.modal .modal-body #autor {
    color: #c5c5c5;
    text-align: right;
    font-size: 0.8rem;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.2rem 1rem;
}

.modal .modal-body #titulo {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.modal .modal-body .col-calendario {
    display: flex;
    align-items: center;
    font-size: 2rem;
}

    .modal .modal-body .col-calendario i {
        font-size: 2rem;
    }

.modal .modal-body #horarios {
    line-height: 16px;
}

.modal-chico .modal-dialog .modal-content {
    border: 0;
    border-radius: 10px 10px 6px 6px;
}

.modal-chico .kt-inbox__form .kt-inbox__head {
    border-radius: 6px 6px 0 0;
}

.modal-chico .kt-inbox__head {
    padding-left: 20px !important;
}

.modal-chico .kt-inbox__body {
    padding: 10px 0 !important;
}

.modal-chico .kt-inbox__to {
    padding: 10px 20px !important;
}

.modal-chico .kt-inbox__foot {
    border: 0 !important;
    padding: 0 20px 20px !important;
}

.modal-sticky-bottom-right {
    max-height: 95%;
    overflow-y: auto;
}

.modal-md {
    max-width: 600px;
}

    .modal-md .form-group, .modal-sm .form-group {
        margin-bottom: 1.25rem;
    }

.modal-sm {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

    .modal-sm .modal-header {
        padding: 0.7rem 1rem;
    }

    .modal-sm .modal-body {
        padding: 1.25rem 1rem;
    }

    .modal-sm .modal-header {
        padding: 0.7rem 1.25rem;
    }
@media (min-width: 1024px) {
    .modal-xl {
        max-width: 950px;
    }
}


/*BADGES*/
.kt-badge:not(.kt-badge--dot) {
    font-size: 0.9rem;
    height: auto !important;
    padding-inline: 1rem !important;
    padding-block: 0.2rem !important;
    overflow-wrap: anywhere;
}

    .kt-badge.kt-badge--danger {
        background: #EF4973;
    }

    .kt-badge.kt-badge--success {
        background: #67BA5E;
    }

    .kt-badge.kt-badge--naranja {
        background: #F47C3E;
        color: #fff;
    }

    .kt-badge.kt-badge--fucsia {
        background: #EF4973;
        color: #fff;
    }

    .kt-badge.kt-badge--amarillo {
        background: #FDBD15;
        color: #fff;
    }

.badge-close {
    margin-left: .5rem;
    color: inherit;
    font-size: 1rem;
    margin-top: -2px;
    text-shadow: 0 1px 0 #000000;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

.badge-secondary {
    background: #fff;
    border: 1px solid #c5c5c5;
    color: #666;
}

.badge-pill.p-3 {
    padding: 0.7rem 1rem !important
}

/*RIBBON BOOKMARK*/
.bookmarkRibbon {
    width: 0;
    height: 35px;
    border-left: 10px solid #EF4973;
    border-right: 10px solid #EF4973;
    border-bottom: 5px solid transparent;
    float: right;
    position: absolute;
    right: 7px;
    top: 10px;
}

    .bookmarkRibbon span {
        color: white;
        font-size: 8px;
        font-weight: 700;
        line-height: 10px;
        position: relative;
        top: 6px;
        text-align: center;
        left: -10px;
        width: 20px;
        display: block;
    }

/*MEDALS*/
.medal {
    position: absolute;
    right: 7px;
    top: 10px;
}

.medal_circle {
    font-size: 11px;
    font-weight: 500;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    color: white;
    text-align: center;
    line-height: 14px;
    vertical-align: middle;
    position: relative;
    border-width: 0.3em;
    border-style: solid;
    z-index: 1;
}

.medal--gold {
    border-color: #fadd40;
    background: linear-gradient(to bottom right, #f9ad0e 50%, #e89f06 50%);
}

.medal--silver {
    border-color: #e3e5e6;
    background: linear-gradient(to bottom right, #c2cbcf 50%, #b8bfc2 50%);
}

.medal--bronze {
    border-color: #f2911b;
    background: linear-gradient(to bottom right, #c67007 50%, #ac6208 50%);
}

.medal_ribbon {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 2px 3px;
    width: 0;
    height: 8px;
    top: 18px;
}

.medal_ribbon--left {
    border-color: #FC402D #FC402D transparent #FC402D;
    left: 3px;
    transform: rotate(20deg) translateZ(-32px);
}

.medal_ribbon--right {
    right: 3px;
    border-color: #f31903 #f31903 transparent #f31903;
    transform: rotate(-20deg) translateZ(-48px);
}

/*DROPZONE*/
.dropzone.dropzone-default.dropzone-success {
    border-color: #67BA5E;
}

.dropzone.dropzone-default.dropzone-brand {
    border-color: #217BB8;
}

.kt-uppy .uppy-DragDrop-arrow {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.kt-uppy .uppy-Root.uppy-DragDrop--is-dragdrop-supported {
    border-color: #C6C6C6;
}

.kt-uppy .uppy-DragDrop-inner {
    padding: 20px 20px 10px;
}

.kt-uppy .uppy-DragDrop-label {
    font-size: 1.2rem;
    font-family: Roboto;
    color: #217BB8;
}

.nuevo-mensaje .uppy-DragDrop-container {
    max-height: 300px;
}

/*SWITCH*/
.kt-switch input:checked ~ span::after {
    background-color: #67BA5E;
}

.kt-switch.kt-switch--outline.kt-switch--success input:checked ~ span::after {
    background-color: #67BA5E;
}

/*STICKY HEADER*/
.kt-portlet.kt-portlet--sticky > .kt-portlet__head {
    margin: 0 -25px;
}

@media (min-width:1025px) {
    .sticky-header {
        position: sticky !important;
        top: 75px;
        background: white;
        z-index: 10;
    }
}

.select2-results__option {
    white-space: nowrap;
}

/*PORTLET INNER*/
.kt-portlet--inner {
    box-shadow: none !important;
    margin-bottom: 0;
}

    .kt-portlet--inner .kt-portlet__body {
        padding-bottom: 0;
    }

/*PORTLET HEAD*/
.kt-portlet__head-label {
    width: 100%;
}

.kt-section__content {
    width: 100%;
}

/*PORTLET HEAD SMALL*/
.kt-portlet__head--sm {
    min-height: 40px !important;
    height: 40px;
}

.kt-portlet--inner .kt-portlet__head--sm {
    padding: 0 !important;
}

.kt-portlet__head--sm .la-arrow-left {
    font-size: 16px;
}

/*SELECT2*/
.select2-container {
    width: 100% !important;
}

/*SELECT2 MULTIPLE*/
.select2-container--default .select2-selection--multiple {
    border: 1px solid #e2e5ec;
    min-height: 38px;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
        color: white;
        background: #217BB8;
        border: 1px solid #217BB8;
        padding: 0.15rem 0.4rem 0.15rem 0.4rem;
        margin: 0.4rem 0.4rem 0.4rem 0;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
            color: white;
        }

/*NOT SELECT2*/
.sin-kt-select2 {
    width: auto !important;
}

    .sin-kt-select2 .dropdown-menu {
        padding: 0;
    }

    .sin-kt-select2.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success {
        color: #ffffff !important;
        color: hsl(0, 0%, 100%) !important;
    }

    .sin-kt-select2.bootstrap-select > .dropdown-toggle::after {
        margin-left: 10px;
        margin-bottom: -1px;
    }

/*SELECTPICKER*/
.bootstrap-select .dropdown-toggle .filter-option-inner i {
    font-size: 1.3rem;
    padding: 0;
    margin-top: -2px;
}

.bootstrap-select .dropdown-menu.inner > li > a [class*=" la-"] {
    font-size: 1.3rem;
    float: left;
}

.custom-dropdown-inner {
    position: relative;
}

.custom-dropdown-inner-div {
    position: absolute;
    width: 100%;
    background: white;
    box-shadow: 0 0 50px 0 #523f69;
    box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
    border-radius: 4px;
}

    .custom-dropdown-inner-div > div {
        cursor: pointer;
        padding: 10px;
    }

        .custom-dropdown-inner-div > div:hover {
            background: #f7f8fa;
        }

/*BOTÓNES SUBIDA Y DESCARGA*/
.okp-boton-subida, a:not([href]).okp-boton-subida {
    border-color: #0080FF;
    color: #0080FF;
}

.okp-boton-descarga, a:not([href]).okp-boton-descarga, .okp-boton-descarga:hover {
    border-color: #66cc00;
    color: #66cc00;
}

/*TABS*/
.nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.active:hover {
    background-color: var(--color-barra);
}

/*TABS LINE*/

/*violeta*/
.nav-tabs.nav-tabs-line.nav-tabs-line-violeta a.nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-violeta a.nav-link:hover {
    color: #7F3F98 !important;
    border-bottom-color: #7F3F98 !important;
}


/*ICONOS*/
/*.la-ambulance {
    color: #EF4973;
}
.la-envelope-o {
    color: #217BB8;
}
.la-phone {
    color: #67BA5E;
}*/
.icon-purple {
    font-size: 20px;
    margin-left: 5px;
}

    .icon-purple i {
        float: left;
        color: #7F3F98;
    }

/*RADIO BUTTONS*/
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #67BA5E;
    background-color: #67BA5E;
}

/*CAROUSEL*/
.carousel-indicators li {
    width: 12px;
    height: 12px;
    border: none;
    margin: 0 4px;
    border: 1px solid #707070;
}

.carousel-indicators .active {
    margin: 0 4px;
}

/*ACCORDION*/
.card-title {
    display: flex !important;
    flex-direction: column !important; /* Apila los elementos verticalmente */
    align-items: flex-start !important; /* Alinea los elementos al inicio horizontal */
    flex: 1;
}

.card-title-row {
    display: flex;
    align-items: center;
}

.accordion.accordion-outline .card .card-header .card-title.collapsed {
    border-bottom-width: 1px;
}

.accordion.accordion-outline .card .card-header .card-title {
    border-width: 1px 1px 0 1px;
}

.accordion.accordion-outline .card .card-body-wrapper > .card-body {
    border-width: 0 1px 1px 1px;
}

.accordion.accordion-outline .card .card-body-wrapper > .card-body {
    font-size: inherit;
    color: inherit;
}

.accordion.accordion-outline .card .card-header .card-title.collapsed::after {
    color: #b5b5b5;
}

/*TABLA CLÁSICA*/
.tabla-clasica {
    width: 100%;
    margin-bottom: 20px;
    white-space: nowrap;
}

    .tabla-clasica thead {
        white-space: normal;
    }

    .tabla-clasica td, .tabla-clasica th {
        padding: 5px 20px;
        border: 1px solid #d4d4d4;
    }

    .tabla-clasica .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: none;
    }

    /*TABLA CLÁSICA (NO BORDER)*/
    .tabla-clasica.no-border {
        margin-top: 20px;
    }

        .tabla-clasica.no-border td, .tabla-clasica.no-border th {
            border: 0;
        }

        .tabla-clasica.no-border tr {
            border-bottom: 1px solid #ebedf2;
            height: 40px;
        }
/*TABLA CLÁSICA (RESPONSIVE)*/
@media (max-width: 600px) {
    .tabla-clasica.tabla-responsive th, .tabla-clasica.tabla-responsive td {
        padding: 5px !important;
    }

        .tabla-clasica.tabla-responsive th:first-child, .tabla-clasica.tabla-responsive td:first-child {
            padding-left: 15px !important;
        }

        .tabla-clasica.tabla-responsive th:last-child, .tabla-clasica.tabla-responsive td:last-child {
            padding-right: 15px !important;
        }
}

/*TABLA CLÁSICA SWITCH CENTRADO*/
.tabla-clasica.tabla-switch-centrado .kt-switch {
    display: flex;
    justify-content: center;
}

    .tabla-clasica.tabla-switch-centrado .kt-switch label {
        margin: 0;
    }

.tabla-clasica.no-border .title {
    background-color: #f7f7f7;
}

    .tabla-clasica.no-border .title h3 {
        margin: 0;
    }

.tabla-clasica .btn-square {
    height: 38px;
    width: 40px;
    margin-top: -2px;
    display: inline-flex;
    justify-content: center;
    border-radius: 4px;
}

/*TABLA CLÁSICA (NO PADDING - SIN EXTREMOS LEFT Y RIGHT)*/
.tabla-clasica.no-padding th, .tabla-clasica.no-padding td {
    padding: 5px 10px;
}

    .tabla-clasica.no-padding th:first-child, .tabla-clasica.no-padding td:first-child {
        padding-left: 0;
    }

    .tabla-clasica.no-padding th:last-child, .tabla-clasica.no-padding td:last-child {
        padding-right: 0;
    }

/*TABLA CLÁSICA (NO PADDING)*/
.tabla-clasica.no-padding2 th, .tabla-clasica.no-padding2 td {
    padding: 5px 10px;
}

/*TABLA CLÁSICA (SCROLL BODY)*/
.tabla-clasica.scroll-body tbody {
    display: block;
    overflow-y: scroll;
}

.tabla-clasica.scroll-body tr {
    display: table;
    width: 100%;
}

.tabla-clasica.scroll-body th:last-child, .tabla-clasica.scroll-body td:last-child {
    padding-right: 10px !important;
}

/*TABLA CLÁSICA (COMPRIMIDA)*/
.tabla-clasica.no-border.comprimida th, .tabla-clasica.no-border.comprimida td {
    padding: 0;
}

    .tabla-clasica.no-border.comprimida th:first-child, .tabla-clasica.no-border.comprimida td:first-child {
        padding-left: 15px !important;
    }

.tabla-clasica.no-border.comprimida thead tr {
    height: 25px;
}

.tabla-clasica.no-border.comprimida thead th {
    padding-top: 0 !important;
}

.tabla-clasica.no-border.comprimida i {
    font-size: 20px;
    display: block;
}

/*TABLA CLÁSICA SWITCH CENTRADO*/
.tabla-clasica.tabla-switch-centrado .kt-switch {
    display: flex;
    justify-content: center;
}

    .tabla-clasica.tabla-switch-centrado .kt-switch label {
        margin: 0;
    }

/*TABLA CLÁSICA ACTIVE*/
.tabla-clasica.tabla-active tbody tr {
    cursor: pointer;
}

.tabla-clasica.tabla-active tr.active {
    border: 2px solid #217BB8;
}

/*TABLA PRIMER FILA Y COLUMNA FIJAS*/
.first-col-row-fixed {
    border-collapse: separate;
    border-spacing: 1px;
}
.first-col-row-fixed thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    /*background: white;*/
}
.first-col-row-fixed tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    /*background: white;*/
}
.first-col-row-fixed thead th:first-child {
    z-index: 2;
    left: 0;
}

/*TABLA HEADER FIJO */
.tabla-header-fijo thead {
    position: sticky;
    top: 0;
    z-index: 2
}

/* FIRST COL FIJA */
.first-col-fija {
    border-collapse: separate;
    border-spacing: 1px;
}
.first-col-fija thead tr:first-child th:first-child {
    position: sticky;
    left: 0;
    background-color: inherit;
}
.first-col-fija tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: white;
}

/*FORMS*/
.form-control {
    line-height: 28px;
    /*height: auto;*/
    height: 38px;
    padding: 0.3rem 1rem;
}

.texto-detalles-inline {
    display: flex;
    float: left;
    line-height: 38px;
    margin-right: 10px;
}

    .texto-detalles-inline i {
        line-height: 38px;
        font-size: 20px !important;
        color: #7F3F98;
    }

    .texto-detalles-inline .kt-switch span {
        margin: 4px 0;
    }

.form-group.row {
    margin-left: 0;
    margin-right: 0;
}

/*FORM GROUP SEPARACIÓN CHICA*/
.form-bottom-margin-sm .form-group {
    margin-bottom: 1.25rem;
}

/*EDITOR DE TEXTO*/
.tox-tinymce {
    min-height: 200px !important;
}

/*MENÚ PPAL*/
/*MENÚ MOBILE*/
@media (max-width: 1024px) {
    .kt-header-mobile {
        background-color: transparent;
        background: linear-gradient(0, rgb(239, 73, 115) 0, rgb(113, 47, 139) 100%);
    }

        .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::after, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::before {
            background: #fff;
        }

        .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler i {
            color: #fff;
        }
}

/*MENÚ CORRECCIÓN TAMAÑO*/
.kt-aside {
    width: 240px;
}

@media (min-width: 1025px) {
    .kt-aside--fixed .kt-wrapper {
        padding-left: 240px;
    }
}

.kt-aside-menu .kt-menu__nav {
    padding: 0 0 15px;
}

.kt-aside__brand {
    padding: 0 20px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    padding: 9px 20px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__submenu .kt-menu__subnav > .kt-menu__item > .kt-menu__link {
    padding: 0 20px 0 35px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__submenu .kt-menu__subnav > .kt-menu__item > .kt-menu__submenu .kt-menu__subnav > .kt-menu__item > .kt-menu__link {
    padding: 0 20px 0 40px;
}

/*SCROLL SIDE MENU*/
.kt-aside .ps > .ps__rail-y > .ps__thumb-y {
    background: white;
}

/*COLOR DEL SIDE MENU*/
.kt-aside {
    background: var(--color-barra);
}

.kt-aside-menu, .kt-aside__brand, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__link, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here > .kt-menu__link, .kt-menu__link {
    background-color: unset !important;
}

    .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here > .kt-menu__heading .kt-menu__ver-arrow, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__ver-arrow {
        color: white;
    }

    .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon {
        color: white;
    }

    .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here > .kt-menu__heading .kt-menu__ver-arrow, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__ver-arrow {
        color: white;
    }

    /*COLOR ICONO MENU*/
    .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon, .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link > .kt-menu__link-icon {
        color: white;
    }

    /*COLOR MENU BULLET*/
    .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot > span, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot > span {
        background-color: white;
    }

    .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__submenu .kt-menu__subnav > .kt-menu__item > .kt-menu__submenu .kt-menu__subnav > .kt-menu__item > .kt-menu__link i span {
        background: transparent;
    }

    /*COLOR FLECHA MENU*/
    .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__ver-arrow {
        color: white;
    }

    /*COLOR HAMBURGUESA MENU*/
    .kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler span, .kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler span::before, .kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler span::after {
        background: white;
    }

    .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-bullet {
        flex: 0 0 30px;
        color: white;
    }
/*END MENÚ PPAL*/

/*HEADER GENERAL*/
.kt-header--fixed .kt-header {
    box-shadow: none;
}

.kt-quick-search.kt-quick-search--dropdown {
    padding: 1.4rem 1.5rem;
}

.kt-header__topbar .kt-header__topbar-item {
    display: flex !important;
}

@media (max-width:1024px) {
    .kt-widget__top {
        display: none !important;
    }

    .kt-quick-search.kt-quick-search--dropdown {
        padding: 0.4rem 1.5rem;
    }
}

/*LOGIN*/
.kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper {
    align-items: center;
    flex-direction: column;
    margin: 0 30px;
}

.kt-login-v2 .kt-login-v2__body .kt-login-v2__image {
    margin: 0 30px;
}

    .kt-login-v2 .kt-login-v2__body .kt-login-v2__image > img {
        max-width: 600px;
    }

.kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper .kt-login-v2__container .kt-login-v2__form {
    padding: 2rem;
}

.kt-login-v2 .kt-login-v2__footer {
    padding-bottom: 1rem !important;
}

.kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper .logo_wrapper {
    margin-bottom: 1.5rem;
}

    .kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper .logo_wrapper img {
        max-width: 430px;
    }

.kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper .kt-login-v2__container .kt-login-v2__options {
    padding: 1rem 2rem 1.4rem 2rem;
}

    .kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper .kt-login-v2__container .kt-login-v2__options > a {
        padding: 0.2rem 0 0.2rem;
        justify-content: center;
        /*margin: 0 0.5rem;*/
    }

.kt-login-v2 {
    background-color: #f1f2f7;
}

    .kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper .kt-login-v2__container {
        background-color: white;
        max-width: 430px;
    }

        .kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper .kt-login-v2__container .kt-login-v2__title > h1 {
            margin-bottom: 0;
        }

        .kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper .kt-login-v2__container .kt-login-v2__actions .btn {
            padding: 0.5rem 3rem;
            font-size: 13px;
        }

.kt-login-app {
    margin-top: 20px;
    width: 100%;
    max-width: 430px;
}

    .kt-login-app a {
        float: left;
        height: 42px;
        width: auto;
        margin-right: 10px;
    }

.kt-link.kt-link--brand, .kt-font-brand {
    color: #217BB8 !important;
}

    .kt-link.kt-link--brand:hover, .kt-font-brand:hover {
        color: #155B7F !important;
    }

        .kt-link.kt-link--brand:hover::after, .kt-font-brand:hover::after {
            border-bottom: 1px solid #155B7F;
        }

.kt-login-v2 .kt-login-v2__body .kt-login-v2__wrapper .kt-login-v2__container .kt-login-v2__form .form-control {
    box-shadow: none;
}

.kt-login-v2 .logo {
    text-align: center;
}

    .kt-login-v2 .logo div:first-child {
        padding: 20px;
        border: 1px solid #6a6a6a;
        background: white;
        margin: 15px 10px;
        cursor: pointer;
    }

    .kt-login-v2 .logo img {
        width: 120px;
        height: 120px;
    }

@media (max-width: 1024px) {
    .kt-login-v2__image {
        display: none !important;
    }
}

@media (max-width: 424px) {
    .kt-login-v2 .g-recaptcha {
        -webkit-transform: scale(0.77);
        transform: scale(0.77);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

/*END LOGIN*/

@media (min-width:1025px) {
    .kt-content {
        padding: 20px 0;
    }

    .kt-container {
        padding: 0 20px;
    }
}

.kt-subheader--enabled:not(.kt-subheader--fixed) .kt-content {
    padding-top: 28px;
}

@media (max-width:1024px) {
    .kt-content {
        padding: 20px 0;
    }

    .kt-container {
        padding: 0 20px;
    }

    .kt-subheader--enabled.kt-subheader--transparent .kt-content {
        padding-top: 70px;
    }

    .okp-buscador {
        display: none;
    }

    .kt-header__topbar {
        margin-top: 0;
    }
}

.kt-portlet .kt-portlet__body {
    padding: 20px;
}

.kt-subheader {
    margin: 0 0 20px;
}

.kt-subheader__main h1 {
    margin: 0;
    padding: 0 1.5rem 0 0;
}

.kt-subheader .kt-subheader__toolbar .btn {
    margin-left: 0;
    height: 32px !important;
}

.kt-subheader .btn i {
    font-size: 1.8rem !important;
}

.kt-widget.kt-widget--general-2 .kt-widget__top .kt-widget__wrapper .kt-widget__toolbar {
    flex-direction: column;
    display: flex;
}

.kt-portlet .kt-portlet__head, .kt-portlet .kt-portlet__foot {
    padding: 10px 20px;
}

.nav-pills .nav-item .nav-link {
    color: #666;
}

.btn.btn-icon {
    height: 2.908rem;
    width: 2.908rem;
}

table a.btn.btn-icon > i.big[class*="la-"] {
    font-size: 25px;
    color: #CCCACA;
}

.usuario .kt-widget__bottom > .kt-widget__actions > a.btn.btn-icon > i[class*="la-"].red,
table a.btn.btn-icon > i[class*="la-"].red {
    color: #EF4973;
}

.usuario .kt-widget__bottom > .kt-widget__actions > a.btn.btn-icon > i[class*="la-"].green,
table a.btn.btn-icon > i[class*="la-"].green {
    color: #67BA5E;
}

.usuario .kt-widget.kt-widget--general-2 .kt-widget__top .kt-widget__wrapper .kt-widget__toolbar .btn i > i[class*="la-"] {
    color: #217BB8;
}

.usuario .kt-widget.kt-widget--general-2 .kt-widget__top .kt-widget__wrapper .kt-widget__toolbar .btn {
    border-color: #217BB8;
}

.celeste {
    border-color: #217BB8;
    margin-left: 5px;
    color: deepskyblue;
}

a.celeste {
    color: deepskyblue;
    /*padding-top:5px;
    padding-bottom:5px;*/
}

table a.btn.btn-icon.celeste > i.la, .celeste i {
    color: #217BB8;
}

.separador {
    display: inline-block;
    width: 1px;
    margin: 0 8px;
    background-color: #707070;
    line-height: 30px;
}

.centered-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

div.form-group.inline-group {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
}

    div.form-group.inline-group > .row {
        display: flex;
        align-items: baseline;
    }

.usuario .kt-widget.kt-widget--general-2 {
    display: flex;
    flex-grow: 1;
}

/*SUBMENÚ ASIDE*/
.submenu-aside {
    padding: 15px !important;
}

    .submenu-aside ul {
        margin: 0;
    }

    .submenu-aside li {
        margin-bottom: 10px;
        line-height: 24px;
        width: 100%;
    }

        .submenu-aside li a.active {
            border-left: 3px solid var(--color-barra);
            padding-left: 12px !important;
        }

    .submenu-aside a {
        color: #666;
    }

    .submenu-aside .nav > li > a {
        padding: 0 0 0 15px;
    }

        .submenu-aside .nav > li > a:focus, .submenu-aside .nav > li > a:hover {
            background-color: white;
        }

/*SECCION USUARIOS*/
.filtro-usuarios {
    background: white;
    top: 94px !important;
    padding: 10px 25px;
    height: auto; /*55px*/
    display: flex;
    margin-top: -20px;
    z-index: 95 !important;
}

@media (max-width:1024px) {
    .filtro-usuarios {
        margin-bottom: -40px;
    }
}

.filtro-usuarios h2 {
    margin: 10px 0;
}

.filtro-usuarios .row {
    width: 100%;
}

.filtro-usuarios .col-lg-3 {
    padding-left: 0;
}

.filtro-usuarios .vdivide {
    padding-right: 10px;
    border-right: 1px solid #ccc;
    margin-right: 25px;
    height: 40px;
}

.filtro-usuarios .boton-imprimir {
    margin-left: 20px;
}
/*.filtro-usuarios .select2-container { width:100% !important; }*/

/*TABLA USUARIOS Y PAGINADOR*/
.usuario-container .kt-portlet__body {
    padding: 0;
}

.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell:first-child {
    padding-left: 20px;
}

.kt-datatable.kt-datatable--default {
    margin-bottom: 20px;
    background: #fff;
    /*padding-bottom: 15px;*/
}

    .kt-datatable.kt-datatable--default > .kt-datatable__pager {
        display: inline-block;
        width: 100%;
    }

        .kt-datatable.kt-datatable--default > .kt-datatable__pager > .kt-datatable__pager-nav {
            float: right;
        }

        .kt-datatable.kt-datatable--default > .kt-datatable__pager > .kt-datatable__pager-info {
            float: left;
        }

.usuario-container table th:last-child, .usuario-container table td:last-child {
    width: 250px;
}

/*KT-DATATABLE FIX*/
/*Reincorporaciones*/
.carga-inasistencias-container .kt-datatable table td span, .carga-inasistencias-container .kt-datatable table th span {
    min-width: 100%;
}

/*GRILLA USUARIOS*/
#grilla {
    margin-top: 0;
    background: #eee;
}

.kt-portlet {
    border-radius: 6px;
    /*background-color:#eee;*/
}

    .kt-portlet .kt-container {
        padding: 0;
    }

    .kt-portlet.kt-portlet--height-fluid.usuario {
        background-color: #fff;
        border: 0; /*1px solid #6a6a6a;*/
        box-shadow: 0 0 12px 0 #6a6a6a;
        box-shadow: 0 0 12px 0 rgba(82, 63, 105, 0.2);
    }

.kt-widget.kt-widget--general-2:not(.kt-widget--fit) .kt-widget__bottom {
    border-top: 1px solid #E5E7EB;
}

.kt-portlet .kt-widget.kt-widget--general-2 .kt-widget__top .kt-widget__wrapper .kt-widget__label .kt-widget__title {
    font-weight: 400;
}

.usuario .kt-widget.kt-widget--general-2:not(.kt-widget--fit) .kt-widget__top {
    padding: 10px;
    flex-grow: 1;
}

.usuario .kt-widget.kt-widget--general-2:not(.kt-widget--fit) .kt-widget__bottom {
    padding: 10px;
}

.usuario .kt-widget__bottom > .kt-widget__actions > a.btn.btn-icon > i[class*="la-"] {
    font-size: 30px;
    color: darkgrey;
}

/*DATATABLES*/
.kt-datatable a {
    line-height: 30px;
}

.kt-datatable__toggle-detail {
    padding-right: 0 !important;
}

.kt-datatable > .kt-datatable__table > .kt-datatable__body .kt-datatable__toggle-detail i {
    color: #217BB8;
}

.kt-datatable .kt-checkbox {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    height: 18px;
    width: 18px;
}

.kt-datatable a i {
    font-size: 1.4rem;
}

.dt-no-pl .kt-datatable .kt-datatable__head .kt-datatable__row > .kt-datatable__cell:first-child, .dt-no-pl .kt-datatable .kt-datatable__body .kt-datatable__row > .kt-datatable__cell:first-child, .dt-no-pl .kt-datatable .kt-datatable__pager {
    padding-left: 0 !important;
}

.dt-no-pl .kt-datatable {
    margin-bottom: 0;
}

/*FORMATO DROPDOWN*/
.select2-container .select2-selection--single {
    height: 38px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e2e5ec;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0.3rem 3rem 0.3rem 1rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 18px;
    }

.select2-container--default .select2-search--dropdown {
    display: none !important;
}

.select2-left + span .select2-selection--single {
    border-radius: 4px 0 0 4px;
}

/*DROPDOWN MULTIPLE*/
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    margin: 0;
    padding: 0.3rem 8px;
    line-height: 28px;
}

/*FORMATO PAGINADOR*/
.kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link {
    color: #666666
}

    .kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link.kt-datatable__pager-link--first, .kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link.kt-datatable__pager-link--prev, .kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link.kt-datatable__pager-link--next, .kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link.kt-datatable__pager-link--last {
        background: transparent;
        border: 1px solid #666
    }

/*FORMATO PAGINADOR CANTIDAD MUESTRA*/

.kt-datatable > .kt-datatable__pager > .kt-datatable__pager-info .kt-datatable__pager-size .btn.dropdown-toggle {
    background: transparent;
    border: 1px solid #666 !important;
    font-size: 1rem;
    color: #666
}

/*DETALLE ALUMNO*/
/*.alumno-detalle*/ .kt-profile .kt-profile__content h1 {
    margin: 0;
}
/*.alumno-detalle h3 {
    font-weight:600;
    margin: 0 0 20px;
}*/
/*.alumno-detalle*/ .kt-profile .kt-profile__content .kt-profile__main {
    border-right: 1px solid #DFDFDF;
}
/*.alumno-detalle*/ .kt-profile .kt-profile__content .kt-profile__contact .kt-profile__contact-item {
    margin-bottom: 0.5rem;
}
    /*.alumno-detalle*/ .kt-profile .kt-profile__content .kt-profile__contact .kt-profile__contact-item:last-child {
        margin-bottom: 0;
    }

.detalle-enviar-mensaje {
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: flex-end;
}

    .detalle-enviar-mensaje .btn-secondary {
        border: 1px solid #217BB8;
        color: #217BB8;
    }

        .detalle-enviar-mensaje .btn-secondary:hover {
            border: 1px solid #217BB8;
            color: #fff;
            background-color: #217BB8;
        }
/*.alumno-detalle .nav-pills .nav-item {
    margin-right: 0;
}*/
.alumno-detalle .nav-pills .nav-item .nav-link {
    padding: 0.3rem 1rem;
    line-height: 28px;
}

.listado-centrado-vertical label {
    line-height: 24px;
}

.listado-centrado-vertical .btn {
    border: 1px solid #217BB8;
    color: #217BB8;
    padding: 0 5px;
    line-height: 23px;
    border-radius: 4px;
    float: left;
    margin-right: 5px;
}

    .listado-centrado-vertical .btn:hover {
        color: #fff;
        background-color: #217BB8;
    }

label.btn.btn-outline-secondary.btn-block.btn-toggle-green:not(.active):hover {
    background-color: transparent !important;
    color: #666 !important;
}

label.btn.btn-outline-secondary.btn-block.btn-toggle-green.active:hover {
    background-color: #67BA5E !important;
}

.alumno-detalle .kt-portlet__head-label .select2 {
    width: 100% !important;
}

/*DETALLE ALUMNO (Boletines)*/

.alumno-detalle #Alu_Boletines .accordion .card .tab-content .tab-pane {
    overflow-x: auto;
}

    .alumno-detalle #Alu_Boletines .accordion .card .tab-content .tab-pane table {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }

/*DETALLE ALUMNO (F de seguimiento)*/

.alumno-detalle .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item {
    display: table-row;
}

.alumno-detalle .kt-inbox .kt-inbox__list {
    display: block;
    margin-left: 0;
}

    .alumno-detalle .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__datetime {
        margin-left: 0;
    }

.alumno-detalle #Alu_FichaSeguimiento .tabla-clasica.no-border tr {
    border-bottom: 0;
}

.alumno-detalle #Alu_FichaSeguimiento #Ficha_libre .tabla-clasica.no-border tr td:first-child {
    padding-left: 0;
}

.btn-juntos > li:first-child:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-juntos > li:last-child:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-juntos > li:not(:first-child) > .btn {
    margin-left: -1px;
}

.btn-juntos li a {
    padding: 0.3rem 1rem;
}

/*GESTIÓN DE GRUPOS*/
.gestion-de-grupos .kt-datatable__table [data-field="Nombre"] {
    width: 100%;
}

.gestion-de-grupos-details .kt-datatable__table [data-field="nombreCompleto"] {
    width: 100%;
}

.gestion-de-grupos-details .btn-pill {
    border-radius: 2rem !important;
}

/*modal grupos scroll*/
#modalGrupoMiembrosId .modal-dialog {
    height: 100%;
    max-height: 92%;
}

#modalGrupoMiembrosId .modal-content {
    max-height: 100%;
}

#modalGrupoMiembrosId .modal-body {
    overflow: auto;
}

    #modalGrupoMiembrosId .modal-body form {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }

#modalGrupoMiembrosId .btn-pill {
    border-radius: 2rem !important;
}

#modalGrupoMiembrosId .modal-content {
    max-height: 100%;
}

#modalGrupoMiembrosId .modal-body {
    overflow: auto;
}

    #modalGrupoMiembrosId .modal-body form {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }

#modalGrupoMiembrosId .btn-pill {
    border-radius: 2rem !important;
}

@media (max-width:1024px) {
    #modalGrupoMiembrosId .form-group .row > div {
        margin-bottom: 0.5rem;
    }
}

@media (max-width:767px) {
    .gestion-de-grupos-details .kt-portlet__body .row > div {
        margin-bottom: 0.5rem;
    }
}

@media (max-width:400px) {
    .gestion-de-grupos-details .btn-pill, #modalGrupoMiembrosId .btn-pill {
        padding: 0.2rem 0.5rem;
        margin-right: 5px !important;
    }
}

/*CARGA INASISTENCIAS*/
.carga-inasistencias-container .kt-portlet__head-label {
    width: 75%;
}

.carga-inasistencias-container .kt-section__content {
    width: 100%;
}

.carga-inasistencias-container .kt-portlet {
    margin-bottom: 0;
}

@media (max-width:575px) {
    .carga-inasistencias-container .kt-portlet__head .kt-section__content .row {
        padding: 10px 0 5px;
    }

        .carga-inasistencias-container .kt-portlet__head .kt-section__content .row > div {
            padding-bottom: 5px;
            margin: 0 !important;
        }

    /*Inasistencia por día*/
    .carga-inasistencias-container.carga-por-dia .kt-datatable thead tr th:nth-child(3), .carga-inasistencias-container.carga-por-dia .kt-datatable tbody tr td:nth-child(3),
    .carga-inasistencias-container.carga-por-dia .kt-datatable thead tr th:nth-child(4), .carga-inasistencias-container.carga-por-dia .kt-datatable tbody tr td:nth-child(4),
    .carga-inasistencias-container.carga-por-dia .kt-datatable thead tr th:nth-child(5), .carga-inasistencias-container.carga-por-dia .kt-datatable tbody tr td:nth-child(5),
    .carga-inasistencias-container.carga-por-dia .kt-datatable thead tr th:nth-child(6), .carga-inasistencias-container.carga-por-dia .kt-datatable tbody tr td:nth-child(6),
    .carga-inasistencias-container.carga-por-dia .kt-datatable thead tr th:nth-child(7), .carga-inasistencias-container.carga-por-dia .kt-datatable tbody tr td:nth-child(7) {
        display: none;
    }

    .carga-inasistencias-container.carga-por-dia #tabla-inasistencias {
        width: auto !important;
    }

        .carga-inasistencias-container.carga-por-dia #tabla-inasistencias .kt-datatable__table {
            overflow: unset;
        }
}

/*CARGA DE SANCIONES*/
@media (max-width:575px) {
    .carga-sanciones .kt-portlet__head .kt-section__content .row {
        padding: 10px 0 5px;
    }

        .carga-sanciones .kt-portlet__head .kt-section__content .row > div {
            padding-bottom: 5px;
        }

    .carga-sanciones .tabla-clasica {
        white-space: normal;
    }
}

/*LISTADO SANCIONES*/
.listado-sanciones .kt-portlet__head {
    padding: 10px 20px;
}

.listado-sanciones .tabla-clasica {
    white-space: normal;
}

@media (max-width:890px) {
    .listado-sanciones .kt-portlet__head {
        padding: 10px 20px 5px;
        display: block;
    }
}

@media (max-width:768px) {
    .listado-sanciones .kt-portlet__head .row > div {
        margin-bottom: 5px;
    }
}

/*PLAN DE ESTUDIO*/
.plan-de-estudio-container .kt-portlet__head-label {
    width: 75%;
}

.plan-de-estudio-container .kt-section__content {
    width: 100%;
}

.plan-de-estudio-container .btn[disabled].okp-boton-descarga {
    color: #b5b5b5;
    border-color: #b5b5b5;
}

@media (max-width:768px) {
    .plan-de-estudio-container .tabla-clasica {
        white-space: normal;
    }
}

@media (max-width:575px) {
    .plan-de-estudio-container .kt-portlet__head .kt-section__content .row {
        padding: 10px 0 5px;
    }

        .plan-de-estudio-container .kt-portlet__head .kt-section__content .row > div {
            padding-bottom: 5px;
        }

    .plan-de-estudio-container .tabla-clasica a {
        padding: 0.5rem;
    }

        .plan-de-estudio-container .tabla-clasica a i {
            font-size: 1.6rem;
        }
}

/*INASISTENCIAS - LISTADO*/
.inasistencia-listados-container .select2-container {
    width: 100% !important;
}

.inasistencia-listados-container .kt-portlet__head-label {
    width: 75%;
}

.inasistencia-listados-container .kt-section__content {
    width: 100%;
}

@media (max-width:650px) {
    .inasistencia-listados-container .tabla-clasica {
        white-space: normal;
    }
}

@media (max-width:594px) {
    .inasistencia-listados-container .tabla-clasica td, .inasistencia-listados-container .tabla-clasica th {
        padding: 1px !important;
    }
}

@media (max-width:575px) {
    .inasistencia-listados-container .kt-portlet__head .kt-section__content .row {
        padding: 10px 0 5px;
    }

        .inasistencia-listados-container .kt-portlet__head .kt-section__content .row > div {
            padding-bottom: 5px;
            margin: 0 !important;
        }
}

@media (max-width:400px) {
    .inasistencia-listados-container .tabla-clasica.no-border.comprimida th:first-child, .inasistencia-listados-container .tabla-clasica.no-border.comprimida td:first-child {
        padding-left: 5px !important;
    }

    .inasistencia-listados-container .tabla-clasica.no-border.comprimida th:last-child, .inasistencia-listados-container .tabla-clasica.no-border.comprimida td:last-child {
        padding-right: 5px !important;
    }
}

/*FICHAS DE SEGUIMIENTO*/
.kt-inbox .kt-inbox__aside {
    padding: 20px !important;
    width: 220px !important;
}

    .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item .kt-nav__link {
        padding: 0.6rem 0 !important;
    }

.kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__details {
    margin-top: 0 !important;
}

.kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-icon, .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item:last-child .kt-nav__link .kt-nav__link-icon {
    font-size: 1.5rem !important;
}

.kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__info .kt-inbox__actions .kt-inbox__icon i {
    font-size: 1.5rem !important;
}

.kt-inbox .kt-inbox__form .kt-inbox__head {
    background-color: #7F3F98;
    padding: 10px 15px 10px 25px !important;
}

    .kt-inbox .kt-inbox__form .kt-inbox__head .kt-inbox__title {
        color: white !important;
    }

.kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__subject {
    padding: 10px 25px !important;
}

.kt-inbox .kt-inbox__form .kt-inbox__head .kt-inbox__icon i {
    color: white;
}

.kt-inbox .kt-inbox__view .kt-inbox__icon i {
    font-size: 1.8rem !important;
}

.kt-inbox .kt-inbox__view .kt-inbox__toolbar .kt-inbox__controls .kt-inbox__icon {
    margin-left: 0 !important;
}

.ficha-de-seguimiento .kt-inbox .kt-inbox__view .kt-portlet__head {
    padding: 0 20px !important;
    border-bottom: 0;
    min-height: 50px !important;
}

    .ficha-de-seguimiento .kt-inbox .kt-inbox__view .kt-portlet__head .kt-inbox__toolbar .kt-inbox__actions {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .ficha-de-seguimiento .kt-inbox .kt-inbox__view .kt-portlet__head .kt-inbox__toolbar .kt-inbox__controls {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.kt-inbox .kt-inbox__list .kt-inbox__items {
    z-index: 1;
}

.kt-inbox .kt-inbox__view .kt-portlet__body.kt-portlet__body--fit-x {
    padding: 0;
}

.kt-inbox .kt-inbox__view .kt-inbox__subject {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    border-top: 1px solid #ebedf2;
    border-bottom: 1px solid #ebedf2;
}

.kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__info .kt-inbox__author .kt-inbox__name {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #666 !important;
}

.kt-inbox .kt-inbox__view .kt-inbox__reply {
    padding: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
}

.kt-inbox .kt-inbox__panel {
    margin-left: 15px;
}

.kt-inbox .kt-portlet__head, .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item {
    padding: 10px 20px !important;
}

    .kt-inbox .kt-inbox__list .kt-inbox__items .kt-inbox__item .kt-inbox__datetime {
        margin-top: 0 !important;
    }

.kt-inbox .kt-inbox__list .kt-inbox__items[data-type="inbox"] .kt-inbox__item[data-type="inbox"] {
    display: flex;
}

.kt-inbox .kt-inbox__list .kt-inbox__items[data-type="destacada"] .kt-inbox__item[data-type="destacada"] {
    display: flex !important;
}

.kt-inbox .kt-inbox__list .kt-inbox__items[data-type="borrador"] .kt-inbox__item[data-type="borrador"] {
    display: flex !important;
}

.kt-inbox .kt-inbox__list .kt-inbox__items[data-type="privada"] .kt-inbox__item[data-type="privada"] {
    display: flex !important;
}

.kt-inbox .kt-inbox__list .kt-inbox__items[data-type="archivada"] .kt-inbox__item[data-type="archivada"] {
    display: flex !important;
}

.kt-inbox .kt-inbox__list .kt-inbox__items[data-type="noleida"] .kt-inbox__item[data-type="noleida"] {
    display: flex !important;
}

.kt-inbox .kt-inbox__list .kt-inbox__items[data-type="plantilla"] .kt-inbox__item[data-type="plantilla"] {
    display: flex !important;
}

.kt-inbox .okp-fichaseguimiento-nueva-cuerpo {
    height: 200px;
}

@media (min-width:1025px) and (max-width:1250px) {
    .ficha-de-seguimiento .kt-inbox__list .kt-portlet__head .kt-inbox__toolbar .row.no-gutters > div:not(:nth-child(4)) {
        flex: 0 0 45% !important;
        max-width: 45% !important;
        margin-bottom: 0.5rem;
    }

    .ficha-de-seguimiento-alumno .kt-inbox__list .kt-portlet__head .kt-inbox__toolbar .row.no-gutters > div:nth-child(4) {
        flex: 0 0 90% !important;
        max-width: 90% !important;
        margin-bottom: 0.5rem;
    }

    .ficha-de-seguimiento-alumno .kt-inbox .kt-portlet__head {
        min-height: 193px !important;
    }

    .ficha-de-seguimiento-docente .kt-inbox .kt-portlet__head {
        min-height: 150px !important;
    }

    .ficha-de-seguimiento .kt-inbox .kt-inbox__toolbar .kt-inbox__actions {
        margin-top: 0;
    }
}

@media (min-width:1025px) and (max-width:1110px) {
    .ficha-de-seguimiento .kt-inbox .kt-inbox__form .kt-inbox__foot .row > div {
        display: block !important;
    }

        .ficha-de-seguimiento .kt-inbox .kt-inbox__form .kt-inbox__foot .row > div > span {
            display: block;
            width: 100%;
        }
}

@media (max-width:1024px) {
    .kt-inbox .kt-inbox__aside {
        border-radius: 0 !important;
    }
}

@media (max-width:768px) {
    .kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head .kt-inbox__actions {
        flex-grow: unset !important;
    }

    .modal.modal-sticky-bottom-right.modal-sticky-lg {
        max-width: 530px !important;
    }
}

@media (max-width:600px) {
    .ficha-de-seguimiento .kt-inbox__list .kt-portlet__head .kt-inbox__toolbar .row.no-gutters > div:not(:nth-child(4)) {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 0.5rem;
    }

    .ficha-de-seguimiento-alumno .kt-inbox__list .kt-portlet__head .kt-inbox__toolbar .row.no-gutters > div:nth-child(3) {
        padding: 0 !important;
    }

    .ficha-de-seguimiento-alumno .kt-inbox__list .kt-portlet__head .kt-inbox__toolbar .row.no-gutters > div:nth-child(4) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 0.5rem;
        padding: 0 !important;
    }

    .ficha-de-seguimiento-alumno .kt-inbox .kt-portlet__head {
        min-height: 188px !important;
    }

    .ficha-de-seguimiento-docente .kt-inbox .kt-portlet__head {
        min-height: 145px !important;
    }

    .ficha-de-seguimiento .kt-inbox .kt-inbox__toolbar .kt-inbox__actions {
        margin-top: 0;
    }

    .ficha-de-seguimiento .okp-fichaseguimiento-comentario-permisos > div {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .kt-inbox .okp-fichaseguimiento-nueva-cuerpo {
        height: 100px;
    }
}

@media (max-width:550px) {
    .modal.modal-sticky-bottom-right.modal-sticky-lg {
        max-width: 95% !important;
    }
}

/*PREFORMA*/
.ficha-de-seguimiento-preforma .kt-inbox .kt-portlet__head {
    min-height: 59px !important;
}

.ficha-de-seguimiento-preforma .modal .item-box a i {
    color: #666;
    font-size: 1.2rem;
    line-height: 30px;
    margin-left: 5px;
}

.ficha-de-seguimiento-preforma .modal .item-box {
    color: #666;
}

.ficha-de-seguimiento-preforma .modal .texto-detalles-inline {
    margin-right: 0;
}

.ficha-de-seguimiento-preforma .modal h3 {
    border-bottom: 1px solid #B1B1B1;
    padding-bottom: 7px;
}

.ficha-de-seguimiento-preforma .kt-inbox__item--unread td {
    color: #48465b;
    font-weight: 600;
}

.ficha-de-seguimiento-preforma .kt-inbox .kt-inbox__view {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
}

.ficha-de-seguimiento-preforma .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="inbox"] .kt-inbox__item[data-type="inbox"], .ficha-de-seguimiento-preforma .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="noleida"] .kt-inbox__item[data-type="noleida"], .ficha-de-seguimiento-preforma .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="archivada"] .kt-inbox__item[data-type="archivada"], .ficha-de-seguimiento-preforma .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="plantilla"] .kt-inbox__item[data-type="plantilla"], .ficha-de-seguimiento-preforma .kt-inbox .kt-inbox__list .kt-inbox__items[data-type="borrador"] .kt-inbox__item[data-type="borrador"] {
    display: table-row !important;
}

.ficha-de-seguimiento-preforma .kt-inbox__aside-right {
    width: 300px;
}

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right .kt-portlet__head {
        background-color: #217BB8;
        min-height: auto !important;
        text-align: center;
        padding: 10px !important;
    }

        .ficha-de-seguimiento-preforma .kt-inbox__aside-right .kt-portlet__head h1 {
            color: white;
            margin: 0;
            line-height: 30px;
            width: 100%;
        }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right h3 {
        padding-left: 15px;
        padding-bottom: 10px;
        margin-top: 20px;
        width: 100%;
        border-bottom: 1px solid #ebedf2;
    }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right .aside-right-body {
        padding: 0 15px;
    }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right .aside-alumno {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        padding: 0.5rem;
        margin-bottom: 0.2rem;
        border: 1px solid transparent;
        cursor: pointer;
    }

        .ficha-de-seguimiento-preforma .kt-inbox__aside-right .aside-alumno i {
            width: 1rem;
            height: 1rem;
            flex: 0 0 1rem;
            display: inline-block;
            border-radius: 100%;
            margin-right: 0.8rem;
        }

        .ficha-de-seguimiento-preforma .kt-inbox__aside-right .aside-alumno span {
            display: inline-block;
        }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right .aside-alumno-selected {
        border: 1px solid #7F3F98 !important;
        border-radius: 5px;
    }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right .aside-alumno-selected {
        color: #7F3F98 !important;
        font-weight: 500;
    }

.ficha-de-seguimiento-preforma .kt-widget-21 .kt-widget-21__data {
    justify-content: center;
}

    .ficha-de-seguimiento-preforma .kt-widget-21 .kt-widget-21__data .kt-widget-21__legends {
        margin-right: 0;
        margin-left: 1.5rem;
    }

        .ficha-de-seguimiento-preforma .kt-widget-21 .kt-widget-21__data .kt-widget-21__legends .kt-widget-21__legend i {
            width: 0.7rem;
            height: 0.7rem;
            flex: unset;
        }

.ficha-de-seguimiento-preforma .okp-preforma-modal-body {
    max-height: 500px;
    overflow-y: auto;
}

@media (max-width:1024px) {
    .ficha-de-seguimiento-preforma .kt-inbox {
        flex-wrap: unset;
    }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right {
        flex: 0 0 auto;
    }

    .kt-inbox .kt-inbox__form {
        min-width: 320px !important;
    }
}

@media (min-width:1025px) and (max-width:1150px) {
    .ficha-de-seguimiento-preforma .kt-inbox__aside-right .kt-widget-21__data {
        flex-direction: column;
    }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right .kt-widget-21__legends {
        margin: 15px 0 0;
    }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right {
        width: 235px;
    }
}

@media (min-width:615px) and (max-width:768px) {
    .ficha-de-seguimiento-preforma .kt-inbox__aside-right .kt-widget-21__data {
        flex-direction: column;
    }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right .kt-widget-21__legends {
        margin: 15px 0 0;
    }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right {
        width: 235px;
    }
}

@media (max-width:614px) {
    .ficha-de-seguimiento-preforma .kt-inbox {
        flex-wrap: wrap;
    }

        .ficha-de-seguimiento-preforma .kt-inbox .kt-inbox__view {
            display: block;
            margin-left: 0;
            margin-right: 0;
        }

    .ficha-de-seguimiento-preforma .kt-inbox__aside-right {
        width: 100%;
    }

    .ficha-de-seguimiento-preforma .okp-preforma-nueva-permisos-seccion .row > div {
        flex-direction: column;
        align-items: flex-start !important;
    }
}

/*AVISOS NO LOGUEADOS*/
@media (max-width:575px) {
    .avisos-nologueados .tabla-clasica {
        white-space: normal;
    }
}

/*CONFIGURACIÓN ESQUEMA HORARIOS*/
/*.config-esquema-horarios conf-hor-span-materia {
    float: left;
    line-height: 38px;
    margin-right: 10px;
}*/
.config-esquema-horarios .conf-hor-switch-fila {
    float: left;
    padding: 2px 0;
}

.config-esquema-horarios table {
    width: 100%;
    background-color: white;
}

    .config-esquema-horarios table td:first-child {
        width: 260px;
    }

    .config-esquema-horarios table td:nth-child(2) {
        width: 200px;
    }

    .config-esquema-horarios table .ant-time-picker {
        width: 90px;
    }

@media (max-width:1120px) {
    .config-esquema-horarios table td:first-child {
        width: 200px;
    }

    .config-esquema-horarios table td:nth-child(2) {
        width: 170px;
    }

    .config-esquema-horarios table input {
        padding: 0.3rem 0.5rem;
    }

    .config-esquema-horarios table .ant-time-picker {
        width: 75px;
    }
}

@media (max-width:768px) {
    .config-esquema-horarios table td:first-child {
        width: 92px;
    }

    .config-esquema-horarios table td:nth-child(2) {
        width: 90px;
    }

    .config-esquema-horarios table {
        border-collapse: separate;
        border-spacing: 0 1rem;
    }
}

/*HORARIOS CRONOGRAMA*/
.horarios-cronograma .modal .okp-lista-materias .btn {
    white-space: normal;
    line-height: 1.1rem;
    height: 38px;
    justify-content: center;
    color: white;
}

.horarios-cronograma .modal .okp-lista-materias .dropdown-menu {
    padding: 0.25rem 0.25rem 0;
    border: 1px solid #aaa !important;
    box-shadow: 0 0 10px #000 !important;
}

@media (max-width:768px) {
    .horarios-cronograma .kt-portlet .kt-portlet__head {
        padding: 20px 20px 15px;
    }

        .horarios-cronograma .kt-portlet .kt-portlet__head .col-sm-12, .horarios-cronograma .kt-portlet .kt-portlet__head .col-auto {
            padding-bottom: 5px;
        }
}

@media (max-width:650px) {
    .horarios-cronograma .kt-portlet__head-toolbar {
        flex-direction: column;
        align-items: flex-start !important;
    }
}

/*PUBLICACIONES*/
.publicaciones-container .social-icons {
    margin: 5px 0 15px;
}

    .publicaciones-container .social-icons a {
        width: 16.6%;
        color: #a1a7c4;
        font-size: 1.5rem !important;
        text-align: center;
        float: left;
    }

.publicaciones-container .kt-inbox__list {
    display: flex;
    flex-direction: column;
}

.publicaciones-container .kt-inbox .kt-portlet__head {
    min-height: 55px !important;
}

    .publicaciones-container .kt-inbox .kt-portlet__head .kt-inbox__actions {
        line-height: 17px;
    }

.publicaciones-container .kt-portlet__head {
    justify-content: normal;
}

    .publicaciones-container .kt-portlet__head .kt-inbox__controls {
        display: flex;
    }

    .publicaciones-container .kt-portlet__head .badge {
        line-height: 23px;
        border-radius: 10px;
    }

.publicaciones-container .kt-portlet__body {
    display: block;
}

.publicaciones-container .kt-inbox__list .kt-inbox__items .kt-inbox__item {
    padding: 0 !important;
    min-width: 0 !important;
}

    .publicaciones-container .kt-inbox__list .kt-inbox__items .kt-inbox__item:hover {
        background-color: transparent !important;
    }

.publicaciones-container .kt-inbox__list .kt-inbox__items a {
    color: #217BB8;
}

.publicaciones-container .publicacion-footer {
    display: flex;
    justify-content: space-between;
}

.publicaciones-container .publicacion-footer-right button:active {
    background: none !important;
    border: none;
    box-shadow: none;
}

.publicaciones-container .publicacion-footer-right .la {
    font-size: 2rem !important;
}

.publicaciones-container .kt-portlet__body .la-star-o {
    color: #217BB8 !important;
}

.publicaciones-container .kt-portlet__body .la-star {
    color: #FDBD15 !important;
}

.publicaciones-container .kt-portlet__body .la-heart-o {
    color: #217BB8 !important;
}

.publicaciones-container .kt-portlet__body .la-heart {
    color: #EF4973 !important;
}

.publicaciones-container .publicacion-si-no, .publicaciones-container .publicacion-notificar {
    margin: 10px 0 0;
    text-align: center;
}

.publicaciones-container .publicacion-si-no {
    display: flex;
    justify-content: space-between;
}

.publicaciones-container .publicacion-si-no, .publicaciones-container .publicacion-notificar {
    max-width: 330px;
    margin: 10px auto;
}

    .publicaciones-container .publicacion-si-no .btn-wide {
        width: 46%;
        justify-content: center;
    }

.publicaciones-container .kt-inbox .kt-inbox__toolbar {
    flex-grow: unset;
}

    .publicaciones-container .kt-inbox .kt-inbox__toolbar .kt-inbox__actions .kt-inbox__icon.kt-inbox__icon--back {
        margin-right: 0.5rem;
    }

.publicaciones-container .kt-inbox .alert {
    max-width: 330px;
    margin: 10px auto;
    padding: 0.5rem !important;
    line-height: 16px;
}

.publicaciones-container .kt-inbox .carousel-indicators {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.publicaciones-container .kt-inbox .kt-inbox__toolbar .kt-inbox__actions .kt-inbox__icon.kt-inbox__icon--back {
    margin-right: 0.5rem;
}

.publicaciones-container .card {
    background-color: transparent;
}

.publicaciones-container .card-title {
    background-color: white;
}

.publicaciones-container .card-body {
    background: white;
    border: solid #c3cdff;
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
}

.publicaciones-container .card .badge {
    min-width: auto;
}

/*NUEVA PUBLICACIÓN*/
.kt-wizard-v3 .kt-wizard-v3__nav {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.kt-wizard-v3 .kt-form .kt-form__actions {
    width: 100% !important;
}

.kt-wizard-v3 .kt-form .kt-wizard-v3__content {
    width: 100% !important;
}

.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state="current"] span {
    background-color: #67BA5E !important;
}

.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state="pending"] span {
    background-color: #fff !important;
    color: #707070 !important;
    border: 1px solid #707070;
}

.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state="done"] i {
    background-color: #67BA5E !important;
}

.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-line {
    background-color: #707070 !important;
    height: 1px !important;
    transform: translateY(24px) !important;
    margin: 0 16% !important;
}

.kt-wizard-v3 .kt-form {
    padding: 2rem !important;
}

.kt-wizard-v3 .kt-switch--sm {
    margin-top: -4px;
}

.kt-wizard-v3 .btn-link {
    line-height: unset;
}

    .kt-wizard-v3 .btn-link:hover {
        text-decoration: none;
    }

.kt-wizard-v3 #tab .btn.focus, .kt-wizard-v3 #tab .btn.active {
    box-shadow: none;
    border-color: #217BB8;
}

.kt-wizard-v3 #tab .btn {
    max-width: 250px;
    white-space: normal;
    text-align: left;
    border: 1px solid #c5c5c5;
    margin-right: 15px;
}

    .kt-wizard-v3 #tab .btn input {
        float: left;
        margin-top: 7px;
    }

    .kt-wizard-v3 #tab .btn > div {
        margin-left: 25px;
    }

    .kt-wizard-v3 #tab .btn .subtitle {
        display: inline-block;
        line-height: 14px;
        color: #c5c5c5;
        font-size: 0.9rem;
    }

.kt-wizard-v3 #tab .kt-radio > span {
    top: 10px;
    left: 10px;
}

/*kt-wizard form - Botones de footer*/
@media (max-width: 450px) {
    .kt-form .kt-form__actions .btn {
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important;
        margin-right: 0.5rem !important;
    }

        .kt-form .kt-form__actions .btn:last-child {
            margin-right: 0 !important;
        }
}


/*MENSAJES*/
.mensajes .kt-inbox .kt-inbox__aside {
    width: 180px !important;
    margin-bottom: auto !important;
    padding-bottom: 14px !important;
}

.mensajes .kt-inbox .kt-inbox__list {
    margin-left: 20px;
}

.mensajes .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--active .kt-nav__link {
    background-color: transparent;
    border-radius: 0;
    border-left: 3px solid #7F3F98;
    padding: 0 0 0 7px !important;
    margin: 0.6rem 0;
}

    .mensajes .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item.kt-nav__item--active .kt-nav__link .kt-nav__link-text {
        color: #74788d;
    }

.mensajes .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item .kt-nav__link {
    padding-left: 10px !important;
}

.mensajes .kt-inbox .kt-inbox__aside .kt-inbox__nav .kt-nav .kt-nav__item {
    margin-bottom: 0;
}

.mensajes .kt-inbox .kt-portlet__head {
    min-height: 59px !important;
}

.mensajes .kt-inbox .kt-inbox__toolbar .kt-inbox__controls .kt-inbox__icon {
    margin: 0;
}

.mensajes .kt-inbox .kt-inbox__toolbar {
    width: 100%;
}

    .mensajes .kt-inbox .kt-inbox__toolbar .kt-inbox__actions {
        width: 70%;
        flex-grow: 1;
    }

        .mensajes .kt-inbox .kt-inbox__toolbar .kt-inbox__actions #msj_asunto {
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.mensajes .mensaje-item {
    padding: 0.6rem 1rem;
    display: flex;
    align-items: center;
    color: inherit;
}

    .mensajes .mensaje-item span:first-child {
        flex-grow: 1;
        width: calc(100% - 50px);
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mensajes .mensaje-item:hover {
        transition: all 0.3s ease;
        background-color: #f2f3f7;
        cursor: pointer;
    }

    .mensajes .mensaje-item.active {
        background-color: var(--color-barra);
        color: #fff;
    }

.mensajes ul {
    margin-bottom: 0;
}

    .mensajes ul li {
        width: 100%;
        margin: 0 !important;
    }

        .mensajes ul li a {
            border-radius: 0;
        }

.mensajes .tab-content, .mensajes .tab-content .tab-pane {
    height: 100%;
}

.mensajes .kt-input-icon .form-control {
    border-radius: 6px 0 0 0 !important;
    border: 1px solid transparent !important;
    box-shadow: none;
}
/*.mensajes .kt-input-icon .form-control:focus {
    box-shadow: inset 0px 0px 5px -3px #000 !important;
    border: 1px solid #c5c5c5 !important;
}*/

.mensajes .mje-emisor, .mensajes .mje-receptor {
    display: flex;
    align-items: start;
    padding: 0.6rem 40px;
}

.mensajes .mje-emisor {
    flex-direction: row-reverse;
}

.mensajes .mje-detalle {
    padding: 0.6rem 1rem;
    border-radius: 6px;
    min-height: 47px;
    display: flex;
    flex-direction: column;
    position: relative;
    word-break: break-word;
}

.mensajes .mje-emisor .mje-detalle {
    margin-right: 10px;
}

.mensajes .mje-receptor .mje-detalle {
    margin-left: 10px;
}

.mensajes .mje-emisor-texto a, .mensajes .mje-receptor-texto a {
    text-decoration: underline;
}

.mensajes .mje-emisor .mje-detalle {
    background: #7AB0D6;
    color: #fff;
    box-shadow: 0 0 8px #b5b5b5;
}

    .mensajes .mje-emisor .mje-detalle:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: -8px;
        top: 0;
        bottom: auto;
        border: 8px solid;
        border-color: #7AB0D6 transparent transparent transparent;
        border-radius: 0 4px 0 0;
    }

.mensajes .mje-emisor .mje-fecha {
    color: #fff;
}

.mensajes .mje-emisor .mje.detalle a {
    color: #fff;
}

.mensajes .mje-receptor .mje-detalle {
    padding: 0.6rem 1rem;
    /*border: 1px solid #c5c5c5;*/
    background-color: white;
    box-shadow: 0 0 8px #b5b5b5;
}

    .mensajes .mje-receptor .mje-detalle:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -8px;
        right: auto;
        top: 0;
        bottom: auto;
        border: 10px solid;
        border-color: white transparent transparent transparent;
        border-radius: 4px 0 0 0;
    }

    .mensajes .mje-receptor .mje-detalle:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -10px;
        right: auto;
        top: -1px;
        bottom: auto;
        border: 10px solid;
        border-color: #d5d5d5 transparent transparent transparent;
        border-radius: 8px 0 0 0;
    }

.mensajes .mje-fecha {
    color: #c5c5c5;
    font-size: 0.9rem;
    margin: 3px 0 -3px 0;
    align-self: end;
}

.mensajes .mje-usuario {
    font-weight: bolder;
    color: #999;
    margin-bottom: 3px;
}

.mensajes .mje-emisor .mje-usuario {
    display: none;
}

.mensajes .mje-opciones {
    margin-right: 10px;
    float: right;
}

.mensajes .kt-portlet .kt-portlet__body {
    flex-grow: 1;
}

.mensajes .chat-muro {
    flex-grow: 1;
    position: relative;
    scroll-behavior: smooth;
    padding: 10px 0;
    background-image: url(/images/bg-chat3.png);
}

.mensajes .chat-barra {
    border-top: 1px solid #c5c5c5;
    padding: 5px 1rem 5px 0;
}

.mensajes .form-control {
    box-shadow: none;
}

.mensajes .pregunta-si-no, .mensajes .pedido-notificacion {
    text-align: center;
    margin: 0 20px;
    padding: 1rem 0;
    border-bottom: 1px solid #c5c5c5;
}

.mensajes .botones, .mensajes .respuestas, .mensajes .progress {
    margin: 0.6rem auto;
    width: 280px;
}

.mensajes .pregunta-si-no button, .mensajes .pedido-notificacion button {
    padding-left: 4rem;
    padding-right: 4rem;
}

.mensajes .botones, .mensajes .respuestas {
    display: flex;
    justify-content: space-between;
}

.mensajes .respuestas {
    margin-bottom: 0 !important;
}

.mensajes .progress {
    height: 0.5rem;
    margin-top: 4px !important;
}

.mensajes .pedido-notificacion button {
    width: 100%;
}

@media (max-width:1024px) {
    .mensajes .kt-inbox .kt-inbox__list {
        margin-left: 0;
    }
}

@media (max-width:575px) {
    .mensajes .chat-muro .kt-media span {
        width: 30px;
        height: 30px;
        font-size: .9rem;
    }

    .mensajes #kt_inbox_list {
        background-color: transparent;
    }

    .mensajes #tab_mensajes {
        max-height: unset !important;
    }

    .mensajes .mensajes-col-izq {
        padding: 0 !important;
        height: 30vh !important;
        margin-bottom: 1.5rem;
        background: #fff;
        border-radius: 6px;
    }

    .mensajes .mensajes-col-der {
        padding: 0 !important;
        height: 48vh !important;
        border-left: 0 !important;
        background: #fff;
        border-radius: 6px;
    }

    .mensajes .kt-inbox .kt-inbox__list .mensajes-col-izq .kt-portlet__head {
        min-height: 40px !important;
        margin-left: 0.5rem;
    }

    .mensajes .mensajes-col-izq .kt-portlet__body {
        height: calc(100% - 46px) !important;
    }
}

/*NUEVO MENSAJE*/
@media (max-width:575px) {
    .nuevo-mensaje .kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items {
        flex-direction: row;
    }

        .nuevo-mensaje .kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item {
            margin-bottom: 0;
        }

    .nuevo-mensaje .kt-wizard-v3__nav-item[data-ktwizard-state="current"] {
        width: 100%;
        flex-wrap: nowrap !important;
    }

        .nuevo-mensaje .kt-wizard-v3__nav-item[data-ktwizard-state="current"] span {
            min-width: 3.5rem;
        }

    .nuevo-mensaje .kt-wizard-v3__nav-item[data-ktwizard-state="pending"] .kt-wizard-v3__nav-label, .nuevo-mensaje .kt-wizard-v3__nav-item[data-ktwizard-state="done"] .kt-wizard-v3__nav-label {
        display: none;
    }
}

/*ESTADÍSTICAS MENSAJE*/
.estadistica-mensaje .dataTables_info {
    padding-top: 0 !important;
    float: left;
}

.estadistica-mensaje .dataTable .form-control {
    height: 28px;
}

.estadistica-mensaje table {
    border: 1px solid #ddd;
    border-radius: 6px;
}

    .estadistica-mensaje table th, .estadistica-mensaje table td {
        border-right: 1px solid #ddd;
    }

        .estadistica-mensaje table th:last-child, .estadistica-mensaje table td:last-child {
            border-right: 0 !important;
        }

.estadistica-mensaje .table thead th {
    font-weight: normal;
}

.estadistica-mensaje .row-alumno td {
    color: #ABABAB !important;
}

.estadistica-mensaje .row-padre td {
    border-top: 0 !important;
}

/*ESTADÍSTICAS PUBLICACIÓN*/
.estadistica-publicacion h1 {
    font-size: 2rem;
    font-weight: 500;
}

/*CALENDARIO DIAS HABILES*/
#full-calendar .ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: none;
}

#full-calendar .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #67BA5E;
}

#full-calendar .ui-state-default, .ui-widget-content .ui-state-default {
    background: #d32f2f;
    color: #fff;
}

/*CALENDARIO*/
.calendario .kt-slider__nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-right: 15px !important;
}

.calendario .kt-slider__nav-next, .calendario .kt-slider__nav-prev {
    position: relative;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    margin: 0 5px 0 0 !important;
}

    .calendario .kt-slider__nav-next i, .calendario .kt-slider__nav-prev i {
        color: #A0A8C5 !important;
        font-size: 1.5rem !important;
    }

.calendario .kt-slider__head {
    display: flex;
    align-items: center;
}

.calendario .btn-outline-secondary {
    border-color: #EBEDF1;
}

.calendario .fc-toolbar {
    padding: 10px 20px;
    margin: 0 !important;
    border-bottom: 1px solid #ebedf2;
}

.calendario .fc-view-container {
    padding: 20px;
}

.calendario .fc-toolbar .fc-button:focus, .calendario .fc-toolbar .fc-icon {
    background: #fff;
    color: #A0A8C5 !important;
}

.calendario .fc-toolbar .fc-button:focus {
    border-color: #A0A8C5;
}

.calendario .fc-toolbar .fc-today-button:active {
    background: #fff;
    border-color: #A0A8C5;
    color: #A0A8C5;
}

.calendario .fc-toolbar .fc-button .fc-icon {
    font-size: 1.8rem;
    color: #A0A8C5;
}

.calendario .fc-prev-button, .calendario .fc-next-button {
    border: 0 !important;
    padding: 0 0.8rem 0 0 !important;
}

.calendario .fc-toolbar h2 {
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 !important;
    color: #7F3F98;
    float: right;
    line-height: 36px;
}

.calendario .fc-toolbar .fc-button.fc-button-active {
    background: #7F3F98 !important;
    border: 1px solid #7F3F98;
}

    .calendario .fc-toolbar .fc-button.fc-button-active:focus {
        color: #fff !important;
    }

.calendario .botonera, .calendario .btn-agenda {
    display: none;
}

.calendario .leyenda {
    line-height: 28px;
    display: flex;
    align-items: center;
    height: 38px;
}

    .calendario .leyenda div {
        display: inline-block;
        margin-right: 20px;
    }

    .calendario .leyenda span {
        border-radius: 5px;
        top: 0;
    }

    .calendario .leyenda .kt-checkbox {
        height: 20px;
        margin: 0;
    }

        .calendario .leyenda .kt-checkbox > span::after {
            height: 8px;
            width: 3px;
        }

    .calendario .leyenda .mis-eventos {
        background: #EF4973;
        border: 1px solid #EF4973;
    }

    .calendario .leyenda .creados-por-mi {
        border: 1px solid #217BB8;
    }

    .calendario .leyenda .eventos-generales {
        border: 1px solid #ECAD00;
    }

    .calendario .leyenda div {
        display: inline-block;
        margin-right: 20px;
    }

    .calendario .leyenda span {
        width: 26px;
        height: 26px;
        border-radius: 6px;
        float: left;
        margin-right: 10px;
    }

    .calendario .leyenda .mis-eventos {
        background: #EF4973;
        border: 1px solid #EF4973;
    }

    .calendario .leyenda .creados-por-mi {
        border: 1px solid #217BB8;
    }

    .calendario .leyenda .eventos-generales {
        border: 1px solid #ECAD00;
    }

.calendario .fc-event {
    background: #888;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
}

    .calendario .fc-event .fc-time, .calendario .fc-event .fc-title {
        color: #fff;
        font-weight: 500;
        font-size: 0.85rem;
    }

    .calendario .fc-event .fc-content {
        padding: 0.4rem 0.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #fff;
    }

        .calendario .fc-event .fc-content::before {
            display: none;
        }

.calendario .fc-day-header span {
    text-transform: capitalize;
}

.calendario .fc-day-number {
    width: 100%;
    text-align: center;
}

.calendario .fc-sun, .calendario .fc-sat {
    color: #c5c5c5;
}

.calendario .fc-other-month {
    opacity: 1 !important;
    color: #c5c5c5;
}

.calendario .fc-today {
    background: transparent !important;
}

    .calendario .fc-today .fc-day-number {
        background: #7F3F98;
        color: white;
        font-weight: 700;
        width: 18px;
        margin: 0 auto;
        border-radius: 20px;
        height: 17px;
        line-height: 17px;
        float: none !important;
        display: block;
    }

.calendario .fc-more-cell {
    text-align: center;
}

.calendario .fc-more {
    color: #7F3F98 !important;
}

.calendario .fc-day-grid-event.azul,
.calendario .fc-list-item.azul .fc-event-dot {
    background: #217BB8 !important;
}

.calendario .fc-day-grid-event.naranja,
.calendario .fc-list-item.naranja .fc-event-dot {
    background: #F47C3E !important;
}

.calendario .fc-day-grid-event.verde,
.calendario .fc-list-item.verde .fc-event-dot {
    background: #67BA5E !important;
}

.calendario .fc-day-grid-event.fucsia,
.calendario .fc-list-item.fucsia .fc-event-dot {
    background: #EF4973 !important;
}

.calendario .fc-more-popover {
    border-color: #7F3F98 !important;
    border-radius: 6px;
}

    .calendario .fc-more-popover .fc-header {
        background: #7F3F98 !important;
        padding: 0.5rem 1rem;
        border: 0;
    }

        .calendario .fc-more-popover .fc-header .fc-title, .calendario .fc-more-popover .fc-header .fc-close {
            color: #fff !important;
            font-weight: 500;
            opacity: 1;
            margin: 0;
        }

    .calendario .fc-more-popover .fc-body .fc-event-container {
        padding: 1rem 1rem 0.5rem 1rem;
    }

.calendario .fc-row.fc-rigid .fc-content-skeleton {
    position: relative !important;
}

.calendario .fc-scroller {
    height: auto !important;
}

@media (max-width:550px) {
    .calendario .fc-toolbar .fc-right .fc-button {
        width: 70%;
    }

    .calendario .fc-toolbar .fc-button-group {
        width: 100%;
        margin: 0;
    }

    .calendario .fc-toolbar .fc-left .fc-button {
        padding: 0 0.4rem !important;
    }

    .calendario .fc-toolbar .fc-left {
        width: 40%;
    }

    .calendario .fc-toolbar .fc-right {
        width: 60%;
    }
}

/*CALENDARIO - DETALLE DOCENTE*/
.detalle-docente #calendario .fc-toolbar .fc-button:focus, .detalle-docente #calendario .fc-toolbar .fc-icon {
    background: #fff;
    color: #A0A8C5 !important;
}

.detalle-docente #calendario .fc-toolbar .fc-today-button:active {
    background: #fff;
    border-color: #A0A8C5;
    color: #A0A8C5;
}

.detalle-docente #calendario .fc-toolbar .fc-button .fc-icon {
    font-size: 1.8rem;
    color: #A0A8C5;
}

.detalle-docente #calendario .fc-prev-button, .detalle-docente #calendario .fc-next-button {
    border: 0 !important;
    padding: 0 0.8rem 0 0 !important;
}

.detalle-docente #calendario .fc-toolbar h2 {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 !important;
    color: #666;
    float: right;
    line-height: 36px;
}

.detalle-docente #calendario .azul {
    background: #217BB8 !important;
}

.detalle-docente #calendario .naranja {
    background: #F47C3E !important;
}

.detalle-docente #calendario .verde {
    background: #67BA5E !important;
}

.detalle-docente #calendario .fucsia {
    background: #EF4973 !important;
}

/*NUEVO AVISO*/
.nuevo-aviso .kt-portlet, .kt-portlet__body, .kt-wizard-v3 {
    height: 100%;
}

.nuevo-aviso .kt-wizard-v3, .kt-form {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.nuevo-aviso .kt-wizard-v3__content {
    flex-grow: 1;
}

/*COMENTARIOS*/
.comentario, .sub-comentario {
    margin-bottom: 20px;
}

    .comentario div:first-child, .sub-comentario div:first-child {
        display: flex;
        align-items: start;
        justify-content: start;
    }

    .comentario .comentario-detalle, .sub-comentario .comentario-detalle {
        margin-left: 10px;
        line-height: 15px;
    }

.sub-comentario {
    margin-left: 30px;
}

/*MATERIA CURSO*/
.materiacurso input::-webkit-outer-spin-button, .materiacurso input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.materiacurso input[type="number"], .materiacurso .okp-libro, .materiacurso .okp-col-libro, .materiacurso .okp-folio, .materiacurso .okp-col-folio, #modal_libro, #modal_folio,
tr[idaspirante] input[type="number"] {
    -moz-appearance: textfield;
    width: 45px;
    padding: 0.5rem;
}

.materiacurso #Mat_Notas thead tr th:nth-child(2n), .materiacurso #Mat_Notas tbody tr td:nth-child(2n+3) {
    background: #f7f8fa;
}

.materiacurso .select2 {
    text-align: left;
}
/*MATERIA CURSO - PRIORIZADOS*/
.tabla-priorizados th {
    position: sticky;
    top: 134px;
    background-color: white;
    z-index: 100;
}

@media (max-width:1024px) {
    .tabla-priorizados th {
        top: 110px;
    }
}


/*
.primeracol, .segundacol {
    position: sticky;
    background-color: white;
}
.primeracol {
    left: 0;
}
.segundacol {
    left: 37px;
}*/
.table-striped tbody tr:nth-of-type(2n+1) .primeracol, .table-striped tbody tr:nth-of-type(2n+1) .segundacol {
    background-color: #f7f8fa !important;
}

/*CONFIGURACIÓN XHENDRA*/
.kt-checkbox-single label {
    font-weight: normal;
}

.configuracion-container .kt-checkbox > span::after {
    border-color: #67BA5E;
}

.configuracion-container .kt-checkbox > input:checked ~ span {
    border: 2px solid #67BA5E;
}

/*CONFIGURACIÓN END*/

/*CONFIGURACIÓN DE USUARIO*/
@media (max-width: 480px) {
    .configuracion-de-usuario .tabla-clasica {
        white-space: normal;
    }

    .configuracion-de-usuario #Conf_Cuenta .tabla-clasica td, .configuracion-de-usuario #Conf_Cuenta .tabla-clasica th {
        padding: 5px !important;
    }

    .configuracion-de-usuario #Conf_Cuenta .tabla-clasica tr td:first-child, .configuracion-de-usuario #Conf_Cuenta .tabla-clasica tr th:first-child {
        padding-left: 10px !important;
    }

    .configuracion-de-usuario #Conf_Cuenta .tabla-clasica tr td:last-child, .configuracion-de-usuario #Conf_Cuenta .tabla-clasica tr th:last-child {
        padding-right: 10px !important;
    }
}

/*CONFIGURACIÓN DE ETAPAS*/
@media (max-width: 450px) {
    .configuracion-etapas .tabla-clasica {
        white-space: normal;
    }

        .configuracion-etapas .tabla-clasica td, .configuracion-etapas .tabla-clasica th {
            padding: 5px !important;
        }

        .configuracion-etapas .tabla-clasica tr td:first-child, .configuracion-etapas .tabla-clasica tr th:first-child {
            padding-left: 10px !important;
        }

        .configuracion-etapas .tabla-clasica input {
            width: 30px !important;
        }

        .configuracion-etapas .tabla-clasica .btn {
            padding: 0 0.5rem;
            font-size: .875rem;
            border-radius: .2rem;
        }
}

/*estados de alumno*/
.kt-badge--E1, .kt-badge--E2, .kt-badge--E3, .estado-amarillo {
    background: #ECAD00;
    color: white;
}

.kt-badge--I1, .kt-badge--I2, .kt-badge--I3, .estado-naranja {
    background: #F47C3E;
    color: white;
}

.kt-badge--L1, .kt-badge--L2, .kt-badge--L3, .estado-fucsia {
    background: #EF4973;
    color: white;
}

.kt-badge--R1, .kt-badge--R2, .kt-badge--R3 {
    background: #ECAD00;
    color: white;
}

.kt-badge--R, .estado-verde {
    background: #67BA5E;
    color: white;
}

.kt-badge--L, .estado-rojo {
    background: #D63B2F;
    color: white;
}

.kt-badge--P, .kt-badge--F, .kt-badge--A, .kt-badge--N, .kt-badge--C,
.kt-badge--LI, .kt-badge--RE, .kt-badge--M, .kt-badge--LD, .estado-gris {
    background: #454545;
    color: white;
}
/*
    P = pase
    F = fallecido
    A = abandono
    N = No se presento
    C = cambio de curso
    LI = libre
    RE = reincorporado
    M = matriculado
*/

/*cargo docente por codigo*/
.kt-badge.kt-badge--cargo-1 {
    color: #ffffff;
    background: #fd397a;
}

.kt-badge.kt-badge--cargo-50, .kt-badge.kt-badge--cargo-60 {
    color: #ffffff;
    background: #67BA5E;
}

.kt-badge.kt-badge--cargo-30, .kt-badge.kt-badge--cargo-27, .kt-badge.kt-badge--cargo-4, .kt-badge.kt-badge--cargo-5 {
    color: #ffffff;
    background: #EEEE55;
}

.kt-badge.kt-badge--cargo-6, .kt-badge.kt-badge--cargo-75, .kt-badge.kt-badge--cargo-2, .kt-badge.kt-badge--cargo-8,
.kt-badge.kt-badge--cargo-3, .kt-badge.kt-badge--cargo-36 {
    background: #454545;
    color: white;
}



/*toogle verde-rojo*/
.btn-toggle-greenred:hover {
    color: white !important;
    background-color: #67BA5E !important;
    border-color: #67BA5E;
}

.btn-toggle-greenred:not(:disabled):not(.disabled).active {
    color: white !important;
    font-weight: 600;
    background-color: #67BA5E;
    border-color: #67BA5E;
}

.btn-toggle-greenred:not(:disabled):not(.disabled):not(.active) {
    color: white !important;
    font-weight: 600;
    background-color: #BA675E;
    border-color: #BA675E;
}

.btn-toggle-greenred i:not(.off), .btn-toggle-greenred span:not(.off) {
    display: none;
}

.btn-toggle-greenred:not(:disabled):not(.disabled).active i:not(.off), .btn-toggle-greenred:not(:disabled):not(.disabled).active span:not(.off) {
    display: inline-block;
}

.btn-toggle-greenred:not(:disabled):not(.disabled).active i:not(.off) {
    font-weight: 600;
    margin-top: -4px;
}

.btn-toggle-greenred span.off, .btn-toggle-green i.off {
    display: inline-block;
}

.btn-toggle-greenred i.off {
    font-weight: 600;
    margin-top: -4px;
}

.btn-toggle-greenred:not(:disabled):not(.disabled).active i.off, .btn-toggle-greenred:not(:disabled):not(.disabled).active span.off {
    display: none;
}

.select2-results__option:empty {
    height: 29px
}

input:invalid, select:invalid, select:invalid + .select2, textarea:invalid, input.form-control:invalid, select.form-control:invalid, textarea.form-control:invalid {
    border: 1px solid rgb(118, 118, 118) !important;
    box-shadow: 0 0 3px #CC0000 !important;
    outline: none !important;
}


.bootstrap-maxlength {
    z-index: 100000 !important;
}

.selector-campos,
.span-filtros,
.input-filtros,
.selector-opciones,
.span-inputs {
    display: flex;
    flex: 3;
}

.selector-operadores,
.selector__menu,
.selector__control {
    display: flex;
    flex: 1;
}

.selector__menu-list,
.filtros-input {
    flex: 1;
}

.selector__option {
    width: 100%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*Burger icon*/
.burger-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    background-color: transparent;
    outline: 0 !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    background-color: transparent;
    outline: 0 !important;
    width: 24px;
    height: 24px;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .burger-icon span {
        display: block;
        position: absolute;
        border-radius: 3px;
        -webkit-transition: all .3s;
        transition: all .3s;
        top: 10px;
        height: 3px;
        min-height: 3px;
        width: 100%
    }

        .burger-icon span::after,
        .burger-icon span::before {
            position: absolute;
            display: block;
            left: 0;
            width: 100%;
            height: 3px;
            min-height: 3px;
            content: "";
            -webkit-transition: all .3s;
            transition: all .3s;
            border-radius: 3px
        }

        .burger-icon span::before {
            top: -8px
        }

        .burger-icon span::after {
            bottom: -8px
        }

.burger-icon-left span:before {
    -webkit-transition: all .3s;
    transition: all .3s;
    left: auto;
    right: 0;
    width: 50%
}

.burger-icon-left span:after {
    -webkit-transition: all .3s;
    transition: all .3s;
    left: auto;
    right: 0;
    width: 75%
}

.burger-icon-left-active span:before {
    -webkit-transition: all .3s;
    transition: all .3s;
    left: 0;
    right: auto;
    width: 50%
}

.burger-icon-left-active span:after {
    -webkit-transition: all .3s;
    transition: all .3s;
    left: 0;
    right: auto;
    width: 75%
}

.burger-icon-right span:before {
    left: 0;
    right: auto;
    width: 50%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.burger-icon-right span:after {
    left: 0;
    right: auto;
    width: 75%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.burger-icon-right-active span:before {
    left: auto;
    right: 0;
    width: 50%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.burger-icon-right-active span:after {
    left: auto;
    right: 0;
    width: 75%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.burger-icon span {
    background-color: #b5b5c3
}

    .burger-icon span::after,
    .burger-icon span::before {
        background-color: #b5b5c3
    }

.burger-icon:hover span {
    background-color: #3699ff
}

    .burger-icon:hover span::after,
    .burger-icon:hover span::before {
        background-color: #3699ff
    }

.burger-icon-active span {
    background-color: #3699ff
}

    .burger-icon-active span::after,
    .burger-icon-active span::before {
        background-color: #3699ff
    }

.okp-print {
    display: none;
}

@media print {
    div {
        overflow: visible !important;
        max-height: none !important;
    }

    body, html {
        width: 100%;
    }

    .okp-print {
        display: block;
    }

    .okp-print-visible {
        display: block;
    }

    .okp-no-print {
        display: none !important;
    }

    #kt_header {
        left: 0;
        position: relative !important;
    }

    #kt_aside {
        display: none;
        width: 0;
    }

    #kt_wrapper {
        padding: 0;
    }

    #kt_content {
        padding-top: 0;
    }

    .kt-profile__content {
        padding-top: 0;
    }

    .okp-header-logo {
        width: auto !important;
    }
}

.okp-footer-logo {
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 5%;
}

.okp-cargando {
    z-index: 3000;
}

.btn-red {
    --red: #c00;
    border: 1px solid var(--red);
    color: var(--red);
}

    .btn-red.active, .btn-red:hover, .btn-red:focus {
        background-color: var(--red);
        color: #fff;
    }

        .btn-red.active:hover, .btn-red.active:focus {
            --red: #a00;
        }

.mje-original {
    margin: 0.5em;
    padding: 0.5em;
    background: #eee;
    border-left: 3px solid #ddd;
    align-self: stretch;
}

.mje-emisor .mje-original {
    background: #1c699d;
    border-left-color: #14517a;
}

.mje-original-autor {
    font-weight: bold;
}

.mje-original-texto {
    max-height: 3em;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

#modalNovedades img {
    max-width: 100%;
}

.bg-barra {
    background-color: var(--color-barra);
}

.pill-padding {
    padding: 1rem 2rem !important;
}

.vbox {
    display: flex;
    flex-direction: column !important;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.fauto {
    flex: auto;
}

.scroll-content {
    overflow: auto;
    height: 100%;
}

.ql-tooltip.ql-editing.ql-flip {
    z-index: 3000;
}


.ql-tooltip.ql-flip {
    z-index: 99;
}

.okp-inhabilitado {
    background: lightgrey;
    cursor: not-allowed;
    pointer-events: none;
}

.kt-badge.kt-badge--Premium {
    background: goldenrod;
    color: white;
}

.okp-ranking-sin-datos,
.okp-sanciones-sin-datos,
.okp-asistencias-materia-sin-datos,
.okp-porcentaje-aprobacion-sin-datos,
.okp-contenidos-priorizados-sin-datos,
.okp-contenidos-clases-sin-datos,
.okp-ranking-sin-ranking,
.okp-asistencias-materias-sin-etapas,
.okp-asistencias-diarias-sin-etapas,
.okp-ranking-nota-sin-datos,
.okp-ranking-alumno-sin-datos {
    display: none;
}

#estadistica_nota_promedio_ranking_nivel_tope {
    display: none;
}

/*CAMPANITA CABECERA*/
.okp-campanita .kt-badge.kt-badge--dot {
    height: 17px;
    width: 17px;
    line-height: 17px;
    font-size: 10px;
}
.okp-campanita .dropdown-toggle::after {
    display: none;
}
.okp-campanita .dropdown-menu {
    width: 580px;
    max-width: 95%;
    right: 5px;
    border-radius: 8px;
    float: right;
    color: #505050;
    font-size: 15px;
    padding: 0;
    max-height: 70vh;
    overflow-y: auto;
    box-shadow: 0 0 5px 2px #ccc;
}
.okp-campanita .noti-head {
    padding: 5px 10px;
    font-weight: 600;
    color: #666;
    background: #fff;
    border-radius: 8px 8px 0 0;
    position: sticky;
    top: 0;
}
.okp-campanita .noti-footer {
    padding: 5px 15px;
    background: #c0c0c0;
    border-radius: 0 0 8px 8px;
    font-size: 14px;
    font-weight: 600;
}
.okp-campanita .noti-footer a {
    color: #666;
}
.okp-campanita .noti-item {
    padding: 10px 12px;
    border-bottom: 1px solid #c0c0c0;
}
.okp-campanita .noti-top {
    display: flex;
    align-items: center;
    color: #999;
    font-size: 14px;
    margin-bottom: 4px;
    gap: 5px;
}
.okp-campanita .noti-top img {
    height: 25px;
    width: 25px;
}
.okp-campanita .noti-text {
    padding-left: 30px;
    line-height: 20px;
}
.okp-campanita .noti-date {
    font-size: 12px;
    color: #999;
    margin-top: 6px;
}

/*ARCHIVOS DOCUMENTOS ALUMNO*/
.archivos-documentos .archivos {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
    margin-bottom: 15px;
    overflow-x: auto;
    grid-auto-columns: 220px;
    grid-auto-flow: column;
}
.archivos-documentos .archivo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 220px;
    flex: 1 1 220px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 8px;
    position: relative;
    vertical-align: top;
}
.archivos-documentos .archivo-down .btn i {
    height: 24px;
    padding-right: 1rem;
}
.archivos-documentos .archivo .btn-secondary {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    -webkit-transition: box-shadow .2s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .2s cubic-bezier(.4,0,.2,1);
    padding: 0;
}
.archivos-documentos .archivo .archivo-up {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    width: 100%;
    height: 120px;
    max-height: 120px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 12px 0;
}
.archivos-documentos .archivo .archivo-up a, .archivos-documentos .archivo .archivo-up img {
    width: auto;
    height: 100px;
}
.archivos-documentos .archivo .archivo-down {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48px;
    flex: 0 0 48px;
    width: 100%;
    justify-content: start;
    padding: 12px 16px;
    line-height: 24px;
}
.archivos-documentos .archivo .archivo-buttons {
    padding: 0 16px 12px;
}
.archivos-documentos .archivo .archivo-down span {
    -webkit-align-self: center;
    align-self: center;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 56px);
    text-align: left;
}

.okp-notificaciones-comunicacion-contenido {
    overflow: scroll;
}

.okp-break-space {
    white-space: normal;
}

.cursor-default {
    cursor: default;
}

.btn-icon > .red {
    color: #EF4973;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
    gap: 2.5rem;
}

.gap-5 {
    gap: 5rem;
}

.okp-link-disabled, .okp-link-disabled i {
    cursor: default !important;
    color: lightgray !important;
}