/*-- Librerias Bootstrap & Alertas Toastr --*/
@import url("../bootstrap.min.css");
@import url("../toastr.min.css");

/*-- CSS con estilos tab themes para Ajax tab panels --*/
@import url("../CSSImports.css");

/*-- CSS con estilos de posicionamiento de controles  --*/
@import url("../CSSLayoutTheme.css");

/*-- CSS con estilos de skin de controles ASP.net 2.0  --*/
@import url("../CSSControles.css");

/*-- Librerias material --*/
/*@import url("../MaterialTheme.css");*/
@import "../../Recursos/Icons/css/all.css";

/*-- CSS con estilos theme apex 2023 --*/
@import url("app.css");
@import url("grid.css");


body {
    background-color: #F4F4F4;
}

em {
    color: #621132;
    font-size: 1.25rem;
}

h1, h1 span, h1 label {
    color: #621132 !important;
    font-size: 1.20em;
}

h2, h2 span, h2 label {
    color: #621132 !important;
    font-size: 1.15em;
}

h3, h3 span, h3 label {
    color: #621132 !important;
    font-size: 1.10em;
}

fieldset legend {
    color: #621132 !important;
    font-weight: normal;
    font-size: 1.15rem;
}

a.cerrarMenuReporte {
    color: #621132;
    font-weight: bold;
}

a.cerrarMenuReporte:hover {
    color: #D21D12 !important;
    cursor: pointer;
}

span.encabezado, label.encabezado, small label.encabezado, .panel span.encabezado, .ficha span.encabezado {
    font-size: 15px;
    padding: 2px 2px;
    padding-left: 10px;
    text-decoration: none;
    color: #621132;
}

span.encabezadomodal, label.encabezadomodal, p label.encabezadomodal {
    padding: 2px 2px;
    padding-left: 5px;
    text-decoration: none;
    color: #F9A713;
}

span.encabezado:hover, label.encabezado:hover, small label.encabezado:hover {
    text-decoration: none;
}

div.barra {
    background-image: url(../../Recursos/01/fondo/Barra/Barra1256x3gris.gif);
    background-repeat: repeat-x;
    height: 3px;
}

div.cabecera, label.cabecera {
    background-image: url(../../Recursos/Img/Iconos/arrow-down.png); /*background-size: 10px 10px;*/
    background-repeat: no-repeat;
    background-position: left;
    line-height: 2
}

/*HMFM - 16/02/2023 Se actualiza a la carpeta de durango*/

div.comentario {
    color: #ac162c;
    background-image: url(../../Recursos/13/Iconos/Comentario.gif);
    background-position: left;
    padding-left: 15px;
    background-repeat: no-repeat;
    margin: 5px;
    font-size: 13px;
}

div.codigo, fieldset.codigo {
    background-image: url(../../Recursos/13/fondo/Background/BackgroundCodigo.gif);
}

fieldset.titulofield legend {
    font-size: 12px;
}

label.tipoLetraDocumentoCenturyLink, a.tipoLetraDocumentoCenturyLink {
    font-size: 1.4em;
    font-size-adjust: initial;
    color: #9D2449;
    padding: 1px 2px;
    text-decoration: none !important;
    font-weight: 800;
}

/*@@  Bubble tooltip  css HTML **/
a.tt, div.tt {
    position: relative;
    color: #010101 !important;
    text-decoration: none;
    display: inline;
}

a.tt:hover, div.tt:hover {
    z-index: 10;
}

a.tt span, div.tt span {
    display: none;
}

a.tt:hover span.tooltip, div.tt:hover span.tooltip {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    padding: 15px 0 0 0;
    width: 200px;
    color: #010101 !important;
    text-align: justify;
}

a.tt:hover span.top, div.tt:hover span.top {
    display: block;
    padding: 30px 8px 0;
    background: url(../../Recursos/01/fondo/FondoComentario.gif) no-repeat top;
}

a.tt:hover span.middle, div.tt:hover span.middle {
    display: block;
    padding: 0 8px;
    background: url(../../Recursos/01/fondo/FondoBaseComentario.gif) repeat bottom;
    max-width: 200px;
}

a.tt:hover span.bottom, div.tt:hover span.bottom {
    display: block;
    padding: 3px 8px 10px;
    color: #0B0B0B !important;
    background: url(../../Recursos/01/fondo/FondoComentario.gif) no-repeat bottom;
}

/*@@  Bubble tooltip  css HTML **/
a.ttt, div.ttt {
    position: relative;
    color: #621132 !important;
    text-decoration: none;
    display: inline;
}

a.ttt:hover, div.ttt:hover {
    z-index: 10;
}

a.ttt span, div.ttt span {
    display: none;
}

a.ttt:hover span.tooltip, div.ttt:hover span.tooltip {
    display: block;
    position: absolute;
    top: -31px;
    left: -37px;
    padding: 15px 0 0 0;
    width: 38px;
    color: #621132 !important;
    text-align: center;
}

a.ttt:hover span.top, div.ttt:hover span.top {
    display: block;
    padding: 20px 8px 0;
    background: url(../../Recursos/01/fondo/FondoComentario.gif) no-repeat top;
}

a.ttt:hover span.middle, div.ttt:hover span.middle {
    display: block;
    padding: 2px;
    background: url(../../Recursos/01/fondo/FondoBaseComentario.gif) repeat bottom;
}


/**@@@@ Modal bajado de matt berseth ajax asp.net @@@ */
.confirm-dialog {
    background: url(../../Recursos/01/fondo/FondoDialog.png) no-repeat left top;
    margin: 0px auto;
    width: 561px;
    padding-top: 14px;
    position: relative;
}

.confirm-dialog .inner {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 11px;
    background: url(../../Recursos/01/fondo/FondoDialog.png) no-repeat left bottom;
    float: left;
    margin: 0px 0px -20px 0px;
    width: 520px;
    padding-top: 0px;
}

.confirm-dialog .base {
    border-top: #ddd 1px solid;
    background: url(../../Recursos/01/fondo/Barra/Barra312x40.png) no-repeat left bottom;
    padding-bottom: 4px;
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 4px;
    text-align: right;
}

.confirm-dialog h2 {
    font-weight: bold;
    font-size: 1.25em;
    color: #2EBDC6;
    text-align: center;
}

/*.close { display: block; background: url(../../Recursos/01/Iconos/CerrarModal.png) no-repeat 0px 0px;	 left: -5px; width: 01px; text-indent: -1000em;	position: absolute;	top: -7px; height: 01px; }*/
.derecha label.encabezado {
    text-transform: uppercase;
    font-weight: lighter;
    text-decoration: none;
}

.derecha table label.encabezado {
    padding: 2px 2px;
    text-decoration: none;
}

.derecha label.encabezado:hover, .derecha table label.encabezado:hover {
    text-decoration: none;
}

.formatoImpresion .logoback {
    background-image: url(../../Recursos/01/logos/logo_aguascalientes.png);
    width: 110px;
    height: 110px;
}

.inputboxdiv {
    margin: 0px;
    height: 21px;
    background: url(../../Recursos/01/fondo/Barra/input_bg.gif) no-repeat bottom;
}

.solicitudCCT {
    background: transparent url(../../Recursos/01/Iconos/Cuadro.gif) no-repeat;
    background-size: 15px;
    padding-left: 20px;
    color: #621132;
}

.usuario {
    background-image: url(../../Recursos/01/Iconos/AR_Nom.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}


/**@@  Identificadores CSS por ID control etiqueta */
#footer {
    background-color: #621132;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    height: 75px;
    width: 95%;
    margin-top: 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
}

#footer small, #footer p {
    color: #FAFAFA;
    font-weight:500 
}

#footer #ContactosTexto small, #footer #ContactosTexto p {
    color: #2D2D2D;
    font-size: 11px
}

