/* DEFAULTS
----------------------------------------------------------*/
* {
    -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');
}

#dhtmltooltip {
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid white;
    padding: 2px;
    background-color: var(--colorColegio);
    color: white;
    visibility: hidden;
    box-shadow: 5px 5px 15px black;
    z-index: 100;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#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;
    margin: 0px;
    padding: 0px;
    color: #000000;
    /*** FOOTER ABAJO **/
    position: relative;
    background-color: white;
}

.bodyInicio {
    /* Ubicación de la imagen */
    /*background-image: url(/images/LoginFondoMovil.jpg?20200930);*/
    /* 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: #ED7123;*/
}

.verResp {
    display: none;
}

.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;
    font-weight: bold;
}

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

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

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



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


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

.ojoPasswordEnLinea {
    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%;
}

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

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

.textoTipoDeRemesa {
    display: block;
    font-size: 38px;
    color: crimson;
    text-shadow: 0 5px 6px #c4b59d, 0px -2px 1px #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
}


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

.contenedorVerifactu {
    padding-top: 3px;
    padding-bottom: 1px;
    border: 1px #995c5c solid;
    border-radius: 5px;
}

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

.contenedorControlFormularioPeq {
    vertical-align: middle;
    /*white-space: nowrap;*/
    padding: 0px 0px 0px 0px;
}

.contenedorControlFormularioFiltros {
    vertical-align: middle;
    /*white-space: nowrap;*/
    padding: 0px 0px 0px 0px;
}


.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;
    }


.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: #fffdbd;
    /*border: 1px solid black;*/
    box-shadow: 5px 5px 15px grey;
    border-radius: 15px;
    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: 350px;
    /*height:270px;*/
    padding: 5px;
    background-color: lavenderblush;
    /*border: 1px solid black;*/
    box-shadow: 5px 5px 15px grey;
    border-radius: 15px;
    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: 300px;
    /*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: solid;
    }


.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;
}


.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;
    }

.imagenAviso {
    max-height: 40px;
    /*max-width: 100%;*/
}


.ContenedorTituloAviso {
    max-width: 100%;
    height: 100%;
    display: flex;
}

.panelMensajeAvisos {
    height: 50px;
    overflow: hidden;
}

    .panelMensajeAvisos p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

.contenedorAviso {
    color: black !important;
    font-size: 12px;
}

.lbRegistroTipo {
    font-size: 12px !important;
    color: black;
    display: inline-block;
    line-height: 1.428571429;
    vertical-align: top;
}

.lbRegistroContador {
    font-size: 12px !important;
    color: black;
    display: inline-block;
    line-height: 1.428571429;
    vertical-align: top;
}

.lbAvisoFecha {
    font-size: 12px !important;
    color: black;
    display: inline-block;
    line-height: 1.428571429;
    vertical-align: top;
}

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

.lbAvisoTitulo {
    font-size: 12px !important;
    line-height: 1.1;
}

.lbAvisoMensaje {
}

.prioridadNORMAL {
    display: none;
}

.prioridadMEDIA {
    font-size: 14px !important;
    color: forestgreen;
}

.prioridadALTA {
    font-size: 14px !important;
    color: yellow;
}

.prioridadURGENTE {
    font-size: 14px !important;
    color: red;
}

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

/*PARA EL CONTROL PRESUPUESTARIO*/
.Etiqueta {
    font-size: 14pt;
    font-weight: bold;
    color: maroon;
}

.LabelEdicion {
    font-size: 12px;
    font-weight: 500;
    color: #000000;
}

.PCuentas {
    font-size: 8pt;
    font-family: Arial;
}

.PIN {
    color: Green;
}

.POUT {
    color: Red;
}

.PTOT {
    color: Blue;
}

.PIN-B {
    color: Green;
    font-weight: bold;
}

.POUT-B {
    color: Red;
    font-weight: bold;
}

.PTOT-B {
    color: Blue;
    font-weight: bold;
}
/*PARA EL CONTROL PRESUPUESTARIO*/

