img.link {
    cursor: pointer;
}


a:before {
    font-family: "FontAwesome";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 6px;
    font-size: medium;
}

a.ico_filtro:hover:before {
    /*color: #e1113e !important;
    text-shadow: 0px 0px 10px rgb(255 22 51 / 50%) !important;*/
}

span.FormValorObligatorio:before,label.FormValorObligatorio:before {
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 10px;
    margin-right: 4px;
    content: "\f069";
    color: var(--color-atencion);
}

input.input-validation-error,
textarea.input-validation-error {
    border-color: #dc3545;
    background-color: #fee;
}

span.field-validation-error{
    font-size: smaller;
}

span.select2.select2-container.input-validation-error span.selection > span.select2-selection {
    border-color: #dc3545;
    background-color: #fee;
}

.field-validation-valid{
    font-size: smaller;
}

div.card.bg-danger .card-footer > .validation-summary-errors > ul {
    color: #FFF;
}

.validation-summary-errors > ul {
    font-size: small;
    padding-inline-start: 20px;
}

div.card.bg-danger .card-footer {
    padding: 0.35rem 0.25rem;
}

div.card.bg-danger > .card-body {
    padding: 0.25rem;
}

td.td-ico {
    padding: 0.4rem 0.75rem;
}

td.td-ico-dato {
    font-size: 20px;
}