#fechaCliente_ {
    font-weight: bold;
    padding-top: 12px;
    padding-left: 12px;
}

#Contactos {
    background: #2D2D2D url(../../Recursos/01/fondo/Vertical/VerticalBannerGris.gif) repeat-x;
    background-position: bottom center;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 54px;
    width: 100%;
}

#SitiosInteres {
    background-position: bottom center;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: none;
    border-top: none;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 64px;
    width: 635px;
    margin-top: 15px;
    margin-left: 70px;
}

#header {
    margin: 0 auto;
    background: #FFF url(../../Recursos/Img/logos/logo_aguascalientes.png) no-repeat right;
    height: 150px;
    width: 90%;
    -webkit-border-radius: 14px 14px 0px 0px;
    -moz-border-radius: 14px 14px 0px 0px;
    border-radius: 14px 14px 0px 0px;
    border-bottom: none;
    background-size: contain;
}

#page {
    border: none;
    border-bottom: none;
    width: 90%;
    padding-top: 0px;
    background-color: #FFF !important;
}

#pageIngreso {
    border: none;
    border-bottom: none;
    width: 1200px;
    padding-top: 0px;
}

#pagehead, .pagehead {
    background-color: #621132;
    height: 56px;
}

.ajaxLoad {
    background: url(../../Recursos/01/fondo/FondoCargando.gif) no-repeat;
}

.ajaxModalPopupBackground {
    background: url(../../Recursos/01/logos/LogoBlanco.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    border: none;
    background-size: 196px 94px;
}

.ajaxModalPopupBackgroundsmall {
    background: url(../../Recursos/01/logos/LogoGobierno.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: inherit;
    border-right: solid 3px #F4F4F4;
    border-bottom: solid 2px #F4F4F4;
    width: 215px !important;
    height: 70px !important;
}

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

.cabecera {
    background: url(../../Recursos/01/Iconos/FlechaB.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 10px;
}

.cabeceraEdita {
    background: url(../../Recursos/01/Iconos/FlechaA.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 10px;
    padding-top: 5px;
}

/*CCSR 16/abril/14 - SDC14004 - Nuevo estilo para mejorar presentación del modal Agregar Plan De Materia (pnlEditaPlanMateria)*/
.cabeceraEditaPM {
    background: url(../../Recursos/01/Iconos/FlechaA.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 6px;
    padding-top: 5px;
}

div.contentError {
    background: #f5f5f5 url(../../Recursos/01/fondo/Barra/bg_shadow_light_left.jpg);
    background-position: left;
    background-repeat: no-repeat;
    margin: auto;
    padding-right: 30px;
}

.fondo {
    background-color: #F2F2F2;
    padding: 4px 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.fondoreporte {
    background-color: #FFF;
    color: #0080C7 !important;
    padding: 4px 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 2px 2px 2px 2px #ccc;
}

.fondogris {
    background: #FAFAFA;
    color: #1C1C1C;
}

.fondoBusquedas {
    background: #FFF;
    border-bottom: #ccc 1px solid;
    color: #000;
    font-style: normal;
    font-weight: normal;
}

.listado {
    border: #0080C7 1px solid; /*font-weight:bold;*/
    font-size: 11px;
    padding: 5px 5px;
}

.listadoInicial {
    color: #0080C7;
    text-transform: none;
}

.Ingreso {
    border: #B4B4B4 1px solid;
    padding: 7px 0px;
    font: 11px Arial;
    background: #F4F4F4 url(../../Recursos/01/fondo/Vertical/VerticalHeader.gif) repeat-x;
    background-position: bottom center;
}

.Ingreso p {
    padding: 3px 5px;
}

.IngresoTitulo {
    background-color: #F8D507;
    color: White;
    padding: 3px;
}

/*CCSR - 16/08/2016 - SiPPE_GEJ - Cambio en el diseño del Inicio GEJ - INI*/
.IngresoLogin {
    border: #B4B4B4 1px solid;
    padding: 7px 0px;
    font: 19px Arial;
    background: #F4F4F4 url(../../Recursos/01/fondo/Vertical/VerticalHeader.gif) repeat-x;
    background-position: bottom center;
}

.IngresoLogin p {
    padding: 3px 5px;
}

/*CCSR - 16/08/2016 - SiPPE_GEJ - Cambio en el diseño del Inicio GEJ - FIN*/
.menudictamen ul {
    border-radius: 4px;
}

.titulocabecera {
    /*color: black;*/
}

.titulo {
    color: #621132;
    padding-left: 5px;
}

.titulonomina, .footernomina {
    background-color: #7c7c81;
    font-size: 15px;
    color: #FFF;
    vertical-align: middle;
}

.footernomina {
    margin-top: 0px;
}

.raghead {
    border: solid 1px #621132;
    background: url(../../Recursos/01/fondo/Vertical/VerticalNegro.gif) #0080C7 repeat;
    color: #FFF;
}

.raghead span {
    color: White;
}

.rag {
    border: solid 1px #F9A713;
    background-color: #F5F6CE;
}

.selectNodo {
    color: #F8D507;
}

.usuario {
    color: #621132;
    font-weight: normal;
}


/*@@  Menu de usuario general segun permisos **/
#menu a {
    background-color: #621132;
    color: #FFF;
    border: none;
}

#menu a:hover {
    color: #FFF;
    border-left: 2px solid #E7EFF2;
    background-color: #707272;
}

/*@@  Background modal popup css, Posicianamiento del popup mensajes css **/
.modalBackground_message, .modalBackground, .modalBackgroundClaro, .modalBackgroundLogin, .SecondModalBackgroundClaro {
    background-color: #707272;
}

.modalTop_message { /*background:#515151 url(../../Recursos/01/fondo/Corner/FilterVerdeBandera.gif) repeat;*/
    border-bottom: solid 1px #F5F5F5;
    background: #621132; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-45deg, #9D2449,#621132); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-45deg, #9D2449,#621132); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-45deg, #9D2449,#621132); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-45deg, #9D2449,#621132); /* Standard syntax */
}

.modalTop_message a, .modalTop_message a:visited, .modalTop_message span, .modalTop_message b, .modalTop_message small {
    color: #FFF;
}

.modalContainer_messageinner modalTop_message {
    background: #621132 url(../../Recursos/01/fondo/Corner/FilterGrisOpaco.gif) repeat;
}

/*@@  Posicionamiento del menu dinamico css **/
#menu_baseline li {
    background-color: #636464;
    background-position: center;
    -webkit-border-radius: 2px;
    border-bottom: 3px;
}

#menu_baseline li a {
    cursor: pointer;
    font-size: 11pt;
    color: #fff;
    background: #dc6b29;
    background-position: left top;
    height: 31px;
}

#menu_baseline li.select {
    background-color: #636464;
}

    #menu_baseline li.select a {
        color: #FFF;
    }

#menu_baseline li:hover a {
    background: #c65e21;
}

#menu_baseline li:hover a {
    color: #FFF;
}

#menu_baseline li.select b {
    font-weight: normal !important;
}

#menu_baseline li b {
    font-weight: normal !important;
}

#menuv {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 100000000000;
}

    #menuv ul, li {
        list-style-type: none;
    }

    #menuv ul {
        margin: 0;
        padding: 0;
    }

#menu table {
    background-color: #621132;
}
/*.MenuDesplegable ul li a:hover{ background-color: #515151; }*/

.MenuDesplegable {
    width: auto;
    margin: 0 auto;
    height: auto;
    border: none;
    position: absolute;
    left: 79.3%;
    z-index: 100;
}

    .MenuDesplegable ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .MenuDesplegable ul li {
            display: inline-block;
            float: left;
            position: relative;
        }

            .MenuDesplegable ul li a {
                color: #ffffff;
                text-decoration: none;
                display: block;
                padding: 10px 10px;
                cursor: pointer;
            }

                .MenuDesplegable ul li a:hover {
                    background-color: #621132;
                }