.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%;
    -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%;
    -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%;
    -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;
}

.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;
}

.ancho87 {
    width: 87%;
    -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;
}

.ancho95 {
    width: 94%;
    -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;
}

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

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

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

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

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

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

.margenSuperior15 {
    margin-top: 15px !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 {
}

.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;*/
}


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

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

.colorCorporativo {
    color: var(--colorColegio) !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;
    }


.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;
}

.imagenLogoCabeceraSinLogin {
    width: auto;
    height: auto;
    /*max-width: 100px;*/
    max-height: 80px;
}

.imagenLogoCabeceraConLogin {
    width: auto;
    height: auto;
    /*max-width: 100px;*/
    max-height: 50px;
}

.cabeceraEscudoyTexto {
    display: inline-block;
    margin-top: 5px;
}

.divCabecera {
    width: 100%;
}

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

.sombreado {
    box-shadow: 5px 5px 15px black;
}

.divAccionesTrabajo {
    background-color: white !important;
    font-size: 12px !important;
    vertical-align: top !important;
    text-align: center !IMPORTANT;
    width: 150px;
    line-height: 0.7rem;
    position: relative;
    box-shadow: 5px 5px 15px black;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 10px;
    padding-bottom: 10px;}

.iconoDoneAcciones {
    position: absolute;
    left: -5px;
    top: 0px;
    font-size: 60px !important;
    color: #00df35;
    opacity: 0.55;
    font-weight: bold;
}

.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;
    }

.sinMargen {
    padding: 0px;
}

.tamanoLetra10 {
    font-size: 10px;
}

.tamanoLetra12 {
    font-size: 12px !important;
}

.tamanoLetra14 {
    font-size: 14px;
}

.tamanoLetra16 {
    font-size: 16px;
}

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

.fondoGrisClaro {
    background-color: #EAEAEA;
}

.fondoFacturaEMITIDA {
    background-color: #EAEAEA;
}

.fondoFacturaRECIBIDA {
    background-color: #e5ddfc;
}

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

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



.main {
    padding: 0px 12px 20px;
    margin: 12px 8px 8px 8px;
    min-height: 520px;
    /*max-width: 100%;*/
    clear: left;
    /* max-width:1170px;*/
    /*max-width:940px;*/
    /*width: 100%;*/
    /*max-width: 1170px;*/
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    /*margin-left: calc((100% - 1170px)/2);*/
    /*margin-left: calc((100% - 1000px)/2);*/
    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;*/
    max-width: 1500px;
    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: var(--colorColegio);
}

.bordeDerechaColorClaro {
    border-right-style: solid;
    border-width: 1px;
    border-color: var(--colorColegio);
}

.bordeEncimaColorClaro {
    border-top-style: solid;
    border-width: 1px;
    border-color: var(--colorColegio);
}


.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 noticias */
    background-repeat: no-repeat;
    background-position: bottom right;
}

.Contenido_Noticia {
    padding-top: 20px;
}



#contenedorNavegadorRegistros {
    padding-right: 10px;
}


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


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


.redondeado {
    margin-top: 2px;
    margin-bottom: 2px;
    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;
}


.contenedorCentrado {
    text-align: left;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    opacity: 0.97;
    background-color: white;
    /*margin-bottom: 50px;*/
    border-color: gainsboro;
    box-shadow: 0px 0px 14px 0px #b0b0b0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.TPVEtiqueta {
    font-size: 18px;
}

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

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

.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;
}

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


/*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;*/
    }


.divMenuRepositorio {
    position: absolute;
    width: 200px;
    background-color: #fff;
    box-shadow: 5px 5px 15px grey;
    z-index: 10000;
    border-radius: 10px;
}

.barraMenuRepositorio {
    border: 1px solid transparent;
}

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

    .barraMenuRepositorio > a {
        padding: 2px 5px;
        display: inline-block;
        width: 100%;
    }

.hrMenuRepositorio {
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
}

