/* DEFAULTS
----------------------------------------------------------*/
:root {
    --colorColegio: #1c3c87; /*[GENERAL]Color principal de la aplicación*/
    --colorTextoMenuCabecera: #ffffff; /*[BARRA DE MENÚS]Color del texto de la barra de menús*/
    --colorTextoMenuCabeceraHover: #EF404B; /*[BARRA DE MENÚS]Color del texto de la barra de menús (ratón encima)*/
    --colorTextoMenu: #ffffff; /*[MENÚS]Color del texto de los menús*/
    --colorTextoMenuHover: #EF404B; /*[MENÚS]Color del texto de los menús (ratón encima)*/
    --colorFondoMenuPrincipal: #1c3c87; /*[MENÚS]Color del fondo del menú*/
    --colorFondoMenuPrincipalHover: #463d7b; /*[MENÚS]Color del fondo del menú (ratón encima)*/
    --colorTextoSubMenu: #ffffff; /*[MENÚS-SUBMENUS]Color del texto de los menús*/
    --colorTextoSubMenuHover: #EF404B; /*[MENÚS-SUBMENUS]Color del texto de los menús (ratón encima)*/
    --colorFondoMenuSubMenu: #97a5c1; /*[MENÚS-SUBMENUS]Color del fondo de los sub-menús*/
    --colorFondoMenuSubMenuHover: #463d7b; /*[MENÚS-SUBMENUS]Color del fondo de los sub-menús (ratón encima)*/
    --colorTextoCabeceraGrid: #ffffff; /*[GRIDS]Color del texto de la cabecera de los Grids*/
    --colorFondoCabeceraGrid: #006699; /*[GRIDS]Color del fondo de la cabecera de los Grids*/
    --colorTextoPaginacionGrid: #ffffff; /*[GRIDS]Color del texto de la paginación de los Grids*/
    --colorFondoPaginacionGrid: #006699; /*[GRIDS]Color del fondo de la paginación de los Grids*/
    --colorTextoBoton: #ffffff; /*[BOTONES]Color del texto de los botones*/
    --colorFondoBoton: #1c3c87; /*[BOTONES]Color del fondo de los botones*/
    --colorTextoBotonNuevo: #ffffff; /*[BOTONES]Color del texto del botón 'Nuevo'*/
    --colorFondoBotonNuevo: #3da93d; /*[BOTONES]Color del fondo del botón 'Nuevo'*/
    --colorTextoLink: #1c3c87; /*[ENLACES]Color de texto de los enlaces*/
    --colorTextoLinkHover: #EF404B; /*[ENLACES]Color de texto de los enlaces (ratón encima)*/
    --colorBordeTabs: #4682b4; /*[TABS]Color de borde los los Tabs*/
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(/Styles/Fonts/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(/Styles/Fonts/MaterialIcons-Outlined.woff2) format('woff2');
}

.ContenedorAjustable img {
    max-width: 100% !important;
    height: auto !important;
}

#dhtmltooltip {
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer {
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons18 {
    font-size: 20px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.material-icons.info {
    color: blue;
}
/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

    .material-icons.md-dark.md-inactive {
        color: rgba(0, 0, 0, 0.26);
    }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

    .material-icons.md-light.md-inactive {
        color: rgba(255, 255, 255, 0.3);
    }


* {
    font-family: "Poppins", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

body {
    font-size: 14px;
    /*font-family: "Poppins", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;*/
    /*line-height: 18px;*/
    line-height: normal;
    margin: 0px;
    padding: 0px;
    /*color: #5c5c5c;*/
    color: #0F1111;
    /*** FOOTER ABAJO **/
    position: relative;
    /*background-color: #F1F2F1;*/
    background-color: #FFFFFF;
}

.bodyInicio {
    /* Ubicación de la imagen */
    /*background-image: url(/images/LoginFondoMovil.jpg?20220310);*/
    /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
    background-position: center center;
    /* La imagen de fondo no se repite */
    background-repeat: no-repeat;
    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
    la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;
    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana     del navegador */
    background-size: cover;
    /* Fijamos un color de fondo para que se muestre mientras se está
    cargando la imagen de fondo o si hay problemas para cargarla  */
    background-color: #ffffff;
}

.fondoMain {
    /* Ubicación de la imagen */
    background-image: url(/images/LoginFondoMovil.jpg?20220429);
    /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
    background-position: center center;
    /* La imagen de fondo no se repite */
    background-repeat: no-repeat;
    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
    la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;
    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana     del navegador */
    background-size: cover;
}

/* PLACEHOLDER */
::-webkit-input-placeholder {
    color: #b0b0b0;
    text-align: left;
    font-style: italic;
}

:-moz-placeholder {
    /* older Firefox*/
    color: #b0b0b0;
    text-align: left;
    font-style: italic;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #b0b0b0;
    text-align: left;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #b0b0b0;
    text-align: left;
    font-style: italic;
}
/* FIN PLACEHOLDER */

a:link, a:visited {
    color: var(--colorTextoLink);
    text-decoration: none;
}

a:hover {
    color: var(--colorTextoLinkHover);
    /*color: #111;
    font-weight:bold;*/
    /*text-decoration: underline;*/
}

a:active {
    color: var(--colorColegio);
    text-decoration: none;
}

a {
    color: var(--colorColegio);
    text-decoration: none;
    /*font-weight: bold;*/
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}




.EnlacesCabecera a:link, .EnlacesCabecera a:visited {
    color: #EF404B;
    text-decoration: none;
}

.EnlacesCabecera a:hover {
    color: #EF404B !important;
    /*text-decoration: underline;*/
}

.EnlacesCabecera a:active {
    color: white !important;
    text-decoration: none;
}

.EnlacesCabecera a {
    color: white !important;
    text-decoration: none;
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}

.parpadea {
    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

p {
    margin-bottom: 10px;
    /*line-height: 1.6rem;*/
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.ojoPass {
    cursor: pointer;
    position: absolute;
    right: -22px;
    bottom: 10px;
}

.ojoPassEnLinea {
    cursor: pointer;
    vertical-align: middle;
}
.enLinea {
    display: inline-block;
    vertical-align: top;
}


.dropZone {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.iconoDropZone {
    fill: #92b0b3;
    vertical-align: middle;
    height: 50%;
}

.VUdivContenedorContenido {
    width: 100%;
    padding: 10px 30px 10px 30px;
    opacity: 0.93;
    min-height: 500px;
}

.VUdivContenedorContenidoFondo {
    width: 100%;
    height: 100%;
    background-color: #ecf1f2 !important;
}


.contenedorControlFormulario {
    vertical-align: middle;
    /*white-space: nowrap;*/
    padding: 4px 8px 4px 8px;
    border-radius: 3px;
}

.contenedorControlFormularioPeq {
    vertical-align: middle;
    /*white-space: nowrap;*/
    padding: 2px 4px 2px 4px;
    border-radius: 3px;
}

.contenedorControlFormularioCabecera {
    border-bottom: 1px solid #D5D9D9;
    background-color: #F0F2F2;
    border-radius: 5px 5px 0 0;
    padding: 10px 10px;
    width: 100%;
}

.contenedorRedondeado {
    border-radius: 5px;
}

.MiTabEstiloContenedor {
    background-color: whitesmoke;
}

.MiTabEstilo {
    width: 100%;
    color: gray !important;
    background-color: rgb(225, 225, 225);
    /*font-family: 'Catamaran', sans-serif;*/
    font-size: 16px;
    display: inline-block;
    padding: 5px 25px;
    margin: 2px 2px 2px 2px;
}

    .MiTabEstilo:hover {
        text-decoration: underline;
        color: black;
    }


.iconoAvisos {
    color: red !important;
}

    .iconoAvisos span {
        font-size: 11px;
        font-weight: bold;
        vertical-align: top;
    }

.iconoAvisosRegistros {
    color: orange !important;
}

    .iconoAvisosRegistros span {
        font-size: 11px;
        font-weight: bold;
        vertical-align: top;
    }


.prioridadNORMAL {
    display: none;
}

.prioridadNORMALGrid {
    color: #2780DF;
}

.prioridadMEDIA {
    color: forestgreen;
}

.prioridadMEDIAGrid {
    color: forestgreen;
}

.prioridadALTA {
    color: #E8DE12;
}

.prioridadALTAGrid {
    color: #E8DE12;
}

.prioridadURGENTE {
    color: red;
}

.prioridadURGENTEGrid {
    color: red;
}

.prioridadTamanioFuente {
    font-size: 16px !important;
}

.controlPeritoJudicial {
    max-height: 700px !important;
    overflow: auto !important;
}

.postitControlPresupuestarioContenido {
    font-size: 10px;
    color: black;
    font-weight: 500;
    max-height: 700px;
    overflow: auto;
    padding: 5px;
    width: 100%;
}

.postitControlPresupuestario {
    font-size: 12px;
    color: black;
    position: absolute;
    left: 200px;
    top: 200px;
    max-height: 750px;
    overflow: auto;
    padding: 5px;
    background-color: #ffffff;
    /*border: 1px solid black;*/
    box-shadow: 5px 5px 15px grey;
    border-radius: 5px;
    z-index: 10000;
    max-width: 900px;
}

    .postitControlPresupuestario h3 {
        font-size: 18px;
    }

    .postitControlPresupuestario hr {
        border-width: 1px;
        border-style: solid;
    }


.postit {
    font-size: 12px;
    color: gray;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 300px;
    /*height:270px;*/
    padding: 5px;
    background-color: white;
    /*border: 1px solid black;*/
    box-shadow: 2px 2px 12px grey;
    border-radius: 8px;
    z-index: 10000;
}

    .postit h3 {
        font-size: 18px;
    }

    .postit hr {
        border-width: 1px;
        border-style: solid;
    }

.postitRegistros {
    font-size: 12px;
    color: gray;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 450px;
    /*height:270px;*/
    padding: 5px;
    background-color: lavenderblush;
    /*border: 1px solid black;*/
    box-shadow: 2px 2px 12px grey;
    border-radius: 8px;
    z-index: 10000;
}

    .postitRegistros h3 {
        font-size: 18px;
    }

    .postitRegistros hr {
        border-width: 1px;
        border-style: solid;
    }

.postitConfigAvisos {
    font-size: 12px;
    color: black;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 500px;
    /*height:270px;*/
    padding: 5px;
    background-color: white;
    /*border: 1px solid black;*/
    box-shadow: 5px 5px 15px grey;
    border-radius: 15px;
    z-index: 10000;
}

    .postitConfigAvisos h3 {
        font-size: 18px;
    }

    .postitConfigAvisos hr {
        border-width: 1px;
        border-style: groove;
    }


.postitSecretariaAccesoRapido {
    font-size: 12px;
    color: black;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 450px;
    /*height:270px;*/
    padding: 5px;
    background-color: white;
    /*border: 1px solid black;*/
    box-shadow: 5px 5px 15px grey;
    border-radius: 15px;
    z-index: 10000;
}

    .postitSecretariaAccesoRapido h3 {
        font-size: 18px;
    }

    .postitSecretariaAccesoRapido hr {
        border-width: 1px;
        border-style: groove;
    }


.bordeControlTercero {
    border: 2px solid black;
    padding: 2em;
}

.postitTablaContenido {
    border-spacing: 0px;
    border-collapse: separate;
    border: 0px;
    width: 100%;
    font-size: 8pt;
    color: black;
}

.postitCabecera {
    text-align: center;
    font-weight: bold;
    background-color: gold;
    font-size: 10pt;
}

.postitUsuario {
    BORDER-BOTTOM: gray 1px solid;
    text-align: left;
    display: none;
}

.postitCeldaTexto {
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    text-align: left;
    padding: 2px;
}

.postitCeldaDato {
    BORDER-RIGHT: gray 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    text-align: right;
    font-weight: bold;
    padding: 2px;
}

/*Animación de giro infinito para un elemento, si tiene esta clase puesta, el elemento girará continuamente*/
.girarElemento {
    animation-name: girarElemento;
    animation-duration: 2s; /*Tiempo que tarda en completarse una iteración*/
    animation-iteration-count: infinite; /*Cantidad de iteraciones (infinite para que nunca pare)*/
    animation-timing-function: linear; /*Tipo de función de movimiento, linear es para que tenga la misma velocidad durante toda la animación*/
}

@keyframes girarElemento {
    from {
        rotate: 0deg;
    }

    to {
        rotate: 360deg;
    }
}

.agitarElemento {
    animation-name: agitarElemento;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes agitarElemento {

    0% {
        rotate: 0deg;
    }

    10% {
        rotate: 37deg;
    }

    20% {
        rotate: 0deg;
    }

    30% {
        rotate: -37deg;
    }

    40% {
        rotate: 0deg;
    }
    /*75%, 100% {
        rotate: 0deg;
    }*/
}


.ancho10 {
    width: 9.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho12_5 {
    width: 12.3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho14 {
    width: 13.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho15 {
    width: 14.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho16 {
    width: 15.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho19 {
    width: 18.8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho20 {
    width: 19.8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho22 {
    width: 22%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho24 {
    width: 24%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.ancho25 {
    width: 24.75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho29 {
    width: 29%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho30 {
    width: 29.7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho33 {
    width: 32.7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho35 {
    width: 34.4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.ancho39 {
    width: 39%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho40 {
    width: 39.6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho44 {
    width: 43.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho45 {
    width: 44.55%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho48 {
    width: 47.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho50 {
    width: 49.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho54 {
    width: 54%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho55 {
    width: 54.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho58 {
    width: 58%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho60 {
    width: 59.4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho65 {
    width: 64.35%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho66 {
    width: 65.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho68 {
    width: 68%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho69 {
    width: 69%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho70 {
    width: 69.3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho75 {
    width: 74.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho80 {
    width: 79.2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho85 {
    width: 84.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho90 {
    width: 89.1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho100 {
    width: 99%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho100real {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.dosColumnas {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.margenSuperior20 {
    margin-top: 20px !important;
}

.margenInferior20 {
    margin-bottom: 20px !important;
}

.margenSuperior5 {
    margin-top: 5px !important;
}

.margenSuperior10 {
    margin-top: 10px !important;
}

.margenInferior10 {
    margin-bottom: 10px !important;
}

.margenInferior5 {
    margin-bottom: 5px !important;
}

.margenIzquierda15 {
    margin-left: 15px;
}

.margenIzquierda25 {
    margin-left: 25px;
}

.margenIzquierda50 {
    margin-left: 50px;
}

.margenDerecha15 {
    margin-right: 15px;
}

.margenDerecha25 {
    margin-right: 25px;
}

.margenDerecha50 {
    margin-right: 50px;
}

.responsiveTodoAncho {
}

.remesaCOBRO {
    background-color: green;
    color: white;
    font-size: 15px;
    width: 100%;
}

.remesaPAGO {
    background-color: crimson;
    color: white;
    font-size: 15px;
    width: 100%;
}

.infoGridSESFecha {
    text-align: left;
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
}

.page {
    /*max-width: 960px;*/
    background-color: #fff;
    margin: 0px auto 0px auto;
    /*border: 1px solid #496077;*/
    /*padding-top: 15px;*/
}

.formularioLabel {
    font-weight: 500 !important;
}

.negrita {
    font-weight: bold !important;
}

.FondoFuenteCabecera {
    color: white;
    background: var(--colorColegio);
}

.colorCorporativo {
    color: rgb(0, 32, 66) !important;
}


.lnkCabecera {
    color: #7a89a5 !important;
    text-decoration: none !important;
}

    .lnkCabecera:hover {
        color: #b23300 !important;
    }

.lnkCabeceraCambiarClave {
    color: #3dc33d !important;
    text-decoration: none !important;
}

    .lnkCabeceraCambiarClave:hover {
        color: darkgreen !important;
    }


.lnkAvisos {
    color: gold !important;
    text-decoration: none !important;
}

    .lnkAvisos:hover {
        color: yellow !important;
    }

.fondoGridAlerta {
    background-color: rgb(245 218 218) !important;
}

.FondoColorAmarillo {
    background-color: #FFFFCC !important;
}

.FondoOscuroFuenteClara {
    background: var(--colorColegio);
    color: white;
}

    .FondoOscuroFuenteClara a:link, .FondoOscuroFuenteClara a:visited {
        color: white;
        text-decoration: none;
    }

    .FondoOscuroFuenteClara a:hover {
        /*text-decoration: underline;*/
    }

    .FondoOscuroFuenteClara a:active {
        color: white;
        text-decoration: none;
    }

    .FondoOscuroFuenteClara a {
        color: white;
        text-decoration: none;
    }

.paginaHeader {
    /*position: relative;*/
    /*margin: 10px 0px 20px 0px;/*
    padding: 0px;*/
    width: 100%;
    max-width: 1500px;
    /*background-color:Gray;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    /*margin-bottom:20px;*/
    /*overflow:hidden;*/
    padding-top: 0px;
    padding-bottom: 0px;
}

.cabeceraTextoLogIn {
    /*max-width: 1170px;*/
    max-width: 700px;
    margin-top: 0px;
    margin-left: 20px;
    font-size: 16px !important;
    line-height: 18px !important;
}

.cabeceraTextoCortoLogIn {
    margin-top: 2px;
    font-size: 12px !important;
}

.cabeceraTexto {
    max-width: 700px;
    /*margin-top: 30px;*/
    margin-left: 20px;
}

.cabeceraTextoCorto {
    /*margin-top: 15px;*/
    font-size: 16px;
}

.imagenVolverICAI {
    width: auto;
    height: auto;
    /*max-width: 100px;*/
    max-height: 40px;
}

.divCabecera {
    width: 100%;
}

.divCabeceraDcha {
    float: right;
    text-align: right;
}

.CabeceraSemiTrasparente {
    opacity: 0.95;
}

.cabeceraArriba {
    font-weight: 300;
    padding-top: 5px;
    /*padding-bottom:10px;*/
    padding-left: 10px;
    overflow: auto;
    color: #444;
    /*color:#959595;*/
}

.botonSubirFichero {
    color: #f1e5e6;
    background-color: var(--colorColegio);
    max-width: 80%;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.325rem 1.00rem;
}

.GRContenedor {
    text-align: left;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0px; /*" cellspacing="0" cellpadding="0"*/
    /*font-family: Verdana;*/
}

.GRBarra /*Celda de la barra*/ {
    height: 20px;
    width: 450px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid Silver;
    border-bottom: 1px solid Silver;
    background-color: #f0f0f0;
}

    .GRBarra span /*Leyenda de la barra*/ {
        font-size: 9pt;
    }

    .GRBarra img /*Barra*/ {
        height: 25px;
        vertical-align: middle;
        background-color: cornflowerBlue;
        /*border-right: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;*/
    }

.GREtiqueta /*Etiqueta*/ {
    text-align: left;
    font-size: 9pt;
    font-weight: 300;
    color: Black;
    padding-right: 20px;
    padding-left: 20px;
}

.GRTextoVertical {
    FONT-SIZE: 8pt;
    /*FONT-FAMILY: Verdana;*/
    FILTER: fliph flipv;
    writing-mode: vertical-rl;
    text-align: center;
    vertical-align: top;
    /*WRITING-MODE: tb-rl;*/
    /*WRITING-MODE: vertical-rl;*/
}

.GRContenedorParticipacion {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center; /*" cellspacing="0" cellpadding="0"*/
}

.GRBarraParticipacion span /*Leyenda de la barra*/ {
    font-size: 12pt;
}

.GRBarraParticipacion /*Celda de la barra*/ {
    font-size: 16pt;
    height: 50px;
    width: 120px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid Silver;
    border-bottom: 1px solid Silver;
    background-color: #f0f0f0;
}

    .GRBarraParticipacion div /*Barra*/ {
        height: 35px;
        text-align: right;
        vertical-align: middle;
        background-color: Orange;
        border-right: 2px solid silver;
        border-bottom: 4px solid silver;
        color: black;
        font-weight: bold;
    }

.GREtiquetaParticipacion /*Etiqueta*/ {
    text-align: left;
    font-size: 10pt;
    font-weight: 300;
    color: Black;
    padding-right: 20px;
}


#divCalculos {
}

    #divCalculos .contenedorControlFormulario {
        /*font-size: 10pm;*/
        padding-top: 0px;
        padding-bottom: 0px;
    }

.sinPadding {
    padding: 0px !important;
    max-width: 100% !important;
}

.tamanoLetra10 {
    font-size: 10px;
}

.tamanoLetra12 {
    font-size: 12px;
}

.tamanoLetra13 {
    font-size: 13px;
}

.tamanoLetra14 {
    font-size: 14px;
}

.tamanoLetra16 {
    font-size: 16px;
}

.FondoGrisOcuro {
    background-color: var(--colorColegio);
}

.fondoColorIconoUsuario {
    color: var(--colorTextoLink);
}

.fondoGrisClaro {
    background-color: #ecf1f2;
}

.FondoBlanco {
    background-color: white !important;
}

.contenedorMenu {
    /*padding-top:5px;*/
}



.main {
    padding: 0px 12px 20px;
    margin: 12px 8px 8px 8px;
    min-height: 520px;
    clear: left;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    white-space: normal;
}

.paginaFooter {
    /*padding: 10px 4px 20px 0px;*/
    margin: 0px auto;
    text-align: left;
    max-width: 100%;
    float: none;
    clear: left;
    /*border-top: #808080 1px solid;*/
}

.textoFooter {
    /*max-width: 1170px;*/
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    overflow: hidden;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}


.footer_bordeIzquieda {
    border-left: 1px solid gray;
}

.divRedesSociales {
    /*float: right;*/
    display: inline-block;
}

.bordeDebajoColorClaro {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #306596;
}

.bordeEncimaColorClaro {
    border-top-style: solid;
    border-width: 1px;
    border-color: #306596;
}

.bordeDerechaColorClaro {
    border-right-style: solid;
    border-width: 1px;
    border-color: #306596;
}

.bordeIzquierdaColorClaro {
    border-left-style: solid;
    border-width: 1px;
    border-color: #306596;
}


.infoUsuarioPseudonimo {
    /*float: right;*/
    margin-right: 10px;
    display: inline-block;
}

/*Contenidos */

.Contenido_Article {
    margin-right: 20px;
    /* background-image: url("/Images/PruebaFondo2.png"); /*Marca agua en contenidos y Avisos */
    background-repeat: no-repeat;
    background-position: bottom right;
}

.Contenido_Aviso {
    padding-top: 20px;
}



#contenedorNavegadorRegistros {
    padding-right: 10px;
}


.ContenedorTodoAncho {
    clear: both;
    /*margin-left: 4px;
    margin-right: 4px;*/
}


.redondeado {
    margin-bottom: 4px;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.redondeadoSinPadding {
    margin-bottom: 4px;
    /*padding: 10px;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.redondeadoPeq {
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.redondeadoPeqSinPadding {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.TPVEtiqueta {
    font-size: 18px;
    font-weight: bold;
}

.TPVValor {
    font-size: 18px;
}

.TPVValorImporte {
    font-size: 24px;
    color: black;
}

.TPVTextoInfo {
    font-style: italic;
}

.TPVInfoLegal {
    font-style: italic;
    color: black;
    font-size: 8pt;
    /*font-weight:bold;*/
}

.TPVcajaInicio {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    padding: 40px;
    opacity: 0.93;
    background-color: #e7e9e7;
    margin-bottom: 60px;
    /*background-image:url(/images/EscudoITI_ClaritoSinTransp.png);*/
}

    .TPVcajaInicio h2 {
        font-size: 30px;
        color: #333333;
        margin-top: 2px;
        margin-bottom: 5px;
        text-transform: uppercase;
        padding-bottom: 10px;
        font-weight: normal;
        text-align: center;
        border-style: none;
        line-height: 1em;
    }

.contenedorCerrarSesion {
    padding: 40px 0px 40px 0px;
    text-align: center;
    width: 49%;
}


.ContenedorCampoFiltroUnaSolaLinea {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 10px 8px 4px 8px;
}

.ContenedorCampoFiltro {
    /*float:left;*/
    display: inline-block;
    vertical-align: middle;
    padding: 10px 8px 4px 8px;
}

.imagenOfertaEmpleoGrid {
    width: 100px;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    border: solid gray 1px;
}

.imagenOfertaEmpleo {
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
}

.imagenOfertaEmpleoModal {
    max-width: 350px;
    max-height: 350px;
    /*border-radius: 50%;*/
    -o-object-fit: cover;
    object-fit: cover;
}
/*CABECERA MI CUENTA*/

.micuentaFoto {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.micuentaFotoModal {
    max-width: 150px;
    max-height: 150px;
    /*border-radius: 50%;*/
    -o-object-fit: cover;
    object-fit: cover;
}

.micuentaFirma {
    width: 150px;
    height: 75px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}

.micuentaFirmaModal {
    max-width: 300px;
    max-height: 150px;
    /*border-radius: 50%;*/
    -o-object-fit: cover;
    object-fit: cover;
}

.micuentaEtiqueta {
    font-size: 16px;
    font-weight: bold;
    color: var(--colorColegio);
}

.micuentaSubEtiqueta {
    font-size: 14px;
    font-weight: bold;
    color: var(--colorColegio);
}

.micuentaContenedorRoles {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 2px 4px 2px 4px;
    border-bottom: solid 1px;
    box-sizing: border-box;
}

.micuentaContenedorEntidades {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 2px 4px 2px 4px;
    border-bottom: solid 1px;
    box-sizing: border-box;
}

.micuentaContenedorEntidadesPerfiles {
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: top;
    padding: 2px 4px 2px 4px;
    box-sizing: border-box;
    margin-left: 100px;
}

.micuentaContenedor {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 2px 4px 2px 4px;
    border-bottom: solid 3px;
    border-bottom-color: #c1c1c1;
    box-sizing: border-box;
}

.micuentaContenedorDatos {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}


.ContenedorEntidades {
    display: inline-block;
    border-radius: 6px;
    height: 100%;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    border: #C7C7C7 solid 1px;
    position: relative;
    vertical-align: top;
}

.ContenedorEntidadesDatos {
    font-size: 14px;
    font-weight: bold;
    color: #0F1111;
    padding: 2px 15px 5px 15px;
    width: 100%;
    vertical-align: middle;
}

.ContenedorEntidadesPerfiles {
    display: inline-block;
    border-radius: 6px;
    height: 100%;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    border: #C7C7C7 solid 1px;
    position: relative;
    vertical-align: top;
}

.ContenedorEntidadesPerfilesDatos {
    font-size: 14px;
    color: #0F1111;
    padding: 2px 15px 5px 15px;
    width: 100%;
    vertical-align: middle;
    border-bottom: #C7C7C7 solid 1px;
}

.textoAltaBajaPerfil {
    -webkit-transform: rotate(-35Deg);
    -moz-transform: rotate(-35Deg);
    transform: rotate(-35Deg);
    font-weight: bold !important;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
}

.textoExencionGrid {
    -webkit-transform: rotate(-35Deg);
    -moz-transform: rotate(-35Deg);
    transform: rotate(-35Deg);
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    position: absolute;
    left: -20px;
    font-weight: normal;
    color: #155724;
}

.ContenedorRoles {
    display: inline-block;
    border-radius: 6px;
    height: 30px;
    margin-bottom: 10px;
    width: 250px;
    box-sizing: border-box;
    border: #C7C7C7 solid 1px;
    position: relative;
    vertical-align: middle;
}

.ContenedorRolesDatos {
    font-size: 14px;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    width: 100%;
    vertical-align: middle;
}

.ContenedorDireccion {
    display: inline-block;
    border-radius: 8px;
    height: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 280px;
    border-width: 1px;
    box-sizing: border-box;
    border-color: #C7C7C7;
    border-style: solid;
    position: relative;
    vertical-align: top;
}

.ContenedorDireccionCabecera {
    height: 25px;
    border-bottom: 1px solid #C7C7C7;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    background-color: #F0F2F2;
    width: 100%;
}

.ContenedorDireccionDatos {
    font-size: 12px;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    width: 100%;
    overflow: auto;
    height: 125px;
}

.ContenedorDireccionPie {
    position: absolute;
    bottom: 5px;
    height: 38px;
    font-size: 12px;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    width: 100%;
    border-top: 1px dotted #C7C7C7;
}

.ContenedorCuentaBancaria {
    display: inline-block;
    border-radius: 8px;
    height: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 280px;
    border-width: 1px;
    box-sizing: border-box;
    border-color: #C7C7C7;
    border-style: solid;
    position: relative;
    vertical-align: top;
}

.ContenedorCuentaBancariaCabecera {
    height: 25px;
    border-bottom: 1px solid #C7C7C7;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    background-color: #F0F2F2;
    width: 100%;
}

.ContenedorCuentaBancariaDatos {
    font-size: 12px;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    width: 100%;
}

.ContenedorCuentaBancariaPie {
    position: absolute;
    bottom: 5px;
    height: 25px;
    font-size: 12px;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    width: 100%;
}

.ContenedorExperienciaProfesional {
    display: inline-block;
    border-radius: 8px;
    min-height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 100%;
    border-width: 1px;
    box-sizing: border-box;
    border-color: #C7C7C7;
    border-style: solid;
    position: relative;
    vertical-align: top;
}

.ContenedorExperienciaProfesionalCabecera {
    height: 30px;
    border-bottom: 1px solid #C7C7C7;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    background-color: #F0F2F2;
    width: 100%;
}

.ContenedorExperienciaProfesionalDatos {
    font-size: 14px;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    width: 100%;
}

.verPersonamodalTitulo {
    font-size: 24px;
}

.verPersonaContenedorSinBorde {
    font-size: 14px;
    color: #0F1111;
    vertical-align: top;
    padding: 2px 4px 2px 4px;
    box-sizing: border-box;
    margin: 2px;
}

.verPersonaContenedor {
    font-size: 14px;
    color: #0F1111;
    vertical-align: top;
    /*padding: 2px 4px 2px 4px;*/
    border: solid 1px;
    border-color: gray;
    box-sizing: border-box;
    border-radius: 8px;
    margin: 2px;
}

.verPersonaContenedorCabecera {
    height: 30px;
    border-bottom: 1px solid #C7C7C7;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    background-color: #F0F2F2;
    width: 100%;
}

.verPersonaContenedorSubCabecera {
    height: 30px;
    font-size: 14px;
    color: #0F1111;
    padding: 5px 15px 5px 15px;
    width: 100%;
    margin-bottom: -10px;
}

.verPersonaContenedorDatos {
    padding: 2px 4px 2px 4px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border: dashed 1px;
    border-color: #92b0b3;
    font-size: 12px;
    line-height: 20px;
    border-radius: 8px;
}

    .verPersonaContenedorDatos ul {
        margin-block-start: 0px;
        margin-block-end: 0px;
        margin-inline-start: 20px;
        margin-inline-end: 10px;
        padding-inline-start: 10px;
        list-style-image: url("/Images/rightArrow.png");
    }

.ratingStarPeq {
    font-size: 0pt;
    width: 15px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStarPeq {
    background-image: url(/Images/Encuesta/EstrellaNaranjaPeq.png);
}

.emptyRatingStarPeq {
    background-image: url(/Images/Encuesta/EstrellaGrisClaroPeq.png);
}

.savedRatingStarPeq {
    background-image: url(/Images/Encuesta/EstrellaRoja.png);
}

.ratingStar {
    font-size: 0pt;
    width: 25px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/Images/Encuesta/EstrellaNaranja.png);
}

.emptyRatingStar {
    background-image: url(/Images/Encuesta/EstrellaGrisClaro.png);
}

.savedRatingStar {
    background-image: url(/Images/Encuesta/EstrellaRoja.png);
}

.colorAltaCabecera {
    color: #78b700 !important;
}

.colorBajaCabecera {
    color: #ef404b !important;
}

.micuentaContenedorCabecera {
    display: inline-block;
    vertical-align: top;
    padding: 2px 4px 2px 4px;
    font-size: 15pt;
    line-height: 17px;
    border-right: solid 1px;
    height: 100px;
    box-sizing: border-box;
}

    .micuentaContenedorCabecera hr {
        border-width: 1px;
        border-style: solid;
        border-color: gray;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .micuentaContenedorCabecera ul {
        margin-block-start: 0px;
        margin-block-end: 0px;
        /*margin-inline-start: 20px;
        margin-inline-end: 10px;*/
        padding-inline-start: 10px;
        list-style-image: url(/Images/rightArrow.png);
    }

.micuentaContenedorCabeceraTipos {
    display: inline-block;
    vertical-align: top;
    /*padding-left: 7px;*/
    /*padding-right: 7px;*/
    /*margin-left: 20px;*/
    font-size: 16pt;
    line-height: 24px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: white;
}

.micuentaContenedorCabeceraTipo {
    display: inline-block;
    vertical-align: top;
    padding: 2px 4px 2px 4px;
    font-size: 16pt;
    line-height: 24px;
    border: solid 1px;
    border-color: gray;
    box-sizing: border-box;
    height: 50px;
    min-width: 100px;
    border-radius: 8px;
}

.micuentaContenedorCabeceraTipoADD {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    line-height: 14px;
    background-color: white;
}


.zonaPunteada {
    border: dashed 2px;
    border-color: #92b0b3;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.micuentaEtiquetaCabecera {
    font-size: 15px;
}

.micuentaDatoCabecera {
    color: black;
    font-size: 14px;
}

.iconoRRSSCabecera {
    width: 14px;
    max-width: 14px !important;
    max-height: 14px !important;
}

.micuentaIconos {
    font-size: 20px;
    vertical-align: middle;
}

.micuentaComandos {
    font-size: 12px;
    vertical-align: middle;
}

.IMAGENsORTEO {
    width: 150px;
    height: 75px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}
/*CABECERA MI CUENTA*/

/* =========================== ACORDEON =========================== */

.accordion {
    transition: 0.4s;
    cursor: pointer;
    /*background-color: #F3F3F3;
    color: #444;
    padding: 18px;
    width: 100%;
    border-bottom: 1px solid #767676;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-radius: 3px;*/
}

.active {
    /*background-color: #CECECE;*/
}

.accordion:hover {
    background-color: #F0F2F2;
}

.accordion:after {
    content: "\25BC";
    float: right;
    margin-left: 5px;
}

.active:after {
    /*content: "\2212";*/
    /*content: "\2191";*/
    content: "\25B2";
}

.panel {
    /*padding: 0 18px;*/
    background-color: white;
    max-height: 0;
    overflow: auto;
    transition: max-height 0.2s ease-out;
}

.panel2 {
    max-height: 0;
    transition: max-height 2.2s ease-out;
}

/* =========================== FIN ACORDEON =========================== */


#contenedorFiltros {
    overflow: hidden;
    padding-top: 10px;
    padding-right: 20px;
    /*margin-top: 20px;*/
}


.alineadoDecha {
    float: right;
}

.alineadoIzda {
    float: left;
}

.alinearDerecha {
    text-align: right;
}

.alinearIzquierda {
    text-align: left;
}

#contenedorBarraBotones {
    overflow: hidden;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding-top: 10px;
}
/**FICHA COLEGIADO*/

.LogoSolicitudAlta {
    width: 100%;
    max-width: 350px;
    max-height: 150px;
}

.LogoConfiguracion {
    width: 100%;
    max-width: 150px;
    max-height: 150px;
}

.SemaforoVerde {
    background-color: green;
    color: white;
}

.SemaforoRojo {
    background-color: red;
    color: white;
}

.SemaforoLila {
    background-color: darkmagenta;
    color: white;
}

.SemaforoGris {
    background-color: grey;
    color: white;
}

/******************************/

.ulGrid {
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 10px;
    padding-inline-start: 10px;
}

.correoProgramadoEnviadoGrid {
    height: 0px !important;
    border-bottom: 10px solid #ac0202;
    border-top: 10px solid #ac0202;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    padding: 0px;
    vertical-align: bottom;
    width: 100px;
    text-align: center;
    font-size: 10pt;
    display: inline-block;
    color: #ffffff;
    display: inline-block;
}

.correoProgramadoEnviado {
    height: 0px !important;
    border-bottom: 15px solid #ac0202;
    border-top: 15px solid #ac0202;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    padding: 0px;
    vertical-align: bottom;
    width: 250px;
    text-align: center;
    font-size: 13pt;
    display: inline-block;
    color: #ffffff;
    display: inline-block;
}

.correoProgramadoNoEnviado {
    height: 0px !important;
    border-bottom: 15px solid #ccc;
    border-top: 15px solid #ccc;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    padding: 0px;
    vertical-align: bottom;
    width: 250px;
    text-align: center;
    font-size: 13pt;
    display: inline-block;
    color: #ffffff;
    display: inline-block;
}

.correoProgramadoNoEnviadoGrid {
    height: 0px !important;
    border-bottom: 10px solid #ccc;
    border-top: 10px solid #ccc;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    padding: 0px;
    vertical-align: bottom;
    width: 100px;
    text-align: center;
    font-size: 10pt;
    display: inline-block;
    color: #ffffff;
    display: inline-block;
}

.etiquetacorreoProgramadoEnviado {
    font-weight: bold;
    position: relative;
    top: -10px;
}


/******************************/

.bordeGrisClaro {
    border: 1px #a7a2a2 solid !important;
}

.bordeRojo {
    border: 1px solid crimson !important;
}

.bordeColorColegio {
    border: 1px solid var(--colorColegio) !important;
}

.bordeVerde {
    border: 1px solid red !important;
}

.ImagesRedesSociales {
    border-style: none;
    margin-left: 5px;
    margin-right: 5px;
    width: 24px;
    text-decoration: none;
}

.ImagesRedesSocialesFooter {
    border-style: none;
    margin-left: 5px;
    margin-right: 20px;
    text-decoration: none;
    width: 24px;
}



.enlaceImagen {
    border-style: none;
    text-decoration: none;
}

    .enlaceImagen:hover {
        border-style: none;
        text-decoration: none;
    }



/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-color: #3a4f63;
    width: 100%;
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        z-index: 999999; /*Para evitar el slider*/
    }

        div.menu ul li a, div.menu ul li a:visited {
            /* background-color: #465c71;*/
            background-color: #7a89a5;
            border: 1px #4e667d solid;
            /*color: #dde4ec;*/
            color: white;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                /*background-color: #bfcbd6;
    color: #465c71;*/
                /*background-color: #5fc306;*/
                color: white;
                text-decoration: none;
            }

            div.menu ul li a:active {
                /* background-color: #465c71;*/
                background-color: #3f3f3f;
                color: white;
                text-decoration: none;
            }




/* FORM ELEMENTS   */

input {
    padding: 4px 4px 4px;
    font-size: 14px;
    /*font-size: .80rem;
   font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;*/
    /* color: #696969;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

    input:disabled {
        background-color: #e9e9e9;
        color: #4a4a4a;
    }

select {
    padding: 4px 4px 4px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

    select:disabled {
        background-color: #e9e9e9;
        color: fieldtext;
        opacity: 1;
    }

textarea:disabled {
    background-color: #e9e9e9;
}

textarea {
    height: 80px;
    /*font-family: Arial;*/
    resize: none;
}

.textareaPeq {
    height: 45px !important;
    resize: none;
    line-height: 0.8rem;
}

.textareaGrande {
    height: 150px !important;
    /*font-family: Arial;*/
    resize: none;
}

.textarea100 {
    height: 100px !important;
    /*font-family: Arial;*/
    resize: none;
}

.textarea150 {
    height: 150px !important;
    /*font-family: Arial;*/
    resize: none;
}

.textarea300 {
    height: 300px !important;
    /*font-family: Arial;*/
    resize: none;
}

textarea.auto-ajustable {
  overflow: hidden;
  resize: none;
  min-height: 80px;
  box-sizing: border-box;
}
.enMinusculas {
    text-transform: lowercase;
}

.enMayusculas {
    text-transform: uppercase;
}

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}


.lnkSinFicheros {
    color: var(--colorColegio) !important;
}

.lnkConFicheros {
    color: green !important;
}

.fondoFicheroVisable {
    background-color: lavender;
}

.fondoFicheroNOVisable {
    background-color: lavender;
}


.fondoHorarioInvierno {
    background-color: #e5f3ff;
}

.fondoHorarioVerano {
    background-color: #ffebe6;
}

/* TITULOS */
.paginaHeader h1 {
    /*font-family: 'Roboto', sans-serif;*/
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    /*color: #f9f9f9;*/
    border: none;
    line-height: 25px;
    font-size: 22px;
    font-weight: 500;
}

h2 {
    /*font-size:x-large;*/
    font-size: 20px;
    color: #333;
    /*Mod 14/03/2016*/
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: normal !important;
    text-transform: uppercase;
    /*border-bottom-color: #959595;
    border-bottom-width: 1px;
    border-bottom-style: solid;*/
    padding-bottom: 5px;
}

h3 {
    font-size: 14px;
    line-height: 14px;
    color: #444;
    margin-top: 1px;
    margin-bottom: 5px;
    font-weight: bold;
}

h4 {
    text-transform: none;
    margin-bottom: 0px;
    margin-top: 4px;
}



h3 > a:hover {
    text-decoration: underline;
    /*font-weight: 300 !important;*/
}

article h2 {
    /*font-size: x-large;*/
}

.letraPeque {
    font-size: 10px !important;
    color: #777;
    text-transform: uppercase;
}

.letraGrande {
    font-size: large !important;
}

.letraMuyGrande {
    font-size: x-large !important;
}


/*TABLA CON LA INFORMACIÓN DE LAS ETIQUETAS DE LAS PLANTILLAS XML*/
.TablaInfoEtiquetasXML {
    border: 1px solid gray;
    border-collapse: collapse;
}

.CeldaCabeceraEtiquetasXML {
    border: 1px solid gray;
    border-collapse: collapse;
    font-weight: bold;
    color: blue;
}

.CeldaEtiquetasXML {
    border: 1px solid gray;
    border-collapse: collapse;
    font-weight: bold;
}

.CeldaInfoEtiquetasXML {
    border: 1px solid gray;
    border-collapse: collapse;
    font-style: italic;
}

/*CURSOS*/
.contenedorCursosVistaPrevia {
    width: 100%;
    border: 1px solid #BFD8DD !important;
    background-color: rgba(255, 255, 255, 0);
    overflow: hidden;
}

.contenedorDatosCursosVistaPrevia {
    position: relative;
    height: 300px !important;
    padding: 25px 25px 25px !important;
}

    .contenedorDatosCursosVistaPrevia h2 {
        font-size: 21px !important;
        font-weight: bold !important;
        line-height: 1.3;
        color: var(--colorColegio);
        height: 95px !important;
    }

.parrafoCursosVistaPrevia {
    margin-bottom: 12px;
}

.contenedorDatosCursos {
    width: 100% !important;
    margin: auto !important;
    background-color: white !important;
}

.anchoListViewCursos {
    width: 49%;
    display: inline-block;
    /*float: left;*/
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    text-align: left;
}

.textoEstadoCursoVistaPrevia {
    -webkit-transform: rotate(-30Deg);
    -moz-transform: rotate(-30Deg);
    transform: rotate(-30Deg);
    text-align: center;
    font-size: 28px;
    line-height: 1.3rem;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 100px;
    font-weight: bold;
    color: crimson;
}


.contenedorDatosInscripcionCurso {
    width: 900px !important;
    margin: auto !important;
}


/*OFERTASEMPLEO*/
/*ESTADISTICAS SES*/
.divEstSESCaja {
    display: inline-block;
    width: 150px;
    background-color: darkcyan;
    text-align: center;
    vertical-align: TOP;
    height: 85px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.SESTotales {
    background-color: #9ec5fe;
}

.SESEntregados {
    background-color: #a3cfbb;
}

.SESClick {
    background-color: #9eeaf9;
}

.SESErrores {
    background-color: #f1aeb5;
}

.lblEstSESNumero {
    font-size: 26px;
    color: black;
}

.lblEstSESTexto {
    /*padding-top: 5px;*/
    /*line-height: 18px;*/
    font-size: 14px;
    color:  #3e3e3e;
}

/*ESTADISTICAS SES*/

.textoCaracteristicaOferta {
    color: var(--colorColegio) !important;
    font-weight: bold;
}

.textoValorCaracteristicaOferta {
    color: #212529 !important;
}

.filaOfertaEmpleo {
    padding: 10px 20px;
    font-size: 14pt;
    border-top-style: solid;
    border-width: 1px;
    border-color: #dee2e6;
}


.contenedorDatosOfertaEmpleo {
    width: 100% !important;
    margin: auto !important;
    background-color: white !important;
}

.contenedorDatosOfertaServicio {
    width: 1100px !important;
    max-width: 100%;
    margin: auto !important;
    background-color: white !important;
}


.contenedorCandidatosOfertaEmpleo {
    width: 1000px !important;
    margin: auto !important;
}

.contenedorOfertaServicioVistaPrevia {
    width: 100%;
    border: 1px solid #BFD8DD !important;
    background-color: rgba(255, 255, 255, 0);
    overflow: hidden;
}

.contenedorOfertaEmpleoVistaPreviaIngeniero {
    width: 100%;
    /*border-top: 2px solid #BFD8DD !important;*/
    border-bottom: 2px solid #BFD8DD !important;
    background-color: rgba(255, 255, 255, 0);
    overflow: hidden;
}

.contenedorOfertaEmpleoVistaPrevia {
    width: 100%;
    border: 1px solid #BFD8DD !important;
    background-color: rgba(255, 255, 255, 0);
    overflow: hidden;
}

.contenedorImagenOfertaEmpleoVistaPrevia {
    width: 100%;
    max-width: 100%;
    border-color: rgba(235, 234, 234, 0);
    height: auto;
    transition: all .5s linear;
    -webkit-transition: all .5s ease-in-out;
    overflow: hidden;
}

    .contenedorImagenOfertaEmpleoVistaPrevia:hover {
        filter: opacity(.6);
        /*-ms-transform: scale(0.8);
        transform: scale(1.8);*/
        transition: all .5s linear;
        -webkit-transition: all .5s ease-in-out;
    }

.imagenOfertaEmpleoVistaPrevia {
    aspect-ratio: 21/9;
    width: 100% !important;
    max-height: 200px;
}
/*.imagenOfertaEmpleoVistaPrevia:hover {
        filter: opacity(.5);
        transition: all .8s ease-in-out;
        -webkit-transition: all .8s ease-in-out;    
    }*/

.contenedorDatosOfertaEmpleoVistaPreviaIngeniero {
    position: relative;
    padding: 25px 25px 25px !important;
}

.contenedorDatosOfertaEmpleoVistaPrevia {
    position: relative;
    min-height: 250px !important;
    padding: 25px 25px 25px !important;
}

    .contenedorDatosOfertaEmpleoVistaPrevia h2 {
        font-size: 21px !important;
        font-weight: bold !important;
        line-height: 1.3;
        color: var(--colorColegio);
        height: 95px !important;
    }

.contenedorDatosOfertaServicioVistaPrevia {
    position: relative;
    height: 300px !important;
    padding: 25px 25px 25px !important;
}

    .contenedorDatosOfertaServicioVistaPrevia h2 {
        font-size: 21px !important;
        font-weight: bold !important;
        line-height: 1.3;
        color: var(--colorColegio);
        height: 70px !important;
    }

.parrafoOfertaEmpleoVistaPrevia {
    margin-bottom: 12px;
}

.parrafoOfertaServicioVistaPrevia {
    margin-bottom: 12px;
}

.anchoListViewOfertas {
    width: 33%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

.textoEstadoOfertaEmpleoVistaPrevia {
    -webkit-transform: rotate(-30Deg);
    -moz-transform: rotate(-30Deg);
    transform: rotate(-30Deg);
    text-align: center;
    font-size: 28px;
    line-height: 1.9rem;
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 100px;
    font-weight: bold;
    color: crimson;
}

.textoEstadoOfertaServicioVistaPrevia {
    -webkit-transform: rotate(-30Deg);
    -moz-transform: rotate(-30Deg);
    transform: rotate(-30Deg);
    text-align: center;
    font-size: 28px;
    line-height: 1.3rem;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 150px;
    font-weight: bold;
    color: crimson;
}

/*GRIDs*/

.gridRegistros {
    width: 100%;
}

.gridHeaderStyleMinimalista {
    background-color: White;
    color: #0F1111;
    text-align: left;
    font-weight: normal !important;
}

    .gridHeaderStyleMinimalista th {
        padding: 2px 2px 2px 2px;
        font-weight: normal !important;
        border-bottom: gray solid 1px;
    }

    .gridHeaderStyleMinimalista a {
        color: #0F1111;
        font-weight: normal !important;
    }

.gridRowStyleMinimalista {
    background-color: white;
}

    .gridRowStyleMinimalista td {
        padding: 2px 2px 2px 2px;
        word-break: break-word;
    }

.gridAlternatingRowStyleMinimalista {
    background-color: white;
}


    .gridAlternatingRowStyleMinimalista td {
        padding: 2px 2px 2px 2px;
        word-break: break-word;
    }

.gridHeaderStyle {
    background-color: var(--colorColegio);
    color: White;
    text-align: left;
}

    .gridHeaderStyle th {
        padding: 4px 4px 4px 4px;
        font-weight: normal;
    }

    .gridHeaderStyle a {
        color: White;
    }

.gridRowStyle {
    background-color: white;
}

    .gridRowStyle td {
        /*padding:4px 0px 4px 0px;*/
        padding: 8px 4px 8px 4px;
        word-break: break-word;
        /*word-break: break-all;*/
    }

.gridRowMenosPaddingStyle td {
    padding: 4px 4px 4px 4px !important;
    line-height: 0.8rem !important;
}

.gridRowMenosPaddingStyle th {
    padding: 4px 4px 4px 4px !important;
    line-height: 0.8rem !important;
}

.gridAlternatingRowStyle {
    /*background-color: #ddd;*/
    background-color: white;
}


    .gridAlternatingRowStyle td {
        /*padding:4px 0px 4px 0px;*/
        padding: 8px 4px 8px 4px;
        word-break: break-word;
        /*word-break: break-all;*/
    }


.Grid_ColumEdit {
    width: 30px;
}

.gridPagerStyle a {
    border: 1px solid #969696;
    padding: 1px 4px 1px 4px;
}

.gridPagerStyle span {
    border: 1px solid #969696;
    padding: 1px 4px 1px 4px;
    background-color: var(--colorColegio);
    color: white;
}


.linkNavegarRegistros {
    margin-left: 20px;
    margin-right: 20px;
}

/*SLIDERS*/

.switch {
    position: relative;
    display: inline-flex;
    width: 40px;
    height: 19px;
}

    .switch input {
        opacity: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/*SLIDERS*/

/*LOGIN*/

.cajaCambioClave {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    opacity: 0.97;
    background-color: white;
}

    .cajaCambioClave h2 {
        font-size: 28px;
        color: #333333;
        margin-top: 2px;
        margin-bottom: 5px;
        text-transform: uppercase;
        padding-bottom: 5px;
        font-weight: normal;
        text-align: center;
        border-style: none;
        line-height: 2rem;
    }

.cajaInicioLogin {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    opacity: 0.97;
    background-color: #ecf1f2;
    margin-bottom: 50px;
    border-width: 1px 1px 1px 1px;
    border-color: #bfd8dd;
    border-style: solid;
}

    .cajaInicioLogin h2 {
        font-size: 28px;
        color: var(--colorColegio);
        margin-top: 2px;
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-weight: normal;
        text-align: center;
        font-weight: bold;
        border-style: none;
    }

    .cajaInicioLogin h3 {
        font-size: 28px;
        color: var(--colorColegio);
        margin-top: 2px;
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-weight: normal;
        text-align: center;
        font-weight: bold;
        border-style: none;
    }

.divEtiquetaLogin {
    border-bottom-style: solid;
    border-width: 4px;
    border-color: rgb(222 226 230);
    margin-bottom: 15px;
    color: black;
}

.etiquetaEstadoPantalla {
    color: white !important;
    font-size: 20px !important;
}

.divEstadoPantalla {
    background: #3da93d;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 16px;
    padding-right: 16px;
    color: #000;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    margin: auto;
}

.etiquetaEstadoGrid {
    /*font-weight: bold;*/
    color: white !important;
    font-size: 14px !important;
}

.divEstadoGrid {
    background: #3da93d;
    padding: 6px;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    margin: auto;
}


.divError {
    padding: 10px;
    border-radius: 3px;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}

.divCorrecto {
    padding: 10px;
    border-radius: 3px;
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
}

.formularioLogin {
    width: 100%;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 10px;
    background-color: rgb(232 240 254);
}

#loginTablaUsuario {
    width: 100%;
    max-width: 400px;
    font-size: medium;
}


#divPanelDebajoCabecera {
    clear: left;
    padding: 10px 20px 0px 20px;
    float: right;
}

.infoUsuario {
}

.infoesProgramado {
    color: #9e0000;
    font-size: 10px;
    line-height: 10px;
}

.infoFechaSelladoGrid {
    color: black !important;
    font-size: 10px !important;
    line-height: 8px !important;
}

.imagenCabecera {
    width: auto;
    height: auto;
    /*max-width: 100px;*/
    max-height: 70px;
}

.imagenCabeceraLogIn {
    width: auto;
    height: 50px;
}

.imagenSorteoModal {
    max-width: 400px;
    max-height: 400px;
    /*border-radius: 50%;*/
    -o-object-fit: cover;
    object-fit: cover;
    border: solid gray 1px;
}

.imagenSorteo {
    width: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    border: solid gray 1px;
}

.imagenSorteoGrid {
    width: 100px;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    border: solid gray 1px;
}

/*actividades*/

.imagenActividad {
    width: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    border: solid gray 1px;
}

.imagenActividadGrid {
    width: 100px;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover;
    border: solid gray 1px;
}

.imagenActividadModal {
    max-width: 400px;
    max-height: 400px;
    /*border-radius: 50%;*/
    -o-object-fit: cover;
    object-fit: cover;
    border: solid gray 1px;
}


.divCabeceraUsuario {
    /*margin-top: 15px;*/
}

.cabeceraTitulo {
    font-size: 22px;
    font-weight: bold;
}

.cabeceraLinkTitulo {
    text-decoration: none;
    border-style: none;
    vertical-align: middle;
}

    .cabeceraLinkTitulo:hover {
        text-decoration: none;
        border-style: none;
    }

.cabeceraEscudoyTexto {
    display: inline-block;
}


.cabeceraTotalIva {
    background-color: #aeadad;
    color: white;
    padding: 4px;
    margin-bottom: 5px;
}



/*Botones*/
.botonVerTabIconoDerecha {
    position: absolute;
    right: 20px;
    top: 20px;
}

.botonVerTab {
    font-size: 14px;
    width: 100%;
    padding: 0px;
    background-color: transparent;
    border-style: none;
    border-width: 0px;
    text-align: left;
    color: var(--colorTextoLink) !important;
}

    .botonVerTab:hover {
        cursor: pointer;
        color: var(--colorTextoLinkHover) !important;
        text-decoration: underline;
    }

.btnFormularioLogin {
    font-size: 14px;
    /*font-weight: bold;*/
    padding: 3px 10px 3px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-color: var(--colorFondoBoton);
    color: var(--colorTextoBoton) !important;
    border-style: none;
    margin-right: 15px;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .btnFormularioLogin:hover {
        cursor: pointer;
        background-color: var(--colorTextoBoton);
        color: var(--colorFondoBoton) !important;
        border-color: var(--colorFondoBoton);
        border-style: solid;
        border-width: 1px;
    }

.btnFormulario {
    font-size: 14px;
    padding: 3px 10px 3px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-color: var(--colorFondoBoton);
    color: var(--colorTextoBoton) !important;
    border-style: none;
    margin-right: 15px;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .btnFormulario:hover {
        cursor: pointer;
        background-color: var(--colorTextoBoton);
        color: var(--colorFondoBoton) !important;
        border-color: var(--colorFondoBoton);
        border-style: solid;
        border-width: 1px;
    }

.btnAccionImportante {
    background-color: #e66200 !important;
}

    .btnAccionImportante:hover {
        cursor: pointer;
        background-color: var(--colorTextoBoton) !important;
        color: #e66200 !important;
        border-color: #e66200;
        border-style: solid;
        border-width: 1px;
    }

.btnAccionCritica {
    background-color: crimson !important;
}

    .btnAccionCritica:hover {
        cursor: pointer;
        background-color: var(--colorTextoBoton) !important;
        color: crimson !important;
        border-color: crimson;
        border-style: solid;
        border-width: 1px;
    }

.btndisable {
    font-size: 14px;
    padding: 3px 10px 3px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-color: #D1D1D1 !important;
    border-color: #ffffff !important;
}

    .btndisable:hover {
        background-color: #D1D1D1 !important;
        border-color: #ffffff !important;
        cursor: default !important;
        color: White !important;
        border-style: solid !important;
        border-width: 1px !important;
    }

.btndisablePeq {
    background-color: #D1D1D1 !important;
    border-color: #ffffff !important;
    font-size: 12px;
    padding: 1px 5px 1px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

    .btndisablePeq:hoverPeq {
        background-color: #D1D1D1 !important;
        border-color: #ffffff !important;
        cursor: default !important;
        color: White !important;
        border-style: solid !important;
        border-width: 1px !important;
    }

.btnFormularioPeq {
    font-size: 12px;
    padding: 1px 5px 1px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-color: var(--colorFondoBoton);
    color: var(--colorTextoBoton) !important;
    border-style: none;
    /*margin-right: 15px;*/
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .btnFormularioPeq:hover {
        cursor: pointer;
        background-color: var(--colorTextoBoton);
        color: var(--colorFondoBoton) !important;
        border-color: var(--colorFondoBoton);
        border-style: solid;
        border-width: 1px;
    }

.btnNuevo {
    color: var(--colorTextoBotonNuevo) !important;
    background-color: var(--colorFondoBotonNuevo) !important;
}

    .btnNuevo:hover {
        color: var(--colorFondoBotonNuevo) !important;
        border-color: var(--colorFondoBotonNuevo) !important;
        background-color: var(--colorTextoBotonNuevo) !important;
    }

.colorVACACIONES {
    color: #18a118;
}

.colorSEMANASANTA {
    color: #9519d7;
}

.textoVerde {
    background: #3da93d;
    color: white;
    padding: 5px;
    border: 1px solid;
}

.textoRojo {
    background: #e54a4a;
    color: white;
    padding: 5px;
    border: 1px solid;
}

.textoGris {
    background: #7d7575;
    color: white;
    padding: 5px;
    border: 1px solid;
}

.textoVisado {
    /*width:200px;*/
    display: inline-block;
    text-align: center;
    padding-left: 14px;
    padding-right: 14px;
    min-width: 200px;
}


.botonGris {
    background-color: grey;
}

    .botonGris:hover {
        color: grey !important;
        border-color: grey !important;
    }

.botonVerde {
    background-color: #3da93d;
}

    .botonVerde:hover {
        color: #3da93d !important;
        border-color: #3da93d !important;
    }

.lnkBotonNaranja {
    color: #f14500 !important;
    border: 1px solid #f14500;
}

    .lnkBotonNaranja:hover {
        background-color: #f14500;
        color: #fff !important;
    }

.lnkBotonVerde {
    color: #35913C !important;
    border: 1px solid #35913C;
}

    .lnkBotonVerde:hover {
        background-color: #35913C;
        color: #fff !important;
    }

.fuenteMorada {
    color: #006699 !important;
}

.FileUploadFotoFirma {
    font-size: 10px;
    max-width: 100%;
}

.FileUpload {
    font-size: 10px;
    max-width: 100%;
}


.botonRojo {
    background-color: #e54a4a;
}

    .botonRojo:hover {
        color: #e54a4a !important;
        border-color: #e54a4a !important;
    }

.fuenteRojo {
    color: #e54a4a !important;
}

.fuenteGris {
    color: gray !important;
}

.fuenteVerde {
    color: green !important;
}

.botonNaranja {
    background-color: #e5834a;
}

    .botonNaranja:hover {
        color: #e5834a !important;
        border-color: #e5834a !important;
    }

.fuenteNaranja {
    color: #e5834a !important;
}

.fuenteAzul {
    color: navy !important;
}

.fuenteNegra {
    color: black !important;
}

.anchoBotonNormal {
    width: 95px !important;
}

.anchoBotonGrande {
    width: 160px !important;
    padding: 8px 5px 5px 8px;
}

.ctacontable {
    border-color: blueviolet;
}

.linkBoton {
    font-size: medium;
    font-weight: bold;
    padding: 3px 10px 3px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-color: #3f3f3f;
    color: White;
    border-style: none;
    margin-right: 15px;
}

.botonBuscar {
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: bottom;
    height: 32px;
}

.fondoRojo {
    background-color: red;
}

.LabelCabeceraGridVertical {
    FILTER: flipv fliph;
    WRITING-MODE: tb-rl;
    font-weight: 300;
    font-size: 9pt;
    color: white;
    /*font-family: Arial, Helvetica, sans-serif;*/
}


.labelMensaje {
    position: relative;
    padding: 1rem 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 15px;
}

.labelMensajePeq {
    position: relative;
    padding: .5rem .5rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 14px;
    display: block;
}

.labelMensajeCorrecto {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.labelMensajeAzul {
    color: #03236D;
    background-color: #C3D1F2;
    border-color: #A3BBF3;
}

.labelMensajeErroneo {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.labelMensajeAlerta {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.error {
    color: crimson !important;
}

.Info {
    font-style: italic;
    color: Blue !important;
    /*font-weight: bold;*/
}

.InfoFormulario {
    font-style: italic;
    line-height: 1.3;
    display: block;
    font-size: 10px;
    color: black;
}


.labelMensajePeq {
    position: relative;
    padding: .5rem .5rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 14px;
    display: block;
}

.labelMensajeCorrecto {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.labelMensajeAzul {
    color: #03236D;
    background-color: #C3D1F2;
    border-color: #A3BBF3;
}

.labelMensajeErroneo {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.labelMensajeAlerta {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

input:disabled {
    background-color: #e9e9e9;
}

.correcto {
    color: green !important;
}


.SinDefinir {
    color: darkgray !important;
}


.fondeDeshabilitado {
    background-color: #e9e9e9;
}

.colorIconoDeshabilitado {
    color: #a1a1a1 !important;
}

.colorIconoCorrecto {
    color: green !important;
}

.colorIconoFaltanFacturas {
    color: darkorange !important;
}

.colorIconoAlerta {
    color: crimson !important;
}

.colorGrisClaro {
    color: #e7e9e7 !important;
}

.colorNegro {
    color: black !important;
}

.colorTransparente {
    background-color: transparent !important;
}

.resultadoFirmaErronea {
    color: crimson;
    font-weight: bold;
}

.resultadoFirmaColegiadoErronea {
    color: crimson;
    font-weight: bold;
    float: right;
}

.resultadoFirmaColegiadoCorrecta {
    color: green;
    font-weight: bold;
    float: right;
}

.modalTitulo {
    color: #333;
    display: inline-block;
    font-weight: bold;
}

.modalCabecera {
    border-bottom: 1px solid #D5D9D9;
    background-color: #F0F2F2;
    border-radius: 8px 8px 0 0;
    padding: 15px 15px;
    width: 100%;
}

.modalContenido {
    border-radius: 0 0 8px 8px;
    padding: 15px 15px;
}
/**AUTO COMPLETAR*/
.autocomplete_completionListElement {
    margin-top: 0px;
    background-color: #f4f5d1;
    color: #c4c4c4;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: hand;
    overflow: auto;
    height: 120px;
    font-size: 12px;
    text-align: left;
    list-style-type: none;
    z-index: 10009 !important;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    /*background-color: #ffff99;*/
    background-color: #bfbfbf;
    color: BLACK;
    padding: 4px;
    z-index: 10009 !important;
}

/* AutoComplete item */

.autocomplete_listItem {
    /*background-color : window;*/
    color: windowtext;
    padding: 1px;
    z-index: 10009 !important;
    padding: 4px;
}


/*MAPA*/
.contenidorMapa {
    margin-top: 20px;
    height: 600px;
}

.contenedorResultadoMapa {
    position: absolute;
    top: 2px;
    z-index: 4;
    width: 100%;
    text-align: center;
}

.resultadoMapa {
    background: #F3F1ED;
    border: solid 2px rgba(69, 6, 8, 0.52);
    padding: 2px;
    border-radius: 5px;
    display: inline-block;
}

.cargandoGeo {
    display: block;
    text-align: center;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
}


.textoInfoDcha {
    clear: left;
    float: right;
}

.textoInfoIzda {
    clear: left;
    float: left;
}

.textoCentrado {
    text-align: center !IMPORTANT;
}

.textoInformacion {
    font-size: small;
}

.formularioEstrecho {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.IdentificadorformularioLogin {
    display: inline-flex;
    -webkit-transform: scale(.75) translateY(18px);
    transform: scale(.75) translateY(18px);
    /*font-family: roboto,arial,sans-serif;*/
    background: #fff;
    bottom: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #80868b;
    font-size: 16px;
    font-weight: 400;
    left: 8px;
    max-width: -webkit-calc(100% - (2*8px));
    max-width: calc(100% - (2*8px));
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
    transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
    white-space: nowrap;
    width: auto;
    z-index: 1;
}

.formularioLogin {
    width: 100%;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 10px;
}

.altoformulario {
    height: 35px;
}

.formulariosTamControlesOfertaEmpleo {
    width: 100%;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControles {
    width: 100%;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControles50 {
    width: 50%;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesPeq {
    width: 100%;
    margin-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px !important;
    font-size: 12px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.formulariosTamControlesAjustado {
    /*/*width: 100%;*/ */ margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formularioNombreCampo {
    /*display:block;*/
}

.formularioNombreCampoPeq {
    /*display:block;*/
    font-size: 12px !important;
}


.formulariosTamControlesFecha {
    width: 110px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesCoordenadas {
    width: 50px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px;
}

.formulariosTamControlesCorto {
    width: 100px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesOfertaEmpleoCorto {
    width: 100px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesCorto120 {
    width: 120px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesCorto150 {
    width: 150px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesCorto200 {
    width: 200px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesCorto300 {
    width: 300px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesCorto400 {
    width: 400px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesCorto80 {
    width: 80px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formulariosTamControlesCorto50 {
    width: 50px;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
}

.formularioApartado {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #e7e9e7;
    padding-top: 10px;
    padding-bottom: 10px;
}


    .formularioApartado h3 {
        margin-left: 8px;
        font-weight: normal;
        color: #333;
        display: inline-block;
    }

.campoResaltado {
    border-width: 2px;
    border-color: black;
    font-weight: bold;
}

.h3EnlineaConImagen {
    /*margin-left: 8px;*/
    font-weight: normal;
    color: #333;
    display: inline-block;
}

.CuteEditorFrame > body {
    background-color: White;
}

/*MODAL*/
.mpArriba{
    position: fixed !important;
    top: 100px !important; 
}

.mpFondo {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.contenedorModal {
    border-radius: 8px;
    border: 1px solid;
    border-color: #D5D9D9;
    box-shadow: 0 0 14px 0 rgba(15,17,17,.5);
    width: 500px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: white;
    overflow: visible;
    white-space: normal !important;
}

.contenedorModalLogin {
    border-radius: 8px;
    border: 1px solid;
    border-color: #D5D9D9;
    box-shadow: 0 0 14px 0 rgba(15,17,17,.5);
    width: 700px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: white;
    overflow: visible;
    white-space: normal !important;
}

.contenedorModalSinZIndex {
    /*border: 1px solid #006CD9;
    background-color: #006CD9;*/
    width: 500px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: white;
    overflow: visible;
    padding: 10px 10px 10px 10px;
    white-space: normal !important;
}

.contenedorModalFicherosAdjuntos {
    border-radius: 8px;
    border: 1px solid;
    border-color: #D5D9D9;
    box-shadow: 0 0 14px 0 rgba(15,17,17,.5);
    width: 700px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: white;
    overflow: visible;
    /*padding: 10px 10px 10px 10px;*/
    white-space: normal !important;
}

.contenedorModalSellos {
    width: 100%;
    max-width: 1100px;
}

.contenedorModalTodoAncho {
    width: 100%;
    max-width: 1200px;
}

.vistaPreviaFichero {
    height: 250px;
    max-width: 250px;
    max-height: 250px;
    border: 1px solid #496077;
}

.contenedorModalFiltrosAvanzados {
    width: 100%;
    max-width: 1000px;
}
/*TABLA CON LA INFORMACIÓN DE LAS ETIQUETAS DE LAS PLANTILLAS XML*/
.TablaInfoEtiquetasXML {
    border: 1px solid gray;
    border-collapse: collapse;
}

.CeldaCabeceraEtiquetasXML {
    border: 1px solid gray;
    border-collapse: collapse;
    font-weight: bold;
    color: blue;
}

.CeldaEtiquetasXML {
    border: 1px solid gray;
    border-collapse: collapse;
    font-weight: bold;
}

.CeldaInfoEtiquetasXML {
    border: 1px solid gray;
    border-collapse: collapse;
    font-style: italic;
}
/* INICIO*/


.contenedorSlider {
    /*margin-top:40px;*/
    /*margin-bottom:20px;*/
    /*max-width: 1170px;*/
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

.contenedorSliderContenidos {
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.alineacionVerticalSuperior {
    vertical-align: top !important;
}

.alineacionVerticalInferior {
    vertical-align: bottom !important;
}


/*MENU REPONSIVE */

#divMenuResponsive, #divMenuResponsive ul, #divMenuResponsive li, #divMenuResponsive li a {
    margin: 0;
    padding: 0;
}

#divMenuResponsive {
    margin-right: auto;
    margin-left: auto;
    text-align: right;
    /*margin-top: 5px;*/
    clear: both;
    /*margin-left:15px;
    margin-bottom:10px;*/
}

.toggleMenu {
    display: none;
    background-color: var(--colorColegio);
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-top: 0px;
}

    .toggleMenu:after {
        content: '';
        display: block;
        width: 30px;
        height: 5px;
        background: white;
        margin: 7px 5px;
        box-shadow: 0px 0px 0px white, 0px 10px 0px white, 0px 20px 0px white;
        /*box-shadow: 0px 10px 0px #777, 0px 20px 0px #777*/
    }

.nav {
    list-style: none;
    *zoom: 1;
    /*background:#175e4c;*/
    padding-left: 19px;
    padding-top: 19px;
    font-size: medium;
    list-style: none;
    margin-bottom: 0px;
    text-align: left;
    /*padding-bottom: 10px !important;*/
}

    .nav:before,
    .nav:after {
        content: " ";
        display: table;
    }

    .nav:after {
        clear: both;
    }

    .nav ul {
        list-style: none;
        min-width: 16.5em;
        width: auto;
    }

    .nav a {
        padding: 10px 10px !important;
        color: var(--colorTextoMenuCabecera);
        /*font-weight: 400;*/
        /*text-transform: uppercase;*/
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        /*font-size: 12px;*/
        opacity: 1;
        margin-top: -1px !important;
        margin-left: 1px !important;
    }

        .nav a:hover {
            text-decoration: none;
            color: var(--colorTextoMenuCabeceraHover) !important;
        }

        .nav a:link, .nav a:visited {
            color: var(--colorTextoMenuCabecera);
            text-decoration: none;
        }

        .nav a:active {.nav
            color: var(--colorTextoMenuCabecera);
            text-decoration: none;
        }


    .nav li {
        color: var(--colorTextoMenu) !important;
        position: relative;
        margin-right: 5px;
        white-space: nowrap;
    }

    .nav > li {
        float: left;
        /*border-top: 1px solid #104336;*/
    }

        .nav > li > a {
            display: block;
        }

    .nav li ul {
        position: absolute;
        left: -9999px;
    }

    .nav > li.hover > ul {
        left: 0;
        color: var(--colorTextoMenu) !important;
        background-color: #414b92;
    }

    .nav li li.hover ul {
        left: 100%;
        top: 0;
        color: var(--colorTextoMenu) !important;
        background-color: var(--colorFondoMenuPrincipalHover);
    }

    .nav li li .parent {
        background-image: url("../Images/rightArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

    .nav li li a {
        color: var(--colorTextoMenu);
        display: block;
        background-color: var(--colorFondoMenuPrincipal);
        position: relative;
        z-index: 100;
    }

        .nav li li a:hover {
            color: var(--colorTextoMenuHover) !important;
            background-color: var(--colorFondoMenuPrincipalHover);
        }

        .nav li li a:link a:visited {
            color: var(--colorTextoMenu);
            text-decoration: none;
        }

        .nav li li a:active {
            color: var(--colorTextoMenu);
            text-decoration: none;
        }

    .nav li li li a {
        z-index: 200;
        color: var(--colorTextoSubMenu);
        background-color: var(--colorFondoMenuSubMenu);
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

        .nav li li li a:hover {
            color: var(--colorTextoSubMenuHover) !important;
            background-color: var(--colorFondoMenuSubMenuHover);
        }

        .nav li li li a:link a:visited {
            color: var(--colorTextoSubMenu);
            text-decoration: none;
        }

        .nav li li li a:active {
            color: var(--colorTextoSubMenu) !important;
            text-decoration: none;
        }


.RaddioGrande input[type="radio"] {
    display: inline-block;
    vertical-align: top; 
    width: 20px;
    height: 20px;
    /*background-image: url("../Images/uncheck.png");*/
}

    .RaddioGrande input[type="radio"]:checked + label {
        /*background-image: url("../Images/check_2.png");*/
        content: '\f14a';
        vertical-align: top;
        width: 20px;
        height: 20px;
        font-weight: bold;
    }


.CheckBoxGrande input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    /*background-image: url("../Images/uncheck.png");*/
}

    .CheckBoxGrande input[type="checkbox"]:checked + label {
        /*background-image: url("../Images/check_2.png");*/
        content: '\f14a';
        vertical-align: middle;
        width: 20px;
        height: 20px;
        font-weight: bold;
    }

.CheckBoxGrandeColor label {
    /*background-image: url("../Images/uncheck.png");*/
    content: '\f14a';
    color: red;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.CheckBoxGrandeColor input {
    /*background-image: url("../Images/uncheck.png");*/
    content: '\f14a';
    color: red;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

    .CheckBoxGrandeColor input[type="checkbox"]:checked + label {
        /*background-image: url("../Images/check_2.png");*/
        content: '\f14a';
        color: blue;
        vertical-align: middle;
        width: 20px;
        height: 20px;
    }


.CheckBoxGrandeColorInvertido label {
    /*background-image: url("../Images/uncheck.png");*/
    content: '\f14a';
    color: blue;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.CheckBoxGrandeColorInvertido input {
    /*background-image: url("../Images/uncheck.png");*/
    content: '\f14a';
    color: blue;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

    .CheckBoxGrandeColorInvertido input[type="checkbox"]:checked + label {
        /*background-image: url("../Images/check_2.png");*/
        content: '\f14a';
        color: red;
        vertical-align: middle;
        width: 20px;
        height: 20px;
    }

.CheckBoxGrandeColorVerdeRojo label {
    /*background-image: url("../Images/uncheck.png");*/
    content: '\f14a';
    color: red;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.CheckBoxGrandeColorVerdeRojo input {
    /*background-image: url("../Images/uncheck.png");*/
    content: '\f14a';
    color: red;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

    .CheckBoxGrandeColorVerdeRojo input[type="checkbox"]:checked + label {
        /*background-image: url("../Images/check_2.png");*/
        content: '\f14a';
        color: #78b700;
        vertical-align: middle;
        width: 20px;
        height: 20px;
    }

.textoGridPermiso {
}

.textoGridSubDepartamento {
    font-weight: bold;
}

.permisoSOLOLECTURA {
    color: green;
}

.permisoESCRITURA {
    color: crimson;
}

.Italica {
    font-style: italic !important;
}

.divTotalGeneralFactura {
    margin-bottom: 4px;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px #a7a2a2 solid;
    margin-top: 10px;
}

/************    AVISOS   **************/

.ContenedorAvisoTitulo {
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    max-width: 100%;
    border: 1px solid #dedede;
    height: 100%;
}

.ContenedorAvisoModalTitulo {
    max-width: 100%;
}

.ContenedorAvisoCuerpo {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.ContenedorAvisoModalCuerpo {
    margin-top: 15px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.separadorVertical {
    width: 2px;
    vertical-align: top;
    border-right-width: 2px;
    border-right-color: var(--colorColegio);
    border-right-style: solid;
}

.contenedorListaAvisos {
    width: 100%;
    vertical-align: top;
}

.imagenAviso {
    max-height: 50px;
    max-width: 100%;
}

.imagenModalAviso {
    max-width: 100%;
    max-height: 250px;
}

.paginaAvisos {
    clear: both;
    background-color: white;
    max-width: 100%;
    text-align: left;
}

.ContenedorAviso {
    width: 100%;
    height: 110px !important;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    /*padding-right: 10px;*/
    padding-bottom: 10px;
    text-align: left !important;
}


.ContenedorimgAviso {
    width: 10%;
}

.ContenedorimgPanelAviso {
    width: 20%;
}

.ContenedorimgPanelAviso {
    width: 20%;
}

.ContenedorTituloPanelAvisoConImagen {
    width: 74%;
}

.ContenedorTituloPanelAvisoSinImagen {
    width: 100%;
}

.ContenedorTituloAviso {
    width: auto;
    padding-left: 5px;
    font-size: 12px;
    color: black !important;
    font-weight: normal !important;
}

.ContenedorTitulo {
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    max-width: 100%;
    border: 1px solid #dedede;
    height: 100%;
    background-color: white;
}

.ContenedorModalTitulo {
    max-width: 100%;
}

.ContenedorCuerpo {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.ContenedorModalCuerpo {
    margin-top: 15px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.lbAvisoFecha {
    color: #888;
    display: inline-block;
    font-size: 14px;
    line-height: 1.428571429;
}

.lbAvisoTitulo {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1;
}

.lbAvisoMensaje {
}


.ulAviso {
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 10px;
    padding-inline-start: 10px;
}

.ulNumFases {
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 10px;
    padding-inline-start: 10px;
}
/************    AVISOS   **************/

/*ALERTA CONFIRMACION*/

.contenedorMensaje {
    vertical-align: middle;
    padding: 20px 10px 20px 10px;
    max-height: 600px;
    overflow: auto;
    width: 100%;
    text-align: justify;
}

.contenedorMensajeCentrado {
    vertical-align: middle;
    padding: 20px 4px 20px 4px;
    max-height: 600px;
    overflow: auto;
    text-align: center;
    width: 100%;
}

.formu-control {
    width: 100%;
}


.btn-formu-cancelar {
    background-color: #D1D1D1;
    border-color: #ffffff;
}

    .btn-formu-cancelar:hover {
        /*color: #16191f !important;
        border-color: #eeeeee !important;*/
        color: #16191f !important;
        border-color: #16191f;
        border-style: solid;
        border-width: 1px;
    }
/*ALERTA CONFIRMACION*/

/***** ESTADOS DE LAS FASES ***** BORRADOR SOLICITADO FAVORABLE DESFAVORABLE*/

.estadoFase {
    padding: 5px;
    color: white;
}

.EstadosFasesGrid {
    height: 0px !important;
    border-bottom: 12px solid #ac0202;
    border-top: 12px solid #ac0202;
    /*border-left: 4px solid transparent;
    border-right: 4px solid transparent;*/
    padding: 0px;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
    font-size: 10pt;
    display: inline-block;
    color: #ffffff;
    display: inline-block;
}

.etiquetaEstadosFasesGrid {
    font-weight: bold;
    position: relative;
    top: -9px;
}

.EstadosFasesPantalla {
    height: 0px !important;
    border-bottom: 14px solid #ac0202;
    border-top: 14px solid #ac0202;
    /*border-left: 4px solid transparent;
    border-right: 4px solid transparent;*/
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    font-size: 12pt;
    color: #ffffff;
    display: inline-block;
    min-width: 300px;
}

.etiquetaEstadosFasesPantalla {
    font-weight: bold;
    position: relative;
    top: -9px;
}

.divGridEstadosFases {
    background: #3da93d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    border-radius: 3px;
    margin: auto;
}

.divFase {
    width: 100%;
    padding: 6px;
    text-align: center;
    color: black;
    border-radius: 3px;
    margin: auto;
}

/* TAB GRID EXPDIENTES   
----------------------------------------------------------*/
.TabGridActivado {
    background-color: white !important;
    border: 1px solid #463d7b !important;
    border-top: 6px solid #463d7b !important;
    border-bottom: 0px #fff solid !important;
}

.TabGridDesActivado {
    border-top-color: #c1c1c1;
    border-right-color: #c1c1c1;
    border-bottom-color: #c1c1c1;
    border-left-color: #c1c1c1;
    background-color: #E1E1E1;
}

.TabGrid {
    /*font-family: 'Catamaran', sans-serif;*/
    font-size: 14px;
    display: inline-block;
    padding: 5px 25px;
    /*padding: 13px 25px;*/
    /*margin: 10px 4px 0 0;*/
    margin: 2px 2px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.TabGridDiv {
    width: 100%;
    background-color: white;
    border: 1px solid #463d7b !important;
    margin-top: -1px;
    padding: 5px;
}

.labelNumeroSuperIndice {
    background-color: var(--colorColegio);
    max-width: 35px;
    min-width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    top: -7px;
    /*right: -10px;*/
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    padding: 0 2px;
    font-weight: bold;
}

.labelNumeroSuperIndiceEnIconos {
    background-color: white;
    max-width: 35px;
    min-width: 18px;
    height: 18px;
    color: var(--colorColegio);
    border-radius: 10px;
    border: 1px solid var(--colorColegio);
    position: absolute;
    top: -8px;
    right: -5px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    padding: 0 2px;
    font-weight: bold;
}
.labelNumeroSuperIndiceEnIconosSinMarco {
    max-width: 35px;
    min-width: 18px;
    height: 18px;
    color: black;
    position: absolute;
    top: -8px;
    right: -5px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    padding: 0 2px;
    font-weight: bold;
}
.contenedorRelative {
    position: relative;
}

.textoPremiadoGrid {
    -webkit-transform: rotate(-22Deg);
    -moz-transform: rotate(-22Deg);
    transform: rotate(-22Deg);
    color: crimson !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 12pt;
    line-height: 10px;
    display: inline-block;
    POSITION: absolute;
    top: 35%;
    left: 27px;
}

/* ACTIVIDADES   
----------------------------------------------------------*/
.divDisponibilidadFlotante{
    position: fixed !important; 
    width: 250px !important; 
    right: 0px !important; 
    top: 200px !important;
    padding: 10px !important;
}
.colorTarifaGrid {
    color: darkmagenta;
}

.textoBajaSolicitadaGrid {
    -webkit-transform: rotate(-20Deg);
    -moz-transform: rotate(-20Deg);
    transform: rotate(-20Deg);
    color:  green !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    POSITION: absolute;
    bottom: 10px;
    left: 50px;
    /*opacity: 0.70;*/
}

.textoBajaGrid {
    -webkit-transform: rotate(-20Deg);
    -moz-transform: rotate(-20Deg);
    transform: rotate(-20Deg);
    color: crimson !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    display: inline-block;
    POSITION: absolute;
    bottom: 10px;
    left: 0px;
    opacity: 0.70;
}

.textoOnlineGrid {
    -webkit-transform: rotate(-35Deg);
    -moz-transform: rotate(-35Deg);
    transform: rotate(-35Deg);
    /*color: crimson !important;*/
    font-weight: bold !important;
    text-align: center;
    font-size: 12px;
    line-height: 10px;
    display: inline-block;
    POSITION: absolute;
    bottom: -5px;
    left: 0px;
}

    .textoOnlineGrid:hover {
        text-decoration: underline;
    }

.textoAsisteGrid {
    -webkit-transform: rotate(-35Deg);
    -moz-transform: rotate(-35Deg);
    transform: rotate(-35Deg);
    /*color: crimson !important;*/
    font-weight: bold !important;
    text-align: center;
    font-size: 12px;
    line-height: 10px;
    display: inline-block;
    POSITION: absolute;
    bottom: -5px;
    left: 40px;
}

    .textoAsisteGrid:hover {
        text-decoration: underline;
    }

.textoEnEsperaGrid {
    -webkit-transform: rotate(-35Deg);
    -moz-transform: rotate(-35Deg);
    transform: rotate(-35Deg);
    color: crimson !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 12px;
    line-height: 10px;
    display: inline-block;
    POSITION: absolute;
    bottom: -5px;
    left: 0px;
}

    .textoEnEsperaGrid:hover {
        text-decoration: underline;
    }

/* TICKETS   
----------------------------------------------------------*/
.infoGrid {
    font-size: 10px !important;
    line-height: 12px !important;
}

.asuntoGrid {
    font-size: 12px !important;
    font-weight: bold !important;
}

.labelNumMensajesSinLeer {
    position: absolute;
    background-color: CRIMSON;
    max-width: 25px;
    min-width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    top: -7px;
    left: 25px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    padding: 0 2px;
}

.textoSinContestarGrid {
    -webkit-transform: rotate(-35Deg);
    -moz-transform: rotate(-35Deg);
    transform: rotate(-35Deg);
    color: crimson;
    font-weight: bold;
    text-align: center;
    font-size: 6pt;
    line-height: 10px;
    display: inline-block;
}

.textoAbiertoCerradoGrid {
    -webkit-transform: rotate(-90Deg);
    -moz-transform: rotate(-90Deg);
    transform: rotate(-90Deg);
    color: crimson;
    font-weight: bold;
    text-align: center;
    font-size: 6pt;
    line-height: 10px;
    display: inline-block;
}

.sinContestar {
    background-color: gray !important;
}

.contenedornumMensajes {
    position: relative;
    background: #3183d7;
    padding: 8px;
    color: #fff;
    font-size: 16pt;
    text-align: center;
    width: 40px;
    font-weight: bold;
    border-radius: 5px;
    margin: auto;
    word-break: normal;
    display: inline-block;
}

.AltoTicket {
    min-height: 1100px;
}

.SeccionApartada {
    background: #DDDDDD;
    padding: 10px;
    border-radius: 6px;
}

.respuestaPlantilla {
    /*font-weight: 600;
    margin-top: 5px;*/
}

    .respuestaPlantilla img {
        max-width: 100% !important;
        height: auto !important;
    }

.contenedorModalTicket {
    width: 800px;
    background-color: #e7e9e7;
}

.contenedorRespuestas {
    max-height: 600px;
    overflow: auto;
}
/* margin bitween sections */
.margin_top1 {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.margin_top2 {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.margin_top3 {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.margin_top4 {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.margin_top5 {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.margin_top6 {
    float: left;
    width: 100%;
    margin-top: 60px;
}

.margin_top7 {
    float: left;
    width: 100%;
    margin-top: 70px;
}

.margin_top8 {
    float: left;
    width: 100%;
    margin-top: 80px;
}

.margin_top9 {
    float: left;
    width: 100%;
    margin-top: 90px;
}

.margin_top10 {
    float: left;
    width: 100%;
    margin-top: 100px;
}

.margin_top11 {
    float: left;
    width: 100%;
    margin-top: 110px;
}

.margin_top12 {
    float: left;
    width: 100%;
    margin-top: 120px;
}

.marb1 {
    margin-bottom: 10px;
}

.marb2 {
    margin-bottom: 20px;
}

.marb3 {
    margin-bottom: 30px;
}

.marb4 {
    margin-bottom: 40px;
}

.marb5 {
    margin-bottom: 50px;
}

.marb6 {
    margin-bottom: 60px;
}

.marb7 {
    margin-bottom: 70px;
}

.marb8 {
    margin-bottom: 80px;
}

.marb9 {
    margin-bottom: 90px;
}

.marb10 {
    margin-bottom: 100px;
}

.marb11 {
    margin-bottom: 110px;
}

.marb12 {
    margin-bottom: 120px;
}

.arrow_box {
    position: relative;
    background: #fafafa;
    border: 1px solid #dddddd;
    width: 90%;
    float: left;
}

    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 5%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(221, 221, 221, 0);
        border-bottom-color: #fafafa;
        border-width: 10px;
        margin-left: -10px;
    }

    .arrow_box:before {
        border-color: rgba(150, 150, 150, 0);
        border-bottom-color: #dddddd;
        border-width: 11px;
        margin-left: -11px;
    }

.arrow_boxDcha {
    position: relative;
    background: #e7ffda;
    border: 1px solid #dddddd;
    width: 90%;
    float: right;
}

    .arrow_boxDcha:after, .arrow_boxDcha:before {
        bottom: 100%;
        left: 95%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_boxDcha:after {
        border-color: rgba(221, 221, 221, 0);
        border-bottom-color: #e7ffda;
        border-width: 10px;
        margin-left: -10px;
    }

    .arrow_boxDcha:before {
        border-color: rgba(150, 150, 150, 0);
        border-bottom-color: #dddddd;
        border-width: 11px;
        margin-left: -11px;
    }


/*ENCUESTAS*/
.ActividadDatoAdicional {
    margin-top: 7px;
    margin-bottom: 7px;
    /*background-color: #EAEAEA;*/
    padding: 10px;
    border-width: 1px !important;
    border-color: #D6D4D4 !important;
    border: solid;
}

.ActividadTituloPunto {
    font-size: 1.25rem;
}

.ActividadTituloDatoAdicional {
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.ActividadRespuestaInformacionPunto {
}

.ActividadRdbPuntoOpcionesRespuesta {
}

.ActividadTextBoxOpcionRespuesta {
    width: 100%;
}

.ActividadTextBoxOpcionRespuestaNumero {
    max-width: 200px;
}

.chkOpcionesMultiples input[type="checkbox"] {
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

    .chkOpcionesMultiples input[type="checkbox"]:checked + label {
        content: '\f14a';
        height: 20px;
        font-weight: bold;
    }

.chkOpcionesMultiples label {
    content: '\f14a';
    margin-left: 10px;
}

.rbOpciones input[type="radio"] {
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    /*background-image: url("../Images/uncheck.png");*/
}

    .rbOpciones input[type="radio"]:checked {
        /*background-image: url("../Images/check_2.png");*/
        content: '\f14a';
        color: #fff;
        vertical-align: bottom;
        width: 20px;
        height: 20px;
    }

.rbOpciones label {
    content: '\f14a';
    margin-left: 10px;
}
/*VALIDACIONES del PORTAFIRMAS*/
.validacionesEstadoBorde {
    border: 1px solid;
    border-radius: 3px;
}

.validacionesEstadoBordeVALIDADO {
    border: 1px solid var(--bs-green);
}

.validacionesEstadoBordeSIN_VALIDADORES {
    border: 1px solid var(--bs-indigo);
}

.validacionesEstadoBordeANULADO {
    border: 1px solid var(--bs-black);
}

.validacionesEstadoBordePENDIENTE {
    border: 1px solid var(--bs-orange);
}

.validacionesEstado {
    padding: 5px;
    font-size: 12pt;
    font-weight: bold;
    margin: auto;
    text-align: center;
}
/*VALIDACIONES del PORTAFIRMAS*/

/*repositorio*/

.lnkNuevoRepositorio {
    padding: 5px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

.colorCARPETA {
    color: #bbb95d !important;
}

.lnkNuevaCarpeta {
    color: #D3D065 !important;
    border: 1px solid #D3D065;
}

    .lnkNuevaCarpeta:hover {
        color: white !important;
        background-color: #D3D065;
    }

.lnkNuevoDocumento {
    color: #9B2F2F !important;
    border: 1px solid #9B2F2F;
}

    .lnkNuevoDocumento:hover {
        color: white !important;
        background-color: #9B2F2F;
    }

.lnkNuevoEnlace {
    color: #3843C8 !important;
    border: 1px solid #3843C8;
}

    .lnkNuevoEnlace:hover {
        color: white !important;
        background-color: #3843C8;
    }

.enlaceCaminoRepositorio {
    border: 1px solid transparent;
}

    .enlaceCaminoRepositorio:hover {
        /*background-color: #D3ECEE;
        border: 1px solid #A4C3C6;*/
    }