.SubMenuDesplegable {
    position: absolute;
    background-color: #621132;
    width: 250px;
    top: 45px;
    left: 0px;
    display: none; /*hide the subitems div tag initially*/
    border-bottom: 4px solid #ac162c;
}

    .SubMenuDesplegable ul li {
        width: 250px;
    }

        .SubMenuDesplegable ul li a {
            color: #ffffff;
            text-decoration: none;
            display: block;
            padding: 10px 10px;
            cursor: pointer;
        }

            .SubMenuDesplegable ul li a:hover {
                background-color: #621132;
            }

.MenuDesplegable:hover .SubMenuDesplegable {
    display: block;
}


/*@@ Acordeon - Accordion AjaxControlToolKit **/
.headerAccordionSelect {
    color: #FFF;
    background-color: #621132 !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 35px;
    margin-top: 7px;
}

.headerAccordion {
    background-color: #f2eff0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 7px;
    padding: 2px;
    height: 35px;
}

    .headerAccordion:hover, .headerAccordionSelect:hover {
        cursor: pointer;
    }

.cabecera span {
    color: #1C1C1C;
}

.headerb span {
    color: #1C1C1C;
}

.headerAccordion span {
    color: #621132;
    font-weight: bold;
}

    .headerAccordion span:hover {
        color: #621132;
    }

.headerAccordionSelect span {
    color: #FFF;
    font-weight: bold;
}

/********************************************************************************************************************************/
/** //Modal Popup aceptar atributos  **/
/********************************************************************************************************************************/
.headerAcepta {
    background: url(../../Recursos/01/fondo/Vertical/VerticalSprite.png) repeat-x 0px -100px;
    color: #FFF;
}

    .headerAcepta span {
        color: #FFF;
    }

.bodyAcepta {
    background-color: #f5f5f5;
}

    .bodyAcepta span {
        background: url(../../Recursos/01/Iconos/Abajo.gif) no-repeat;
    }

.footerAcepta {
    background-color: #f5f5f5;
}

.closeAcepta {
    background: url(../../Recursos/01/fondo/Vertical/VerticalSprite.png) no-repeat 0px -300px;
}

/**@@ Tabla/Panel formulario información datos usuario **/
.linktable caption {
    background: #F8D507 url(../../Recursos/01/fondo/Corner/FilterGrisOpaco.gif) repeat-x;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: #F4F4F4 1px solid;
}

.linktable caption span, .linktable caption small, .linktable caption label {
    color: #FBF5EF;
    font-size: 12pt;
    font-size-adjust: initial;
}

.linktable tr td {
    height: 33px;
    padding: 1px 1px;
    margin: 0px 0px;
}

.linktable tbody td a {
    background: url(../../Recursos/01/Iconos/Frame.gif) no-repeat left top;
    background-size: 16px;
    color: #9801AA;
    padding-left: 18px;
    font-size: 11px;
}

    .linktable tbody td a:hover {
        color: #2EBDC6;
    }

.linktable tbody td b {
    font-size: 11px;
}

.linktable tbody td select {
    width: 100px
}

.linktable .cabecera {
    background: #3c3c3c url(../../Recursos/01/fondo/Vertical/VerticalGris.gif);
    color: #FFF;
}

.linktable .horario {
    background-color: #621132;
    color: #FFF;
}

.linktable .rayado {
    background: url(../../Recursos/01/fondo/Background/BackgroundCodigo.gif);
}

.linktable .seleccionado, .linktable .seleccionado label {
    color: #2D2D2D;
    background-color: #FAFAFA;
}

.linktable .noseleccionado {
    background-color: White;
}


/*RAT - 09/11/2013 - Se agrega clase para forzar el display inline de los combos*/
.DropDownListCustom { /*text-transform: uppercase; Ya no se necesita */
    display: inline-block !important;
    font-size: 11px;
    padding: 2px 0px;
    color: #2E2E2E;
}

/********************************************************************************************************************************/
/*@@@ Colores utilizados por los reportes de mensajes y tablas*/
/********************************************************************************************************************************/

.mensajesTable table, table.mensajesTable {
    border: none;
    color: #621132;
    font-size: 12px;
    padding: 2px 0px;
}

    table.mensajesTable tr {
        padding: 7px;
        background-color: #F5F5E0;
    }

        table.mensajesTable tr.alter {
            padding: 7px;
            background-color: #F5F5F5;
        }

    table.mensajesTable td.titulomensaje {
        color: #0080C7;
        background-color: #FFF;
        padding: 5px;
    }

    table.mensajesTable td.mensajetexto {
        color: #2D2D2D;
        padding: 3px;
        text-align: justify;
        background-color: #FFF;
    }

/*#AcordeonBusquedasConfiguracion { width: 100%; margin: 0px auto; height: auto; }
#AcordeonBusquedasConfiguracion ul { text-align:left; margin: 0; padding:0px 0px;}
#AcordeonBusquedasConfiguracion ul li { list-style-type: none; cursor: pointer; width: 100%; height: 35px; padding-top: 6px; padding-left:20px; font-size:1.15em; background: #e5e4e2 !important; border-radius: 4px; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; text-decoration:none !important; margin-top: 7px; color: #621132; font-weight: bold; }
#AcordeonBusquedasConfiguracion ul li:nth-of-type(1) { background-color: #BDBDBD; }
#AcordeonBusquedasConfiguracion ul li:nth-of-type(2) { background-color: #BDBDBD; }
#AcordeonBusquedasConfiguracion ul li:nth-of-type(3) { background-color: #BDBDBD; }
#AcordeonBusquedasConfiguracion ul li:nth-of-type(4) { background-color: #BDBDBD; }
#AcordeonBusquedasConfiguracion ul li:hover { color: #621132; }
#AcordeonBusquedasConfiguracion ul a { color: #B4B4B4; }*/
#AcordeonBusquedasConfiguracion .panel {
    display: none;
    letter-spacing: 0.05em;
    background-color: white;
    color: #333;
}

#AcordeonBusquedasConfiguracion ul li.activo {
    color: #ffffff;
    border: none;
    background: #621132 !important
}


/********************************************************************************************************************************/
/*@@@ Tabs de Búsqueda*/
/********************************************************************************************************************************/
.tabEncabezado {
    background: url(../../_assets/img/vino_bg.gif) repeat-x;
}

    .tabEncabezado a {
        text-decoration: none;
        color: rgba(110, 110, 110, 0.75) !important;
    }

    .tabEncabezado .tabContenedorExterno {
        height: 46px;
        display: inline-block;
    }

    .tabEncabezado .tabContenedorInterno {
        height: 46px;
        margin-left: 16px;
        display: inline-block;
    }

    .tabEncabezado .tabNombre {
        margin: 16px 16px 0px 0px;
        display: inline-block;
    }

.tabContenido div {
    margin: 8px;
}

/*Tab activa*/
.tabActivo .tabContenedorExterno {
    background: url(../../_assets/img/vino_left.gif) no-repeat left top;
}

.tabActivo .tabContenedorInterno {
    background: url(../../_assets/img/vino_right.gif) no-repeat right top;
}

.tabActivo .tabNombre a {
    color: #fff !important;
}

/*Tab hover*/
.tabEncabezado .tabContenedorExterno:hover a {
    color: #fff !important;
}

.tabEncabezado .tabContenedorExterno:hover {
    background: url(../../_assets/img/vino_left.gif) no-repeat left top;
}

    .tabEncabezado .tabContenedorExterno:hover .tabContenedorInterno {
        background: url(../../_assets/img/vino_right.gif) no-repeat right top;
    }