.overflowWrapBreakWord {
    overflow-wrap: break-word;
}


/*repositorio*/

.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*/
.ddlSexo {
    padding: 6px 0px 6px 0px !important;
}

.fichaColegiadoImagenQR {
    width: 100%;
    max-width: 173px;
    max-height: 162px;
    border: 1px solid gray;
}

.fichaColegiadoImagenLogoWeb {
    width: 100%;
    max-width: 209px;
    max-height: 157px;
    border: 1px solid gray;
}


.fichaColegiadoFoto {
    width: 100%;
    max-width: 100px;
    max-height: 150px;
    border: 1px solid gray;
}

.fichaColegiadoFirma {
    width: 100%;
    max-width: 250px;
    max-height: 100px;
    border: 1px solid gray;
}

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

.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: 0px;
    padding-inline-start: 20px;
}



.correoProgramadoEnviadoGrid {
    padding: 5px;
    width: 100px;
    text-align: center;
    font-size: 10pt;
    display: inline-block;
    color: green;
}

.correoProgramadoEnviado {
    padding: 5px;
    width: 100px;
    text-align: center;
    font-size: 10pt;
    display: inline-block;
    color: green;
}

.correoProgramadoNoEnviado {
    padding: 5px;
    width: 100px;
    text-align: center;
    font-size: 10pt;
    display: inline-block;
    color: crimson;
}

.correoProgramadoNoEnviadoGrid {
    padding: 5px;
    width: 100px;
    text-align: center;
    font-size: 10pt;
    display: inline-block;
    color: crimson;
}

.etiquetacorreoProgramadoEnviado {
    font-weight: bold;
}


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

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

.bordeEmailSeleccion {
    border: 2px solid crimson !important;
}

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

.bordeMarron {
    border: 1px solid var(--colorColegio) !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: #3f3f3f;
            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: inherit;
    /*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 {
        cursor: default;
        background-color: #dddddd;
        /*background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);*/
    }

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

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 {
    min-height:100px !important;
    /*font-family: Arial;*/
    resize: none;
}

.resizeVertical{
    resize: vertical !important;
}

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

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

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

.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;
}
/* 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;
}


h2 > a:link, h2 > a, h2 > a:visited {
    color: #444;
    /*font-weight: 300 !important;*/
}


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

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

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

.letraGrande {
    font-size: large;
}

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

.iconoInfoCSVError {
    vertical-align: middle;
    color: darkorange;
    font-size: 35px;
    margin-right: 15px;
}

.iconoInfoCSVValido {
    vertical-align: middle;
    color: green;
    font-size: 35px;
    margin-right: 15px;
}

.infoCSVError {
    font-size: x-large;
    color: crimson;
}

.infoCSVValido {
    font-size: x-large;
    color: black;
}

.contenedorInfoCSV {
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px #a7a2a2 solid !important;
}

.comentarioCreadoPor {
    color: black;
}

.entradaModificada {
    color: darkblue;
}
/*INFORMACIÓN DEL CSV*/

.CSVdivContenedorContenido {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    opacity: 0.97;
    background-color: white;
    margin-bottom: 50px;
}


.CSVTextoCSV {
    font-size: 18px;
    color: black;
}

.CSVInfoEpigrafe {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: navy;
}

.CSVInfoContenedorElemento {
}

.CSVInfoULAtributos {
    list-style: square outside;
    margin-block-start: 5px;
    margin-block-end: 10px;
    margin-inline-start: 50px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    font-size: 12px;
}

.CSVInfoTituloAtributo {
    padding-right: 10px;
    font-size: 12px;
}

.CSVInfoValorAtributo {
    font-weight: bold;
    font-size: 12px;
}

.CSVInfoSubEpigrafe {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: dimgray;
    padding-left: 30px;
}

.CSVInfoEpigrafeSeparador {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: navy;
    border-top-style: solid;
    border-width: 2px;
    border-color: maroon;
    border-bottom-style: solid;
    border-width: 2px;
    border-color: blue;
}



/*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;
}

/*GRIDs*/