a.ico-ilumninado-verde:before {
    color: #038a15 !important;
    filter: drop-shadow(0px 0px 2px #07e023);
}

a.ico-ilumninado-azul:before {
    color: #1070b5 !important;
    filter: drop-shadow(0px 0px 2px #159dff);
}

a.ico-ilumninado-amarillo:before {
    color: #9c8608 !important;
    filter: drop-shadow(0px 0px 2px #fad922);
}

a.ico-ilumninado-naranja:before {
    color: #d05029 !important;
    filter: drop-shadow(0px 0px 2px #fe842e);
}

a.ico-filtro:before {
    content: "\f0b0";
    color: var(--color-primario);
}

a.ico-bloqueado:before,
i.ico-bloqueado:before {
    font-family: "FontAwesome";
    font-style: normal;
    content: "\f023";
    color: var(--color-gris-4);
    font-size: 20px
}

a.ico-deshabilitado:before,
i.ico-deshabilitado:before {
    color: var(--color-gris-4) !important;
}

a.ico-editar:before {
    content: "\f303";
    color: var(--color-texto-primario);
    font-size: 24px;
}
a.ico-graduacion:before {
    content: "\f501";
    color: var(--color-texto-primario);
    font-size: 24px;
}
a.ico-graduacion-cap:before {
    content: "\f19d";
    color: var(--color-texto-primario);
    font-size: 24px;
}
a.ico-semaforo:before {
    content: "\f637";
    color: var(--color-texto-primario);
    font-size: 24px;
}
a.ico-cargar:before {
    content: "\f093";
    color: var(--color-texto-primario);
    font-size: 24px;
}
a.ico-noDocumento:before {
    content: "\f127";
    color: var(--color-gris-3);
    font-size: 24px;
}

a.ico-archivoZIP:before {
    content: "\f1c6";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-documento:before {
    content: "\f570";
    color: var(--color-texto-primario);
    font-size: 24px;
}


a.ico-documento-pdf:before {
    content: "\f1c1";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-mazo:before {
    content: "\f0e3";
    /*color: red;*/
    font-size: 24px;
}

a.ico-compartir:before {
    content: "\f1e0";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-calendario-plus:before {
    content: "\f271";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-link-externo:before {
    content: "\f35d";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-usuarioHome:before {
    content: "\f015";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-clip:before {
    content: "\f0c6";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-clipSmall:before {
    content: "\f0c6";
    color: var(--color-texto-primario);
    font-size: 12px;
}

a.ico-conversacion:before {
    content: "\f086";
    color: var(--color-texto-primario);
    font-size: 24px;
}


a.ico-ver:before {
    content: "\f06e";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-unlink:before,
i.ico-unlink:before {
    font-family: "FontAwesome";
    font-style: normal;
    content: "\f127";
    color: var(--color-gris-4);
    font-size: 20px
}

a.ico-nover:before {
    content: "\f070";
    color: var(--color-texto-primario);
    font-size: 24px;
}


a.ico-cargar:before {
    content: "\f0ee";
    color: var(--color-texto-primario);
    font-size: 24px;
}
a.ico-convocatoria:before {
    content: "\f15c";
    color: var(--color-texto-primario);
    font-size: 24px;
}
a.ico-estadistica:before {
    content: "\f681";
    color: var(--color-texto-primario);
    font-size: 24px;
}
a.ico-estrella:before {
    content: "\f005";
    color: var(--color-primario);
    font-size: 24px;
}

a.ico-beca:before {
    content: "\f3c6";
    color: var(--color-primario);
    font-size: 24px;
}

a.ico-expediente:before {
    content: "\f0b1";
    color: var(--color-primario);
    font-size: 24px;
}
a.ico-file-down:before {
    content: "\f56d";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-descargar:before {
    content: "\f019";
    color: var(--color-primario);
    font-size: 24px;
}
a.ico-enviar:before {
    content: "\f1d8";
    color: var(--color-primario);
    font-size: 24px;
}
a.ico-recibido:before {
    content: "\f658";
    color: var(--color-primario);
    font-size: 24px;
}
a.ico-noleido:before {
    content: "\f0e0";
    color: var(--color-primario);
    font-size: 24px;
}
a.ico-leido:before {
    content: "\f2b6";
    color: var(--color-primario);
    font-size: 24px;
}
a.ico-infinito:before {
    content: "\f534";
    color: var(--color-primario);
    font-size: 15px;
    vertical-align:middle;
}

a.ico-agregar:before {
    content: "\2b";
    color: var(--color-primario);
    font-size: 24px;
}

a.ico-agregar-tutor:before,
a.ico-flex > i.ico-agregar-tutor:before {
    font-family: "FontAwesome";
    font-style: normal;
    content: "\f508";
    color: var(--color-primario);
    font-size: 24px;
}

a.ico-aceptar-rechazar:before {
    content: "\f46c";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-config-usuarios:before {
    content: "\f509";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-documentos:before {
    content: "\f07c";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-flex {
    display: flex;
}

a.ico-flex i.ico-agregar-flex:before {
    font-family: "FontAwesome";
    font-style: normal;
    font-size: 14px;
    content: "\f067";
    color: var(--color-secundario);
    position: relative;
    left: -5px;
    bottom: -6px;
}

a.ico-flex > i.ico-agregar-tutor:before {
    font-size: 26px !important;
}

a.ico-agregar-usuario:before {
    content: "\f234";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-publicar:before {
    content: "\f14d";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-eliminar:before {
    content: "\f2ed"; /*content: "\f1f8";*/
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-atras:before {
    content: "\f060"; /*content: "\f1f8";*/
    color: var(--color-texto-primario);
    font-size: 20px;
}

span.ico-subir:before,
a.ico-subir:before {
    font-family: "FontAwesome";
    content: "\f077";
    color: var(--color-primario);
    font-size: 24px;
}

span.ico-bajar:before,
a.ico-bajar:before {
    font-family: "FontAwesome";
    content: "\f078";
    color: var(--color-primario);
    font-size: 24px;
}

span.ico-bajar.disabled:before,
span.ico-subir.disabled:before {
    color: var(--color-gris-4) !important;
}

i.ico-aprobatoria-ON:before,
a.ico-aprobatoria-ON:before {
    font-family: "FontAwesome";
    font-style: normal;
    content: "\f00c";
    color: var(--green);
    font-size: 24px;
}

i.ico-aprobatoria-OFF:before,
a.ico-aprobatoria-OFF:before {
    font-family: "FontAwesome";
    font-style: normal;
    content: "\f00d";
    color: var(--red);
    font-size: 24px;
}

a.ico-gestion-usuarios:before {
    content: "\f509";
    color: var(--color-primario);
    font-size: 24px;
}


a.ico-svg-beca:before {
    /* Using the background-image and
               its related properties to add
               the SVG content */
    background-image: url('../Images/portal/tablero/Beca.svg');
    width: 30px;
    height: 30px;
}

a.ico-usuarios:before {
    content: "\f0c0";
    color: var(--color-primario);
    font-size: 24px;
}

a.ico-lista-alumnos:before {
    display: inline-flex;
    content: '';
    /* Using the background-image and
               its related properties to add
               the SVG content */
    background-image: url('../Images/portal/icons/listaAlumnosColor.png');
    background-size: cover;
    width: 30px;
    height: 30px;
}

a.ico-avisos:before {
    display: inline-flex;
    content: '';
    /* Using the background-image and
               its related properties to add
               the SVG content */
    background-image: url('../Images/portal/icons/avisoColor.svg');
    background-size: cover;
    width: 26px;
    height: 30px;
}

a.ico-tareas:before {
    display: inline-flex;
    content: '';
    /* Using the background-image and
               its related properties to add
               the SVG content */
    background-image: url('../Images/portal/icons/tareasColor.png');
    background-size: cover;
    width: 30px;
    height: 30px;
}

a.ico-borrar:before {
    content: "\f1f8";
    color: var(--color-primario);
    font-size: 24px;
}

a.ico-estatusON:before {
    content: "\f205";
    color: var(--color-secundario);
    font-size: 24px;
}

a.ico-estatusOFF:before {
    content: "\f204";
    color: var(--color-texto-primario);
    font-size: 24px;
}

a.ico-catalogos:before {
    content: "\f013";
    color: var(--color-primario);
}

div.div-filtro {
    background-color: var(--color-gris-1);
    margin: 10px 0px;
    text-align: center;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*div.row-form {
    margin-bottom: 20px;
}*/

    div.row-form .col-1, .col-2, div.row-form .col-3, div.row-form .col-4, div.row-form .col-5, div.row-form .col-6, div.row-form .col-7, div.row-form .col-8, div.row-form .col-9, div.row-form .col-10, div.row-form .col-11, div.row-form .col-12, div.row-form .col, div.row-form .col-auto, div.row-form .col-sm-1, div.row-form .col-sm-2, div.row-form .col-sm-3, div.row-form .col-sm-4, div.row-form .col-sm-5, div.row-form .col-sm-6, div.row-form .col-sm-7, div.row-form .col-sm-8, div.row-form .col-sm-9, div.row-form .col-sm-10, div.row-form .col-sm-11, div.row-form .col-sm-12, div.row-form .col-sm, div.row-form .col-sm-auto, div.row-form .col-md-1, div.row-form .col-md-2, div.row-form .col-md-3, div.row-form .col-md-4, div.row-form .col-md-5, div.row-form .col-md-6, div.row-form .col-md-7, div.row-form .col-md-8, div.row-form .col-md-9, div.row-form .col-md-10, div.row-form .col-md-11, div.row-form .col-md-12, div.row-form .col-md, div.row-form .col-md-auto, div.row-form .col-lg-1, div.row-form .col-lg-2, div.row-form .col-lg-3, div.row-form .col-lg-4, div.row-form .col-lg-5, div.row-form .col-lg-6, div.row-form .col-lg-7, div.row-form .col-lg-8, div.row-form .col-lg-9, div.row-form .col-lg-10, div.row-form .col-lg-11, div.row-form .col-lg-12, div.row-form .col-lg, div.row-form .col-lg-auto, div.row-form .col-xl-1, div.row-form .col-xl-2, div.row-form .col-xl-3, div.row-form .col-xl-4, div.row-form .col-xl-5, div.row-form .col-xl-6, div.row-form .col-xl-7, div.row-form .col-xl-8, div.row-form .col-xl-9, div.row-form .col-xl-10, div.row-form .col-xl-11, div.row-form .col-xl-12, div.row-form .col-xl, div.row-form .col-xl-auto {
        margin-bottom: 15px;
    }

div.col-form {
    margin-top: 15px;
}

div.col-form-anidado {
    margin-bottom: 20px;
}

/* CSS CONTROLES FORMULARIO */
textarea.form-control {
    height: auto;
}

.titulo-pagina {
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.btn-ok-sac {
    color: var(--color-blanco);
    background: var(--color-secundario);
    font-family: 'Verdana-Bold';
    font-size: 14px;
}

.btn-back-sac {
    color: var(--color-blanco);
    background: rgb(77 60 153 / 0.75);/*var(--color-acento-2);*/
    font-family: 'Verdana-Bold';
    font-size: 14px;
}

.btn-ok-secondary-sac {
    color: var(--color-blanco);
    background: var(--color-acento-1);
    font-family: 'Verdana-Bold';
    font-size: 14px;
}

.btn-cancel-sac {
    color: var(--color-gris-3);
    background: var(--color-gris-1);
    font-family: 'Verdana-Bold';
    font-size: 14px;
}

.btn-ok-sac:hover,
.btn-back-sac:hover,
.btn-ok-secondary-sac:hover {
    color: var(--color-blanco);
}

.btn-cancel-sac:hover {
    color: var(--color-gris-3);
}

.form-control:hover {
    color: #495057;
    background-color: #fff;
    border-color: #43425D;
    outline: 0;
}


.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 25px;
}

button, input {
    overflow: visible;
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.form-control-btn {
    display: block;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:hover + .form-control-btn {
    color: #495057;
    background-color: #fff;
    border-color: #43425D;
    outline: 0;
}

.form-control:focus + .form-control-btn {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

label.control-label {
    display: flex;
    align-items: flex-start;
    margin-left: 13px;
}

.nav-tabs .nav-link {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 1rem;
}

li.nav-item > a.nav-link {
    position: relative;
    bottom: -1px;
}

    li.nav-item > a.nav-link:not(.active) {
        border-color: #e8edf2 #e8edf2 #fff;
    }

li.nav-item > a.nav-link.active {
    background-color: rgb(56 186 191 / 0.10);
}

div.tab-content {
    padding: 15px;
    border: 1px solid #dee2e6;
    border-top: 0px;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.modal-header {
    background-color: var(--color-gris-0) !important;
    border-bottom: 0px;
}
.modal-body {
    background-color: var(--color-gris-0) !important;
}
.modal-footer {
    padding: 0px 20px 0px 20px;
    background-color: var(--color-gris-1);
    border-top: 1px solid rgb(77 60 153 / 0.05);
}

.modal-title {
    font-family: var(--font-family-verdana) !important;
    font-style: var(--font-style-normal) !important;
    font-weight: var(--font-weight-bold) !important;
    font-size:14px; 
    color: var(--color-texto-primario) !important;
}

div.seccion-expediente {
    padding-top: 8px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border: 5px solid rgb(53 174 178 / 0.20);
    border-radius: 25px;
}

.img-fotografia-sac {
    max-width: 110px;
    max-height: 110px;
    border-radius: 15px;
    border: 3px solid rgb(53 174 178 / 0.20);
    padding: 2px;
}