/**@@ Acordeón JQuery UI Tema*/
#AccordionUI {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#AccordionUI {
    width: auto;
    margin: 20px auto;
}

    #AccordionUI .ui-accordion-content {
        border: none;
        font-size: 10pt;
        line-height: 16pt;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        height: auto;
    }

        #AccordionUI .ui-accordion-content > * {
            margin: 0;
            padding: 3px;
        }

        #AccordionUI .ui-accordion-content a {
            font-weight: bold;
        }

    #AccordionUI .ui-accordion-header {
        background-color: #672B87;
        margin: 0px;
        border: none;
        border-bottom: 1px solid #2D2D2D
    }

        #AccordionUI .ui-accordion-header:hover {
            background-color: #672B87;
            color: #2D2D2D;
        }

        #AccordionUI .ui-accordion-header a {
            color: #F5F5F5;
            line-height: 42px;
            display: block;
            font-size: 12pt;
            width: 100%;
            text-indent: 10px;
        }

#screenshot {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}

.screenshot {
    display: none;
}


/*########################################################################################################*/

/*@@ Entradas tipo texto para formulario con estilo parecido a boostrap*/
.markupinput, .markupinput input[type="text"] {
    display: block;
    margin: 0;
    width: 100%;
    font-size: 15px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
}

.markupinput:focus, .markupinput input[type="text"]:focus {
    outline: none;
}

.glowinput, .glowinput input[type="text"] {
    padding: 5px 5px;
    border: solid 1px #707272;
    transition: box-shadow 0.3s, border 0.3s;
    height: 40px;
}

.glowinput:focus, .glowinput input[type="text"]:focus, .glowinput input[type="text"].focus {
    border: solid 1px #00afab;
    box-shadow: 0 0 5px 1px #001BAB;
}

.input-EA, .input-EA input[type="text"], .GA, .GA input[type="text"] {
    font-size: 1.5em;
    font-weight: 500;
}

.thickborder, .thickborder input[type="text"] {
    padding: 8px;
    border: solid 3px #aeaaaa;
    transition: border 0.3s;
}

    .thickborder:focus, .thickborder input[type="text"]:focus, .thickborder input[type="text"].focus {
        border: solid 3px #166bbd;
    }

.underline, .underline input[type="text"] {
    padding: 10px;
    border: none;
    border-bottom: solid 2px #621132;
    transition: border 0.3s;
}

    .underline:focus, .underline input[type="text"]:focus, .underline input[type="text"].focus {
        border-bottom: solid 2px #9acd32;
        outline: none;
    }

/*@@ Entradas tipo listado para formulario con estilo parecido a boostrap*/
select.bordelistado {
    border: 1px solid #111;
    background: transparent;
    width: 200px;
    padding: 5px;
    font-size: 15px;
    border: 1px solid #621132;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select.bordelistado:hover {
        border: 1px solid #9acd32;
    }

select.bordelistadoicono {
    width: 300px;
    padding: 5px 10%;
    font-size: 11pt;
    border: 1px solid #a9a9a9;
    height: 34px;
}

    select.bordelistadoicono:hover {
        outline: none;
    }


/*@@ Entradas tipo boton con animación para formulario con estilo parecido a boostrap*/
button.RegistrarEventos, .RegistrarEventos input[type="button"] {
    border-radius: 4px;
    background-color: #9acd32;
    border: none;
    color: #FFF;
    text-align: center;
    font-size: 25px;
    padding: 8px;
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

    button.RegistrarEventos span, .RegistrarEventos input[type="button"] span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
        color: #FFF;
    }

        button.RegistrarEventos span:after, .RegistrarEventos input[type="button"] span:after {
            content: '\00bb';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 0.5s;
        }

    button.RegistrarEventos:hover span, .RegistrarEventos input[type="button"]:hover span {
        padding-right: 25px;
    }

        button.RegistrarEventos:hover span:after, .RegistrarEventos input[type="button"]:hover span:after {
            opacity: 1;
            right: 0;
        }


button.AgregarEventos, .AgregarEventos input[type="button"] {
    border-radius: 4px;
    background-color: #621132;
    border: none;
    color: #FFF;
    text-align: center;
    font-size: 25px;
    padding: 8px;
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

    button.AgregarEventos:hover {
        background-color: #621132;
    }

    button.AgregarEventos span, .AgregarEventos input[type="button"] span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
        color: #FFF;
    }

        button.AgregarEventos span:after, .AgregarEventos input[type="button"] span:after {
            content: '\00bb';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 0.5s;
        }

    button.AgregarEventos:hover span, .AgregarEventos input[type="button"]:hover span {
        padding-right: 25px;
    }

        button.AgregarEventos:hover span:after, .AgregarEventos input[type="button"]:hover span:after {
            opacity: 1;
            right: 0;
        }

/**Paginación tabla JqueryUI**/
.ui-pagination {
    text-align: right;
    padding-top: 2px;
}

.ui-pagination .ui-pagination-paginated {
    box-shadow: 8px 8px 3px #888888;
}

ul.ui-pagination-navigation {
    margin: 10px 10px;
    text-decoration: none;
    display: inline-block !important;
}

ul.ui-pagination-navigation .ui-helper-clearfix {
padding: 10px 10px;
border: 1px solid #CCC;
border-radius: 3px;
}

ul.ui-pagination-navigation li {
display: inline-block !important;
}

ul.ui-pagination-navigation li.ui-pagination-pagelink {
background: #F5F5F5;
border: 1px solid #2255CC;
margin: 2px 2px;
border-radius: 3px;
}

ul.ui-pagination-navigation li.ui-pagination-pagelink a {
padding: 8px 8px !important;
font-size: 11pt;
color: #222;
text-align: center;
text-decoration: none;
}

ul.ui-pagination-navigation li.ui-pagination-pagelink a:hover {
    color: #621132;
}

ul.ui-pagination-navigation li.ui-pagination-pagelink a:active {
    color: #9acd32
}

ul.ui-pagination-navigation li.ui-state-highlight {
background-color: #c0df71;
padding: 8px 8px;
border: 1px solid #9acd32;
}

/*@@ Web Safe Fonts To Use With CSS - Definición de tipos de botones. */
/*ej. <button type="button" class="btn btn-primary btn-lg sharp">Sharp</button> */
.btn {
    padding: 5px 5px;
    border: 0 none;
    font-weight: normal;
    letter-spacing: 1px;
    cursor: pointer;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-primary {
    background-color: #707272;
    color: #f5f5f5;
}

.btn-primary:hover, .btn-primary:focus {
    background: #621132;
}

.btn-active:active, .btn-active {
    background: #fbb434;
    box-shadow: 0 0 6px 0 #CCC;
}

.btn-active:active:hover, .btn-active:hover {
    background: #fb842b;
    box-shadow: 0 0 6px 0 #CCC;
}

.btn-defaultstate {
    background: #707272 !important;
}

.btn-defaultstate:hover {
        background: #621132 !important;
        box-shadow: 0 0 6px 0 #12337e;
}

.btn-warning {
    background: #707272;
    box-shadow: none;
}

.btn-warning:hover {
    background: #621132;
}

.btn.sharp, .btn.sharp span {
    color: #ffffff;
    font-size: 1.18em;
}

.btn-lg {
    font-size: 16px;
    border-radius: 3px;
}

:checked + label, :checked + small, :checked + span {
    /*color: #0093c9;*/
    text-decoration: none;
}
/*@@ Tooltip imagen */
a[data-title]:hover::before {
    content: attr(data-title);
    padding: 4px 8px;
    color: #166bbd;
    white-space: nowrap;
    position: absolute;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #2EBDC6;
    -webkit-box-shadow: 0px 0px 4px #2EBDC6;
    box-shadow: 0px 0px 4px #2EBDC6;
}

/*#######################################################################################################################################################################*/
/**@@ CSS que modifican el modal Jquery-ui **/
/*DMA-Migracion2020*/
/*Se quita el top:1%!important para que quede centrado el dialog*/
.ui-dialog {
    background-color: #ffffff;
    position: fixed !important;
    z-index: 300001;
    outline: none; /*Fix para que el cuadro de dialogo aparezca siempre em primer plano*/
}

.ui-dialog-titlebar {
    border: none;
}

.ui-widget-header { /*background:#455a64 url(../../Recursos/Img/fondo/Corner/FilterVerdeBandera.gif) repeat;*/
    background-color: #621132 !important;
    background: #9D2449; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-60deg, #621132, #9D2449); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-60deg, #621132, #9D2449); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-60deg, #621132, #9D2449); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-60deg,#9D2449, #621132); /* Standard syntax */
}

.ui-dialog-title {
    color: #ffffff;
    text-transform: uppercase;
    text-align: right;
    width: 96%;
}

.ui-icon-closethick {
    background-image: url(../../Recursos/Img/Iconos/SalirModal.gif) !important;
    background-position: initial;
}

.ui-widget-header .ui-icon {
    background-image: url(../../Recursos/Img/Iconos/SalirModal.gif) !important;
    position: absolute;
    background-repeat: no-repeat;
    top: 0px
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    width: 1px !important;
    height: 1px !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    width: 0px !important;
    height: 0px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: transparent !important;
    border: none !important;
    color: transparent !important;
}

    .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
        padding: 0px !important;
    }