.gridRegistros {
    width: 100%;
}

.gridTab {
    margin-top: 10px !important;
    width: 99%;
    margin: auto;
}

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

.listViewPagerStyleCurrent {
    border: 1px solid #969696;
    padding: 1px 4px 1px 4px;
    background-color: var(--colorFondoPaginacionGrid);
    color: var(--colorTextoPaginacionGrid);
}

.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(--colorFondoPaginacionGrid);
    color: var(--colorTextoPaginacionGrid);
}

.gridHeaderStyle {
    background-color: var(--colorFondoCabeceraGrid);
    color: var(--colorTextoCabeceraGrid);
    text-align: left;
}

    .gridHeaderStyle th {
        padding: 4px 4px 4px 4px;
    }

    .gridHeaderStyle a {
        color: var(--colorTextoCabeceraGrid) !important;
    }

.gridRowStyle {
    background-color: white;
    line-height: 0.8rem;
}

    .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;
}

.gridAlternatingRowStyle {
    background-color: #eee;
    /*background-color: white;*/
    line-height: 0.8rem;
}


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


.Grid_ColumEdit {
    width: 30px;
}

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

/*LOGIN*/
.cajaInicioLogin {
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;*/
    max-width: 600px;
    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: white;
    margin-bottom: 50px;
    /*box-shadow: 0px 0px 14px 0px #eaeaea;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;*/
}

    .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: #faeeeb;
    margin-bottom: 5px;
    color: black;
}

.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: #faeeeb;
}

#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;
}

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

.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;
}


.cajaCambioClave {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    opacity: 0.97;
    background-color: white;
    /*background-image:url(/images/EscudoITI_ClaritoSinTransp.png);*/
}

    .cajaCambioClave h2 {
        font-size: 16px;
        color: var(--colorColegio);
        margin-top: 2px;
        margin-bottom: 5px;
        text-transform: none;
        padding-bottom: 5px;
        font-weight: normal;
        text-align: center;
        border-style: none;
        line-height: 1.5rem;
    }

/*Botones*/

.botonVerTab {
    font-size: 14px;
    width: 100%;
    /*height: 30px;*/
    padding: 0px;
    /*padding-left: 10px;*/
    background-color: transparent;
    border-style: none;
    border-width: 0px;
    cursor: pointer;
    text-align: left;
}


.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;
    font-weight: normal;
    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;
    }

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

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

.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;
    }

.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;
    }


.fuenteMorada {
    color: #006699 !important;
}

.fuenteVerde {
    color: #3da93d !important;
}

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

.FileUpload {
    font-size: 12px;
    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;*/
}


.error {
    color: Red !important;
}

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

.InfoPeq {
    font-style: italic;
    color: var(--colorColegio) !important;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px !important;
}


.correcto {
    color: green !important;
}

.SinDefinir {
    color: darkgray !important;
}

.colorIconoDeshabilitado {
    color: #a1a1a1 !important;
}

.colorIconoCorrecto {
    color: green !important;
}

.colorIconoFaltanFacturas {
    color: darkorange !important;
}

.colorIconoAlerta {
    color: crimson !important;
}

.colorGrisClaro {
    /*color: #e7e9e7 !important;*/
    color: LightGrey !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;
}


/**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;
}


.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;
}

.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;*/
}

.formularioDeshabilitado {
    background-color: #ededed !important;
}

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


.formulariosTamControlesBusqueda {
    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;
}

.formulariosTamControlesFecha {
    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;
}

.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;
}

.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;
}

.formulariosTamControlesCorto150Peq {
    width: 150px;
    margin-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px !important;
}

.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;
}

.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;
}

