html,
body {
    font-family: -apple-system,
        BlinkMacSystemFont,
        "Segoe UI", Roboto,
        "Helvetica Neue",
        Arial, sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji";
    width: 100%;
    background: #eeeeee;
    justify-content: center;
    align-items: center;
}

.tablaEncabezado {
    width: 99%;
    border: solid 2px gray;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.tablaEncabezado caption {
    padding: 7px;
    text-transform: uppercase;
    background-image: linear-gradient(to bottom, white, black);
    color: white;
    font-weight: 600;
    font-size: 15px;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.tablaEncabezado th {
    text-align: right;
    border-bottom: solid 1px #b7b7b7;
    color: #333333;
    font-size: 12px !important;
}

.tablaEncabezado td {
    text-align: left;
    border-bottom: solid 1px #b7b7b7;
    font-size: 12px !important;
}

.LineaBotones {
    padding: 5px;
    display: flex;
    justify-content: right;
    align-items: center;
    width: 100%;
}

.LineaBotones td{
    border: none;
}

input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="datetime-local"], input[type="password"], select, textarea {
    padding: 0.375rem;
    font-size: 0.6rem;
    background-color: #fff;
    text-transform: uppercase;
    border: none !important; /* Elimina todos los bordes */
    border-bottom: 1px solid #193d5b !important; /* Añade solo el borde inferior de color azul */
    outline: none !important; /* Elimina el contorno predeterminado al hacer clic en el input */

}

/*input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
    box-shadow: 2px 1px 2px 2px #add2ff;
}*/
.botonesPaginacion input{
    margin:0 10px 2px 10px;
}
.botonesPaginacion input.reporteExcel{
    background-image:url(/public/img/excel.svg);
    background-size: 24px;
    background-repeat:no-repeat;
    background-color:inherit;
    background-position:center;
    border:none;
    width:24px;
    height:24px;
    padding-top:2px;
    padding-bottom:1px;
    color:red;
    cursor:pointer;
    margin:0 10px 2px 10px;
}
.botonesPaginacion span.exportar{
    float:right;
}
.botonesPaginacion input:disabled{
    background-color:#c5d3db;
    color:#80a0a0;
    border-right:#dfefef 1px solid;
    border-top:#dfefef 1px solid;
    border-left:#dfefef 1px solid;
    border-bottom:#dfefef 1px solid;
    -moz-box-shadow:1px 1px 2px #888;
}

.botonesPaginacion input:disabled:hover{
    background-color:#c5d3db;
    color:#80a0a0;
    border-right:#dfefef 1px solid;
    border-top:#dfefef 1px solid;
    border-left:#dfefef 1px solid;
    border-bottom:#dfefef 1px solid;
    -moz-box-shadow:1px 1px 2px #888;
}
.botonesPaginacion select{
    font-family: 'Montserrat' !important;
    text-align: center;
    background-color: #c5d3db !important;
    color: #193d5b;
}
.tablaAplicaciones{
    margin:2px;
}
.tablaAplicaciones td{
    text-align:center;
    text-transform:capitalize;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    color:#666;
    border:#f0f0ff 2px double;
    padding:2px;
}
.tablaAplicaciones td a{
    color:#666;
    text-decoration:none;
}
.tablaAplicaciones td:hover{
    background-color:#efefff;
    color:#006;
    font-weight:bold;
    cursor:pointer;
    -moz-box-shadow:3px 3px 5px #888;
    border:#c0c0df 2px solid;
}
.tablaAplicaciones td:hover img{
    opacity:1;
    filter:alpha(opacity=100);
}
.tablaAplicaciones td img{
    border:0;
    opacity:.5;
    filter:alpha(opacity=50);
}
.Advertencia{
    font-size:10px;
    font-family:"Times New Roman",Times,serif;
    font-weight:bold;
    color:red;
}
.AzulMin{
    color:#009;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:10px;
}
.CantEntrada{
    color:#093;
}
.CantSalida{
    color:#c90;
}
.Derechos{
    font-size:10px;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:white;
    background-color:#222;
    border-color:#000;
    background-image:url(/public/img/degrade3.gif);
    background-repeat:repeat;
}
.Derechos td{
    text-align:center;
}
.ErrorCelda{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:18px;
    color:#f00;
    background-color:#fff;
    border:thin solid #666;
    font-weight:bold;
    font-style:normal;
}
.MsgError,.msgError{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:10px;
    color:#f30;
    text-transform:capitalize;
}
.NoImprimir{
    visibility:visible;
}
.NegroMin{
    font-size:10px!important;
    font-weight:bold!important;
    font-family:Verdana,Arial,Helvetica,sans-serif!important;
}
.Oculto{
    display:none;
}
.requerido{
    font-family:"Courier New",Courier,monospace;
    font-size:15px;
    font-weight:900;
    color:#f00;
}
.Separador{
    padding-right:30px;
}
.Sesion{
    color:#b9ccff;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
}
.SoloImprimir{
    display:none;
}
.TextoAlmagrario{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    color:#fff;
    font-size:10px;
}
.Texto{
    white-space:pre;
}
.TextoSi{
    font-family: "Montserrat";
    color: #093;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
}
.perDecimal{
    font-family: "Montserrat" !important;
    color: #c90 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: bold !important;
}
.TextoMensaje{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:20px;
    color:#333;
    font-weight:normal;
    font-style:normal;
    text-align:center;
}
#verImagen{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    color:#fff;
}
input[type="text"]{
    border:1px solid #888;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
input[type="button"]{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
/*button, input[type="button"], input[type="submit"], input[type="reset"] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #212529;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: 4px;
    color: #fff;
    background-color: #0d6efd;
    border-color: #007bff;
    border-right: #000066 2px outset;
    border-top: #1111FF 1px solid;
    border-left: #1111FF 1px solid;
    border-bottom: #000066 2px outset;
    border-radius: 3px;    
}*/

/*button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background: #0d6efd;
    color: white;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;    
}*/

/*button:not(:disabled):not(.disabled), input[type="button"]:not(:disabled):not(.disabled), input[type="submit"]:not(:disabled):not(.disabled) {
    cursor: pointer;
}*/

/* Estilo para el input file oculto */
.file-input-container input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}


/* Opcional: Estilo para el texto "Seleccionar archivo" */
.file-input-container{
    font-size: 14px;
}

/* Opcional: Estilo para el botón al pasar el cursor por encima */
.file-input-container .file-input-button:hover {
    background-color: #193d5b;
}



#content input[type="button"].BotonCalendario, button.BotonCalendario, .BotonCalendario {
    border-style: none;
    background-image:url(/public/img/calendario.svg);
    background-repeat:no-repeat;
    background-color:inherit;
    background-position:center;
    border:none;
    width:22px;
    padding-top:2px;
    padding-bottom:1px;
    color:black;
    cursor:pointer;
}