.ui-dialog .ui-dialog-buttonpane button {
    border: none;
    margin: 8px 8px;
    padding: 8px 8px;
    background-color: #707272;
    color: #FFF;
}
    .ui-dialog .ui-dialog-buttonpane button:hover {
        border: none;
        margin: 8px 8px;
        padding: 8px 8px;
        background-color: #621132;
        color: #FFF;
    }
.ui-dialog-close-modal {
    background: transparent !important;
    border: none !important;
    color: transparent !important;
    background-image: url(../../Recursos/Img/Iconos/SalirModal.gif) !important;
    background-repeat: no-repeat !important;
}

.ui-datepicker-header, ui-datepicker-header ui-widget-header {
    padding: 5px 5px;
    border: none;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url('https://api.iconify.design/mdi:chevron-left.svg?color=%23ffffff&width=22&height=22') no-repeat center center !important;
    background-color: transparent;
}

.ui-datepicker .ui-datepicker-next span {
    background: url('https://api.iconify.design/mdi:chevron-right.svg?color=%23ffffff&width=22&height=22') no-repeat center center !important;
    background-color: transparent;
}

.ui-datepicker-calendar .ui-state-default {
    background: none;
    border: none;
    color: #36474F;
    border-radius: 50%;
    height: 20px !important;
    width: 20px !important;
    text-align: center;
    font-weight: bold;
}

.ui-datepicker-calendar .ui-state-hover {
    background: #dc1d30;
    color: #FFF;
}

.ui-datepicker-calendar .ui-state-active {
    background: #621132;
    color: white;
}

.ui-datepicker-unselectable .ui-state-default {
    background: #2D2D2D;
    color: #FAFAFA;
}

.ui-datepicker-calendar .ui-state-hover:hover {
    background: #f2eff0 !important;
    color: #00afab !important;
}

/*SIPSE Versión 6 | Prototipo0 | Autor: GADC 06/12/2019 - Descripción : Modificación calendario tipo material - INI*/
.ui-datepicker td {
    width: 25px !important;
    height: 25px !important;
    padding: 5px 6px 2px 2px;
}

.ui-datepicker th {
    font-size: 1.1em;
}

.ui-datepicker {
    padding: 0px !important;
    /*position: absolute !important;*/
}

    .ui-datepicker .ui-datepicker-title {
        /*margin-top: 5%;*/
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        margin-top: -1%;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        background: none;
        border: none;
        color: white;
        font-size: 1.2em;
        font-weight: bold;
        box-shadow: none;
        -moz-appearance: none;
    }

        .ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option {
            background: white;
            color: black;
        }

.ui-datepicker-calendar .ui-state-active .ui-state-hover {
    background: #D21D12 !important;
    color: white !important;
}

/*.ui-state-hover {
    background: none !important;
    border: none !important;
}*/

.ui-datepicker .ui-datepicker-prev-hover {
    left: 0px !important;
}
/*SIPSE Versión 6 | Prototipo0 | Autor: GADC 06/12/2019 - Descripción : Modificación calendario tipo material - INI*/


/*@@ Tooltip use atributte title tag anchor*/
.TooltipAnchor:hover {
    font-size: 9pt;
}