.formulariosTamControlesCorto60 {
    width: 60px;
    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*/
.mpFondo {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.mpFondo2 {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.contenedorModal {
    /*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;
    /*position:absolute !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;
    position:absolute !important;
}

.contenedorModalDelante {
    /*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;
    z-index: 999999 !important;
    /*max-height: 70%;*/
    /*overflow-y: auto !important;*/
}

.contenedorModalFicherosAdjuntos {
    /*border: 1px solid #006CD9;
    background-color: #006CD9;*/
    width: 700px;
    -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;
}

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

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

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

.contenedorModalFiltrosAvanzados {
    width: 100%;
    max-width: 1000px;
}


.contenedorModalFiltrosAvanzadosScroll {
    width: 1300px;
    max-width: 1300px;
    border-radius: 2px;
    background-color: white;
    overflow: visible;
    padding: 10px 10px 10px 10px;
    white-space: normal !important;
    max-height: 95%;
    overflow-y: auto !important;
    font-size: 12px !important;
}

.contenedorModalFiltrosAvanzadosScrollAncho {
    width: 100%;
    max-width: 1200px;
    border-radius: 2px;
    background-color: white;
    overflow: visible;
    padding: 10px 10px 10px 10px;
    white-space: normal !important;
    max-height: 70%;
    overflow-y: auto !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;
}
/* 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;
}

.alineacionVerticalCentrado {
    vertical-align: middle !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(--colorTextoMenu);
        /*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(--colorTextoMenuHover) !important;
        }

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

        .nav a:active {
            color: var(--colorTextoMenu);
            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: var(--colorFondoMenuPrincipalHover);
    }

    .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 {
        display: block;
        background-color: var(--colorFondoMenuPrincipal);
        /*color: #fff;*/
        position: relative;
        z-index: 100;
        /*border-top: 1px solid #175e4c;  #DFDFDF*/
    }

        .nav li li a:hover {
            /*background: #66A5D5;*/
            /*background-color: #004422;*/
            background-color: var(--colorFondoMenuPrincipalHover);
        }

    .nav li li li a {
        /*background:#249578;*/
        z-index: 200;
        /*border-top: 1px solid #1d7a62;*/
        /*background: #DFDFDF;*/
        background-color: var(--colorFondoMenuSubMenu);
        color: var(--colorTextoMenu);
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

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


.RaddioNegrita input[type="radio"] {
}

    .RaddioNegrita input[type="radio"]:checked + label {
        font-weight: bold;
    }


.RaddioGrande input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
    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: middle;
        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;
    }

    .CheckBoxGrande input[type="checkbox"]: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;
    }


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

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

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


.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;
}

.divGenerarPagoTPV {
    text-align: left;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    opacity: 0.97;
    background-color: white;
    /*margin-bottom: 50px;*/
    border-color: gainsboro;
    box-shadow: 0px 0px 14px 0px #b0b0b0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .divGenerarPagoTPV h2 {
        font-size: 30px;
        color: green;
        font-weight: normal;
        text-align: center;
        border-style: none;
    }
/* TPV*/
.cajaPagoTPV {
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 40px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    opacity: 0.97;
    background-color: white;
    margin-bottom: 50px;
    border-color: gainsboro;
    box-shadow: 0px 0px 14px 0px #b0b0b0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .cajaPagoTPV h2 {
        font-size: 30px;
        color: green;
        font-weight: normal;
        text-align: center;
        border-style: none;
    }

    .cajaPagoTPV h4 {
        font-size: 30px;
        color: crimson;
        font-weight: normal;
        text-align: center;
        border-style: none;
    }

    .cajaPagoTPV h3 {
        font-size: 20px;
        font-weight: normal;
        text-align: center;
        border-style: none;
    }

/************    CGR   **************/

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

.imagenCGRRecintoFotografiaModal {
    width: 100%;
}

.imagenCGRRecintoFotografia {
    height: 120px;
    width: 120px;
}

.imagenCGRFotografia {
    max-height: 255px;
    /*max-width: 100%;*/
}

.ContenedorCGRFotografia {
    /*width: 33%;*/
    max-width: 33%;
    border: 1px #a7a2a2 solid !important;
    /*height: 285px !important;*/
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    /*padding-right: 10px;*/
    padding: 5px;
    text-align: left !important;
    background-color: lightgrey;
    margin: 10px;
}