.BotonCalendario {
    cursor: pointer;
}

.requerido{
    font-family:"Courier New",Courier,monospace;
    font-size:15px;
    font-weight:900;
    color:#193d5b;
}


/* definido */
marquee{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:9px;
    background-color:#fff;
}
#Desplegable1{
    color:#333;
    background-color:#beccda;
    border-top:1px solid #cfddeb;
    border-right:2px solid #8b99a7;
    border-bottom:4px solid #9caab8;
    border-left:3px solid #beccda;
}
#Desplegable1 h3{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:bold;
}
#Desplegable1 table{
    border-top:1px solid #aaa;
    border-right:3px solid #aaa;
    border-bottom:3px solid #aaa;
    border-left:1px solid #aaa;
}
#Desplegable1 table td{
    font-size:14px;
    color:#039;
    background-color:#dfeefc;
}
#Desplegable1 table th{
    font-size:16px;
    color:#006;
    background-color:#dfeefc;
}
#App_Mem{
    color:#fff;
    font-size:8px;
}
.tablaEncabezado{
    border:1px solid #333;
}
.TablaDatos{
    table-layout:auto;
}
ul.ui-autocomplete{
    font-size:11px;
    color:#309;
    font-weight:normal;
    text-transform:uppercase;
    border-top:1px solid #005;
    border-left:1px solid #005;
    border-bottom:1px solid #b2b2e0;
    border-right:1px solid #b2b2e0;
    width:250px;
    background-color:#cee3f6;
    border:1px solid #fff;
    outline:1px solid #ccc;
    cursor:pointer;
    margin-top:0;
    margin-left:0;
    display:block;
}
ul.ui-autocomplete li{
    list-style:none;
    border-bottom:1px solid #e0e0e0;
    border-top:1px solid #fff;
    overflow:hidden;
    display:block;
}
ul.ui-autocomplete li:first-child{
    border-top:none;
    display:block;
}
ul.ui-autocomplete li:last-child{
    border-bottom:none;
}
ul.ui-autocomplete li a{
    color:#000;
    border:none!important;
    text-decoration:none!important;
    padding:5px 8px;
    display:block;
}
#ui-active-menuitem{
    background-color:#dbebf6;
    color:#666;
    cursor:pointer;
    display:block;
}
ul.ui-autocomplete li a:hover{
    background:#3d91a5;
    display:block;
}
.TablaDatos caption{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:20px;
    color:#dfeefc;
    background-color:#23337b;
    border-top:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
    text-transform:uppercase;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    text-align:center;
    background-image:url(/public/img/degrade4.gif);
    background-repeat:repeat;
    height:30px;
    padding-top:4px;
}
.tituloTabla{
    font-family:'Montserrat';
    font-size:20px;
    color:#fff;
    background-color:#193d5b !important;
    text-transform:uppercase;
    text-decoration:none;
    text-align:center;
}
.TablaDatos table th,.TablaDatos table th label,.TablaDatos .negro{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
    font-style:normal;
    font-weight:bold;
    font-variant:normal;
    text-transform:none;
    color:#000;
    background-color:#efefef;
    background-image:url();
    background-repeat:no-repeat;
    border-top:1px none #ccc;
    border-right:1px none #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px none #ccc;
    text-align:right;
    padding:3px;
}
.TablaDatos table td{
    font-family: 'Montserrat' !important;
    font-size:10px;
    font-weight:normal;
    font-style:normal;
    color:#009;
    text-transform:uppercase;
    padding:3px;
    border-top:1px none #ccc;
    border-right:1px none #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px none #ccc;
    text-align:left;
}
.TablaDatos table td.minuscula,
.TablaDatos table td.minuscula input,
.TablaDatos table td.minuscula textarea,
.TablaDatos table td.minuscula input:hover,
.TablaDatos table td.minuscula select:hover,
.TablaDatos table td.minuscula input:hover,
.TablaDatos table td.minuscula select:hover,
.TablaDatos table td.minuscula select option{
    text-transform:lowercase;
    font-size:11px;
}
.TablaDatos table td.letranormal,
.TablaDatos table table td.letranormal,
.TablaDatos table td.letranormal input,
.TablaDatos table td.letranormal textarea,
.TablaDatos table td.letranormal input:hover,
.TablaDatos table td.letranormal select:hover,
.TablaDatos table td.letranormal input:hover,
.TablaDatos table td.letranormal select:hover,
.TablaDatos table td.letranormal select option,
.letranormal,
.TablaDatos table.letranormal td,
.TablaDatos table.letranormal td input{
    text-transform:none !important;
    font-size:11px !important;
}
.TablaDatos table td.letracapital,
.TablaDatos table td.letracapital input,
.TablaDatos table td.letracapital textarea,
.TablaDatos table td.letracapital input:hover,
.TablaDatos table td.letracapital select:hover,
.TablaDatos table td.letracapital input:hover,
.TablaDatos table td.letracapital select:hover,
.TablaDatos table td.letracapital select option{
    text-transform:capitalize;
}
.TablaDatos table td.conTabla{
    padding:0;
}
.TablaDatos table td.conTabla table{
    padding:0;
    border:0 none #aaa;
}
.TablaDatos input[type="button"],
.TablaDatos input[type="submit"],
.TablaDatos input[type="reset"],
.TablaDatos button{
    font-family: 'Montserrat' !important;
    font-size:7pt;
    font-weight:bold;
    text-decoration:none;
    text-transform:capitalize;
    color:#036;
    background-color:#c5d3db;
}
TablaDatos input[type="button"]:focus,
.TablaDatos input[type="submit"]:focus,
.TablaDatos input[type="reset"]:focus{
    font-family: 'Montserrat' !important;
    font-size:7pt;
    font-weight:bold;
    text-decoration:none;
    text-transform:capitalize;
    color:#036;
    background-color:#c5d3db;
}
.TablaDatos input[type="button"]:hover,
.TablaDatos input[type="submit"]:hover,
.TablaDatos input[type="reset"]:hover{
    font-family: 'Montserrat';
    font-size:7pt;
    font-weight:bold;
    text-decoration:none;
    text-transform:capitalize;
    color:#036;
    background-color:#c5d3db;
}
.TablaDatos input,
.TablaDatos textarea{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#009;
    background-color:#f1f3f3;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-transform:uppercase;
    border-top:1px solid #005;
    border-left:1px solid #005;
    border-bottom:1px solid #b2b2e0;
    border-right:1px solid #b2b2e0;
}
.TablaDatos input.sinBorde,
.TablaDatos textarea.sinBorde,
.TablaDatos select.sinBorde{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#009;
    background-color:#f1f3f3;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-transform:uppercase;
    border-top:0 solid #000;
    border-left:0 solid #000;
    border-bottom:0 solid #000;
    border-right:0 solid #000;
}
.TablaDatos select{
    font-family: 'Montserrat' !important;
    font-size:13px;
    color: #193d5b;
    background-color: #fff !important;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}
.TablaDatos select option{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:10px;
    color:#39c;
    background-color:#f3f3f3;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    border:thin none #ccc;
    text-transform:uppercase;
}
.TablaDatos input:focus,
.TablaDatos textarea:focus{
    font-size:11px;
    color:#309;
    background-color:#cf6;
    font-weight:normal;
    text-transform:uppercase;
    border-top:1px solid #005;
    border-left:1px solid #005;
    border-bottom:1px solid #b2b2e0;
    border-right:1px solid #b2b2e0;
}
.TablaDatos input.sinBorde:focus,
.TablaDatos select.sinBorde:focus,
.TablaDatos textarea.sinBorde:focus{
    background-color:#8ed0f0;
    border:0 solid #000;
}
.TablaDatos input:hover,
.TablaDatos textarea:hover{
    font-size:11px;
    color:#309;
    font-weight:normal;
    text-transform:uppercase;
    background-color:#d7ffff;
    border-top:1px solid #005;
    border-left:1px solid #005;
    border-bottom:1px solid #b2b2e0;
    border-right:1px solid #b2b2e0;
}
.TablaDatos input.sinBorde:hover,
.TablaDatos select.sinBorde:hover,
.TablaDatos textarea.sinBorde:hover{
    background-color:#d7ffff;
    border:0 solid #000;
}
.TablaDatos input:disabled,
.TablaDatos select:disabled,
.TablaDatos textarea:disabled{
    color:#586b98;
    background-color:#d6dae4;
    border-top:1px solid #6a6a6a;
    border-left:1px solid #6a6a6a;
    border-bottom:1px solid #ebedf1;
    border-right:1px solid #ebedf1;
}
.TablaDatos input.BotonCalendario{
    background-image:url(/public/img/calendario.png);
    background-repeat:no-repeat;
    background-color:inherit;
    background-position:center;
    border:none;
    width:22px;
    padding-top:2px;
    padding-bottom:1px;
    color:red;
    cursor:pointer;
}
.TablaDatos table.tituloFormulario{
    border-top:0 solid #aaa;
    border-right:0 solid #aaa;
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
}
.TablaDatos table.tituloFormulario th{
    text-align:center;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:bold;
    font-style:italic;
    color:#dfeefc;
    background-color:#23337b;
    border:thin solid #999;
    background-image:url(/public/img/degrade4.gif);
    background-repeat:repeat;
}
.TablaDatos table.tituloFormulario td{
    font-size:10px;
    font-weight:bold;
    color:#fff;
    background-color:#9999af;
    text-align:center;
}
.TablaDatos table.sinLineasGuia th{
    border:0 none #aaa;
}
.TablaDatos table.sinLineasGuia td{
    border:0 none #aaa;
}
.TablaDatos table.formatoVertical th{
    text-align:center;
    border:4px solid #fff;
    background-color:#c5d3db;
}
.TablaDatos table.formatoVertical td{
    text-align:center;
    border:4px solid #fff;
}
.TablaDatos table.formatoVertical tr{
    background-color:#efefef;
}
.TablaDatos table.formatoVertical tr.filacolor2,
.TablaDatos tr.importante{
    background-color:#d5d5d5;
}
.TablaDatos table.formatoVertical tr:odd{
    background-color:#efefef;
}
.TablaDatos table.formatoVertical tr:even{
    background-color:#d5d5d5;
}
.TablaDatos table.formatoVertical tr:hover{
    background-color:#e2fceb;
}
.TablaDatos table.formatoVertical td:hover{
    background-color:#cf9;
}
.TablaDatos table.formatoVertical A:link{
    color:#00c;
}
.TablaDatos table.formatoVertical A:hover{
    color:#036;
}
.TablaDatos table.formatoVertical A:visited{
    color:#00c;
}
.TablaDatos table.formatoVertical A:active{
    color:#690;
}
.TablaDatos .importante th{
    border:1px solid #e8e8e8;
    background-color:#c5d3db;
    font-size:13px;
    font-weight:bold;
}
.TablaDatos .importante td{
    border:1px solid #e8e8e8;
    font-size:13px;
    font-weight:bold;
}
.TablaDatos tr.totales th{
    border:1px solid #e8e8e8;
    border-top:1px solid #c5d3db;
    background-color:#c5d3db;
    font-weight:bold;
}
.TablaDatos tr.totales td{
    border:1px solid #e8e8e8;
    border-top:1px solid #c5d3db;
    background-color:#efeff4;
    font-size:11px;
    font-weight:bold;
}
.enlaceboton{
    font-family:verdana,arial,sans-serif;
    font-size:10pt;
    font-weight:bold;
    background-color:#eeefff;
    color:#036;
    text-decoration:none;
    border-right:#036 2px outset;
    border-top:#06c 1px solid;
    border-left:#06c 1px solid;
    border-bottom:#036 2px outset;
    text-transform:capitalize;
}
.enlaceboton:link{
    border-right:#066 2px solid;
    border-top:#0cc 1px solid;
    border-left:#0cc 1px solid;
    border-bottom:#066 2px solid;
}
.enlaceboton:visited{
    border-right:#066 2px solid;
    border-top:#0cc 1px solid;
    border-left:#0cc 1px solid;
    border-bottom:#066 2px solid;
}
.enlaceboton:hover{
    background-color:#fff;
    border-right:#0cc 1px solid;
    border-top:#066 2px solid;
    border-left:#066 2px solid;
    border-bottom:#0cc 1px solid;
}
.enlacebotonB{
    font-family:verdana,arial,sans-serif;
    text-transform: uppercase !important;
    font-size:8pt;
    font-weight:bold;
    background-color:#eeefff;
    color:#036;
    text-decoration:none;
    border-right:#036 2px outset;
    border-top:#06c 1px solid;
    border-left:#06c 1px solid;
    border-bottom:#036 2px outset;
    text-transform:capitalize;
}
.enlacebotonB:hover{
    background-color:#fff;
    border-right:#0cc 1px solid;
    border-top:#066 1px outset;
    border-left:#066 1px outset;
    border-bottom:#0cc 1px solid;
}
.enlacebotonC{
    font-family:verdana,arial,sans-serif;
    font-size:7pt;
    font-weight:bold;
    background-color:#efe;
    color:#066;
    text-decoration:none;
    border-right:#066 2px outset;
    border-top:#0cc 1px solid;
    border-left:#0cc 1px solid;
    border-bottom:#066 2px outset;
}
.enlacebotonC:hover{
    background-color:#fff;
    border-right:#0cc 1px solid;
    border-top:#066 1px solid;
    border-left:#066 2px solid;
    border-bottom:#0cc 1px solid;
}
code .xmlTag{
    color:#06f;
    font-weight:bold;
}
code .xmlSep{
    color:#9c3;
    font-weight:bold;
}
code .xmlDat{
    color:#906;
    font-weight:normal;
}
code .xmlIni{
    color:#800000;
    font-weight:normal;
}
code .xmlAtt{
    color:#f0f;
    font-weight:normal;
}
.LineaBotones{
    text-align:center;
}
.LineaBotones IMG{
    margin:0 0 -5px 0;
}
.LineaBotones input{
    margin:0 30px 2px 1px;
}
table.formatoVertical td.ordenada{
    font-weight:bold;
}
th.tituloCol a{
    text-decoration:underline;
}
th.tituloCol a:link{
    color:#00c;
}
th.tituloCol a:hover{
    color:#f00;
}
th.tituloCol a:visited{
    color:#00c;
}
th.tituloCol a:active{
    color:#690;
}
th.tituloCol input.ascendente{
    background-image:url(/public/img/up.gif);
    background-repeat:no-repeat;
    background-color:inherit;
    background-position:center;
    border:none;
    width:15px;
    height:12px;
    padding-top:2px;
    padding-bottom:1px;
    color:red;
    cursor:default;
    margin:0 0 2px 0;
}
th.tituloCol input.descendente{
    background-image:url(/public/img/down.gif);
    background-repeat:no-repeat;
    background-color:inherit;
    background-position:center;
    border:none;
    width:15px;
    height:12px;
    padding-top:2px;
    padding-bottom:1px;
    color:red;
    cursor:default;
    margin:0 0 2px 0;
}
.botonesPaginacion{
    text-align:center;
}
.botonesPaginacion span.textoRegistros{
    float:left;
    color: #fff !important;
}
.botonesPaginacion input{
    margin:0 10px 2px 10px;
}
.botonesPaginacion input.reporteExcel{
    background-image:url(/public/img/svg/excel.svg);
    background-repeat:no-repeat;
    background-color:inherit;
    background-position:center;
    border:none;
    width:30px;
    height:25px;
    padding-top:2px;
    padding-bottom:1px;
    color:red;
    cursor:pointer;
    margin:0 10px 2px 10px;
}
.botonesPaginacion span.exportar{
    float:right;
    color: #fff !important;
}
.botonesPaginacion input:disabled{
    background-color:#c5d3db;
    color:#193d5b;
    border: none;
}
.botonesPaginacion input:disabled:hover{
    background-color:#c5d3db;
    color:#193d5b;
    border: none;
}
.tablaAplicaciones{
    margin:2px;
}
.tablaAplicaciones td{
    text-align:center;
    text-transform:capitalize;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    color:#666;
    border:#f0f0ff 2px double;
    padding:2px;
}
.tablaAplicaciones td a{
    color:#666;
    text-decoration:none;
}
.tablaAplicaciones td:hover{
    background-color:#efefff;
    color:#006;
    font-weight:bold;
    cursor:pointer;
    -moz-box-shadow:3px 3px 5px #888;
    border:#c0c0df 2px solid;
}
.tablaAplicaciones td:hover img{
    opacity:1;
    filter:alpha(opacity=100);
}
.tablaAplicaciones td img{
    border:0;
    opacity:.5;
    filter:alpha(opacity=50);
}
.Advertencia{
    font-size:10px;
    font-family:"Times New Roman",Times,serif;
    font-weight:bold;
    color:red;
}
.AzulMin{
    color:#009;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:10px;
}
.CantEntrada{
    color:#093;
}
.CantSalida{
    color:#c90;
}
.Derechos{
    font-size:10px;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:white;
    background-color:#222;
    border-color:#000;
    background-image:url(/public/img/degrade3.gif);
    background-repeat:repeat;
}
.Derechos td{
    text-align:center;
}
.ErrorCelda{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:18px;
    color:#f00;
    background-color:#fff;
    border:thin solid #666;
    font-weight:bold;
    font-style:normal;
}
.MsgError,
.msgError{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:10px;
    color:#f30;
    text-transform:capitalize;
}
.NoImprimir{
    visibility:visible;
}
.NegroMin{
    font-size:10px!important;
    font-weight:bold!important;
    font-family:Verdana,Arial,Helvetica,sans-serif!important;
}
.Oculto{
    display:none;
}
.Separador{
    padding-right:30px;
}
.Sesion{
    color:#b9ccff;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
}
.SoloImprimir{
    display:none;
}
.TextoAlmagrario{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    color:#fff;
    font-size:10px;
}
.Texto{
    white-space:pre;
}
.TextoSi{
    font-family: "Montserrat";
    color: #093;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
}
.perDecimal{
    font-family: "Montserrat" !important;
    color: #c90 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: bold !important;
}
.TextoMensaje{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:20px;
    color:#333;
    font-weight:normal;
    font-style:normal;
    text-align:center;
}
#verImagen{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    color:#fff;
}
input[type="text"]{
    border:1px solid #888;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
div.calendar{
    position:relative;
}
.calendar,.calendar table{
    border:1px solid #bdb2bf;
    font-size:11px;
    color:#000;
    cursor:default;
    background-image:url(data:image/gif;base64,R0lGODlhDwAIAPIHAOzs7Pf39/f59vf5+Pj4+Pn5+f///wAAACH5BAEAAAcAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAADGgi63PEwSkOrvSXrzZtnXLhdpEUMJyGo7LomADs=);
    font-family:"trebuchet ms",verdana,tahoma,sans-serif;
}
.calendar{
    border-color:#797979;
}
.calendar .button{
    text-align:center;
    padding:2px;
    background:url(data:image/gif;base64,R0lGODlhAQAWAOMOAHl5edvb2+Dg4Obm5ufn5+jo6O3t7e7u7u/v7/Pz8/T09Pf39/j4+P7+/v///////yH+FUNyZWF0ZWQgd2l0aCBUaGUgR0lNUAAsAAAAAAEAFgAABBCwNXaYWyg1Q1BDxKAUgQBEADs=) repeat-x 0 100%;
    color:#000;
    font-weight:bold;
}
.calendar .nav{
    font-family:verdana,tahoma,sans-serif;
}
.calendar .nav div{
    background:transparent url(data:image/gif;base64,R0lGODlhBwAFAIABAEJCQv///yH5BAEAAAEALAAAAAAHAAUAAAIIhB15ycAPYwEAOw==) no-repeat 100% 100%;
}
.calendar thead tr{
    background:url(data:image/gif;base64,R0lGODlhAQAWAOMOAHl5edvb2+Dg4Obm5ufn5+jo6O3t7e7u7u/v7/Pz8/T09Pf39/j4+P7+/v///////yH+FUNyZWF0ZWQgd2l0aCBUaGUgR0lNUAAsAAAAAAEAFgAABBCwNXaYWyg1Q1BDxKAUgQBEADs=) repeat-x 0 100%;
    color:#000;
}
.calendar thead .title{
    font-weight:bold;
    text-align:center;
    padding:2px;
    background:url(data:image/gif;base64,R0lGODlhAQAWAOMOAHl5edvb2+Dg4Obm5ufn5+jo6O3t7e7u7u/v7/Pz8/T09Pf39/j4+P7+/v///////yH+FUNyZWF0ZWQgd2l0aCBUaGUgR0lNUAAsAAAAAAEAFgAABBCwNXaYWyg1Q1BDxKAUgQBEADs=) repeat-x 0 100%;
    color:#000;
}
.calendar thead .name{
    border-bottom:1px solid #797979;
    padding:2px;
    text-align:center;
    color:#000;
}
.calendar thead .weekend{
    color:#c44;
}
.calendar thead .hilite{
    background:url(data:image/gif;base64,R0lGODlhDwAIAPEDAJOp3Jm135264QAAACH5BAEAAAMAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAACEYSPGcvtAqOcrraEkd2zy20VADs=);
    border-bottom:1px solid #797979;
    padding:2px 2px 1px 2px;
}
.calendar thead .active{
    background:url(data:image/gif;base64,R0lGODlhDwAIAPEDAChTuTRsvzx1xAAAACH5BAEAAAMAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAACEYSPGcvtAqOcrraEkd2zy20VADs=);
    color:#fff;
    padding:3px 1px 0 3px;
    border-bottom:1px solid #797979;
}
.calendar thead .daynames{
    background:url(data:image/gif;base64,R0lGODlhDwAIAMIHAMjIyNHR0dLS0tHT0NHT0tPT09jY2P///yH5BAEAAAcALAAAAAAPAAgAAAMaCLrc8TBKQ6u9JevNm2dcuF2kJRCnMKjsuiYAOw==);
}
.calendar tbody .day{
    font-family:verdana,tahoma,sans-serif;
    width:2em;
    color:#000;
    text-align:right;
    padding:2px 4px 2px 2px;
}
.calendar tbody .day.othermonth{
    font-size:80%;
    color:#999;
}
.calendar tbody .day.othermonth.oweekend{
    color:#f99;
}
.calendar table .wn{
    padding:2px 3px 2px 2px;
    border-right:1px solid #797979;
    background:url(data:image/gif;base64,R0lGODlhDwAIAMIHAMjIyNHR0dLS0tHT0NHT0tPT09jY2P///yH5BAEAAAcALAAAAAAPAAgAAAMaCLrc8TBKQ6u9JevNm2dcuF2kJRCnMKjsuiYAOw==);
}
.calendar tbody .rowhilite td,.calendar tbody .rowhilite td.wn{
    background:url(data:image/gif;base64,R0lGODlhDwAIAMIGAN3d3ejo6Ojp5+jp6Onp6e/v7////////yH+FUNyZWF0ZWQgd2l0aCBUaGUgR0lNUAAh+QQBAAAHACwAAAAADwAIAAADGgi63PEwykKrvSTrzZtnXLhdpBUMZyCo7LomADs=);
}
.calendar tbody td.today{
    font-weight:bold;
}
.calendar tbody td.hilite{
    background:url(data:image/gif;base64,R0lGODlhDwAIAPEDAJOp3Jm135264QAAACH5BAEAAAMAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAACEYSPGcvtAqOcrraEkd2zy20VADs=);
    padding:1px 3px 1px 1px;
    border:1px solid #bbb;
}
.calendar tbody td.active{
    padding:2px 2px 0 2px;
}
.calendar tbody td.weekend{
    color:#c44;
}
.calendar tbody td.selected{
    font-weight:bold;
    border:1px solid #797979;
    padding:1px 3px 1px 1px;
    background:url(data:image/gif;base64,R0lGODlhDwAIAPEDAChTuTRsvzx1xAAAACH5BAEAAAMAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAACEYSPGcvtAqOcrraEkd2zy20VADs=);
    color:#fff;
}
.calendar tbody .disabled{
    color:#999;
}
.calendar tbody .emptycell{
    visibility:hidden;
}
.calendar tbody .emptyrow{
    display:none;
}
.calendar tfoot .footrow{
    text-align:center;
    background:#565;
    color:#fff;
}
.calendar tfoot .ttip{
    padding:2px;
    background:url(data:image/gif;base64,R0lGODlhAQAWAOMOAHl5edvb2+Dg4Obm5ufn5+jo6O3t7e7u7u/v7/Pz8/T09Pf39/j4+P7+/v///////yH+FUNyZWF0ZWQgd2l0aCBUaGUgR0lNUAAsAAAAAAEAFgAABBAQiFDUIKghYlpCi8McTNNEADs=) repeat-x 0 0;
    color:#000;
}
.calendar tfoot .hilite{
    background:#afa;
    border:1px solid #084;
    color:#000;
    padding:1px;
}
.calendar tfoot .active{
    background:#7c7;
    padding:2px 0 0 2px;
}
.calendar .combo{
    position:absolute;
    display:none;
    top:0;
    left:0;
    width:4em;
    cursor:default;
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:#797979;
    background-image:url(data:image/gif;base64,R0lGODlhDwAIAPIHAOzs7Pf39/f59vf5+Pj4+Pn5+f///wAAACH5BAEAAAcAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAADGgi63PEwSkOrvSXrzZtnXLhdpEUMJyGo7LomADs=);
    color:#000;
    z-index:100;
    font-size:90%;
}
.calendar .combo .label,.calendar .combo .label-IEfix{
    text-align:center;
    padding:1px;
}
.calendar .combo .label-IEfix{
    width:4em;
}
.calendar .combo .hilite{
    background:url(data:image/gif;base64,R0lGODlhDwAIAPEDAJOp3Jm135264QAAACH5BAEAAAMAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAACEYSPGcvtAqOcrraEkd2zy20VADs=);
    color:#000;
}
.calendar .combo .active{
    background:url(data:image/gif;base64,R0lGODlhDwAIAPEDAChTuTRsvzx1xAAAACH5BAEAAAMAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAACEYSPGcvtAqOcrraEkd2zy20VADs=);
    color:#fff;
    font-weight:bold;
}
.calendar td.time{
    border-top:1px solid #797979;
    padding:1px 0;
    text-align:center;
    background:url(data:image/gif;base64,R0lGODlhDwAIAMIHAMjIyNHR0dLS0tHT0NHT0tPT09jY2P///yH5BAEAAAcALAAAAAAPAAgAAAMaCLrc8TBKQ6u9JevNm2dcuF2kJRCnMKjsuiYAOw==);
}
.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm{
    padding:0 5px 0 6px;
    font-weight:bold;
    background-image:url(data:image/gif;base64,R0lGODlhDwAIAPIHAOzs7Pf39/f59vf5+Pj4+Pn5+f///wAAACH5BAEAAAcAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAADGgi63PEwSkOrvSXrzZtnXLhdpEUMJyGo7LomADs=);
    color:#000;
}
.calendar td.time .hour,.calendar td.time .minute{
    font-family:monospace;
}
.calendar td.time .ampm{
    text-align:center;
}
.calendar td.time .colon{
    padding:0 2px 0 3px;
    font-weight:bold;
}
.calendar td.time span.hilite{
    background:url(data:image/gif;base64,R0lGODlhDwAIAPEDAJOp3Jm135264QAAACH5BAEAAAMAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAACEYSPGcvtAqOcrraEkd2zy20VADs=);
    color:#000;
}
.calendar td.time span.active{
    background:url(data:image/gif;base64,R0lGODlhDwAIAPEDAChTuTRsvzx1xAAAACH5BAEAAAMAIf4VQ3JlYXRlZCB3aXRoIFRoZSBHSU1QACwAAAAADwAIAAACEYSPGcvtAqOcrraEkd2zy20VADs=);
    color:#fff;
}

.formatoVertical {
    border-collapse: collapse;
}

.formatoVertical caption {
    border-bottom: none;
}

.formatoVertical tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.formatoVertical tr td {
    padding: 5px;
    border: solid 0.2px #7e7e7e;
    font-weight: normal;
    text-align: center !important;
}

.tituloCol {
    padding: 4px;
    background-color: #c5d3db  !important;
    color: #193d5b !important;
    text-decoration: none !important;
}

.tituloCol a{
    padding: 4px;
    background-color: #c5d3db  !important;
    color: #193d5b !important;
    text-decoration: none !important;
}

.botonesPaginacion {
    font-family: 'Montserrat' !important;
    text-align: center;
    background-color: #c5d3db !important;
    color: #193d5b;
    font-size: 13px !important;
    padding: 2px;
}
#sel_pag{
    width: 10% !important;
    display: inline;
    border-radius: revert;
    height: 25px;
}
.btnPaginacion {
    padding-top: 2px !important;
    border-radius: 5px !important;
    background: #cacaca !important;
    color: #333333 !important;
    border: solid 1px white !important;
}

.btnPaginacion:hover {
    background: #f0f0f0 !important;
    color: #5a5a5a !important;
    cursor: pointer;
}

span.exportar{
    float:right;
}

.campoLectura {
    font-family: 'Montserrat' !important;
    padding: 5px !important;
    text-transform: uppercase !important;
    color: #193d5b !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: bold;
    border-radius: 5px;
}

.styleSpan{
    font-family: 'Montserrat' !important;
    padding: 5px !important;
    text-transform: uppercase !important;
    color: #193d5b !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: bold;
    border-radius: 5px;
}

div.card-body span.campoLectura, div.campoLectura {
    font-family: 'Montserrat' !important;
    padding: 5px !important;
    text-transform: uppercase !important;
    color: #193d5b !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    /*background-color: #eee !important;*/

}

.NoImprimir{
    visibility:visible;
}

.importante th{
    font-weight: bolder !important;
    font-size: 24px !important;
}

.importante {
    font-family: 'Montserrat' !important;
    padding: 5px !important;
    text-transform: uppercase !important;
    color: #193d5b !important;
    font-size: 13px !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.itemActive {
    display: block;
}

.itemHide {
    display: none;
}

.btnDisabled {
    background: #d0ddff !important;
    color: #007bff;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.very-slow {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.normal {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fast {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

.modal-contenido{
    background-color:rgba(0,0,0,.0);
    width:100px;
    height: 100px;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 25% auto;
    position: relative;
}
.modal{
    background-color: rgba(0,0,0,.7);
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display: none;
}

.puntero {
    cursor: pointer;
}

code{
    font-size: 1.1em !important;
    color:#6ed633 !important;
}

#debug{
    font-size: 11px !important;
}


hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.tituloFormulario{
    font-family: 'Montserrat'; /* Montserrat como fuente principal */
    font-weight: 600; /* Texto en negrita */
    font-size: 30px;
    color: #193d5b; /* Color de texto #193d5b */
    display: flex;
    align-items: center;
    text-align: left; /* Alineación del texto a la izquierda */
    padding: 0.75rem 0rem;
}

/*.tituloFormulario::before {
    content: '';  Pseudo-elemento para representar el icono 
    display: inline-block;
    width: 30px;  Ancho del icono (ajusta según tus necesidades) 
    height: 30px;  Altura del icono (ajusta según tus necesidades) 
    margin-right: 10px;  Espaciado entre el icono y el texto (ajusta según tus necesidades) 
    background: url('../img/svg/flechaIzquierda.svg') no-repeat;  Ruta de la imagen del icono 
    background-size: contain;  Ajusta el tamaño de la imagen del icono 
    font-weight: 600;  Mismo grosor de letra que el texto 
    color: #193d5b;  Mismo color que el texto 
}*/


.ui-menu-item {
    padding: 5px;
    font-size:14px;
}

textarea {
    font-family: -apple-system,
        BlinkMacSystemFont,
        "Segoe UI", Roboto,
        "Helvetica Neue",
        Arial, sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji";
    font-size: 14px;
}

.toolbar {
    padding: 4px !important;
    border: solid 1px #bcbcbc;
    /*border: none;*/
    border-radius: 10px;
    box-shadow: 5px 5px 8px #888888;
}

.toolbar button {
    border: none !important;
    background: none !important;
    color: black !important;
    font-size: 1rem !important;
    padding: .375rem .75rem !important;
}

.toolbar-text {
    font-size: 8px;
    float: right;
}

.toolbar button:hover {
    background: #cccccc !important;
}

.table-form th, td{
    padding-top: 2px;
    padding-bottom: 2px;
}

.TablaDatos {
    border-bottom: none !important;
}

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

.text-primary {
    color: #007bff !important;
}

.text-success {
    color: #28a745 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-info {
    color: #17a2b8 !important;
}

.row-selected {
    background: #b3d8fd !important;
    color: black !important;
}

.text-bold {
    font-weight: bolder !important;
}

.botonPrimary:hover {
    color: #fff !important;
    background-color: #193d5b;
    border-color: #193d5b;
}

.botonPrimary {
    color: #193d5b;
    border-color: #193d5b;
}

.boton {
    transition: none;
    border-radius: 10px !important;
    display: inline-block;
    font-weight: 400;
    line-height: 0.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    margin: 5px;
}

.inner-addon {
    position: relative;
}

.inner-addon .bi-folder-fill {
    position: absolute;
    padding: 11px;
}
.left-addon .bi-folder-fill{
    left:0px;
}
.left-addon input{
    padding-left:  30px;
}

label{
    font-family: 'Montserrat'; /* Montserrat como fuente principal */
    font-weight: 400; /* Texto en negrita */
    font-size: 11px;
    color: #193d5b; /* Color de texto #193d5b */
    display: flex;
    align-items: center;
    text-align: left; /* Alineación del texto a la izquierda */
}

.card-title{
    font-family: 'Montserrat'; /* Montserrat como fuente principal */
    font-size: 20px;
    color: #193d5b; /* Color de texto #193d5b */
    display: flex;
    align-items: center;
    text-align: left; /* Alineación del texto a la izquierda */
    padding: 1.00rem;
}

.bg-primary{
    background-color: #193d5b !important; /* Color de texto #193d5b */
}

.form-control:focus{
    box-shadow: none !important;
}

.form-control{
    font-size: .7rem !important;
    color: #9d9d9d;
    font-weight: 600; /* Texto en negrita */
    width: 80% !important;
    display: inline !important;
}

.form-control::placeholder{
    color: #9d9d9d;
}

.container-fluid{
    width: 90%;
}

.card{
    width: 100%;
    border-radius: 20px;
    box-shadow: 2px 5px rgba(0, 0, 0, 0.3);
}

.form-select:focus{
    box-shadow: none;
}

.telOficina{
    width: 50% !important;
}
.extension{
    width: 30% !important;
}

.cldContacto{
    width: 70% !important;
}

.textoColor{
    color: #193d5b;
}

#fecha_generacion_desde{
    width: 40% !important;
}
#fecha_generacion_hasta{
    width: 40% !important;
}
input[name="fec_inicial[]"] {
    width: 40% !important;
}

#des_servicio{
    width: 73% !important;
}