.TooltipAnchor[title]:hover:after {
    content: attr(title);
    color: White;
    padding: 8px 8px;
    position: relative;
    left: 0;
    top: 100%;
    white-space: nowrap;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 2px #003ced;
    -webkit-box-shadow: 0px 0px 2px #003ced;
    box-shadow: 0px 0px 2px #003ced;
    text-decoration: none;
    background-image: -moz-linear-gradient(top, #000, #0B0B0B);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000),color-stop(1, #0B0B0B));
    background-image: -webkit-linear-gradient(top, #000, #0B0B0B);
    background-image: -moz-linear-gradient(top, #000, #0B0B0B);
    background-image: -ms-linear-gradient(top, #000, #0B0B0B);
    background-image: -o-linear-gradient(top, #000, #0B0B0B);
}

.campoBusqueda {
    font-size: 1.10em;
    padding: 4px 4px;
    vertical-align: middle;
}

    .campoBusqueda:hover {
        border: solid 1px #621132;
        box-shadow: 0 0 1px #621132;
    }

    .campoBusqueda:focus {
        border: solid 1px #621132;
        color: #0B0B0B;
        box-shadow: 0 0 4px #ccc;
    }

    .campoBusqueda:active {
        border: solid 1px #41fba1;
        box-shadow: 0 0 4px #41fba1;
    }

.campoFormulario {
    border: solid 1px #2D2D2D;
    padding: 5px 5px;
    vertical-align: middle;
}

    .campoFormulario:hover {
        border: solid 1px #621132;
        box-shadow: 0 0 2px #41fba1;
    }

    .campoFormulario:focus {
        border: solid 2px #621132;
        color: #000;
        box-shadow: 0 0 2px #41fba1;
    }

    .campoFormulario:active {
        border: solid 1px #621132;
    }

.campoFormularioNoEditable {
    border: solid 1px #F4F4F4;
    padding: 5px 5px;
    vertical-align: middle;
}

    .campoFormularioNoEditable:hover {
        border: solid 1px #F4F4F4 !important;
        box-shadow: 0 0 2px #ccc !important;
    }

    .campoFormularioNoEditable:focus {
        border: solid 1px #F4F4F4 !important;
        color: #000;
        box-shadow: 0 0 2px #ccc !important;
    }

    .campoFormularioNoEditable:active {
        border: solid 1px #F4F4F4;
    }


/*###################################################################
Tabla de Gestion de tramites*/
table.igoogle-sunset {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

    table.igoogle-sunset th {
        color: #FFF;
        background-color: #621132;
        padding: 8px 8px;
    }

/* cell styles */
    table.igoogle-sunset td {
        color: #000;
        border-bottom-color: #621132;
        border-right-color: #621132;
    }

/* mouseover row style */
table.igoogle-sunset tr {
    padding: 6px 6px;
    border: none;
}

    table.igoogle-sunset tr:hover {
        color: #404040;
        background-color: #F4F4F4;
    }

/* mouseover row select */
table.igoogle-sunset .row-select {
    border-bottom: solid 0px #404040;
    border-top: solid 1px #404040;
    background: #F5F5F5;
}

/* row footer style */
table.igoogle-sunset .row-footer {
    border-top: 1px solid #9801aa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* row pager style */
.igoogle-sunset .row-pager, .igoogle-sunset .row-pager:hover {
    background-color: #78909c;
    text-align: center;
    padding: 5px 5px;
}

/*SIPPE Versión  | Synchro | Autor: YGM-25/06/2024  - Descripción : estilos para C.E - INI*/
#abrirMenuAccionesUsuario {
    width: 170px;
    cursor: pointer;
    background-color: #707272;
    color: var(--box-bg);
}

#abrirMenuAccionesUsuario:hover {
    width: 170px;
    cursor: pointer;
    background-color: var(--main-color);
    color: var(--box-bg);
}

.menuCE {
    position: absolute;
    width: 14% !important;
    top: 101.5px;
    color: var(--box-bg);
    left: 837.078px !important;
}

.menuCE .ui-menu-item-wrapper a:hover {
    position: absolute;
    width: 100% !important;
    top: 101.5px;
    color: var(--box-bg);
    background-color: #707272;
}

   /* .menuCE .ui-menu a:hover, .ui-menu-item a:hover {
        position: absolute;
        width: 100% !important;
        top: 101.5px;
        color: var(--box-bg);
        background-color: #707272;
    }*/




/*SIPPE Versión  | Synchro | Autor: YGM-25/06/2024  - Descripción : estilos para C.E - FIN*/

/*################################################################################
Botones Login*/
.panelLogin {
    border-color: #0080C7;
    color: #672B87;
    background-color: #f2e6f1;
    border-top-color: #0080C7;
    border-bottom-color: #0080C7;
}

.buttonLogin {
    color: #fff;
    background-color: #672B87;
    border-color: #672B87;
}

.checkboxLogin input[type="checkbox"]:checked + label::before {
    background-color: #621132;
    border-color: #621132;
}

.checkboxLogin input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#pnlPanelConfiguracion .acPanelConfiguracion .ui-accordion-header {
    border: 1px solid rgba(0,0,0,.125);
}

#pnlPanelConfiguracion .acPanelConfiguracion .ui-accordion-header-active, #pnlPanelConfiguracion .acPanelConfiguracion .ui-state-active {
    background-color: #621132 !important;
}

#pnlPanelConfiguracion .acPanelConfiguracion .ui-accordion-content a {
    color: #ff0000;
}

.acPanelConfiguracion > .ui-accordion-header:not(:last-of-type) {
    border-bottom: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.acPanelConfiguracion > .ui-accordion-header:not(:first-of-type) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
/*
* Se comentan estilos para evitar conflicto con bootstrap
/*Estilos para alert
/* The Modal
.modal {
    display: none; 
    position: fixed;
    z-index: 1; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;
}

/* Modal Content  JRHT - 19/08/2024 - Se descomenta uso de modal para notificar mensaje emergente*/
.contenido-modal {
    background-color: #fb3448;
    margin: auto;
    padding: 20px;
    width: 20%;
    top: 4%;
    position: absolute;
    right: 0px;
    border-radius: 5px;
    color: white;
    font-size: 1em;
    cursor: pointer;
}
#titleError {
    color: white;
}


/*SIPSE Versión 6 | Prototipo0 | Autor: GADC 28/05/2019 - Descripción : estilos para notificacion en actualizacion de checkbox - INI*/
.divNotificacionActualizacion {
    background: #51A351;
    color: white;
    position: fixed;
    z-index: 1;
    margin-top: 1%;
    left: 5%;
    top: 0;
    width: 90%;
    height: 7%;
    border-radius: 5px;
}

.textoNotificacionActualizacion {
    font-size: 1.2em;
    margin-top: -25px;
    margin-left: 3.5%;
}

.iconoNotificacionActualizacion {
    font-size: 2em;
    margin-top: 13px;
    font-weight: bold;
    margin-left: 1.3%;
}
/*SIPSE Versión 6 | Prototipo0 | Autor: GADC 28/05/2019 - Descripción : estilos para notificacion en actualizacion de checkbox - FIN*/

/*SIPSE Versión 6 | Prototipo0 | Autor: GADC 29/05/2019 - Descripción : estilos para checkbox Infraestructura - INI*/
.divCheckBox {
    display: inline;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.divCheckBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    /*background-color: #eee;*/
}

.divCheckBox:hover input ~ .checkmark {
    background-color: #ccc;
}

.divCheckBox input:checked ~ .checkmark {
    background-color: #621132;
    border: none !important;
    height: 21px;
    width: 21px;
}

.divCheckBox input:checked ~ .checkmarkBusqueda {
    background-color: #45B753;
    border: none !important;
    height: 21px !important;
    width: 21px !important;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.img-menu-options {
    margin-left: -32%;
}

.divCheckBox input:checked ~ .checkmark:after {
    display: block;
}

.divCheckBox .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 15px;
    border: solid white;
    border-width: 0 2px 2px 0;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.divCheckBox .checkmarkBusqueda:after {
    left: 7px !important;
    top: 1px !important;
    width: 5px !important;
    height: 14px !important;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}

.divCheckBox input:checked ~ .check-grupal:after {
    display: block;
}

.check-grupal {
    background: #e5e4e2;
    border: none;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 2px;
    left: 4px;
    border-radius: 2px;
}

.divCheckBox input:checked ~ .check-grupal {
    background-color: #f2f3f4;
    border: none !important;
    height: 21px;
    width: 21px;
    border-radius: 2px;
}

.check-grupal:after {
    content: "";
    position: absolute;
    display: none;
}

.divCheckBox .check-grupal:after {
    left: 7px;
    top: 1px;
    width: 5px;
    height: 15px;
    border: solid orangered;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*SIPSE Versión 6 | Prototipo0 | Autor: GADC 29/05/2019 - Descripción : estilos para checkbox Infraestructura - FIN*/
.divCheckBox input ~ .checkmark {
    border: 1.5px solid #B0B1B2 !important;
    border-radius: 3px;
}
/*
:checked + span, :checked + small {
    color: #2255CC;
    text-decoration: none;
}
span, div span {
    color: #1f2021;
}

.tipoLetraDocumentoCourierNew input[type='checkbox']:checked:after {
    background-color: #621132;
    content: '\2714';
}*/

.CheckBoxcss {
    position: relative;
}

.FolioSolicitud {
    position: absolute;
    top: -30px;
    opacity: 0;
    left: -50%;
    width: 58%;
    padding: 5px;
    text-align: center;
    color: white;
    background: #E6E6E6;
    background: #555555;
    border-radius: 3px;
    font-weight: normal;
}

    .FolioSolicitud:after {
        position: absolute;
        top: 35%;
        left: 138px;
        content: "";
        border-width: 10px;
        border-left: 10px;
        border-right: 8px;
        border-bottom: 8px;
        border-style: solid;
        border-color: transparent transparent transparent #515151;
    }

.CheckBoxcss:hover .FolioSolicitud {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: rotate(0deg);
    /*left: -100px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 1.1em;
    text-align: center;
    display: inline-table;
    width: 20px;*/
}

table.igoogle-summer {
    border: solid 1px #ccc;
}

/* Dropdown Button - Menú desplegable en el que se pueda hacer clic con CSS y JavaScript.*/
.MenuListadoBoton {
    background-color: #3498DB;
    color: white;
    padding: 11px 15px;
    font-size: 16px;
    border: none !important;
    cursor: pointer;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: none !important;
    outline: none !important;
}

.MenuListadoContenedor {
    display: inline-block;
}

.MenuListadoContenido {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    bottom: -45%;
    z-index: 1;
}

    .MenuListadoContenido a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .MenuListadoContenido a:hover {
            background-color: #ccc
        }

.MenuListadoContenidoVisible {
    display: block;
}

.igoogle-summer th {
    color: #FFF;
    text-align: center;
    background-color: #0093c9 !important;
    background: #2BB673;
    background: -webkit-linear-gradient(-20deg, #31bf7b, #059751);
    background: -o-linear-gradient(-20deg, #31bf7b, #059751);
    background: -moz-linear-gradient(-20deg, #31bf7b, #059751);
    background: linear-gradient(-20deg, #9D2449,#621132);
}

/*.ButtonASP_Aceptar:hover, .ButtonASP_Buscar:hover, .ButtonASP_Agregar:hover, .ButtonASP_Editar:hover, .ButtonASP_Borrar:hover, .ButtonASP_Guardar:hover, .ButtonASP_Cancelar:hover, .ButtonASP_Perfil:hover, .ButtonASP_Secuencia:hover, .ButtonASP_Asignar:hover, .ButtonASP_Ver:hover, .ButtonASP_Procesar:hover {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #621132;
}*/

.MenuListadoContenido::after {
    content: "";
    margin-left: 19px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #515151 transparent;
}

.rdbtnbusqueda {
    margin-right: 15px;
}

/*SIPSE Versión 6 | Prototipo0 | Autor: GADC 14/11/2019 - Descripción : Estilos para boton flotante control MultiGestion - INI*/
.btn-floating {
    position: absolute;
    right: 8%;
    z-index: 1;
    border-radius: 3px 0 0 3px;
    color: white;
    text-align: center;
    box-sizing: border-box;
}
/*SIPSE Versión 6 | Prototipo0 | Autor: GADC 14/11/2019 - Descripción : Estilos para boton flotante control MultiGestion - INI*/


.ui-menu a:hover, .ui-menu-item a:hover {
    border-bottom: 1px solid white !important;
}

/*SIPSE Versión 6 | Prototipo0 | Autor: GADC 11/12/2019 - Descripción : Estilos responsivos para páginas maestras - INI*/
.header-user {
    width: 90%;
    background: #ffffff;
    margin: 0 auto;
}

.listadoBordegris {
    border: none !important;
    text-align: right !important;
}

.div-principal {
    border: 1px solid #ccc;
    border-radius: 10px;
}

.title {
    color: #621132;
    font-size: 1.5em;
    font-weight: bold;
}

.user-active {
    color: #129CA4 !important;
    margin-left: 10px;
}

.send-date {
    color: #ccc !important;
    font-size: 19px;
}

.item-cerrar-sesion {
    float: right !important;
    font-size: 1.3em !important;
    padding-right: 5px !important;
    cursor: pointer !important;
}

.item-cambiar-contra {
    float: right;
    font-size: 1.3em;
    cursor: pointer;
}


/*small devices*/
@media only screen and (max-width: 576px) {
    .paginador {
        top: 15px;
    }

    .div-container-notifications {
        top: 20px;
    }

    #menu table, .info-ct {
        display: none;
    }

    #MenuSistemaUsuario {
        display: none;
    }

    .menu-responsivo {
        display: block !important;
        color: white;
        font-size: 1.5rem;
        font-weight: bold;
        margin-top: -8px;
    }

    div.panel-opciones-usuario {
        float: none;
    }

    #footer {
        background-image: none;
        height: auto;
    }

    .footer-page {
        display: block !important;
    }

        .footer-page p {
            color: black !important;
            text-align: justify;
            font-size: 1.1em;
        }

    .header-user {
        font-size: 10px;
    }

    .contenido {
        float: none;
        text-align: justify;
    }

    .contenido-master-principal {
        text-align: justify !important;
        margin-left: 0px !important;
    }

    #header {
        display: none;
    }

    #pagehead, .pagehead {
        /*display: contents;*/
        margin-top: 15%;
    }

    #menu table:not(#MasterCambiarContrasenia):not(#MasterCeldaCerrarSesion) {
        border-spacing: 0;
        width: 100%;
    }

    .menuNavegacion li {
        border-spacing: 0;
        width: 100%;
    }

    #menu th, td:not(#MasterCambiarContrasenia):not(#MasterCeldaCerrarSesion) {
        position: relative;
        float: left;
        clear: both;
        width: 100%;
        text-align: left
    }

    .mostrar-submenu {
        display: block !important;
        visibility: visible !important;
    }

    .img-menu-options {
        margin-left: -32%;
        margin-top: -30px;
    }

    .txt-usuario {
        display: block;
        margin-left: -70%;
        margin-top: -10px;
    }

    .SubMenuDesplegable {
        width: 210px;
        top: 55px;
        left: -140px;
    }

    .MenuDesplegable ul li {
        display: contents;
    }

    #img-nextmenu-principal {
        display: none;
    }

    .principal-page-content {
        margin-top: -10% !important;
    }

    .MenuDesplegable ul li a:hover {
        background: none;
    }

    .titulo-notificaciones {
        display: none;
    }

    .item-cerrar-sesion {
        float: none;
        margin-left: 0%;
    }

    .item-cambiar-contra {
        float: none;
    }

    /*
    #file {
        display: block !important;
        font-size: 11px;
        color: #0093c9;
    }

    .table-notification{
        border-collapse: initial;
    }*/

    .div-actions-notifications {
        margin-bottom: 15px;
    }

    .listadoBordegris {
        border: none !important;
        text-align: center !important;
    }

    .fa-user-check {
        font-size: 1.7em;
        position: absolute;
        margin-top: 2%;
    }

    .lblUserName {
        margin-left: 9%;
    }

    .collapse:not(.show) {
        display: block;
    }

    .navsippe {
        display: flex;
    }

    .item-menu {
        float: none !important;
        width: 100% !important;
    }

    #navbardrop {
        text-align: end;
    }
}