.ContenedorCGRFotografiaImagen {
    max-width: 100%;
    padding: 4px;
}

.ContenedorCGRFotografiaDesc {
    max-width: 100%;
    padding: 2px;
}

.lblCGRFotografiaDesc {
    font-size: 12px;
}

.ContenedorCGRRecinto {
    /*width: 33%;*/
    width: 30%;
    border: 1px #a7a2a2 solid !important;
    /*height: 285px !important;*/
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    /*padding-right: 10px;*/
    padding: 5px;
    text-align: left !important;
    background-color: lightgrey;
    margin: 10px;
}

.ContenedorCGRRecintoImagen {
    width: 49%;
    padding: 4px;
    display: inline-block;
    vertical-align: top;
}

.ContenedorCGRRecintoCoordenadas {
    width: 49%;
    padding: 4px;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    background-color: white;
}

.txtCGRRecintoCoordenadas {
    width: 100%;
    font-size: 10px;
    height: 185px !important;
    resize: none;
}

.ContenedorCGRRecintoDesc {
    max-width: 100%;
    padding: 2px;
}

.lblCGRRecintoDesc {
    font-size: 12px;
}

.imagenCGRImagen {
    height: 100%;
    width: 100%;
}
/************    CGR   **************/
/************    NOTICIAS   **************/
.separadorVertical {
    width: 2px;
    vertical-align: top;
    border-right-width: 2px;
    border-right-color: var(--colorColegio);
    border-right-style: solid;
    display: inline-block;
}

.contenedorListaNoticias {
    width: 49%;
    vertical-align: top;
    display: inline-block;
}

.imagenNoticia {
    max-height: 90px;
    /*max-width: 100%;*/
}

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

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

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

.ContenedorNodalNoticia {
    width: 100%;
}

.ContenedorTitulo {
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    max-width: 100%;
    border: 1px solid #dedede;
    height: 100%;
    display: flex;
    padding: 4px;
}

.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;
}

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

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

.lbNoticiaMensaje {
}

.ulNoticia {
    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;
}
/************    NOTICIAS   **************/

/*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*/

/***** PUNTOS DE VERIFICACION *****/
.VerifAccionINFORMACIÓN {
    color: blue;
    font-weight: bold;
}

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

.VerifTipoADMINISTRATIVA {
    color: darkviolet;
    font-weight: bold;
}

.VerifTipoTECNICA {
    color: darkgreen;
    font-weight: bold;
}
/***** PUNTOS DE VERIFICACION *****/
/***** 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;
}


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


.etiquetaSituacionColegPantalla {
    font-weight: bold;
}

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


.etiquetaEstadoCuotasPantalla {
    /*font-weight: 500;*/
}

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

.etiquetaAltaBaja {
    color: white;
}

.fondoAlta {
    background-color: green;
}

.fondoBaja {
    background-color: crimson;
}

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

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

.etiquetaEstadoPantalla {
    font-weight: bold;
}

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


.etiquetaEstadoCargoColegPantalla {
    font-weight: bold;
}

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


.etiquetaEstadoCertificadoPantalla {
    font-weight: bold;
}

/*TIPO DE ENTRADA O SALIDA DE ACCESO DE PERSONAL*/
.divEventoAccesoPersonal {
    background: #3da93d;
    padding: 6px;
    color: #000;
    font-size: 16px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    border-radius: 3px;
    margin: auto;
}


.etiquetaEventoAccesoPersonalPantalla {
    font-weight: bold;
}

.cabeceraRegistroAccesoPersonal {
    width: 100%;
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid white;
    padding: 2px;
}

.contenidoRegistroAccesoPersonal {
    width: 100%;
    text-align: center;
    font-weight: normal;
    padding: 2px;
    font-size: 10px;
}

