@import url('https://fonts.cdnfonts.com/css/cavolini');
html{margin:0;padding:0;}
body{background: #f3f4f6;font-family:Calibri,Arial,Verdana;font-size:8pt;margin:0;padding:0;}
/*Minificación de CSS/JS*/
body.loading {pointer-events: none;user-select: none;cursor: wait;}
body.loading::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998}body.loading::after{content:'';position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;z-index:9999;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}/*body:not(.loading)::before,body:not(.loading)::after{display:none}*/
.valid{color:green;}
.valid:before{position:relative;left:-35px;content:"\2714";}
.invalid{color:red;}
.invalid:before{position:relative;left:-35px;content: "\2716";}
a{text-decoration:none;}
hr{height:1px;border:0;color:#d0d0d0;background-color:#d0d0d0;border-top:0px;text-align:center;width:98%;background-image:linear-gradient(to right,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0));}
.theader{
-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
background:-webkit-gradient(linear,left top,left bottom,from(#00a000),to(#006f00));
background:-moz-linear-gradient(top,#00a000,#006f00);
background:linear-gradient(left top,#00a000,#006f00);
background:#006f00;background-color:#3E6C3B;
text-shadow:#000 2px 2px 10px;
-moz-box-shadow:3px 3px 3px #cccccc;
-webkit-box-shadow:3px 3px 3px #cccccc;
box-shadow:3px 3px 3px #cccccc;
border-radius:0 0 12px 12px;
width:98.7%;text-align:left;
border:0px;border-spacing:3px;
margin:auto;text-align:center;
position:fixed;right:0;left:0;margin-right:auto;margin-left:auto;top:0;z-index:10;
}
.theader td{padding:4px;}.theader strong{color:#fff;font-size:1.8em;}
.message{margin-top:37px;height:18px;width:98%;font-size:14px;color:brown;font-weight:Bold;text-align:center; -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.message2{height:15px;width:98%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:28px;}
.msg{height:18px;width:98%;font-size:14px;color:brown;font-weight:Bold;text-align:center; -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.tform{margin:auto;text-align:center;background-color:#2B2B2B;width:98%;border-radius:6px;text-align:left;border:1px solid #999999;}
.tform1{margin:auto;text-align:center;width:98.7%;}
/*div consulta*/
.tform2{margin:auto;width:98.4%;text-align:left;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/*div config agregar o buscar*/
.tformC{margin:auto;margin-left:8px;float:left;text-align:left; -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/*div config contenido al lado*/
.tform3{margin:auto;padding-left:100px;float:left;text-align:left; -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.tformiframe{margin:auto;text-align:center;width:98%;}
.tformdetail{margin:auto;width:98%;}
table {font-family:Arial;font-size:8.5pt;border-radius:6px;vertical-align:text-top;}
table td{border-color:#d0d0d0;border-radius:5px;}
/*table .label{border:1px solid gray;background-color:#424242;border-radius:4px;color:#F6F6F6;text-align:right;}*/
table .labelConfig{width:75px;font-size:9pt;}
table .data{
  border:none !important;
  /*border:1px solid #d0d0d0;background-color:#FFF;border-radius:5px;*/
}
@font-face{font-family: Infected;src:url(fonts/Infected.ttf);}
.tformR{margin:auto;width:98.4%;text-align:left;border:none;}
table.report2{width:100%;}
table.report{border:1px solid #d0d0d0;background-color:#FFF;border-radius:0px;border-collapse:collapse;font-family:verdana;font-size:9pt;}
table.report th{line-height:20px;border:1px solid silver;background-color:#2B547E;color:white;text-align:center;font-size:13px;font-weight:bold;text-transform:uppercase;font-family:"Courier New", Courier, monospace;}
table.report th.clear{border:none;background-color:white;width:20px;}
table.report tr:nth-of-type(even){background-color:#EEEEEE;}
table.report tr{font-family:verdana;font-size:8pt;}
table.report td{border:1px solid #d0d0d0;border-radius:0px;height:25px;}
table.report tbody tr:hover{background-color:#e1eafe;}
table.report tbody tr.cancel{background-color:#ffaaaa;}
table.report tfoot td{border:1px solid silver;background-color:#9CB071;}
table.report tfoot .clear{border:none;background-color:white;}
table.report a{text-decoration:none;font-weight:Bold;font-family:Verdana;border:none;}
table.report a:hover{color:#a00000;}
table.tablesorter thead tr .header{background-image: url(../img/bg.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer;}
table.tablesorter thead tr .headerSortUp{background-image:url(../img/asc.gif);}
table.tablesorter thead tr .headerSortDown{background-image:url(../img/desc.gif);}
table.tablesorter tbody td{color:#3D3D3D;padding:4px;background-color:#FFF;vertical-align:middle;}
table.tablesorter tbody tr.even td{background-color:#EEEEEE;}
table.tablesorter tbody tr:hover td{background-color:#e1eafe;}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp{background-color:#478343;}
/*Estilo para Resultados Presupuestos,Transferencias,Compras*/
body.results{margin-left:5px;background-color:#ffffff;}
table.results{background-color:#FFFFFF;font-family:verdana;font-size:9pt;}
table.results th{border:1px solid gray;background-color:#c0c0c0;border-radius:5px 5px 0px 0px;}
table.results th.clear{border:none;background-color:white;width:20px;}
table.results td{border:1px solid #d0d0d0;border-radius:5px;}
table.results tbody tr:nth-of-type(even){background-color:#EEEEEE;}
table.results tbody tr:hover{background-color:#e1eafe;}
table.results tbody td.clear{background-color:white;}
table.configlist{border:1px solid #d0d0d0;background-color:#FFF;border-radius:0px;border-collapse:collapse;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
table.configlist th{font-size:15px;min-height:35px;font-weight:bold;text-transform:uppercase;font-family:"Courier New", Courier, monospace;}
table.configlist tr:nth-of-type(even){background-color:#EEEEEE;}
table.configlist td{border:1px solid #d0d0d0;border-radius:0px;height:30px;}
table.configlist .odd{border:1px solid #d0d0d0;background-color:#FFFFFF;}
table.configlist .even{border:1px solid #d0d0d0;background-color:#EEEEEE;}
table.configlist tr:nth-of-type(even) input{background-color:#EEEEEE;}
table.configlist tr:nth-of-type(even) select{background-color:#EEEEEE;}
table.configlist input,select.site{border:none;}
table.configlist .data1{width:300px;}
table.configlist .data1C{width:300px;}
table.configlist .data2{width:160px;}
div.module{padding-left:25px;}
div.module input[type=submit]{width:345px;}
table.config{border:1px solid #999999;background-color:#c9c9c9;border-radius:6px;}
table.detail{border:1px solid #d0d0d0;background-color:#FFF;border-radius:0px;border-collapse:collapse;font-family:verdana;font-size:9pt;} 
table.detail th{line-height:20px;border:1px solid #d0d0d0;background-color:#667C26;color:white;text-align:center;font-size:13px;font-weight:bold;text-transform:uppercase;font-family:"Courier New", Courier, monospace;} 
table.detail .clear{border:none;background-color:white;width:20px;}
table.detail tbody tr:nth-of-type(even){background-color:#EEEEEE;}
table.detail tbody tr:nth-of-type(even) input{background-color:#EEEEEE;}
table.detail tr{font-family:verdana;font-size:8pt;}
table.detail td{border:1px solid #d0d0d0;border-radius:0px;height:25px;}
table.detail tbody tr:hover{background-color:#e1eafe;}
table.detail tbody tr:nth-of-type(even) input:hover{background-color:#e1eafe;}
table.detail tbody input:hover{background-color:#e1eafe;cursor:pointer}
table.detail .label{border:1px solid #d0d0d0;background-color:#617C58;color:white;font-size:13px;}
table.detail .data{font-size:13px;text-align:left;}
table.detail .currency{font-weight:bold;font-size:15pt;font-family:Comic Sans MS;}
/*Estilo para carritos Presupuestos,Transferencias,Compras*/
table.carrito{border:1px solid #d0d0d0;border:none;border-radius:6px;font-family:verdana;font-size:7pt;}
table.carrito td{border:1px solid #d0d0d0;border-radius:6px;}
table.carrito th.clear{border:none;background-color:#f8f8f8;width:20px;}
table.carrito th{border:1px solid gray;background-color:#c0c0c0;border-radius:6px 6px 0px 0px;text-align:center}
table.carrito .totales {font-size:10pt;text-align:right;border: 1px solid #333;background-color:#555;color:white;padding:3px;}
table.carrito tbody .noclass:hover{background-color:white;}
table.carrito tbody tr:nth-of-type(even){background-color:#EEEEEE;}
table.carrito tbody tr:hover{background-color:#e1eafe;}
.nodisplay{display:none;}
a.search{display:inline-block;background:url('../img/rightArrow4-24B.png') no-repeat;background-size:contain;width:24px;height:24px;}
a.search:hover{background:url('../img/rightArrow4-24G.png')}
span.loading{display:inline-block;background:url('../img/loading3.gif') no-repeat;background-size:contain;width:29px;height:11px;vertical-align:bottom;border:0;margin-top:15px;}
img.calendar{display:inline-block;background:url('../img/calendar-24B.png') no-repeat;background-size:contain;width:24px;height:24px;vertical-align:bottom;border:0;}
img.calendar:hover{background:url('../img/calendar-24G.png')}
span.calendar{display:inline-block;background:url('../img/calendar-24B.png') no-repeat;background-size:contain;width:24px;height:24px;vertical-align:bottom;border:0;}
span.calendar:hover{background:url('../img/calendar-24G.png')}
a.save{display:inline-block;background:url('../img/save-24B.png') no-repeat;background-size:contain;;width:24px;height:24px;}
a.save:hover{background:url('../img/save-24G.png')}
a.delete{display:inline-block;background:url('../img/delete-24B.png') no-repeat;background-size:contain;width:24px;height:24px;}
a.delete:hover{background:url('../img/delete-24G.png')}
a.delete2{display:inline-block;background:url('../img/delete2.png') no-repeat;background-size:contain;width:16px;height:16px;}
a.edit{display:inline-block;background:url('../img/edit-24B.png') no-repeat;background-size:contain;width:24px;height:24px;}
a.edit:hover{background:url('../img/edit-24G.png')}
a.search2{display:inline-block;background:url('../img/search-24B.png') no-repeat;background-size:contain;width:24px;height:24px;vertical-align:bottom;border:0;margin-left:5px; }
a.search2:hover{background:url('../img/search-24G.png')}

a.search3{display:inline-block;background:url('../img/svg_magnifier-glass.svg') no-repeat;background-size:contain;width:24px;height:24px;vertical-align:bottom;border:0;margin-left:5px; }
a.search3:hover{background:url('../img/svg_search-line.svg') no-repeat;background-size:contain;width:24px;height:24px;}

a.detail{display:inline-block;background:url('../img/report-24B.png') no-repeat;background-size:contain;width:24px;height:24px;}
a.detail:hover{background:url('../img/report-24G.png')}
img.detail{display:inline-block;background:url('../img/report-24B.png') no-repeat;background-size:contain;width:24px;height:24px;vertical-align:bottom;border:0;}
img.detail:hover{background:url('../img/report-24G.png')}
span.detail{display:inline-block;background:url('../img/report-24B.png') no-repeat;background-size:contain;width:24px;height:24px;vertical-align:bottom;border:0;}
span.detail:hover{background:url('../img/report-24G.png')}
a.info{display:inline-block;background:url('../img/info3-24B.png') no-repeat;background-size:contain;width:24px;height:24px;}
a.info:hover{background:url('../img/info3-24G.png')}
a.minus{display:inline-block;background:url('../img/minus-16B.png') no-repeat;background-size:contain;width:16px;height:16px;}
a.minus:hover{background:url('../img/minus-16G.png')}
span.minus{display:inline-block;background:url('../img/minus-16B.png') no-repeat;background-size:contain;width:16px;height:16px;}
a.plus{display:inline-block;background:url('../img/plus-16B.png') no-repeat;background-size:contain;width:16px;height:16px;}
a.plus:hover{background:url('../img/plus-16G.png')}
a.plus2{display:inline-block;background:url('../img/plus-24B.png') no-repeat;background-size:contain;width:24px;height:24px;}
a.plus2:hover{background:url('../img/plus-24G.png')}

a.plus3{display:inline-block;background:url('../img/svg_plus-square-line.svg') no-repeat;background-size:contain;width:24px;height:24px;}
a.plus3:hover{background:url('../img/svg_plus-square.svg') no-repeat;background-size:contain;width:24px;height:24px;}

a.print{display:inline-block;background:url('../img/print.svg') no-repeat;background-size:contain;;width:32px;height:32px;filter: invert(.3) sepia(1) saturate(5) hue-rotate(175deg)}
a.print:hover{filter: invert(.3) sepia(1) saturate(2) hue-rotate(95deg)}

/*a.list{display:inline-block;background:url('../img/listbox.svg') no-repeat;background-size:contain;;width:24px;height:24px;filter: invert(.3) sepia(1) saturate(5) hue-rotate(175deg)}
a.list:hover{filter: invert(.3) sepia(1) saturate(2) hue-rotate(95deg)}*/

a.list {display:inline-block;width:24px;height:22px;text-align:center;line-height:24px;}
a.list i {
    /* Estilos para el icono de Font Awesome */
    font-size: 22px; /* Tamaño del icono */
    
    /* Aplica los filtros de color directamente al icono */
    filter: invert(.3) sepia(1) saturate(5) hue-rotate(175deg);
    transition: filter 0.2s; /* Suaviza el cambio de color */
    transition: all 0.3s ease-in-out; 
}

a.list i:hover {
    /* Cambia el color al pasar el mouse */
    filter: invert(.3) sepia(1) saturate(2) hue-rotate(95deg);
    transform: scale(1.1);
    transform: rotate(360deg);
}
/*a.icon {display:inline-block;width:24px;height:22px;text-align:center;line-height:24px;}*/
a.icon i{font-size:22px;color: white;transition: filter 0.2s, all 0.3s ease-in-out;}
a.icon i:hover{color:black;transform: scale(1.1) rotate(360deg);}

a.icon{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;}
a.icon svg{width:22px;height:22px;color:#fff;transition:color .2s,transform .35s;transform-origin:center;/*transition: filter 0.2s, all 0.3s ease-in-out;*/}
a.icon:hover svg{color:#000;transform:scale(1.1) rotate(-360deg);}

a.icon2{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;}
a.icon2 svg{width:24px;height:24px;color:#557EB9;transition:color .2s,transform .35s;transform-origin:center;/*transition: filter 0.2s, all 0.3s ease-in-out;*/}
a.icon2:hover svg{color:#4B7B40;transform:scale(1.1) rotate(-360deg);}

span.plus2{display:inline-block;background:url('../img/plus-24B.png') no-repeat;background-size:contain;width:24px;height:24px;vertical-align:bottom;border:0;cursor:pointer;}
span.plus2:hover{background:url('../img/plus-24G.png')}
input[type="submit"].sch{border:0;display:inline-block;background:transparent url('../img/search-24B.png') no-repeat;background-size:contain;width:24px;height:24px;}
input[type="submit"].sch:hover{border:0;background:transparent url('../img/search-24G.png')}
input[type="submit"].add{border:0; display:inline-block;background:transparent url('../img/plus-24B.png') no-repeat;background-size:contain;width:24px;height:24px;}
input[type="submit"].add:hover{border:0;background: transparent url('../img/plus-24G.png')}
input[type="submit"].btnVerify{color:White;background-color:#228B22;font-family:Verdana;font-size:20pt;width:200px;border-radius:10px;border:1px solid gray;font-weight:bold;}
input[type="submit"]:hover.btnVerify, input[type="button"]:hover.btnVerify{background-color:black;}
input[type="button"].btnVerify{color:White;background-color:#f00000;font-family:Verdana;font-size:20pt;width:200px;border-radius:10px;border:1px solid gray;font-weight:bold;}
input[type="submit"].saveS{border:0; display:inline-block;background:transparent url('../img/save-24B.png') no-repeat;background-size:contain;width:24px;height:24px;}
input[type="submit"].saveS:hover{border:0;background: transparent url('../img/save-24G.png')}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.tformCatalog{margin:auto;width:98.6%;}

.tformCatalog table.catalog {
  width: 100%;
  max-width: 545px;
}
.tformCatalog table.catalog tr td.label {
  white-space: nowrap;
}
table.catalog{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
background: #fff;
border-radius:12px;
padding:10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
/*min-width: 520px;max-width: 520px;*/
/*width: 350px;         background-color:#FFF;border-radius:6px;border:1px solid #d0d0d0;*/
}
table.catalog td{height:26px;padding:3px;}
table.catalog input{height:-webkit-fill-available;width:-webkit-fill-available;border:none;padding:2px;}
table.catalog input[type=submit]{font-size:15pt;height:35px;width:-webkit-fill-available;border:solid 1px #20538D;}
table.catalog input[type=button]{font-size:15pt;height:35px;width:-webkit-fill-available;border:solid 1px #20538D;}
table.catalog td.label{font-size:10pt;width:fit-content;background-color:transparent;text-transform:uppercase;text-align:right;}
table.catalog td.labelSearch{font-size:10pt;width:fit-content;background-color:transparent;text-transform:uppercase;text-align:right;}
table.catalog td.data, td.datai, td.datat{
  border:none !important;
  /*border-radius:3px;background:#ffffff;border:1px solid gray;*/

}
/*table.catalog input[type="text"] {border:none;}table.catalog input[type="email"]{border:none;}
table.catalog input[type=number]{width:99.5%;}*/
table.catalog input[type="text"]{width:-webkit-fill-available;height:-webkit-fill-available;}
table.catalog .resultados{width:-webkit-fill-available;height:-webkit-fill-available;}
table.catalog input[type=email]{width:-webkit-fill-available;height:-webkit-fill-available;}
table.catalog select{
  height:-webkit-fill-available;
  font-size:10pt;
  text-transform:uppercase;
  /*font-size:10pt;width:-webkit-fill-available;height:-webkit-fill-available;text-transform:uppercase;border:none;background-color:transparent;*/


}
table.catalog .number{width:99.5%;border:none;background-color:transparent;}
table.catalog .sel1{width:100%;}
/*table.search input[type="text"]{border:none;width:98.5%;}
table.search input[type=number]{width:98.5%;}
table.search select{width:100%;}*/
/*.labelSearch{text-align:right;min-width:60px;}*/
form{margin:0;padding:0;}
.divMensaje{height:15px;width:90%;font-family:courier;font-size:11px;color:red;font-weight:Bold;text-align:center;}
.divEspacio{height:15px;width:90%;font-family:courier;font-size:10px;font-weight:Bold;}
table.catalogo .etiqueta{border:1px solid #999999;background-color:#c9c9c9;border-radius:5px;}
table.catalogo .dato{border:1px solid #d0d0d0;background-color:#FFF;border-radius:5px;}
table.catalogo .detalleEtiqueta{border:1px solid #999999;border-radius:5px;}
table.catalogo .etiqueta2{border:1px solid #999999;background-color:#ffd0d0;border-radius:5px;}
table.catalogo .etiqueta3{border:1px solid #999999;background-color:#FFFAD6;border-radius:5px;}
table.catalogo .etiqueta4{border:1px solid #999999;background-color:#f8f8f8;border-radius:5px;}
table.movimiento{border:1px solid #d0d0d0;background-color:#FFF;border-radius:5px;}
table.transformacion{border:1px solid #d0d0d0;background-color:#FFF;}
table.transformacion .etiqueta{border:1px solid #999999;background-color:#c9c9c9;}
table.transformacion .origen{border:1px solid #999999;background-color:#FFFAaa;}
table.transformacion .destino{border:1px solid #999999;background-color:#FFFAD6;}
table.movimiento .etiqueta{border:1px solid #999999;background-color:#c9c9c9;border-radius:5px;}
table.movimiento .cantidad{border:1px solid #999999;background-color:#fff;border-radius:5px;}
table.movimiento .dato{border:1px solid #d0d0d0;background-color:#FFF;border-radius:5px;}
table.movimiento .fact{border:1px solid #d0d0d0;background-color:#FFFAaa;border-radius:5px;}
table.movimiento .pago{border:1px solid #d0d0d0;background-color:#FFFAD6;border-radius:5px;}
table.MovReporte{border:1px solid gray;background-color:#fff;font-family:verdana;font-size:8pt;border-radius:5px;}
table.MovReporte th{border:1px solid #000;background-color:#c0c0c0;border-radius:6px 6px 0px 0px;}
table.MovReporte td{border:1px solid #d0d0d0;border-radius:5px;}
table.MovReporte .primario{border:1px solid #d0d0d0;background-color:#FFFFFF;border-radius:5px;}
table.MovReporte .alterno{border:1px solid #d0d0d0;background-color:#EEEEEE;border-radius:5px;}
table.MovReporte tbody tr:hover{background-color:#e1eafe;}
table.MovReporte .dato{border:1px solid gray;background-color:#c0c0c0;}
table.parametros {border:1px solid #d0d0d0;-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);}
table.parametros th{border:1px solid #000;background-color:#c0c0c0;border-radius:6px 6px 0px 0px;}
table.parametros td{border:1px solid #d0d0d0;background-color:#ffffff;border-radius:6px;}
table.email{border:1px solid #d0d0d0;background-color:#FFF;border-radius:5px;}
table.email td{border:1px solid #d0d0d0;background-color:#FFF;border-radius:5px;}
table.email th{border:1px solid #999999;background-color:#c9c9c9;border-radius:5px;}
.loader_container{text-align:center;position:fixed;top:40%;left:auto;width:100%;right:2em;margin:0;font-size: 80% /*smaller*/;
 font-weight: bold;line-height: 1.1;
}
.loader{font-family:Tahoma,Helvetica,sans;font-size:10px;font-weight:bold;color:#555555;background-color:#FFFFFF;padding:10px 0 16px 0;
margin:0 auto;display:block;width:135px;border:1px solid #999999;border-right:2px solid #666666;border-bottom:2px solid #666666;
text-align:left;z-index:255;border-radius:8px;
}
table.noclass td{border:0px solid #d0d0d0;}
table.noclass tbody tr:hover{background-color:white;}
table.noclass tbody tr:nth-of-type(even){background-color:white;}
/*Contenedor de iframe de Resultados.asp en Presupuestos, Transferencias, Compras*/
.contIframe {border:1px solid #d0d0d0;border-radius:6px;}
table.HeaderMov{width:95%;color:#ffffff;background-color:#0000ff;border:0px solid black;}
body.Kit{margin-left:0;margin-right:0;background-color:#FFFAD6;font-family:Verdana;font-size:8pt;margin-top:5;}
/*Pre-Nomina*/
table.reporte .fondoAzulClaro{border:1px solid #d0d0d0;background-color:#d2e8ff;border-radius:5px;}
table.reporte .fondoRenglon{border:1px solid #d0d0d0;background-color: "#d2e8ff";border-radius:5px;}
table.reporte .fondoVerdeClaro{border:1px solid #d0d0d0;background-color: "#d2ffe0";border-radius:5px;}
.textoTabla{font-size: 8pt;font-family: Verdana;}
.encabezadoTabla{border:1px solid #d0d0d0;background-color:#dadada;border-radius:5px;font-weight:bold;}
input[type="text"]:disabled{opacity:.7;filter:alpha(opacity=70);}
input[type=email]:disabled{opacity:.7;filter:alpha(opacity=70);}
.folio {color:red;font-size:8pt;}
.submit {font-size:12pt;color:red;height:20pt;}
/*Notas de Credito*/
table.encabezado{border-radius:6px;border:1px solid gray;}
table.encabezado td{border:1px solid gray;} 
table.detalle{border-radius:6px;border:1px solid gray;} 
table.detalle th{border-radius:6px 6px 0px 0px;border:1px solid gray;background-color:#c0c0c0;} 
table.detalle .etiqueta{border:1px solid gray;background-color:#c0c0c0;} 
table.detalle .dato{border:1px solid gray;background-color:#ffffff;}
/*fin notas de credito*/
textarea {text-transform:uppercase;resize:vertical;}
select{
  -webkit-appearance: none;
  white-space: normal;
  width: 100% !important;
  height: auto !important;
  font-size:10pt !important;
  text-transform:uppercase;
  padding: 10px !important;
  margin-top: 0px !important;
  border-radius: 8px !important;
  border: 1px solid #ccc !important;
}
option {
  white-space: normal; /* intenta evitar corte */
}
input{font-size:10pt;}
/*input[type=number]{border:none;padding:2px;}*/
/*input[type=date]{border:none;}*/
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],input[type="time"],select,textarea {
  width: 100% !important;
  height: auto !important;
  padding: 10px !important;
  border-radius: 8px !important;
  border: 1px solid #ccc !important;
  background-color: #fff !important;
  color: #000 !important;
  font-size: 1rem !important;
  font-family: "Segoe UI", Arial, sans-serif;
  box-sizing: border-box !important;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;


  /*width: 100% !important;
  height: auto !important;
  padding: 10px !important;
  border-radius: 8px !important;
  border: 1px solid #ccc !important;
  font-size: 1rem !important; /* Safari escala texto diferente, usa rem * /
  box-sizing: border-box; /* evita que padding distorsione el tamaño */


  /*width: -webkit-fill-available !important;
  height:-webkit-fill-available !important;
  width: 100% !important;
  height: auto !important;
  padding: 10px !important;
  margin-top: 0px !important;
  border-radius: 8px !important;
  border: 1px solid #ccc !important;*/

  /*border-radius:3px;background:#ffffff;border:1px solid gray;padding:2px;*/



}
/* Evita zoom automático en iPhone al escribir */
@supports (-webkit-touch-callout: none) {
  input,select,textarea {font-size: 16px !important;}
}
input[type="date"]{cursor:pointer;}
button::-moz-focus-inner{border:0;padding:0;}
input[type="button"],input[type="submit"]{
border-radius:4px;padding:5px 5px;background:#4479BA;color:#ffffff;
border:solid 1px #20538D;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
transition-duration:0.2s;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;
user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
font-family:Calibri, Arial, Verdana, helvetica, arial, sans-serif;
font-style:italic;
letter-spacing:1px;
font-size:11pt;width:125px;

}
input[type="button"]:hover,input[type="submit"]:hover{background:#225291;border:solid 1px #2A4E77;text-decoration:none;cursor:pointer;}
fieldset{font-weight:bold;border:1px solid #d0d0d0;border-radius:6px;}
.gradiente{
background:-webkit-gradient(linear,left top,left bottom,from(#00a000),to(#006f00));background:-moz-linear-gradient(top,#00a000,#006f00);
background:linear-gradient(left top,#00a000,#006f00);background:#006f00;background-color:#006f00;text-shadow:#000 2px 2px 10px;
-moz-box-shadow:3px 3px 3px #cccccc;-webkit-box-shadow:3px 3px 3px #cccccc;box-shadow:3px 3px 3px #cccccc;
}
.gradienteGris{
background:-webkit-gradient(linear,left top,left bottom,from(#aaaaaa),to(#6f6f6f));background:-moz-linear-gradient(top,#aaaaaa,#6f6f6f);
background:linear-gradient(left top,#aaaaaa,#6f6f6f);background:#6f6f6f;background-color:#6f6f6f;
-moz-box-shadow:3px 3px 3px #cccccc;-webkit-box-shadow:3px 3px 3px #cccccc;box-shadow:3px 3px 3px #cccccc;
}
/*select{
padding-top:2px;padding-bottom:2px;border-radius:5px 0px 0px 5px;cursor:pointer;font-family:verdana;font-size:10pt;width:auto;font-family:monospace;
font-weight:bold;min-width:125px;border:0 !important;background-color:white;text-transform:uppercase;
}
select option{text-transform:uppercase;}*/

input[type=checkbox]{cursor:pointer;}
::placeholder{color:silver;}
/*Style scrollbars*/
html::-webkit-scrollbar{width:10px;height:10px;background-color:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);}
html::-webkit-scrollbar:hover{background-color:#eee;}
html::-webkit-resizer{-webkit-border-radius:4px;background-color:#666;}
html::-webkit-scrollbar-thumb{min-height:0.8em;min-width:0.8em;background-color:rgba(0, 0, 0, .2);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);}
html::-webkit-scrollbar-thumb:hover{background-color:#bbb;}
html::-webkit-scrollbar-thumb:active{background-color:#888;}

/*@media only screen and (max-width: 400px){
table.search td{display:block;width:92vw;}
table.search td:empty{display:none;}
table.search .labelSearch{text-align:left;width:92vw;}
/*table.search #customer{width:100%;}* /
table.configlist td.data1{width:100vh;}
table.configlist .data2{min-width:150px;}
div.module{height:auto;float:none;}
}*/
input[type="email"] {border:none;background-color:transparent;width:98.5%;}
/* Estilos para iPhone */
@media (max-device-width: 480px) {
  .tformR{width:99vw;text-align:center;}
  div.module{height:700px;float:left;padding-left:2px;width:-webkit-fill-available;}
  div.module input[type=submit]{width:-webkit-fill-available;}
  table.configlist {width:99vw;}
  table.configlist th{font-size:14px;min-height:32px;}
  table.configlist td{font-size:15px;white-space:nowrap;}
  table.configlist td.data1{width:100vh;text-align:left;}
  table.configlist td.data1C{width:100vh;text-align:center;}
  table.configlist td.data2{width:80px;text-align:left;}
  input[type="email"] {border:none;background-color:transparent;width:91vw;}
  table.informacion td{font-size:12.5pt;}
  table.info {width:100%;}
 table.catalog{width:100%;min-width:100%;padding:0px;margin: 0 auto;}
  table.catalog td{display:block;width:100%;height:unset;padding-top:0px;}
 table.report {display:block;width:100%;border-collapse: separate;}
 table.report td{text-align:left;empty-cells: hide;}
 table.report td:empty{display:none;}
 table.catalog input{font-size:large;}
 table.catalog input[type=submit]{height:40px;font-size:18pt;}
 table.catalog input[type=button]{height:40px;font-size:18pt;}
 table.catalog td.label{width:fit-content;color:black;background-color:transparent;border:0px;font-size:11pt;}
 table.catalog td.labelSearch{width:fit-content;color:black;background-color:transparent;border:0px;font-size:11pt;text-align:left;text-transform:uppercase;}
 table.catalog td.data{padding:0px;}
 table.catalog td.datat{padding:0px;}
 table.catalog td.dataS{padding-top:5px;padding-bottom:5px;width:95vw;}
 table.catalog td.datai{line-height:30px;font-size:large;padding:2px;height:30px;}
 table.catalog textarea {font-size:large;color:#0096FF;}
 table.catalog select{font-size:x-large;}
 table.catalog input[type=date]{background-color:transparent;}
 table.catalog .number{width:99.5%;border:none;background-color:transparent;}
 table.catalog .sel1{width:100%;}
 input::-webkit-date-and-time-value{text-align: left;}
}
/***iPad***/
@media only screen and (min-width: 768px) and (max-width: 1024px){
 table.catalog{width:100%;min-width:100%;margin:0 auto;padding:0;}
 table.catalog td{height:auto;padding-top:6px;}
 table.catalog td.data{border:none !important;padding:3px;}
 table.catalog td.datat{padding:3px;}
 table.catalog td.datai{border:none !important;line-height:30px;font-size:large;padding:2px;height:30px;}
 table.catalog input{width:100%;height:-webkit-fill-available;font-size:large;box-sizing: border-box;}
 table.catalog input[type=submit], table.catalog input[type=button] {height:45px;font-size:18pt;}
 table.catalog td.label{width:fit-content;color:black;background-color:transparent;border:0px;font-size:11pt;padding: 8px 0px 0px 8px;}
 table.catalog td.labelSearch{width:fit-content;color:black;background-color: transparent;border: 0px;font-size: 11pt;text-align:left;text-transform:uppercase;}
  table.catalog textarea {font-size:large;color:#0096FF;width:100%;}
  table.catalog select{font-size:x-large;width:100%;}
  table.catalog input[type=date]{width: 100% !important; /*background-color:transparent;-webkit-appearance:none;appearance:none;font-size:13pt;text-transform:uppercase;*/}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
 table.catalog {width:100%;border-collapse: collapse;}
 table.catalog td{display:block;width:99%;height:auto;padding-top:0px;box-sizing: border-box;}
 table.catalog input{font-size:large;}
 table.catalog td.dataS{padding-top:5px;padding-bottom:5px;width:98%;margin:0 auto;}
 table.catalog input[type=submit], table.catalog input[type=button] {height:40px;font-size:18pt;}
 table.catalog td.data, table.catalog td.datat {padding:0;margin:0 auto;}
 table.catalog td.datai{line-height:30px;font-size:large;padding:2px;height:30px;}
 table.catalog textarea {font-size:large;color:#0096FF;width:100%;box-sizing:border-box;}
 table.catalog select{font-size:x-large;width:100%;box-sizing:border-box;}
 table.catalog input[type=date]{background-color:transparent;/*-webkit-appearance:none;appearance:none;*/}
 table.catalog .clear{display:none;}
 table.report, table.configlist {width:100%;}
 body.rolePERFECTURA,body.roleDIRECCION{}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){  
table.catalog{ width: auto !important;min-width:auto;margin:0;padding:0;}
table.catalog td{width:auto;}
table.configlist2 {width:100%;}
}
@media only screen and (max-width:768px){
 table.configlist th{font-size:14px;min-height:32px;}
 table.catalog{width:100%;min-width:100%;padding:0px;margin:0 auto;}
  table.catalog td{height:unset;padding-top:6px;}
  table.catalog td.dataS{padding-top:5px;padding-bottom:5px;width:95vw;}
  table.catalog .clear{display:none;}
  body.rolePERFECTURA,body.roleDIRECCION{}  
  .tformC{margin-left:3px;float:none;}.tform3{padding-left:10px;float:none;}table.labelConfig{width:64px;}
  div.module{height:auto;float:none;width:-webkit-fill-available;}
  div.module input[type=submit]{width:-webkit-fill-available;}
 table.report {display:block;width:100%;border-collapse:separate;}
 table.report thead, table.report tbody, table.report th, table.report td, table.report tr{display:block;}
 table.report thead tr{position:absolute;top:-9999px;left:-9999px;}
 table.report tr{border:1px solid #ccc;border-radius:6px;}
 table.report td{text-align:left;empty-cells: hide;}
 table.report td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:bold;text-align:left;width:25%;text-align:right;padding-right:10px;} 
 table.report{border:1px solid #d0d0d0;background-color:transparent;border-radius:6px;border-collapse:collapse;font-family:verdana;font-size:9pt;border:none}
 table.report td:empty{display:none;}
 table.report caption{width:90vw;}
 table.tablesorter tbody tr.even td{background-color:transparent;}
 table.tablesorter tbody tr:hover td {background-color: transparent;}
 /* Tabla responsiva tipo card en móvil */
  #reporte thead { display: none; }
  #reporte tbody tr {display: block;border: 1px solid #ccc;border-radius: 22px;margin-bottom: 10px;padding: 6px;background: #fff;}
  #reporte tbody tr:nth-child(even) {background: #f5f5f5; /*#e8f0fe;*/}
  #reporte tbody td {/*display: flex;justify-content: space-between;*/padding: 4px 6px;border: none;font-size: 0.88em;border-bottom: 1px solid #eee;}
  #reporte tbody td:last-child { border-bottom: none; }
  #reporte tbody td::before {content: attr(data-label);font-weight: bold;color: #555;flex-shrink: 0;margin-right: 8px;min-width: 90px;}
  #reporte tbody td[data-label=" "],
  #reporte tbody td.noprint { justify-content: flex-end; }
  .tformCatalog table, .tformCatalog table tr, .tformCatalog table td {display: block;width: 100%;box-sizing: border-box;}
  .tformCatalog table td input[type=date],.tformCatalog table td select {width: 100%;box-sizing: border-box;}
}
@media print{
 body{background:#fff !important;color:#000;}
 .theader,.message,input,.noprint{display:none !important;}
 .report,.report2d{width:100% !important;}
 *{box-shadow:none !important;text-shadow:none !important;}
}
select{appearance:none;padding-right:30px;
 background:url('data:image/svg+xml;utf8,<svg fill="black" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center/12px;
}
table.catalog td textarea{
 width:100%;min-height:70px;box-sizing:border-box;display:block;
 overflow-y:hidden;/*evita scroll*/
 resize:none;/*evita redimensionar manualmente*/
 font-family:"Segoe UI", Arial, sans-serif;font-size:1rem;border:1px solid #ccc;border-radius:6px;padding:8px;color:#000;background-color:#fff;
}
input[type="date"]{background-color:#fff;padding-right:35px;font-size:1rem;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;}
input[type="date"]::-webkit-calendar-picker-indicator{opacity:1;display:block;cursor:pointer;}
@supports not (appearance: auto){
 /*Fallback si no hay ícono nativo*/
 input[type="date"]{
  background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="20" width="20" viewBox="0 0 24 24"><path d="M7 10h10v2H7v-2zm10-7h-1V1h-2v2H10V1H8v2H7c-1.1 0-1.99.9-1.99 2L5 21c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>') no-repeat right 10px center;
  background-size:18px;
 }
}
.no-uppercase {
    text-transform: none !important;
}



/* ======== ANIMACIONES SWEETALERT2 ======== */
/* Animación de apertura */
@keyframes swal-zoom-in {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* Animación de cierre */
@keyframes swal-zoom-out {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.6); opacity: 0; }
}

/* Vinculación de animaciones */
.swal2-popup {
  animation: swal-zoom-in 0.32s ease-out;
}
.swal2-hide {
  animation: swal-zoom-out 0.26s ease-in forwards;
}

.swal2-confirm, .swal2-cancel {
  transition: transform 0.18s;
}
.swal2-confirm:hover, .swal2-cancel:hover {
  transform: scale(1.06);
}

/* === Fondo (overlay) con transición === */
.swal2-container {
  animation: overlay-fade 0.35s ease-out;
}

@keyframes overlay-fade {
  0% { background-color: rgba(0,0,0,0); }
  100% { background-color: rgba(0,0,0,0.4); }
}
/* ======== SWEETALERT2 — TEMA SECUNDARIA  ======== */
.swal2-popup{border-radius:14px !important;padding:1.7em 1.5em !important;background:#ffffff;}
/*TÍTULO*/
.swal2-title{font-size:26px !important;font-weight:700 !important;margin-top:4px !important;margin-bottom:10px !important;color:#14213d !important;}
/*MENSAJE*/
.swal2-html-container{font-size:18px !important;margin-top:6px !important;margin-bottom:24px !important;color:#1f1f1f !important;}
/*BOTONES*/
.swal2-confirm,.swal2-cancel{padding:10px 26px !important;font-size:16px !important;border-radius:6px !important;font-weight:600 !important;}
/* BOTÓN CONFIRMAR (color institucional) */
.swal2-confirm{background:#AD252F !important;color:white !important;border:none !important;transition:0.25s;}
.swal2-confirm:hover{background:#0d162b !important;}
/*BOTÓN CANCELAR*/
.swal2-cancel{background:#606468 !important;color:white !important;border:none !important;transition:0.25s;}
.swal2-cancel:hover{background:#4c4f53 !important;}
/*ICONOS más grandes y centrados*/
.swal2-icon{margin-top:6px !important;margin-bottom:10px !important;transform:scale(1.1);}
/*INPUT (recuperación de contraseña)*/
.swal2-input{padding:12px !important;font-size:17px !important;border-radius:6px !important;border:2px solid #AD252F !important;}