@media (max-width: 1400px) {
    .FolioSolicitud:after {
        left: 100%;
    }
}

.lblCtrlStatus {
    color: #621132 !important;
    font-weight: bold;
}

.igoogle-summer .row-pager {
    background: none !important;
}



.ButtonASP_Gris:hover {
    text-decoration: none;
    background-color: #621132;
    box-shadow: 0px 0px 4px #621132;
    -moz-box-shadow: 0px 0px 4px #621132;
    -webkit-box-shadow: 0px 0px 4px #621132;
}


#user {
    width: 550px;
    background: url(../../Recursos/Img/logos/Userpic.jpg) no-repeat 0 22px #FDFEFF;
    border: double 5px #621132;
}


#footerError {
    width: 100% !important;
    background-color: #621132;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    height: 75px;
    margin-top: 10px;
    -webkit-border-radius: 0px 0px 14px 14px;
}


#lblCambioContraseniaLoginUsuario .linktable tr.odd td span, .linktable td.odd span, .form-material-group .placeholder-material, p {
    color: #621132;
    padding: 0 0 !important;
    font-weight: bold;
    margin-bottom: 0 !important;
}

#lblCambioContraseniaLoginUsuario .ui-widget select {
    font-family: Arial /*{ffDefault}*/;
    font-size: 16px !important;
}

#frmCambioContraseniaUsuario .tipoLetraDocumentoImpact {
    font-size: 20px;
    font-family: Impact, Charcoal, sans-serif;
    font-size-adjust: initial;
    color: #F59F10;
    letter-spacing: 1.8px;
    font-weight: bold;
}

.panelDatosContraseña {
    width: 400px;
    float: right;
}

.TabContraseña tr td {
    height: 80px;
    padding: 1px 1px;
    margin: 0px 0px;
}

.LinkButtonNoti span {
    Font-Size: 18px !important;
    color: #06779A !important;
}

.LinkButtonNoti span:hover {
    color: #621132 !important;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bolder;
}

table.ReportesEjecutivosEA th {
    color: White;
    text-align: center;
    background-color: #621132;
    border: solid 1px #FFF;
    font-size: 13px;
}

table.ReportesEjecutivosEA td {
    background-color: #BDBDBD;
    color: #000;
    text-align: center;
    border: solid 1px #FFF;
    font-size: 15px;
}

@media only screen and (max-width: 1400px) {

    table.ReportesEjecutivosEA th {
        color: White;
        text-align: center;
        background-color: #621132;
        border: solid 1px #FFF;
        font-size: 9px;
    }

    table.ReportesEjecutivosEA td {
        background-color: #BDBDBD;
        color: Black;
        text-align: center;
        border: solid 1px #FFF;
        font-size: 11px;
    }
}