.contenedorRegistroAccesoPersonal {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.accesoENTRADA {
    background-color: #0066a9;
    color: white;
}

.accesoSALIDA {
    background-color: #00a93c;
    color: white;
}

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

.colorCurrRechazado {
    background-color: crimson;
}

.colorCurrVerificado {
    background-color: limegreen;
}

.colorCurrPendiente {
    background-color: cyan;
}

.colorDescargaFicheroEnviado {
    color: green;
}

.colorDescargaFicheroEnviadoNoPermitida {
    color: darkgray;
}

.etiquetaGridCurrSiNo {
    font-weight: bold;
}

.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 var(--colorColegio) !important;
    border-top: 6px solid var(--colorColegio) !important;
    border-bottom: 0px #fff solid !important;
    font-weight: bold;
}

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

.TabGrid {
    font-size: 12px;
    display: inline-block;
    padding: 5px 20px;
    margin: 2px 2px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.TabGridDiv {
    width: 100%;
    background-color: white;
    border: 1px solid var(--colorColegio) !important;
    margin-top: -1px;
    padding: 5px;
}

.TabGridContador {
    font-size: 10px;
    color: blue;
}

.labelNumeroAnotacion {
    max-width: 35px;
    min-width: 18px;
    height: 18px;
    color: var(--colorColegio);
    position: absolute;
    top: 10px;
    right: -15px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    padding: 0 2px;
    font-weight: bold;
}

.labelNumeroSuperIndice {
    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: -15px;
    font-size: 11px;
    font-weight: bold;
    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;
}
/*DATOS CURRICULARES*/
.currPendientes {
    color: blue;
    font-weight: bold;
}

.currValidados {
    color: green;
    font-weight: bold;
}

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

.contenedorRelative {
    position: relative;
}

.divtextoAviso {
    /*background-color:red;*/
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    vertical-align: middle;
}

.textoAviso {
    position: absolute;
    left: calc(50% - 16rem);
    top: 500px;
    font-size: 8rem;
    font-weight: bold;
    opacity: .7;
    -webkit-transform: rotate(-30Deg) !important;
    -moz-transform: rotate(-30Deg) !important;
    transform: rotate(-30Deg) !important;
    z-index: 9999;
    text-shadow: -3px 7px 11px black;
    color: #bcbcbc;
}

.textoComplementarioGrid {
    position: absolute;
    right: -5px;
    top: 7px;
    -webkit-transform: rotate(-35Deg);
    -moz-transform: rotate(-35Deg);
    transform: rotate(-35Deg);
    color: #000000 !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 6pt;
    line-height: 10px;
    display: inline-block;
}

.textoPteFirmaGrid {
    position: absolute;
    left: -5px;
    top: 0px;
    -webkit-transform: rotate(-40Deg);
    -moz-transform: rotate(-40Deg);
    transform: rotate(-40Deg);
    color: crimson !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 7pt;
    line-height: 10px;
    display: inline-block;
    background-color: white;
}

.textoSolicitadaAnulacionPantalla {
    -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: 12px;
    display: inline-block;
}

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

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

.textoEliminadaGrid {
    -webkit-transform: rotate(-35Deg);
    -moz-transform: rotate(-35Deg);
    transform: rotate(-35Deg);
    color: crimson !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 6pt;
    line-height: 10px;
    display: inline-block;
}
/* 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 */
.padding-top10 {
    padding-top: 10px !important;
}

.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;
    }

/*TABS*/

.resp-tab-active {
    font-size: 14px;
    border: 1px solid var(--colorBordeTabs) !important;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 5px 25px !important;
    border-top: 6px solid var(--colorBordeTabs) !important;
    border-bottom: 0px #fff solid !important;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
}

.resp-tab-content {
    border: 1px solid var(--colorBordeTabs);
    border-top-color: var(--colorBordeTabs);
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}


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

.EncuestaTituloPunto {
}

.EncuestaRespuestaInformacionPunto {
}

.EncuestaRdbPuntoOpcionesRespuesta {
}

.EncuestaTextBoxOpcionRespuesta {
    width: 100%;
}

.EncuestaTextBoxOpcionRespuestaNumero {
    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;
}