/********************************************************************************************************************************/
/*@@@ Tabs de Certificacion Parcial AUGC*/
/********************************************************************************************************************************/

.tabEncabezadoParcial {
    background: url(../../_assets/img/vino_bg.gif) repeat-x;
}

    .tabEncabezadoParcial a {
        text-decoration: none;
        color: rgba(110, 110, 110, 0.75) !important;
    }

    .tabEncabezadoParcial .tabContenedorExterno {
        height: 46px;
        display: inline-block;
    }

    .tabEncabezadoParcial .tabContenedorInterno {
        height: 46px;
        margin-left: 16px;
        display: inline-block;
    }

    .tabEncabezadoParcial .tabNombre {
        margin: 16px 16px 0px 0px;
        display: inline-block;
    }

.tabContenidoParcial div {
    margin: 8px;
}

/*Tab activa*/
.tabActivo .tabContenedorExterno {
    background: url(../../_assets/img/vino_left.gif) no-repeat left top;
}

.tabActivo .tabContenedorInterno {
    background: url(../../_assets/img/vino_right.gif) no-repeat right top;
}

.tabActivo .tabNombre a {
    color: #fff !important;
}

/*Tab hover*/
.tabEncabezadoParcial .tabContenedorExterno:hover a {
    color: #fff !important;
}

.tabEncabezadoParcial .tabContenedorExterno:hover {
    background: url(../../_assets/img/vino_left.gif) no-repeat left top;
}

    .tabEncabezadoParcial .tabContenedorExterno:hover .tabContenedorInterno {
        background: url(../../_assets/img/vino_right.gif) no-repeat right top;
    }


/********************************************************************************************************************************/
/*@@@ Tabs de Certificacion NORMAL AUGC*/
/********************************************************************************************************************************/

.tabEncabezadoNormal {
    background: url(../../_assets/img/vino_bg.gif) repeat-x;
}

    .tabEncabezadoNormal a {
        text-decoration: none;
        color: rgba(110, 110, 110, 0.75) !important;
    }

    .tabEncabezadoNormal .tabContenedorExterno {
        height: 46px;
        display: inline-block;
    }

    .tabEncabezadoNormal .tabContenedorInterno {
        height: 46px;
        margin-left: 16px;
        display: inline-block;
    }

    .tabEncabezadoNormal .tabNombre {
        margin: 16px 16px 0px 0px;
        display: inline-block;
    }

.tabContenidoNormal div {
    margin: 8px;
}

/*Tab activa*/
.tabActivo .tabContenedorExterno {
    background: url(../../_assets/img/vino_left.gif) no-repeat left top;
}

.tabActivo .tabContenedorInterno {
    background: url(../../_assets/img/vino_right.gif) no-repeat right top;
}

.tabActivo .tabNombre a {
    color: #fff !important;
}

/*Tab hover*/
.tabEncabezadoNormal .tabContenedorExterno:hover a {
    color: #fff !important;
}

.tabEncabezadoNormal .tabContenedorExterno:hover {
    background: url(../../_assets/img/vino_left.gif) no-repeat left top;
}

    .tabEncabezadoNormal .tabContenedorExterno:hover .tabContenedorInterno {
        background: url(../../_assets/img/vino_right.gif) no-repeat right top;
    }


/********************************************************************************************************************************/
/*@@@ Tabs de Certificado*/
/********************************************************************************************************************************/

.tabEncabezadoCertificado {
    background: url(../../_assets/img/vino_bg.gif) repeat-x;
}

    .tabEncabezadoCertificado a {
        text-decoration: none;
        color: rgba(110, 110, 110, 0.75) !important;
    }

    .tabEncabezadoCertificado .tabContenedorExterno {
        height: 46px;
        display: inline-block;
    }

    .tabEncabezadoCertificado .tabContenedorInterno {
        height: 46px;
        margin-left: 16px;
        display: inline-block;
    }

    .tabEncabezadoCertificado .tabNombre {
        margin: 16px 16px 0px 0px;
        display: inline-block;
    }

.tabContenido div {
    margin: 8px;
}

/*Tab activa*/
.tabActivoCertificado .tabContenedorExterno {
    background: url(../../_assets/img/vino_left.gif) no-repeat left top;
}

.tabActivoCertificado .tabContenedorInterno {
    background: url(../../_assets/img/vino_right.gif) no-repeat right top;
}

.tabActivoCertificado .tabNombre a {
    color: #fff !important;
}

/*Tab hover*/
.tabEncabezadoCertificado .tabContenedorExterno:hover a {
    color: #fff !important;
}

.tabEncabezadoCertificado .tabContenedorExterno:hover {
    background: url(../../_assets/img/vino_left.gif) no-repeat left top;
}

    .tabEncabezadoCertificado .tabContenedorExterno:hover .tabContenedorInterno {
        background: url(../../_assets/img/vino_right.gif) no-repeat right top;
    }

/**@@ Acordeón JQuery UI Tema*/
#AccordionUI {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#AccordionUI {
    width: auto;
    margin: 20px auto;
}

    #AccordionUI .ui-accordion-content {
        border: none;
        font-size: 10pt;
        line-height: 16pt;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        height: auto;
    }

        #AccordionUI .ui-accordion-content > * {
            margin: 0;
            padding: 3px;
        }

        #AccordionUI .ui-accordion-content a {
            font-weight: bold;
        }

    #AccordionUI .ui-accordion-header {
        background-color: #3FC6FE;
        margin: 0px;
        border: none;
        border-bottom: 1px solid #808080
    }

        #AccordionUI .ui-accordion-header:hover {
            background-color: #00afab;
            color: #621132;
        }

        #AccordionUI .ui-accordion-header a {
            color: #F5F5F5;
            line-height: 42px;
            display: block;
            font-size: 12pt;
            width: 100%;
            text-indent: 10px;
        }

#screenshot {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}

.screenshot {
    display: none;
}

#lblTituloTramiteIncidenteFlujo {
    color: #9D2449;
}

/*@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    
    /*.navbar .nav-item:hover .nav-link {
        color: #fff;
    }
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
        z-index: 999999 !important;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}*/
.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

#MenuSistemaUsuarioResponsivo .dropdown-toggle::after {
    border: none !important;
}

@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu {
        margin-top: 0;
    }

        .dropdown-menu > li:hover > .submenu {
            display: block;
        }

    .navsippe > li:hover > .dropdown-menu {
        display: block;
    }
}

.close {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.btn-group-ce {
    background: #dc6b29;
    color: #fff !important;
    font-size: 1rem !important;
    text-transform: initial;
    box-shadow: none !important;
    outline: none !important;
    margin-right: 5px;
    font-weight: bold;
    width: 170px;
}

.btn-group-ce:hover {
    background: #c65e21 !important;
}

.accordion-active {
    background: #32bdb6;
}

    .accordion-active h2 {
        color: #fff !important;
    }

.encabezado-menu {
    font-size: 1.02rem !important;
    /*font-weight: bold;*/
}
 
/*Calendario*/
.ajax__calendar_container TABLE {
    font-size: 15px !important;
    width: 180px !important;
  
}


    .ajax__calendar_container table thead {
        background-color: #621132 !important;
        color: #fff !important;
    }

.ajax__calendar_container {
    font-size: 15px !important;
    width: 200px !important;
    height: 205px !important;
   
}
/*Calendario*/

/*Autocomplete*/
.ui-autocomplete > .ui-menu-item > .ui-state-active {
    color: #621132 !important;
    font-weight: bold !important;
    background-color: #BDBDBD !important;
    border-width: 0 !important;
}
/*Autocomplete*/

/*Ajuste de dialog title*/
.ui-dialog-title {
    padding-right: 10px;
}
/*Ajuste de dialog title*/