/*@font-face {
    font-family: 'ebrima';
    src:
            url('fonts/ebrima.ttf') format('truetype'),
            url('fonts/ebrimabd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.ui-jqgrid-bdiv{
    font-family: ebrima;
}*/
/*BODY{margin:0;padding:0;font-size:15px;font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; letter-spacing: 1px;}*/
/* uso .clase { color: var(--red) }  importante el espacio entre : y var */
:root {
    --salida_bodega: rgb(173, 120, 188);
    --entrada_bodega: rgba(128,255,128,1);
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #f87000;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --navbar-bg-color: hsl(0, 0%, 15%);
    --navbar-text-color: hsl(0, 0%, 85%);
    --navbar-text-color-focus: white;
    --navbar-bg-contrast: hsl(0, 0%, 25%);
    --navbar-height: 90px;

    --bg-rechazado: #db8989;
}


BODY{margin:0;padding:0;font-size:15px;font-family: Verdana,Arial,Helvetica,sans-serif,'latoregular'; overflow-y: scroll; overflow-x: hidden;}
IMG{border:none;}
TABLE{border-collapse:collapse;}
PRE{white-space:pre-wrap;}
INPUT [readonly ]{border:none;}
LABEL{/*background-color:white;*/}
SPAN.u{text-decoration:underline;}
.nowrap{white-space:nowrap;}
.msgerr{color:red;}
table.ac TD{/*padding:3px;*/}
.dved{
    padding:0px 8px;
    min-height: 50px;
    display: inline;
    float:left;
    position: relative;
}
A.default {color:blue!important;;text-decoration:underline!important;}
A.default:visited {color:blue!important;;text-decoration:underline!important;}
A.default:hover {color:blue!important;;text-decoration:underline!important;}

.dvrd{padding-left:8px;padding-right:8px;min-height:50px;}
.lbl{color:blue;}
.lbler{color:red;}
.lblrq{color:blue;}
.lblnotice{color: #ea6806;}
.lblgrp{font-weight:bold;color:black;}

.ui-jqgrid tr.ui-row-ltr td{
    padding-left: 0.15em;
    white-space: pre-wrap;
    word-wrap: break-word;
}
table.estadoPersonalizadoRegistro{
    /*font-family: 'digital';*/
    border: 1px solid #000;
    box-shadow: 3px 2px 4px #294b5f;
    font-size: 15px;
    /*letter-spacing: 3px;*/
}
table.estadoPersonalizadoRegistro td{
    color: #c3c3c3;
    box-shadow: 0px 0px 2px #222 inset;
    border: 1px solid black !important;

    text-align: center;
/*    background: rgb(255,255,255);*/
/*    background: -moz-radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(237,240,242,1) 77%, rgba(218,222,226,1) 87%);*/
/*    background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(237,240,242,1) 77%, rgba(218,222,226,1) 87%);*/
/*    background: radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(237,240,242,1) 77%, rgba(218,222,226,1) 87%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dadee2",GradientType=1);
}
table.estadoPersonalizadoRegistro td:hover{
    border:1px solid #666;
    box-shadow: 0px 0px 2px #2b2828 inset;
    /*background: rgb(243,246,248);
    background: -moz-radial-gradient(circle, rgba(243,246,248,1) 30%, rgba(231,236,241,1) 58%, rgba(164,182,201,1) 87%);
    background: -webkit-radial-gradient(circle, rgba(243,246,248,1) 30%, rgba(231,236,241,1) 58%, rgba(164,182,201,1) 87%);
    background: radial-gradient(circle, rgba(243,246,248,1) 30%, rgba(231,236,241,1) 58%, rgba(164,182,201,1) 87%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f6f8",endColorstr="#a4b6c9",GradientType=1);
}


.estado-asignacion {
    /*font-family: 'inherit';*/
	color: #c3c3c3;
    box-shadow: 0px 0px 2px #222 inset;

    background: rgb(255,255,255);
    background: -moz-radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(237,240,242,1) 77%, rgba(218,222,226,1) 87%);
    background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(237,240,242,1) 77%, rgba(218,222,226,1) 87%);
    background: radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(237,240,242,1) 77%, rgba(218,222,226,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dadee2",GradientType=1);
    /*cursor: url('../css2/cursor/autorizar.cur'), pointer;*/
}
/*.ui-state-hover > div {*/
/*    background: none !important;*/
/*}*/
BUTTON {cursor:pointer}
BUTTON.on {border:4px inset whitesmoke;border-radius:8px}
BUTTON.off {}
SPAN.dlgP.on {
    /*border:4px inset whitesmoke;*/
    border:4px inset var(--success);
    color: var(--success);
    border-radius:16px
}
SPAN.dlgP.on.no_pedir {
    border:4px inset var(--danger);
    color: var(--danger);
    border-radius:16px
}
SPAN.dlgP.on.complemento {
    border:4px inset var(--warning);
    color: var(--warning);
    border-radius:16px
}
.dlgP {cursor:pointer;display:none}
.dlgExletraOff {color:silver!important;}
#dialog_existencia_letras {color:darkblue;}
#dialog_existencia_letras A {color:darkblue;text-decoration: none}

SELECT {background-color:white}

table.menu{padding:0;margin:0;background-color:#CCFF99;border:none;width:100%;}
table.menu .icono32{width:48px;text-align:left;vertical-align:middle;}
table.menu .izq{width:90%;text-align:left;vertical-align:middle;}
table.menu .icono32der{width:48px;text-align:right;vertical-align:middle;}
table.menu TD{white-space:nowrap;border:none;vertical-align:middle;}
div.iactoolbarspacer{position:relative;height:8em;}
TABLE.iactoolbar{border-collapse:collapse;}
div.hojaes{background-color:#f2e6f2;width:100%;padding-left:8px;}
div.contenido{margin-left:8px;margin-right:8px;}
div.err{color:red;text-align:center;width:60%;margin:auto;display:block;border:red double 1px;}
div.err ul{text-align:left;}
div.aviso{color:blue;text-align:center;width:60%;margin:auto;display:block;border:blue double 1px;}
div.avios ul{text-align:left;}
div.feedback{color:blue;text-align:center;padding-bottom:24px;}
div.feedback ul{text-align:right;}
div.peligro{text-align:center;padding-bottom:24px;}
.Inactive{color:red;}
.tituloHoja{color:blue;font-weight:bold;text-align:center;font-size:larger;}
.tituloizq{font-weight:bold;font-size:larger;}
.rojo{color:red;}
.rojoValidate{color:red;font-weight: bold;position: relative;top: 8px;}
.iaToggle{cursor:pointer;}
.tabla{border-collapse:collapse;}
.tabla .tr0{background-color:#ffeaea;}
.tabla th{vertical-align:top;text-align:center;border:silver solid 1px;padding:1px;/*border-radius:7px;*/}
.tabla th.izq{text-align:left;}
.tabla th.cen{text-align:center;}
.tabla th.der{text-align:right;}
.tabla td{text-align:left;vertical-align:top;/*border:silver solid 1px;*/padding:1px;font-weight:normal;}
.tabla td.izq{text-align:left;}
.tabla td.cen{text-align:center;}
.tabla td.der{text-align:right;}
.tabla td.lbl{text-align:left;font-weight:bold;}
.tabla td.lblsub{text-align:left;font-weight:bold;}
.tabla span.lbl{font-weight:bold;}
.tabla td.achica{white-space:nowrap;width:5%;}
TABLE.dataTable TH{vertical-align:top;text-align:left;}
TABLE.dataTable TD{vertical-align:top;text-align:left;}
.tabla th.table-sortable{cursor:pointer;background-image:url( "/images/tablejs/sortable.gif ");background-position:top left;background-repeat:no-repeat;padding-left:12px;}
.tabla th.table-sorted-asc{background-image:url( "/images/tablejs/sorted_up.gif ");background-position:top left;background-repeat:no-repeat;}
.tabla th.table-sorted-desc{background-image:url( "/images/tablejs/sorted_down.gif ");background-position:top left;background-repeat:no-repeat;}
.tabla th.table-filtered{background-image:url( "/images/tablejs/filter.gif ");background-position:bottom left;background-repeat:no-repeat;}
.tabla select.table-autofilter{font-size:smaller;}
select.table-autofilter{font-size:smaller;}
.handle{background-image:url( "/images/handle.png ");background-repeat:repeat-x;height:18px;margin:0 1px;}
.fg-button{font-size:12px;clear:left;margin:0 2px 2px 2px;padding:0.4em 1em;text-decoration:none !important;cursor:pointer;position:relative;text-align:center;}
.fg-button .ui-icon{position:absolute;top:50%;margin-top:-8px;left:50%;margin-left:-8px;}
a.fg-button{float:left;}
button.fg-button{width:auto;overflow:visible;}
.fg-button-icon-left{padding-left:2.1em;}
.fg-button-icon-right{padding-right:2.1em;}
.fg-button-icon-left .ui-icon{right:auto;left:0.2em;margin-left:0;}
.fg-button-icon-right .ui-icon{left:auto;right:0.2em;margin-left:0;}
.fg-button-icon-solo{display:block;width:8px;text-indent:-9999px;}
.fg-button.ui-state-loading .ui-icon{background:url(img/spinner_bar.gif) 0 0 no-repeat;}
/*.ui-widget{font-size:15px !important;border: none;border-bottom-color: #299cf1;border-bottom-style: groove;}*/
.ui-widget{font-size:15px !important;}
.uivx-widget{font-size:14px !important;}
.ui-jqgrid{position:relative;font-size:1em !important;}
.ui-jqgrid .ui-jqgrid-view{position:relative;font-size:1em !important;}
.ui-jqgrid .ui-jqgrid-htable th div{height:auto;overflow:hidden;padding-right:1px;padding-top:1px;position:relative;vertical-align:text-top;white-space:normal !important;}
.ui-jqgrid .ui-jqgrid-htable th{padding-top:0;padding-right:1px;padding-bottom:0;padding-left:1px;}
.ui-jqgrid .ui-jqgrid-pager input{font-size: 15px !important; width: 30px; height: 18px; font-weight: bold;}
.ui-jqgrid .ui-jqgrid-pager select{font-size: 14px !important; width: 80px; height: 24px; font-weight: bold;}

.ui-paging-pager td{font-weight: bolder !important;}
.divcampo{margin:0;padding:2px;}
.jfontsize-button{font:bold 12px arial;padding:3px;border:#ccc solid 1px;}
.jfontsize-button:hover{text-decoration:none;background:#333;color:#fff;border:#333 solid 1px;}
.jfontsize-disabled,.jfontsize-disabled:hover{color:#aaa;border:#eee solid 1px;background:#eee;}
.loading-image{background-color:red;background:url( '/img/progress-indicator-alpha.gif ') center center no-repeat transparent;}
.ui-resizable-helper{border:#00F dotted 2px;}
.ui-dialog .ui-dialog-buttonpane{font-size:15px;margin:2px;padding:2px;}
.ui-dialog .ui-widget-header{font-size:15px;}
.ui-dialog{z-index:9999;}
.deleterow{cursor:pointer;}
.jqgRL{padding-top:0;margin-top:0; max-height:1000px !important; white-space:pre-wrap;/*cursor:s-resize;*/vertical-align:middle;}
.jqgRS{padding-top:0;margin-top:0;overflow:hidden;overflow-x: hidden;}
.jqgRS ol,ul,li,p,div{padding-top:0;margin-top:0;}
.jqgRZ{padding-top:0;margin-top:0; max-height:250px; overflow-y:hidden; overflow-x: hidden;/* cursor:row-resize; */vertical-align:middle; white-space:pre-wrap;}
table.ui-jqgrid-btable tr.jqgfirstrow td{border:none;}
table.ui-jqgrid-btable{height:1px;}
/* jqGrid resize rows buttons start */
    .cellGrowShrink {margin:0; padding:0.4em 0.5em; vertical-align:top;} /** VCA agregué 0.4em al padding top**/
    .cellHtml {vertical-align:top;}
    .cellText {white-space: pre;margin:0; padding:0 0.5em; vertical-align:top;}
    .cellGrowFull    {height: auto; overflow-x: hidden; overflow-y: auto;text-overflow: ellipsis;}
    .cellGrowLimited   {max-height: 4.8rem; height: auto; overflow: hidden;text-overflow: ellipsis;}
    .cellShrink  {max-height: 1.2em;overflow: hidden;text-overflow: ellipsis; }
    .vAlignTop{vertical-align:top}
/* jqGrid resize rows buttons end */
#ui-datepicker-div{display:none;z-index:9999999999999 !important;}
.grid_usd{color:#02a702 !important;}
.grid_atrasado {
    background: linear-gradient(to bottom, #ff9000, #ffb347, #ffcf90, #ffecc1) !important;
    color: #000000 !important;
    font-weight: bold !important;
    text-align: center;
    text-shadow: 0 0 0.15em #ffcf90, 0 0.05em 0.15em #ff9000, 2px 2px 2px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.5);
}

.grid_paid{background-color:#cf6b6b !important;background:#cf6b6b !important;color:#000000 !important;}
.grid_paid_alter{background-color:#dbf3ff !important;background:#dbf3ff !important;color:#000000 !important;}
.grid_super_atrasado{background-color:#949063 !important;background:#949063 !important;color:#000000 !important;}
.grid_pending{background-color:#ffe0c2 !important;background:#ffe0c2 !important;color:#000000;}
.doctos_verificado{background-color:#ffe0c2 !important;background:#ffe0c2 !important;}
.grid_modificado{background-color:#f1f49f !important;background:#f1f49f !important;color:#000000 !important;}
.grid_cuentat_gasto_att_req{background: #fdffd2 !important; color:#000000 !important;}
.grid_docto_noalta{background-color:#ffc67b !important;background:#ffc67b !important;color:#000000 !important;}
.grid_docto_ultmov_sin_afectar_ctat{background-color: #ff9c64 !important;background: #fd9b64 !important;color: #c60303 !important;text-shadow: 1px 1px 2px #c76028;font-style: oblique;}
.grid_not_delivered{background-color:#E0E0E0 !important;background:#E0E0E0 !important;}
.grid_cheque_dd{color: #000000 !important;overflow: hidden;text-overflow: ellipsis;}
.grid_cheque_{background-color:#FFFFFF !important;background:#FFFFFF !important;color:#9d000b !important;}
.grid_delivered{background-color:#FFFFFF !important;background:#FFFFFF !important;color:#000000 !important;}
.grid_delivered_directo{background-color:#FFFFFF !important;background:#FFFFFF !important;color:#9d000b !important;}
.grid_cancelado{background-color:#f68c00 !important;background:#f68c00 !important;color:#FFFFFF !important;}
.grid_borrado{text-decoration:line-through !important;}
.grid_deuda_no_autorizada{background-color:#ffe1bb !important;background:#ffe1bb !important;color:#000000 !important;}
.grid_deuda_pagada{background-color:#fd9797 !important;background:#fd9797 !important;color:#ffffff !important;}
.grid_ctat_mov_egreso{background: linear-gradient(#ffc8c8, #ffdcdc) !important;color:#000000 !important;}
.grid_ctat_mov_ingreso{background: linear-gradient(#dfeffc, #f3f9ff) !important;color:#000000 !important;}
.grid_ctat_mov_cheque_con_cuentat_origen{background-color:#9c0000 !important;background:#9c0000 !important;color:#f6ff00 !important;}
.grid_ctat_gasto_attreq{background-color:#d487ff !important;background:#d487ff !important;color:#000000 !important;}
.grid_ctat_gasto_blank{background-color:#ffffff !important;background:#ffffff !important;color:#000000 !important;}


.bold{font-weight:bold !important;text-overflow: clip;}
.bold_table_childs{font-weight:bold;text-overflow: ellipsis;}
.lite{font-weight:200 !important;}
.grid_ctat_mov_cancelado{color:#c50000 !important;text-decoration:line-through !important;}
.grid_cg_attachment_requerido{background-color:#f1f49f !important;background:#f1f49f !important;color:#000000 !important;}
.grid_cg_autorizado{background-color:#dbf3ff !important;background:#dbf3ff !important;color:#000000 !important;}
.grid_cg_importante{background-color:#00ff24 !important;background:#00ff24 !important;color:#000000 !important;font-weight:bold !important;}
.grid_cg_pendiente{background-color:#ffe1bb !important;background:#ffe1bb !important;color:#000000 !important;}
.grid_cg_solo_rony{background:repeating-linear-gradient(135deg,transparent,transparent 10px, #ff45053b 10px, #ffbe9850 20px), linear-gradient(to bottom,#fffdfbeb,#ffffffeb); color: #0000a2 !important;}
.grid_cg_rechazado{background-color:#fa5a5a !important;background:#fa5a5a !important;color:#ffffff !important;}
.grid_cg_revisado{background-color:#a0a0a0 !important;background:#a0a0a0 !important;color:#ffffff !important;font-weight:bold !important;}
.grid_chequemuerto{background-color:#7f7f7f !important;background:#7f7f7f !important;color:#000000 !important;font-weight:bold !important;}
.grid_docto_rechazado{background-color:#db8989 !important;background:#db8989 !important;color:#ffffff;}
.grid_doctos_compra{background-color:#f0ff00 !important;background:#f0ff00 !important;color:#ff0000 !important;}
.grid_carta_porte_dia_siguiente{background-color:linear-gradient(#ffc67b, #fff2e3 ,#ffc67b) !important;background:linear-gradient(#ffc67b, #fff2e3,#ffc67b) !important;color:#000000 !important;}
.grid_carta_porte_sin_timbrar{background-color:linear-gradient(#ffc8c8, #fff4f4,#ffc8c8) !important;background:linear-gradient(#ffc8c8, #FFF4F4FF,#ffc8c8) !important;color:#000000 !important;}
input.readonly{border:none;border-radius: 5px; }
input{font-size:15px;font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;}
input[type=text]{ border-radius: 3px; border: 1px solid #000000;}
textarea{font-size:15px;font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;}
textarea.readonly{background:#D0D0D0;}
select{font-size:15px;font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;}
DIV.semaforo{margin-left:auto;margin-right:auto;display:table;}
OL.semaforo{border:red solid 1px;padding-right:18px;box-shadow:10px 10px 5px #888;}
OL.semaforo LI{margin-bottom:8px;margin-top:8px;}
IMG.semaforo{vertical-align:middle;}
.table_fixed{table-layout:fixed;overflow:hidden;overflow-wrap:break-word;}
.bg_red{background-color:red;font-weight:bold;}
.bg_blue{background: linear-gradient(to left, #ffffff 30%, #a1dbff, #93d6ff, #ffffff 100%);}
.bg_green{background: linear-gradient(to left, #ffffff 30%, #cbf8bb, #abfa9a, #ffffff 100%);}
/*.bg_blue{background-color:#3389ff;font-weight:bold;}
.bg_green{background-color:#00c100;font-weight:bold;}*/
.bg_orange{background-color:#ff9421;font-weight:bold;}
.bg_purple_index{background: linear-gradient(#821fff, #d098ff, #e9d1ff) !important; color:black !important; font-weight:bold;border: 1px solid #0022ba !important;
    border-bottom-width: 0 !important;}
.bg_yellow_index{background: linear-gradient(#c7bc00, #fff228, #fffbb8) !important; color:black !important; font-weight:bold; border: 1px solid #e77979 !important; border-bottom-width: 0 !important;}
.bg_orange_index{background: linear-gradient(#ff9421, #ffc181, #ffead6) !important; color:black !important; font-weight:bold; border: 1px solid #e77979 !important; border-bottom-width: 0 !important;}
.txt_bba{font-size:16px;font-weight:bold;}
.verde_blanco{background-color:white;color:darkgreen;}
.rojo_blanco{background-color:white;color:red;}
.negro_blanco{background-color:white;color:black;}
.azul_blanco{background-color:white;color:blue;}
.negro_amarillo{background-color:black;color:yellow;}
.actaPESOS{background-color:#ffffff !important;background:#ffffff !important;color:#0000a2 !important;}
.actaUSD{background-color:#ffffff !important;background:#ffffff !important;color:#02a702 !important;}
.grid_link_mb_borrado{background-color:#cf6b6b !important;background:#cf6b6b !important;color:#000000 !important;}
.grid_link_pendiente{background-color:#ff9421 !important;background:#ff9421 !important;color:#000000 !important;}
.grid_acta_borrado{background-color:#d093ff !important;background:#d093ff !important;color:#000000 !important;}
.grid_withdrawal_rechazado{background-color:#fa5a5a !important;background:#fa5a5a !important;color:#ffffff !important;}
.grid_link_rechazado{background-color:#fffc00 !important;background:#fffc00 !important;color:#000000 !important;}
.grid_pendiente_edocta{
    color: #492400;
    background: linear-gradient(to top, #F1A98310, #F1A98330, #F1A98370, #F1A983AA, #F1A983) !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #ff9966, 0 0.05em 0.15em #974a00, 2px 2px 2px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.5);
}
.grid_withdrawal_autorizado{background-color:#dbf3ff !important;background:#dbf3ff !important;color:#000000 !important;}


.grid_withdrawal_pendiente{background-color:#a0a0a0 !important;background:#a0a0a0 !important;color:#ffffff !important;font-weight:bold !important;}
.grid_withdrawal_incompleto{background-color:#664d1b !important;background:#664d1b !important;color:yellow !important;font-weight:bold !important;}
.grid_withdrawal_error{background-color:#ffffff !important;background:#ffffff !important;color:red !important;font-weight:bold !important;}
.grid_withdrawal_corrected{background-color:#ffffff !important;background:#ffffff !important;color:#0040c3 !important;font-weight:bold !important;}
.grid_withdrawal_dev{background-color:#ffaa3c !important;background:#ffaa3c !important;color:#000000 !important;font-weight:bold !important;}
.grid_withdrawal_repetido_vacio{background-color:#ffffff !important;background:#ffffff !important;color:#000000 !important;font-weight:bold !important;}
.grid_gasto_importante{background-color:#00ff24 !important;background:#00ff24 !important;color:#e200b5 !important;font-weight:bold !important;}
.tbUSD{background-color:#ffffff;color:#139312;font-size:16px !important;font-weight:bold !important;padding:1px !important;}
.tbPESOS{background-color:#ffffff;color:#0000a2;font-size:16px !important;font-weight:bold !important;padding:1px !important;}
td.tbctasTSaldo{background-color:#ffffff;color:#000000;font-size:16px !important;font-weight:bold !important;padding:1px !important;}
.actasinTC{color:#ffffff;}
.jqgFootUSD{display:block;background-color:#139312;background:#139312;color:#000000;}
input.grayedout{background-color:#92c7ef;color:#000000;border:#003f6f solid 1px;}
.ui-jqgrid tr.footrow td{
    font-weight:bold;overflow:hidden;white-space:nowrap;height:21px;padding:0 2px 0 2px;border-top-width:1px;border-top-color:inherit;border-top-style:solid;color:#00289a;
    background:linear-gradient(#ebf600, #f4ff02, #dde435)!important;
    font-size:15px;
}
.ui-jqgrid tr.footrowUSD td{
    font-weight:bold;overflow:hidden;white-space:nowrap;height:21px;padding:0 2px 0 2px;border-top-width:1px;border-top-color:inherit;border-top-style:solid;
    color: #0c4903;
    background: linear-gradient(#e0e0e0, #f2f2f2, #cecece) !important;
    font-size: 15px;
    text-shadow: 0 0 0.1em #149700, 0 0 0.1em #b3ff95, 0 0 0.1em #deffda !important;
}
.txt_centered{text-align:center !important;}
.txt_right_aligned{text-align:right !important;}
.txt_left_aligned{text-align:left;}
.txt_USD{background-color:#ffffff;color:#139312;font-size:16px !important;font-weight:bold !important;}
.txt_PESOS{background-color:#ffffff;color:#0000a2;font-size:16px !important;font-weight:bold !important;}
.txt_color_USD{color: #139312 !important;}

.txt_color_PESOS{color:#0000a2 !important;}
.txt_color_USD_withdrawal_formatter{color: #139312 !important;}

.txt_color_red{color:#9d000b !important;}
.txt_color_orange{color:#e17009 !important;}
.txt_color_gray{color:#555555 !important;}
.txt_bold_red{font-weight:bold !important;color:#AF000C !important;}
.txt_bold_brightred{font-weight:bold !important;color:#FF0000 !important;}
.txt_bold_black{font-weight:bold !important;color:#000000 !important;}
.txt_color_blue{color:#0000a2 !important;}

.txt_bold_blue{font-weight:bold !important;color:#0000a2 !important;}
.txt_bold_dark_blue{font-weight:bold !important;color:#1111b1 !important;}
.txt_bold_purple{font-weight:bold !important;color:#660062 !important;}
.txt_bold_orange{font-weight:bold !important;color:#e17009 !important;}
.txt_bold_gray{font-weight:bold !important;color:#444444 !important;}
.txt_bold_darkgray{font-weight:bold !important;color:#1b1b1b !important;}
.txt_bold_green{font-weight:bold !important; color:#139312 !important;}
.txt_bold_lemon{font-weight:bold !important; color:#c3f44b !important;}

#toolbarTitle p{
    margin-block-end: 4px;
}

#toolbarTitleCheque{
    /*background: linear-gradient(#d6951e, #ffe8a5, #e6ac40);*/
    background: linear-gradient(#00416A 0%, #0665a0 2% , #2da1e8 6%, #88cffa  10%, #d6ecfa  , #f8fcff  , #f8fcff  ,  #f8fcff  , #f8fcff  , #d6ecfa  , #88cffa  90%, #2da1e8 94%, #0665a0 98%, #00416A 100%);
    box-shadow: 0 10px 10px #0c2350, 0 10px 10px #0c2350, #0A254059 0px -2px 6px 0px inset;
}

#toolbarTitleCheque div.toolbarTitle {
    font-size: 15px;
    height: 75px !important;
}


.toolbarTitleCheque{
    background: linear-gradient(#8ad2ff 0%, #b8e4ff 2% , #d9f1ff  6%, #e6f5ff  10%, #f2faff  , #ffffff, #ffffff,  #ffffff, #ffffff, #f2faff  , #e6f5ff  90%, #d9f1ff  94%, #b8e4ff 98%, #8ad2ff 100%);
    box-shadow: 0 10px 10px #0c2350, 0 10px 10px #0c2350, #0A254059 0px -2px 6px 0px inset;
}

#toolbarTitleCheque p{
    margin-block-end: 4px;
}

.toolbarTitleChequeDD{
    background: linear-gradient(#42a5a5 0%, #8dffff 2% , #b5ffff  6%, #b5ffff  10%, #dbffff  , #f7ffff, #f7ffff,  #f7ffff, #f7ffff, #dbffff  , #b5ffff  90%, #b5ffff  94%, #8dffff 98%, #42a5a5 100%);

    color: #2b2111;
    font-weight:bold;
    box-shadow: 0 3px 5px #013d3d;
    box-shadow: 0 10px 10px #1f7d7d, 0 10px 10px #011f1f, #03343459 0px -2px 6px 0px inset;
    /*text-shadow: 1px 1px 2px #ffe7d2, 0 0 0.1em #5e3a1c, 0 0 0.1em #ffebd9;*/
}


.toolbarTitleChequeDD p{
    line-height: 1.1;

    margin: 0;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #2b2111;
    font-weight:bold;
    /*text-shadow: 1px 1px 2px #ffe7d2, 0 0 0.1em #5e3a1c, 0 0 0.1em #ffebd9;*/
}

.toolbarTitleChequePESOS {
    color: #002352;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
}

.toolbarTitleChequePESOS p{
    line-height: 1.1;

    margin: 0;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #002352;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
}

.toolbarTitleChequeUSD {
    color: #033703 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #5fe4a0, 0 0 0.1em #f8f8f8;
}

.toolbarTitleChequeUSD p{
    line-height: 1.1;

    margin: 0;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #033703 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #5fe4a0, 0 0 0.1em #f8f8f8;
}

#toolbarTitlePagare {
    /*background: linear-gradient(#61c995 0%, #71edac 2% , #acffd4 6%, #c0ffde 10%, #deffee , #f2fff8 , #f2fff8  ,  #f2fff8 , #f2fff8 , #deffee , #c0ffde 90%, #acffd4 94%, #71edac  98%, #61c995 100%);*/
    /*box-shadow: 0 3px 5px #003d1d;*/
    background: linear-gradient(#43a246 0%, #61db65 2% , #b7ffb8 6%, #e6ffe6 10%,
    #f0fff0   , #ffffff, #ffffff,  #ffffff, #ffffff,
    #f0fff0   , #e6ffe6 90%, #b7ffb8 94%, #61db65 98%,
    #43a246 100%);
    box-shadow: 0 10px 10px #008440, 0 10px 10px #002812, #0d321d 0px -2px 6px 0px inset;
}
#toolbarTitlePagare div.toolbarTitle {
    font-size: 15px;
    height: 75px !important;
}

.toolbarTitlePagare {
    /*background: linear-gradient(#61c995 0%, #71edac 2% , #acffd4 6%, #c0ffde 10%, #deffee , #f2fff8 , #f2fff8  ,  #f2fff8 , #f2fff8 , #deffee , #c0ffde 90%, #acffd4 94%, #71edac  98%, #61c995 100%);*/
    background: linear-gradient(#43a246 0%, #61db65 2% , #b7ffb8 6%, #e6ffe6 10%,
    #f0fff0   , #ffffff, #ffffff,  #ffffff, #ffffff,
    #f0fff0   , #e6ffe6 90%, #b7ffb8 94%, #61db65 98%,
    #43a246 100%);
    box-shadow: 0 10px 10px #008440, 0 10px 10px #002812, #0d321d 0px -2px 6px 0px inset;
}

#toolbarTitlePagare p{
    margin-block-end: 4px;
}

.toolbarTitlePagareUSD {
    color: #033703 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #5fe4a0, 0 0 0.1em #f8f8f8;
}

.toolbarTitlePagareUSD p {
    line-height: 1.1;
    margin: 0;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #033703 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #5fe4a0, 0 0 0.1em #f8f8f8;
}

.toolbarTitlePagarePESOS {
    color: #002352;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
}

.toolbarTitlePagarePESOS p {
    line-height: 1.1;
    margin: 0;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #002352;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
}

#toolbarTitleVale {
    background: linear-gradient(#7f61c9 0%, #9172db 2% , #c5acff 6%, #dacaff 10%, #e8deff , #f6f2ff , #f6f2ff ,  #f6f2ff , #f6f2ff , #e8deff , #dacaff 90%, #c5acff 94%, #9172db 98%, #7f61c9 100%);
    box-shadow: 0 3px 5px #362758;
    box-shadow: 0 10px 10px #231d38, 0 10px 10px #362758, #381f6f 0px -2px 6px 0px inset;
}
#toolbarTitleVale div.toolbarTitle {
    font-size: 15px;
    height: 75px !important;
}

.toolbarTitleVale {
    background: linear-gradient(#7f61c9 0%, #9172db 2% , #c5acff 6%, #dacaff 10%, #e8deff , #f6f2ff , #f6f2ff ,  #f6f2ff , #f6f2ff , #e8deff , #dacaff 90%, #c5acff 94%, #9172db 98%, #7f61c9 100%);
    box-shadow: 0 10px 10px #231d38, 0 10px 10px #362758, #381f6f 0px -2px 6px 0px inset;
}

#toolbarTitleVale p{
    margin-block-end: 4px;
}

.toolbarTitleValeUSD {
    color: #033703 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #5fe4a0, 0 0 0.1em #f8f8f8;
}

.toolbarTitleValeUSD p {
    line-height: 1.1;
    margin: 0;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #033703 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #5fe4a0, 0 0 0.1em #f8f8f8;
}

.toolbarTitleValePESOS {
    color: #002352;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
}

.toolbarTitleValePESOS p {
    line-height: 1.1;
    margin: 0;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #002352;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
}



#toolbarTitleWithdrawals {
    background: linear-gradient(#a62366 0%, #ff86c3 2% , #ffb7dc 6%, #ffd5ea 10%, #ffe9f4 , #fffdfe , #fffdfe , #fffdfe , #fffdfe , #ffe9f4 , #ffd5ea 90%, #ffb7dc 94%, #ff86c3 98%, #a62366 100%);
    box-shadow: 0 3px 5px #3b1226;
    box-shadow: 0 10px 10px #6c284a, 0 10px 10px #8c0047, #3b1226 0px -2px 6px 0px inset;
    height: 75px !important;
}
#toolbarTitleWithdrawals div.toolbarTitle {
    font-size: 15px;
    height: 75px !important;
}

.toolbarTitleWithdrawals {
    background: linear-gradient(#a62366 0%, #ff86c3 2% , #ffb7dc 6%, #ffd5ea 10%, #ffe9f4 , #fffdfe , #fffdfe , #fffdfe , #fffdfe , #ffe9f4 , #ffd5ea 90%, #ffb7dc 94%, #ff86c3 98%, #a62366 100%);
    box-shadow: 0 3px 5px #3b1226;
    box-shadow: 0 10px 10px #6c284a, 0 10px 10px #8c0047, #3b1226 0px -2px 6px 0px inset;
}

#toolbarTitleWithdrawals p{
    margin-block-end: 4px;
    height: 75px !important;
}


#toolbarTitleWithdrawalsAsignar {
    background: linear-gradient(#836230 0%, #cb8f31 2% , #ffbb52 6%, #ffd561 10%, #ffedba , #fffdfe , #fffdfe , #fffdfe , #fff7e2 , #ffedba , #ffd561 90%, #ffbb52 94%, #cb8f31 98%, #836230 100%);
    box-shadow: 0 3px 5px #3b1226;
    box-shadow: 0 10px 10px #836230, 0 10px 10px #ffeb00, #726415 0px -2px 6px 0px inset;
}
#toolbarTitleWithdrawalsAsignar div {
    font-size: 15px;
    height: 75px !important;
}

.toolbarTitleWithdrawalsAsignar {
    background: linear-gradient(#836230 0%, #cb8f31 2% , #ffbb52 6%, #ffedba 10%, #ffedba , #fffdfe , #fffdfe , #fffdfe , #fff7e2 , #ffedba , #ffd561 90%, #ffbb52 94%, #cb8f31 98%, #836230 100%);
    box-shadow: 0 3px 5px #3b1226;
    box-shadow: 0 10px 10px #836230, 0 10px 10px #ffeb00, #726415 0px -2px 6px 0px inset;
}

#toolbarTitleWithdrawalsAsignar p{
    margin-block-end: 4px;
}

#toolbarTitleWithdrawalsAsignar div span {
    line-height: 1.1;
    margin: 0;
    color: #391f00;
    font-weight: bold;
    text-shadow: 1px 1px 2px #beb110, 0 0 0.1em #d67600, 0 0 0.1em #c0ee05;
}


#toolbarTitleGastosCuentaT {
    background: linear-gradient(#727272 0%, #a2a2a2 2% , #d2d2d2 6%, #dbdbdb 10%, #f4f4f4 , #ffffff , #ffffff , #ffffff , #ffffff , #f4f4f4 , #dbdbdb 90%, #d2d2d2 94%, #a2a2a2 98%, #727272 100%);
    box-shadow: 0 10px 10px #828282, 0 10px 10px #000000, #626262 0px -2px 6px 0px inset;
}
#toolbarTitleGastosCuentaT div.toolbarTitle {
    font-size: 15px;
    height: 75px !important;
}

.toolbarTitleGastosCuentaT {
    background: linear-gradient(#727272 0%, #a2a2a2 2% , #d2d2d2 6%, #dbdbdb 10%, #f4f4f4 , #ffffff , #ffffff , #ffffff , #ffffff , #f4f4f4 , #dbdbdb 90%, #d2d2d2 94%, #a2a2a2 98%, #727272 100%);
    box-shadow: 0 10px 10px #828282, 0 10px 10px #000000, #626262 0px -2px 6px 0px inset;
}

#toolbarTitleGastosCuentaT p{
    margin-block-end: 4px;
}


#toolbarTitleGastosCuentaTAsignar {
    background: linear-gradient(#11a800 0%, #1ed809 2% , #3ef029 6%, #6cf85b 10%, #a8f89f , #d9ffd5, #d9ffd5, #d9ffd5, #d9ffd5, #a8f89f , #6cf85b 90%, #3ef029 94%, #1ed809 98%, #11a800 100%);
    box-shadow: 0 10px 10px #386a0a, 0 10px 10px #77e215, #386a0a 0px -2px 6px 0px inset;
}
#toolbarTitleGastosCuentaTAsignar div {
    font-size: 15px;
}

.toolbarTitleGastosCuentaTAsignar {
    background: linear-gradient(#11a800 0%, #1ed809 2% , #3ef029 6%, #6cf85b 10%, #a8f89f , #d9ffd5, #d9ffd5, #d9ffd5, #d9ffd5, #a8f89f , #6cf85b 90%, #3ef029 94%, #1ed809 98%, #11a800 100%);
    box-shadow: 0 10px 10px #386a0a, 0 10px 10px #77e215, #386a0a 0px -2px 6px 0px inset;
}

#toolbarTitleGastosCuentaTAsignar p{
    margin-block-end: 4px;
}

#toolbarTitleGastosCuentaTAsignar div span {
    line-height: 1.1;
    margin: 0;
    color: #003910;
    font-weight: bold;
    text-shadow: 1px 1px 2px #bea810, 0 0 0.1em #d6cf00, 0 0 0.1em #eee705;
}

/*.toolbarTitleUSD{background-color:#139312;}*/
/*.toolbarTitlePESOS{background-color:#ffff00;}*/
fieldset.busqueda_access{margin:0;padding:0;margin-bottom:1.25em;padding:0.125em;width:180px;height:180px;display:inline-block;overflow:visible;}
fieldset.ba_dates{margin:0;margin-bottom:1.25em;padding-top:20px;padding-bottom:20px;width:295px !important;height:90px !important;display:inline-block;overflow:visible;}
fieldset.ba_quantity{margin:0;margin-bottom:1.25em;padding-top:20px;padding-bottom:20px;width:215px;height:60px;display:inline-block;overflow:visible;}
fieldset.ba_quantity_dep{margin:0;margin-bottom:1.25em;padding-top:20px;padding-bottom:20px;width:200px;height:120px;display:inline-block;overflow:visible;}
fieldset.ba_multiselect{margin:0;margin-bottom:1.25em;padding-top:20px;padding-bottom:20px;width:410px;height:265px;display:inline-block;overflow:visible;}
fieldset.ba_select{margin:0;margin-bottom:1.25em;padding-top:20px;padding-bottom:20px;width:280px;height:80px;display:inline-block;overflow:visible;}
fieldset.ba_macros{margin:0;margin-bottom:1.25em;padding-top:20px;padding-bottom:20px;width:410px;height:80px;display:inline-block;overflow:visible;}
fieldset.ba_text{margin:0;margin-bottom:1.25em;padding-top:20px;padding-bottom:20px;width:400px;height:180px;display:inline-block;overflow-x:visible;}
fieldset.ba_selsino{margin:0;margin-bottom:1.25em;padding-top:20px;padding-bottom:20px;width:210px;height:90px;display:inline-block;overflow:visible;}
fieldset.ba_selsinosmall{margin:0;margin-bottom:1.25em;padding-top:20px;padding-bottom:20px;width:120px;height:75px;display:inline-block;overflow:visible;}
fieldset.busqueda_access legend{margin:0;font-weight:bold;margin-left:20px;font-size:100%;color:black;margin-left: 0px;background: #FFFFFF;padding-left:0.1em;padding-right:0.1em;box-shadow: none;}
fieldset.busqueda_access ul.checkbox{margin:0;padding:0;margin-left:20px;list-style:none;}
fieldset.busqueda_access ul.checkbox li input{margin-right:0.25em;}
fieldset.busqueda_access ul.checkbox li{border:transparent solid 1px;}
fieldset.busqueda_access ul.checkbox li:hover,fieldset.busqueda_access ul.checkbox li.focus{background-color:lightyellow;border:gray solid 1px;width:12em;}
fieldset.ba_ctat{margin:0;padding:0;margin-bottom:1.25em;padding:0.125em;width:410px !important;height:250px !important;display:inline-block;overflow:hidden;}
fieldset.ba_estado{margin:0;padding:0;margin-bottom:1.25em;padding:0.125em;width:410px !important;height:330px !important;display:inline-block;overflow:hidden;}
.ba_not{ position: absolute; bottom: 22px; right:16px;}
.ba_and_or{ position: absolute; bottom: 28px; left:50px;}
#indexTabs{font-weight:bold; /*height:470px;*/}
ul.tab{ /*border:silver solid 1px;*/ margin-right:4px;padding:20px;}
.border_black{border:#565656 solid 1px;}
.border_red_thick{border-color: red; border-width: medium;}
.border_blue_thick{border-color: #002aff solid 1px; border-width: medium;}
.border_green_thick{border-color: #00d90f solid 1px; border-width: medium;}

hr{border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:black;border-right-color:black;border-bottom-color:black;border-left-color:black;background-color:black;border-width:1px;}
details,summary{display:block;}
details.details_shim_closed >*{display:none;}
details.details_shim_closed >summary{display:block;}
details.details_shim_open >summary{display:block;}
details.details_shim_closed >summary:before{display:inline-block;content: ' ? ? ? ? ';padding:0;margin-right:0.35em;}
details.details_shim_open >summary:before{display:inline-block;content: ' ? ? ? ? ? ? ? ? ';padding:0;margin-right:0.35em;}
summary{outline-style:none;cursor:pointer;color:darkgreen;}
summary >IMG{width:auto;height:0.8em;}
summary >A >IMG{width:auto;height:0.8em;}
details p{margin-left:32px;}
details details{margin-left:32px;}
.semli{width:auto;height:0.8em;}
.brn_rec{display:inline-block;border:silver solid 1px;padding:8px;margin:8px 2px 2px 8px;float:left;outline-style:none;}

.brc_entry{margin-top:2px;margin-bottom:2px;padding-right:4px;}
.brc_cajita{margin:4px 8px 12px 8px;padding-left:4px;padding-right:4px;background-color:whitesmoke;}
.brc_contenido{text-align:left;font-size:larger;margin:2px 6px 2px 2px;padding:2px;}
.brc_numero{font-weight:bold;}
.brc_describe{font-size:smaller;}
.brc_ir{margin-right:8px;}
.brc_rounded{border-bottom-right-radius:8px;border-bottom-left-radius:8px;border-top-right-radius:8px;border-top-left-radius:8px;}
.brc_border_gris{border:silver solid 1px;box-shadow:1px 1px 2px 2px silver;}
.brc_border_amarillo{border:yellow solid 1px;box-shadow:1px 1px 1px 1px yellow;}
.brc_border_verde{border:green solid 1px;box-shadow:1px 1px 2px 2px green;}
.brc_border_rojo{border:red solid 1px;box-shadow:1px 1px 2px 1px red;}
.brc_border_stop{border:#FF0516 solid 2px;box-shadow:1px 1px 3px 3px #FF0516;}
.brc_border_negro{border:#450106 solid 1px;box-shadow:1px 1px 3px 3px #450106;}
.blink{animation:blink 1s linear infinite;}
@keyframes blink{0%{opacity:1;}
50%{opacity:1;}
50.01%{opacity:0;}
100%{opacity:0;}}
.blinkslow{animation:blink 2s linear infinite;}
@keyframes blink{0%{opacity:1;}
50%{opacity:1;}
50.01%{opacity:0;}
100%{opacity:0;}}
.noborders{border-width:0 !important; border: none !important; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;}
input [disabled= "disabled " ],input.disabled{color:#000000;}
.stltblbrdr-top{border-top:1px solid #2b2b2b;}
.stltblbrdr-topleft{border-left:1px solid #2b2b2b;border-top:1px solid #2b2b2b;}
.stltblbrdr-topright{border-right:1px solid #2b2b2b;border-top:1px solid #2b2b2b;}
.stltblbrdr-bottom{border-bottom:1px solid #2b2b2b;}
.stltblbrdr-bottomright{border-right:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;}
.stltblbrdr-bottomleft{border-left:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;}
.stltblbrdr-right{border-right:1px solid #2b2b2b;}
.stltblbrdr-left{border-left:1px solid #2b2b2b;}
.stltblbrdr-leftright{border-right:1px solid #2b2b2b;border-left:1px solid #2b2b2b;}
.stltblbrdr-all{border:#2b2b2b solid 1px;}
.stltblhdr{border:#2b2b2b solid 1px;background-color:#bbbbbb;color:#2b2b2b;text-align:center;}
.stlrightaligned{text-align:right;}
.stlleftaligned{text-align:left;}
.stlcenteraligned{text-align:center;}
.cash{background-color:#9cff8a;color:#000000;font-weight:bold !important;text-align:right;}
/*.deposit{background-color:#021d938f !important;color:#000000;font-weight:bold !important;text-align:right;}*/
.deposit{
    /*background-color: #3b82f6 !important;*/
    background: linear-gradient(to bottom, #99bfffbf, #3b82f6a1) !important;
    color: #000000;
    font-weight: bold !important;
    text-align: right;
    text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.5);
    /*text-shadow: 0 0 0.1em #002157, 0 0 0.1em #acccff, 0 0 0.1em #ffffff !important;*/
}
/*.withdrawal{background-color:#ff818175 !important;color:#000000;font-weight:bold !important;text-align:right;}*/
.withdrawal {
    background: linear-gradient(to bottom, rgb(255 213 213), #ffa9a9) !important;
    color: #2e0008 !important;
    font-weight: bold !important;
    text-align: right;
    text-shadow: 0 0 0.15em #ff9eae, 0 0.05em 0.15em #f55a73, 2px 2px 2px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.5);
}

.withdrawal_usd{
    background: linear-gradient(to bottom, rgb(255 213 213), #ffa9a9) !important;
    color: #0c4903;
    font-weight:bold !important;
    text-align:right;
    text-shadow: 0 0 0.1em #149700, 0 0 0.1em #b3ff95, 0 0 0.1em #deffda !important;
}
.usado{background-color:#ff7e00;color:#634426;font-weight:bold !important;text-align:right;}
/*.balance{background-color:yellow;color:#0000a2 !important;font-weight:bold !important;font-size:15px !important;text-align:right;}*/
.balance_prev {
    color: #030979 !important; /* Darker blue for better contrast */
    font-weight: bold !important;
    font-size: 15px !important;
    text-align: right;
    background: linear-gradient(to bottom, #c0a2fd, #af00f4) !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8), 2px 2px 4px rgba(189, 187, 2, 0.5); /* Adjusted shadow color */
}
.balance {
    color: #000080 !important; /* Darker blue for better contrast */
    font-weight: bold !important;
    font-size: 15px !important;
    text-align: right;
    background: linear-gradient(to bottom, #fdfda2, #f4f400) !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8), 2px 2px 4px rgba(0, 0, 139, 0.5); /* Adjusted shadow color */
}
.balance_op_text {
    color: #000080 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    text-shadow: 1px 1px 1px #7c7cff, 1px 1px 1px #3232e7; /* Adjusted shadow color */
}
.balance_op_prev_text{
    color: #22002f !important;
    text-shadow: 1px 1px 1px #c0a2fd, 1px 1px 1px #af00f4; /* Adjusted shadow color */
    font-weight: bold !important;
    font-size: 14px !important;
}

.balance_op_dep_sign{
    color: #000072 !important;
    text-shadow: 1px 1px 1px #d3dbff, 1px 1px 1px #4556c5; /* Adjusted shadow color */
    font-weight: bold !important;
    font-size: 13px !important;
}
.balance_op_with_sign{
    color: #2e0008 !important;
    text-shadow: 1px 1px 1px #ff9eae, 1px 1px 1px #f55a73; /* Adjusted shadow color */
    font-weight: bold !important;
    font-size: 13px !important;
}
.balance_op_dep_text{
    color: #000072 !important;
    text-shadow: 1px 1px 1px #d3dbff, 1px 1px 1px #4556c5; /* Adjusted shadow color */
    font-weight: bold !important;
    font-size: 13px !important;
    text-decoration: underline;
}
.balance_op_with_text{
    color: #2e0008 !important;
    text-shadow: 1px 1px 1px #ff9eae, 1px 1px 1px #f55a73; /* Adjusted shadow color */
    font-weight: bold !important;
    font-size: 13px !important;
    text-decoration: underline;
}

.balancehdr{background-color:red;color:yellow;font-weight:bold !important;font-size:18px !important;text-align:right;}
.netdeposit{background-color:#ffffff;color:#021d93;font-weight:bold !important;text-align:right;}
.ide{background-color:#29ff00;color:#052300;font-weight:bold !important;text-align:right;}
.date{font-weight:bold !important;text-align:center;}
.currency{font-weight:bold !important;text-align:right;}
.numeric{font-weight:bold !important;text-align:right;}
.number{font-weight:bold !important;text-align:right;}
.link_vale_LP {
    background: linear-gradient(to bottom, #ffff4d, #fcff00, #b3b300) !important;
    color: #000000 !important; /* Black text */
    font-weight: bold !important;
    text-align: center;
    text-shadow: 1px 1px 0 #b3b300, 2px 2px 0 #fcff00, 3px 3px 0 #ffff4d; /* 3D effect with yellow shadows */
}

/*.link_vale_LT{background-color:#ff7e00;color:#492400;font-weight:bold !important;text-align:center;}*/
.link_vale_LT {
    color: #492400;
    background: linear-gradient(to bottom, #ffcc99, #ff9966, #e67300) !important;
    font-weight: bold !important;
    text-align: right;
    text-shadow: 0 0 0.15em #ff9966, 0 0.05em 0.15em #974a00, 2px 2px 2px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.5);
}

.link_vale_LT_Sin_Afectar_CT {
    background: linear-gradient(to bottom, #fbfb7fd9, #ffff43, #e5e512, #f2de2c) !important;
    color: #492400 !important; /* Brown for text */
    font-weight: bold !important;
    text-align: center;
    text-shadow: 0 0 0.15em #ffff00, 0 0.05em 0.15em #8c7300, 2px 2px 2px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.5); /* Enhanced shadows */
}


.link_vale_LT_PROPIAS {
    background: linear-gradient(to bottom, #c3f44b, #85cc00); /* Light green to lime green gradient */
    color: #492400; /* Brown for text */
    font-weight: bold !important;
    text-align: center;
    text-shadow: 2px 2px 5px #388700, -1px -1px 2px #ffff00; /* Black shadow with yellow glow */
}

.link_vale_LINK{background-color:#ff7e00;color:#492400;font-weight:bold !important;text-align:center;}
.link_vale_LT_vacia{background-color:#ffffff;color:#000000;font-weight:bold !important;text-align:center;}
.link_vale_Q {
    background: linear-gradient(to bottom, rgb(253, 196, 196), rgb(252, 159, 159), #fc8493) !important;
    color: #7a0005 !important;
    font-weight: bold !important;
    text-align: center;
    text-shadow: 0 0 0.15em #fc9fab, 0 0.05em 0.15em #9f191f, 2px 2px 2px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.5);
}

.link_vale_ND {
    background: linear-gradient(to bottom, rgb(194 2 2), rgb(103 0 0), #540000) !important;
    color: #ffffff !important; /* White text */
    font-weight: bold !important;
    text-align: center;
    text-shadow: 1px 1px 0 #540000, 2px 2px 0 #840000, 3px 3px 0 #680000; /* 3D effect with dark shadows */
}



.link_vale_NA{background-color:#441e00;color:#12ff00;font-weight:bold !important;font-size:18px !important;text-align:center;}
.link_vale_HOLD{background-color:#f0ff00;color:#ff0000;font-weight:bold !important;text-align:center;}
.link_vale_NEW{background-color:#626262;color:#0000c8;font-weight:bold !important;text-align:center;}
.link_vale_SBC_{background-color:#ff5353;color:#460000;font-weight:bold !important;text-align:center;}
.link_vale_RJ{background-color:#ff2222;color:#ffffff;font-weight:bold !important;text-align:center;}
.link_vale_BLOCKED{background-color:#4200af;color:#ffffff;font-weight:bold !important;text-align:center;}
.link_vale_APP{background-color:#dbf3ff;color:#000000;font-weight:bold !important;text-align:center;}
.link_vale_BL{background-color:#dbf3ff;color:#000000;font-weight:bold !important;text-align:center;}
.link_vale_PEND{background-color:#ff0000;color:#ffffff;font-weight:bold !important;text-align:center;}
.link_vale_RONY{background-color:#ff0000;color:#ffffff;font-weight:bold !important;text-align:center;}
.link_vale_STOP{background-color:#8B0000;color:#ffffff;font-weight:bold !important;text-align:center;}
.link_vale_INC{background-color:#7800ff;color:#ffffff;font-weight:bold !important;text-align:center;}
.link_vale_ERROR{background-color:#8B0000;color:#fffc00;font-weight:bold !important;text-align:center;}
.link_vale_CORRECTED{background-color:#0040c3;color:#ffffff;font-weight:bold !important;text-align:center;}
.link_vale_FIDUCIARIO {
    background: linear-gradient(to bottom, #f4fffd, #c4c4c4, #7c7c7c) !important;
    color: #170606 !important; /* Dark text color */
    font-weight: bold !important;
    text-align: center;
    text-shadow: 1px 1px 0 #5e5e5e, 2px 2px 0 #b2b2b2, 3px 3px 0 #d3d3d3; /* 3D effect with light green shadows */
}.link_vale_FID {
    background: linear-gradient(to bottom, #f4fffd, #c4c4c4, #7c7c7c) !important;
    color: #170606 !important; /* Dark text color */
    font-weight: bold !important;
    text-align: center;
    text-shadow: 1px 1px 0 #5e5e5e, 2px 2px 0 #b2b2b2, 3px 3px 0 #d3d3d3; /* 3D effect with light green shadows */
}
.link_vale_INVERSION {
    background: linear-gradient(to bottom, #b2fff2, #8effe3, #5fdcb8) !important;
    color: #170606 !important; /* Dark text color */
    font-weight: bold !important;
    text-align: center;
    text-shadow: 1px 1px 0 #5fdcb8, 2px 2px 0 #8effe3, 3px 3px 0 #b2fff2; /* 3D effect with light green shadows */
}

.link_vale_INV {
    background: linear-gradient(to bottom, #b2fff2, #8effe3, #5fdcb8) !important;
    color: #170606 !important; /* Dark text color */
    font-weight: bold !important;
    text-align: center;
    text-shadow: 1px 1px 0 #5fdcb8, 2px 2px 0 #8effe3, 3px 3px 0 #b2fff2; /* 3D effect with light green shadows */
}

.link_vale_DEV{background-color:#000000;color:#ffffff;font-weight:bold !important;text-align:center;}
.link_vale_AA{background-color:#0015af;color:#fff600;font-weight:bold !important;text-align:center;}
.link_vale_CONTRACT{background-color:#99ff99;color:#0000ff;font-weight:bold !important;text-align:center;}
.link_vale_GARANTIA{background-color:#ff4704;color:#ffffff;font-weight:bold !important;text-align:center;}
.link_vale_NAVIERA {
    background: linear-gradient(to bottom, #6a009f, #4f007b, #2e004c) !important;
    color: #ffffff !important; /* White text */
    font-weight: bold !important;
    text-align: center;
    text-shadow: 1px 1px 0 #2e004c, 2px 2px 0 #4f007b, 3px 3px 0 #6a009f; /* 3D effect with dark shadows */

}

.undefined{color: #000000;}
.link_vale_RETORNO{background-color:#000000;color:#00ff00;font-weight:bold !important;text-align:center;}
.link_vale_COMMENTS{background-color:#ff6600;color:#0000ff;font-weight:bold !important;text-align:center;}
.link_vale_RETAIN{background-color:#000000;color:#fcff00;font-weight:bold !important;text-align:center;}
.option_ROJO{background-color:#ff0000 !important;color:#fffc00 !important;}
.option_NEON{background-color:#12ff00 !important;color:#000000 !important;}
.gridBCID{background-color:#ffffff !important;color:#000000 !important;font-weight:bold !important;}
.text-strike{text-decoration:line-through !important;}
.txt10px{font-size:10px !important;}
.txt11px{font-size:11px !important;}
.txt12px{font-size:12px !important;}
.txt13px{font-size:13px !important;}
.txt14px{font-size:14px !important;}
.txt15px{font-size:15px !important;}
.txt16px{font-size:16px !important;}
.txt17px{font-size:17px !important;}
.txt17pxbold{font-size:17px !important;font-weight:bold !important;}
.txt18px{font-size:16px !important;}
.txt18pxfr{font-size:18px !important;}
.txt19px{font-size:19px !important;}
.txt20px{font-size:20px !important;}
.txt21px{font-size:21px !important;}
.txt22px{font-size:22px !important;}
.txt23px{font-size:23px !important;}
.txt24px{font-size:24px !important;}
.txt25px{font-size:25px !important;}
.txt26px{font-size:26px !important;}
.txt27px{font-size:27px !important;}
.txt28px{font-size:28px !important;}
.txt29px{font-size:29px !important;}
.txt30px{font-size:30px !important;}
.txt31px{font-size:31px !important;}
.txt32px{font-size:32px !important;}
.txt33px{font-size:33px !important;}
.txt34px{font-size:34px !important;}
.txt35px{font-size:35px !important;}
.txt36px{font-size:36px !important;}
.txt37px{font-size:37px !important;}
.txt38px{font-size:38px !important;}
.txt39px{font-size:39px !important;}
.txt40px {font-size:40px !important;}
.txtArialBold28px{font-size:28px !important;font-weight:bold !important;font-family:Arial Black !important;letter-spacing:8px !important;}
.txt_underline{text-decoration:underline !important;}
.txt_italic{font-style:italic !important;}
.txt_underitalic{text-decoration:underline !important;font-style:italic !important;}
.txt_overitalic{text-decoration:overline !important;font-style:italic !important;}
.txt_error{color:#ff0000; }
.txt_errorstrike{color:#ff0000 !important;text-decoration:line-through !important;}
.txt_white{color:#ffffff !important;}
.txt_blue{color:#0000ff;}
input.clirev{border:blue solid 2px;border-radius:4px;}
.grid_fiduciario_autorizado{background-color:#00b634 !important;background:#00b634 !important;color:#000000 !important;font-weight:bold !important;}
.grid_fiduciario_bloqueado{background-color:#bcbcbc !important;background:#bcbcbc !important;color:#5b5b5b !important;font-weight:bold !important;}
.grid_fiduciario_error{background-color:#ff0000 !important;background:#ff0000 !important;color:#ffffff !important;}
.grid_fiduciario_error_parcial{background-color:#ff0000 !important;background:#ff0000 !important;color:#00ff00 !important;}
.ui-tooltip{max-width:500px;}
.pointer{cursor:pointer !important;}
.ui-jqgrid .ui-search-table .ui-search-input >input,.ui-jqgrid .ui-search-table .ui-search-input >select{display:block;box-sizing:border-box;}
.inputerror{border:red solid 1px !important; border-radius: 5px;}
.optgroup{border-bottom:1px solid silver;}
.optgroup1{color:red;background-color:#ffffe6;border-top:1px solid silver;}
.optgroup2{color:sienna;background-color:oldlace;border-top:1px solid silver;}
.option{color:black;}
.chainedSelectAuto{margin-right:1em;}
a.brtb{outline:none;}
a.brtb:visited{text-decoration:none;}
a.brtb:link{text-decoration:none;}
a.brtb:active{text-decoration:none;}
a.brtb:hover{text-decoration:none;}
.border_red{border:#AF000C solid 1px !important;}
.border_txt_bold_red{font-weight:bold !important;color:#AF000C !important;border:#AF000C solid 1px !important;}
.border_blue{border:#0800e6 solid 2px !important;border-top:2px solid #0800e6 !important;border-left:2px solid #0800e6 !important;border-right:2px solid #0800e6 !important;border-bottom:2px solid #0800e6 !important;}
.border_txt_bold_blue{font-weight:bold !important;color:#0800e6 !important;border:#0800e6 solid 2px !important;border-top:2px solid #0800e6 !important;border-left:2px solid #0800e6 !important;border-right:2px solid #0800e6 !important;border-bottom:2px solid #0800e6 !important;}
.gcellCuentaTPreferida{font-weight:bold !important;color:#0800e6 !important;border:#0800e6 solid 2px !important;border-top:2px solid #0800e6 !important;border-left:2px solid #0800e6 !important;border-right:2px solid #0800e6 !important;border-bottom:2px solid #0800e6 !important;text-align:center;font-size:16px !important;}
.iacSelTotalsUSD{color:#139312 !important;}
.tmplt_CONTENEDOR{font-size:11px;background:blue;color:white;padding:1px;font-weight:bold;}
.tmplt_RENTA{font-size:11px;background:orange;color:white;padding:1px;font-weight:bold;}
.tmplt_PAGAREEMPLEADO{font-size:11px;background:black;color:white;padding:1px;font-weight:bold;}
.tmplt_AYUDA{font-size:11px;background:red;color:white;padding:1px;font-weight:bold;}
.tmplt_CASETAS{font-size:11px;background:green;color:white;padding:1px;font-weight:bold;}
.ui-jqgrid .ui-jqgrid-bdiv .ui-state-highlight{outline: 3px solid #cd0a0a !important; border: #a6c9e2 solid 2px !important; background:none;}
.ui-icon-filter{background-position:-96px -224px;}
.ui-icon-paperclip{background-position:-112px -224px;}
.ui-th-column-header{padding-right:0.4em!important;}
#fidModImg{height:40px !important;width:40px !important;border:none !important;}
#bancosImg{height:30px !important;width:30px !important;border:none !important;}
#bancospeqImg{height:30px !important;width:30px !important;border:none !important; padding-top: 12px;}
#linksTodayImg{height:40px !important;width:40px !important;border:none !important;}
th.ui-th-column div{white-space:normal !important;height:auto !important;padding:2px;}
.dataTable{border-collapse:collapse;margin:0;padding:0;}
.dataTable .tr0{background-color:#ffeaea;}
.dataTable th{vertical-align:top;text-align:center;border:silver solid 1px;padding:2px;}
.dataTable th.izq{text-align:left;}
.dataTable th.cen{text-align:center;}
.dataTable th.der{text-align:right;}
.dataTable td{text-align:left;vertical-align:top;border:silver solid 1px;padding:2px;font-weight:normal;}
.dataTable td.izq{text-align:left;}
.dataTable td.cen{text-align:center;}
.dataTable td.der{text-align:right;}
.dataTable td.lbl{text-align:left;font-weight:bold;}
.dataTable td.lblsub{text-align:left;font-weight:bold;}
.dataTable span.lbl{font-weight:bold;}
.dataTable td.achica{white-space:nowrap;width:5%;}
.cmnt img{display:none;}
.ui-autocomplete{position:absolute!important;cursor:default;z-index:100000!important;overflow-y:overlay;overflow-x:hidden;max-height:200px;font-size: 0.8em;}
.ui-widget-overlay{z-index:0;}
fieldset.black{border-color:black;border-top-color:black;border-right-color:black;border-bottom-color:black;border-left-color:black;}
.tabRojo{background-color:#ff0000 !important;background:#ff0000!important;color:#fffc00 !important;}
.tabVerde{background-color:#9bffae !important;background:#9bffae!important;color:#000000 !important;}
.jqgrid_txt_wrap{white-space:normal !important;}
.glow_black_red{text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black,0 0 4px #000,0 0 8px #FF0000;}
.ui-widget-overlay{z-index:0;}
.engraved{text-shadow:0 1px 0 #FFFFFF;}
.template-textarea-wrap{display:block !important;}
.content{margin:auto;width:100%;max-width:1280px;padding-top:5em;}
.form-rendered .build-wrap{display:none;}
.render-wrap{display:none;}
.form-rendered .render-wrap{display:block;}
#edit-form{display:none;float:right;}
.form-rendered #edit-form{display:block;}
.border-black{border-color:black;border-top-color:black;border-right-color:black;border-bottom-color:black;border-left-color:black;}
.titulo-gasto{text-decoration:underline;font-style:italic;color:#003cff;font-weight:bold;}
.titulo-gasto-rec{text-decoration:underline;font-style:italic;color:#ff0000;font-weight:bold;}
p.titulo-gasto{text-align:center;margin-bottom:0;}
span.TITULO-GASTO{text-decoration:underline;font-style:italic;color:#003cff;font-weight:bold;}
span.TITULO-GASTO-REC{text-decoration:underline;font-style:italic;color:#ff0000;font-weight:bold;}
p.TITULO-GASTO{text-align:center;margin-bottom:0;}
.dep_inactiva{background:#ca7272 !important;}
.tablasb{border-collapse:collapse;}
.tablasb .tr0{background-color:#ffeaea;}
.tablasb th{vertical-align:top;text-align:center;padding:1px;}
.tablasb th.izq{text-align:left;}
.tablasb th.cen{text-align:center;}
.tablasb th.der{text-align:right;}
.tablasb td{text-align:left;vertical-align:top;/*padding:1px;*/font-weight:normal;}
.tablasb td.izq{text-align:left;}
.tablasb td.cen{text-align:center;}
.tablasb td.der{text-align:right;}
.tablasb td.lbl{text-align:left;font-weight:bold;}
.tablasb td.lblsub{text-align:left;font-weight:bold;}
.tablasb span.lbl{font-weight:bold;}
.tablasb td.achica{white-space:nowrap;width:5%;}
.vx_adcb_class{cursor:pointer;font-size:10px !important;}
.noselect{user-select:none;}
.border_red_thick_{border:#AF000C solid 2px !important;}
.padding_1px {padding:1px;}
.hide {display: none;}
.break-word { word-wrap: break-word; }



.msgaviso {padding:2em;margin:2em auto;}




    .flexRow{
        display: flex; /* or inline-flex */
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

        flex-direction: row;flex-wrap:wrap;justify-content: flex-start;align-content: flex-start;align-items: flex-start;
        /*gap: 1em;*/
    }
    .flexCol{
        display: flex; /* or inline-flex */
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        flex-direction: column;
        flex-wrap:wrap;justify-content: flex-start;align-content: flex-start;align-items: flex-start;

    }
    .flexItem {
        flex: 0 1 auto;
        margin-left: 0.5em;
        margin-right: 0.5em;
        margin-top: 0.2em;
        margin-bottom: 0.2em;
        /*padding-left: 0.5em;
        padding-right: 0.5em;*/
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }

    .busq_FlexRows {
        display: inline-flex; /** flex VCA 12-ene-2021 **/
        flex-direction: row;
        flex-wrap: wrap;
        /*border: 3px solid #F00;*/
        /*width: auto;*/
        width: 100%;
    }
/** 100% VCA 12-ene-2021 **/
	div.busq_FlexItems {
		width: auto;
		/*border: 3px solid #0F0;*/
		/*margin: 15px;
		padding: 10px;*/
		background: #FFF;
		flex: 0 0 auto;
		/*min-height: 300px;*/
	}

	fieldset.ba_selsinosmall, fieldset.ba_dates, fieldset.ba_quantity_dep, fieldset.ba_quantity, #macros_fs{
		box-shadow: 2px 2px 7px 0px #6b6b6b;

		background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(227,234,237,1) 1%, rgba(255,255,255,1) 9%, rgba(254,254,254,1) 60%, rgba(244,250,253,1) 89%, rgba(213,238,250,1) 96%, rgba(189,209,218,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(227,234,237,1) 1%, rgba(255,255,255,1) 9%, rgba(254,254,254,1) 60%, rgba(244,250,253,1) 89%, rgba(213,238,250,1) 96%, rgba(189,209,218,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(227,234,237,1) 1%, rgba(255,255,255,1) 9%, rgba(254,254,254,1) 60%, rgba(244,250,253,1) 89%, rgba(213,238,250,1) 96%, rgba(189,209,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#bdd1da",GradientType=1);

        border-radius: 0px  0px  15px 0px;
        border: 1px outset rgba(98,206,247,1);
    }

    #controles{
        width: 290px;
        max-height: 100px;
        border: 2px outset rgba(178,0,0,1);
        padding: 35px 25px 10px 10px;
        display: inline;
        float: left;

        box-shadow: -6px -5px 21px 3px rgba(98,206,247,0.45) inset;
        -webkit-box-shadow: -6px -5px 21px 3px rgba(98,206,247,0.45) inset;
        -moz-box-shadow: -6px -5px 21px 3px rgba(98,206,247,0.45) inset;

        border-radius: 0px 0px 15px 0px;

        background: rgb(243,243,243);
        background: -moz-linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 4%, rgba(254,254,254,1) 60%, rgba(243,243,243,1) 83%, rgba(239,239,239,1) 89%, rgba(236,236,236,1) 95%, rgba(227,227,227,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 4%, rgba(254,254,254,1) 60%, rgba(243,243,243,1) 83%, rgba(239,239,239,1) 89%, rgba(236,236,236,1) 95%, rgba(227,227,227,1) 100%);
        background: linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 4%, rgba(254,254,254,1) 60%, rgba(243,243,243,1) 83%, rgba(239,239,239,1) 89%, rgba(236,236,236,1) 95%, rgba(227,227,227,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3",endColorstr="#e3e3e3",GradientType=1);

        margin-right: 10px;
        margin-bottom: 10px;

        box-shadow:         2px 2px 9px 0px rgba(0,0,0,0.75);
        -webkit-box-shadow: 2px 2px 9px 0px rgba(0,0,0,0.75);
        -moz-box-shadow:    2px 2px 9px 0px rgba(0,0,0,0.75);
    }

    .busq_divGgroup{
        width:auto;
        /*display: all;*/
    }

    .busq_btnBuscar{
        background: #B20000;
        margin-right:10px;
    }

    .busq_btnClear{
        background: #555;
    }

    #controles a.ui-button, #controles a:link.ui-button, #controles a:visited.ui-button, #controles .ui-button{
        color: #FFF;
    }

    .busq_btnCleanBoxOut{
        left: 15px;
        position: absolute;
        bottom: 28px;
    }

/* los ultimos renglones tiene que ser fix_* */
.fix_background_vs_color {filter: grayscale(1); mix-blend-mode: difference;}
.fix_contrast { mix-blend-mode: difference;}
.fix_color_white {color:white!important}
.fix_color_black {color:black!important}
.fix_txt_error{color:#ff0000 !important; }

tr.readonly {background-color:#E0E0E0 !important;background:#E0E0E0 !important;}

.busqueda_access_active{
    -webkit-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
    box-shadow: 2px 2px 7px 0px #FF7800 !important;
}
fieldset.busqueda_access_active legend{
    color: #FF7800 !important;

}
.notSelectize{ /** Con esta clase ya no se activa el selectize */}
.auto_neg{ /** Con esta clase activa los números negativos en el autonumeric**/ }
.row_altura_10px{ height: 10px !important; } /** Dentro de un grid, los tr siguen las reglas de .ui-jqgrid tr.jqgrow td y le ponen height: 23px;**/
.div_en_grid_remarks{width: 295px; padding:0 0 0 0;}

.lazy-content{content-visiblity:auto;contain-instrinsic-size:1px 5000px;}
#busqueda_access_fs{content-visiblity:auto;contain-instrinsic-size:1px 5000px;}
.iacDetailsByDiv{content-visiblity:auto;contain-instrinsic-size:1px 5000px;}


.supervision{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    background: rgb(241,204,95);
    background: -moz-linear-gradient(125deg, rgba(241,204,95,1) 0%, rgba(237,182,12,1) 9%, rgba(241,204,95,1) 22%, rgba(239,193,52,1) 30%, rgba(232,177,7,1) 50%, rgba(239,193,52,1) 70%, rgba(241,204,95,1) 76%, rgba(237,182,12,1) 91%, rgba(241,204,95,1) 100%);
    background: -webkit-linear-gradient(125deg, rgba(241,204,95,1) 0%, rgba(237,182,12,1) 9%, rgba(241,204,95,1) 22%, rgba(239,193,52,1) 30%, rgba(232,177,7,1) 50%, rgba(239,193,52,1) 70%, rgba(241,204,95,1) 76%, rgba(237,182,12,1) 91%, rgba(241,204,95,1) 100%);
    background: linear-gradient(125deg, rgba(241,204,95,1) 0%, rgba(237,182,12,1) 9%, rgba(241,204,95,1) 22%, rgba(239,193,52,1) 30%, rgba(232,177,7,1) 50%, rgba(239,193,52,1) 70%, rgba(241,204,95,1) 76%, rgba(237,182,12,1) 91%, rgba(241,204,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1cc5f",endColorstr="#f1cc5f",GradientType=1);
    cursor: default !important;
}
.supervisor-active{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    background: transparent !important;
    font-size: 1.15em;
    font-weight: bold;
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px 1px rgb(251, 250, 246);
    cursor: default !important;
}

.supervision:hover{
    background: rgb(241,204,95);
    background: -moz-linear-gradient(125deg, rgba(241,204,95,1) 0%, rgba(237,182,12,1) 9%, rgba(241,204,95,1) 22%, rgba(239,193,52,1) 30%, rgba(232,177,7,1) 50%, rgba(239,193,52,1) 70%, rgba(241,204,95,1) 76%, rgba(237,182,12,1) 91%, rgba(241,204,95,1) 100%);
    background: -webkit-linear-gradient(125deg, rgba(241,204,95,1) 0%, rgba(237,182,12,1) 9%, rgba(241,204,95,1) 22%, rgba(239,193,52,1) 30%, rgba(232,177,7,1) 50%, rgba(239,193,52,1) 70%, rgba(241,204,95,1) 76%, rgba(237,182,12,1) 91%, rgba(241,204,95,1) 100%);
    background: linear-gradient(125deg, rgba(241,204,95,1) 0%, rgba(237,182,12,1) 9%, rgba(241,204,95,1) 22%, rgba(239,193,52,1) 30%, rgba(232,177,7,1) 50%, rgba(239,193,52,1) 70%, rgba(241,204,95,1) 76%, rgba(237,182,12,1) 91%, rgba(241,204,95,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1cc5f",endColorstr="#f1cc5f",GradientType=1);
    cursor: default !important;
}

.con-gastos {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    right: 2px;
    top: 3px;
    background: red; /* Rojo */
    box-shadow: -2px 1px 6px #000000;
}
.sin-gastos /* Verde */
 {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 25px;
    right: 2px;
    top: 3px;
    background: rgb(175,255,171);
    background: radial-gradient(circle, rgb(155, 226, 152) 0%, rgb(98, 245, 91) 20%, rgb(112, 197, 108) 80%);
    box-shadow: 0px 0px 3px inset #85a478;
    border: 1px solid #619e61;
}

.con-gastos-rojo {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    right: 2px;
    top: 3px;
    background: red; /* Rojo */
    box-shadow: -2px 1px 6px #000000;
}
.con-gastos-naranja {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    right: 2px;
    top: 3px;
    background: rgb(255,222,171);
    background: radial-gradient(circle, rgb(232, 185, 111) 0%, rgb(255, 194, 95) 20%, rgb(255, 162, 0) 80%);
    box-shadow: -2px 1px 6px #000000;
}
.con-gastos-amarillo {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    right: 2px;
    top: 3px;
    background: rgb(255,255,171);
    background: radial-gradient(circle, rgba(255,255,171,1) 0%, rgba(255,255,0,1) 80%);
    box-shadow: -2px 1px 6px #000000;
}
.con-gastos-verde /* Verde */
 {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 25px;
    right: 2px;
    top: 3px;
    background: rgb(175,255,171);
    background: radial-gradient(circle, rgb(155, 226, 152) 0%, rgb(98, 245, 91) 20%, rgb(112, 197, 108) 80%);
    box-shadow: 0px 0px 3px inset #85a478;
    border: 1px solid #619e61;
}
.rosaditoTxt{
    background: hotpink;
}
.neonsitoTxt{
    background: #03ff03;
}

/** Alert Notes*/
.alert-note {
    margin-bottom: 15px;
    padding: 4px 12px;
    width: 100%;
    border-radius: 5px;
}
.alert-note-danger {
    background-color: #ffdddd;
    border-left: 6px solid #f44336;
}
.alert-note-success {
    background-color: #ddffdd;
    border-left: 6px solid #04AA6D;
}
.alert-note-info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
}
.alert-note-warning {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
}
/** END Alert Notes*/

/** Text type */
.text-danger {color: red !important;}

.padlock-lock {
    border: 1px solid #5b5b5b;
    border-radius: 10px;
    background-color: #858585;
    text-shadow: #000 0px 0 5px;
    text-align: center;
}
.padlock {
    padding-top: 5px;
    width: 20px;
}

.lt-lock {
    --fa-primary-color: red;
    --fa-secondary-color: red;
}

.in-lock{
    --fa-primary-color: #8c008f;
    --fa-secondary-color: #8c008f;
}

.su-lock{
    --fa-primary-color: #e86800;
    --fa-secondary-color: #e86800;
}

.lock-description-sm {
    font-size: 11px;
    font-weight: bold;
    color: white;
}

.content-locks{
    text-align: center;
    width: 20%;
}

.text-success {color: var(--success) !important;}
.text-warning {color: var(--warning) !important;}
.text_white, .text-white {color: white !important;}
.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-upper {text-transform: uppercase;}
.text-dark {color: var(--dark) !important;}
.text-info {color: var(--info) !important;}
.text-orange {color: var(--orange) !important;}
/** END Text type*/

/** BG Type */
.bg-warning { background: var(--warning) !important}
.bg-success { background: var(--success) !important}
.bg-danger { background: var(--danger) !important}
.bg-info { background: var(--info) !important}
.bg-secondary { background: var(--secondary) !important}
.bg-white { background: var(--white) !important}
.bg-orange { background: var(--orange) !important}

/** END BG type*/


/** Inputs */
.input {
    border-radius: 0.25rem !important;
    border: 1px solid #000000;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input:focus{
    background-color: #fff;
    border: 1px solid #86b7fe;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.18rem rgba(13, 110, 253, 0.25);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.18rem rgba(13, 110, 253, 0.25);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.18rem rgba(13, 110, 253, 0.25);
}

.content_description_nota .tagify-input:focus-visible{
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.18rem rgba(13, 110, 253, 0.25);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.18rem rgba(13, 110, 253, 0.25);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.18rem rgba(13, 110, 253, 0.25);
}

.inputEntrada {
    width: 170px;
    height: 1.2rem;
}


.input-required {
    border: 2px solid red !important;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 18, 36, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 18, 36, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 18, 36, 0.6);
}

.input-md {
    height: 1.5em;
}
/** END Inputs*/

/** Buttons  */
.btn {
    font-family:monospace;
    min-width: 48px;
    width: 230px;
    min-height: 39px;
    border-radius: 15px;
    border: none;
    font-size: 1.1em;
    cursor: pointer;
    border-bottom-color: #b86ee4;
    border-bottom-style: groove;
    padding: 0.6em;
    transition: letter-spacing .5s ease-in-out;
}

.btn:hover {
   background: #acd9eb;
    letter-spacing: 1px;
}

.btn_icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    border-bottom-color: #b86ee4;
    border-bottom-style: groove;
    cursor: pointer;
    background: #efefef;
}

.btn_icon:hover {
    background: #acd9eb;
}

.btn_icon:active {
    transform: scale(0.9, 0.9);
    background: #4baec7;
}

.btn_add_color_solicitud {
    width: 200px;
}
.btn_add_color_solicitud:focus {
    background: #acd9eb;
    /*box-shadow: 0 0 0 0.2rem #b86ee4;*/
    letter-spacing: 1px;
}
.btn_add_color_solicitud:active {
    background: #4baec7;
}

.btn-plus {
    background-color: #67F17FFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid darkgray;
    cursor: pointer;
}
.btn-plus::before{
    content: "\002B";
    font-size: x-large;
}

.btn-plus:hover {
    background-color: var(--success);
    border: 3px solid darkgray;
}
.btn-plus:active {
    transform: scale(0.9, 0.9);
}
.btn-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid darkgray;
    cursor: pointer;
}
.btn-danger {
    background-color: var(--danger);
    color: white;
    border-color: var(--danger);
    cursor: pointer;
}
.btn-warning {
    background-color: var(--warning);
    border-color: var(--warning);
    cursor: pointer;
}

.btn-orange {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}
.btn-orange:hover {
    background-color: #F87000FF !important;
    border-color: #F87000FF !important;
    cursor: pointer;
}
.btn-orange.focus, .btn-orange:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 112, 0, 0.5) !important;
}
.btn-orange.disabled, .btn-orange:disabled {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}

/** END Buttons*/
/** Widths */
.w-100 {width: 100%;}

/** END Widths */

.iactoolbar-icon {
    height: 35px !important;
    width: 35px !important;
    transition: transform .5s ease-in-out;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.iactoolbar-icon:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 2px 0 grey
}


#div_usuario_tipo_rony{
    border: 1px solid #ff0000;
    box-shadow: 3px 2px 4px #610606;
}
#div_abonar_cuentast_tiendas{
    border: 1px solid #ff0000;
    box-shadow: 3px 2px 4px #610606;

}

label[for*="usuario_tipo_rony"]{
    color: #de0303;
}

label[for*="abonar_cuentast_tiendas"]{
    color: #de0303;
    text-shadow: 0 0 0.15em #eaffe9, 0 0 0.15em #f51515, 0 0 0.15em #eaffe9;
    font-size: 1.1em;
}

/*Table to PDF Export*/
table.jqgridPrint{
    border-collapse: collapse;
}
/*table.jqgridPrint td, table.jqgridPrint th {
    border: 1px solid #ddd;
    padding: 0 5px 0 5px;
}*/
table.jqgridPrint tbody td {
    border: 1px solid #ddd;
    padding: 10px 5px 10px 5px;
}
table.jqgridPrint thead th {
    /*padding-top: 12px;*/
    /*padding-bottom: 12px;*/
    /*text-align: left;*/
    color: #0747db;
    height: 10px;
    padding: 10px 5px 10px 5px;
    border: 1px solid #ddd;
    border-bottom: 2px solid gray;
    /*background-color: #04AA6D;
    color: white;*/
}

table.jqgridPrint tbody tr:first-child td {padding-top: 10px;}
table.jqgridPrint tbody tr:nth-child(even){background-color: #f2f2f2;}

@media print {
    * {
        -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
        color-adjust: exact !important;  /*Firefox*/
    }
    /*body {
        zoom: 65%;
    }*/
    @page {
        size: landscape;
        margin: 1em;
    }
}

/** END Table to PDF Export*/

/*@media only screen and (max-width: 768px) {[class*="col-"] {width: 100%;}}*/
.content_description_nota {
    /* max-width: 52%; */
    max-width: 49%
}
/*@media only screen and (min-width: 1210px) {
    !* For mobile phones: *!
    .content_description_nota {
        max-width: 49%
    }
}*/
@media only screen and (max-width: 1055px) {
    /* For mobile phones: */
    .content_description_nota {
        max-width: 95%
    }
}

.tablaRep {
    border:1px solid black;
    border-collapse: collapse;
}
.tablaRep thead {
    background: #a3a4a5;
    text-align: center;
}
.tablaRep thead th {
    background: #a3a4a5;
}
.tablaRep th, .table td {
    border: 1px solid black;
    padding: 0.5em;
}
.tablaRep .subtotal {
    border-top: 4px darkgrey double;
    font-weight: bold;
}
.tablaRep .total {
    border-top: 4px black double;
    font-weight: 800;
}
/** TABLE GEN */
.table {
    width: 100%;
    border: 1px solid #000000;
    border-collapse: collapse;
}
.table th, .table td {
    border: 1px solid #000000;
}
.table thead {
    background: #a3a4a5;
}
.table thead th {
    background: #a3a4a5;
}
.table tfoot {
    display: table-footer-group;
    background: #a3a4a5 !important;
}
.table tfoot td, .table tfoot th {
    background: #a3a4a5 !important;
}
/** END TABLE GEN*/

.table_note_missing,
.table_note_no_match {
    border-collapse: separate;
    /*border-spacing: 0;*/
}
.table_note_missing tbody td,
.table_note_no_match tbody td
{
    text-align: center;
    background: white;

    display: inline-flex;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    flex-direction: row;
    flex-wrap: wrap;
    Justify-content: center;
    height: 26px;
    width: 70px;
}
.table_note_missing tbody td:hover,
.table_note_no_match tbody td:hover
{
    background: #dddddd;
    cursor: pointer;
}

.table_note_missing thead,
.table_note_no_match thead
{
    top: 0;
    position: sticky;
    background: #27fbff;
}
.table_note_missing thead th,
.table_note_no_match thead th,
.note_missing_label
{
    border: 3px dotted #27fbff;
    background: white;
    padding: 4px 7px;
    box-shadow: 0 0 7px inset #27fbff;
}
.note_inconsistencia_label{
    position: absolute;
    right: 100px;
    background: white;
    top: 0;
    border-radius: 0 10px 0 0;

    border: 3px dotted #e91e63;
    box-shadow: 0 0 7px inset #ff0057;
    color: red;
    font-weight: bold;
    font-size: 28px;
    width: 115px;
    text-align: center;
    padding: 5px 0;
}
#txtTituloIncidencia{
    position: absolute;
    top: -37px;
    left: -4px;
    font-size: 14px;
    background: white;
    color: #00F;

    border-top: 3px dotted #e91e63;
    border-left: 3px dotted #e91e63;
    border-right: 3px dotted #e91e63;
    width: 115px;
    box-shadow: -2px 0 5px #3a3a3a;
}
.divCasetteraInci span{
    padding: 3.5px;
    cursor: pointer;
}
.divCasetteraInci span:hover{
    background: #c1c1c1;
}
.divCasetteraInci{
    position: absolute;
    top: 40px;
    left: -3px;
    font-size: 14px;
    color: #00F;
    background: white;
    justify-content: space-between;
    display: flex;
}
.note_missing_label{
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 10px 0 0;
}
.note_missing_label span.note_missing_cero{
    color: #F00;
    font-weight: bold;
    font-size: 28px;
}

/** Tabla de existencias */
.table_existencias {
    width: 100%;
    border-collapse: collapse;
}
.table_existencias thead th {
    height: 10px;
    padding: 10px 5px 10px 5px;
    border: 1px solid rgb(221, 221, 221);
    border-bottom: 2px solid #7ad0f1;
    background-color: #6da9d3;
    color: white;
    font-family: monospace;

    border-top: 0px;
    border-right: 0px;
    border-bottom: 2px solid #a3a4a5;
    border-left: 0px;
    border-radius: 7px;
}
.table_existencias thead .totales th {
    background-color: white;
    color: #0747db;
}
.table_existencias tbody tr.bodega {
    background-color: #d0d0d0;
    border-bottom: 2px solid #a3a4a5;
}
.table_existencias tbody tr.color {
    border-bottom: 1px solid #a3a4a5;
}
TD.tsT1 H1 {color:darkblue;margin:0;padding:0.1em 0;font-size:1.15em;white-space:nowrap;font-weight: 800}
TD.tsT2 H2 {color:#4857BE;margin:0 0 0 1em;padding:0.1em 0;font-size:1.12em;}
TD.tsT3    {color:black;margin:0 0 0 0.5em;padding:0.1em 0 0.1em 2em}

.dialogo_existencia_separator {background-color: white!important;}
.dialogo_existencia_separator TD {height:0.1em;padding:0;background-color: white!important;}
@media print {
    .dialogo_existencia_separator {border-bottom: 4px black double}
    .dialogo_existencia_separator TD {height:2em}
}

/** End Tabla Existencias*/

.InputAddOn {
    display: flex;
    align-items: center;
    /*margin-bottom: 1.5em;*/
}

/** Icons */
.vx_icon {
    float: right;
    border: 2px solid black;
    border-radius: 50%;
    width: 15px;height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 5px;
}
.vx_icon-hover:hover {
    background: black;
    color:white;
}

.vx_icon_close::before {
    content: "\2716";
    font-size: large;
}

.vx_icon_reload::before {
    content: "\27F3";
    font-size: large;
}

.vx_icon_caret_down {
    content: url("../img/flecha-hacia-abajo.png");
    box-shadow: 0px 1px 1px 1px #e1e1e1;
    transition: transform 0.3s ease;

}
.vx_icon_caret_up {
    content: url("../img/flecha-hacia-arriba.png");
    box-shadow: 0px 1px 1px 1px #e1e1e1;
    transform: rotate(-360deg);
    transition: transform 0.3s ease;
}
.vx_icon_first::before {
    content: "\21E4";
    font-size: x-large;
}
.vx_icon_prev::before {
    content: "\21E6";
    font-size: x-large;
}
.vx_icon_next::before {
    content: "\21E8";
    font-size: x-large;
}
.vx_icon_last::before {
    content: "\21E5";
    font-size: x-large;
}

.vx_icon_clean::before {
    content: url("../img/16-erase.png");
}

.vx_last_new_note::before {
    content: "\002B";
    font-size: large;
}
.vx_last_new_note::after {
    content: "\1F5C8";
    font-size: large;
}

.vx_new_note::before {
    content: "\002B";
    font-size: large;
}

.vx_icon_question::after {
    content: "\2754";
    background: var(--warning);
    /*border-radius: 50%;*/
}

.vx_icon_trash::before {
    content: "\1F5D1";
    font-size: large;
}

/** End Icons */

/** Borders */
.border_saldo_proveedor{font-weight:bold !important;color:#ff0000 !important;border:#d95300 solid 3px !important;border-top:3px solid #9e3b00 !important;border-left:3px solid #d95300 !important;border-right:3px solid #d95300 !important;border-bottom:3px solid #d95300 !important;}
.border_saldo_pesos{font-weight:bold !important;color:#0800e6 !important;border:#0800e6 solid 3px !important;border-top:3px solid #0800e6 !important;border-left:3px solid #0800e6 !important;border-right:3px solid #0800e6 !important;border-bottom:3px solid #0800e6 !important;}
.border_saldo_usd{font-weight:bold !important;color:#139312 !important;border:#139312 solid 3px !important;border-top:3px solid #139312 !important;border-left:3px solid #139312 !important;border-right:3px solid #139312 !important;border-bottom:3px solid #139312 !important;}

.border_none {
    border: none !important;
}
/** End Borders */

.txt_color_white{color: #ffffff !important;}

/** Tabla Productos_Remate*/
table.productos_remate{
    /*border-collapse: collapse;*/
    border-collapse: separate;
    border-spacing: 0;
    /*margin: auto;*/
    /*width: 90%;*/
}
table.productos_remate td, table.productos_remate th {
    border: 1px solid #ddd;
    padding: 0 5px 0 5px;
    border-radius: 0;
}
table.productos_remate tbody td {
    /*border: 1px solid #ddd;*/
    padding: 10px 5px 10px 5px;
    position: relative;
}
table.productos_remate thead th {
    padding-top: 12px;
    padding-bottom: 11px;
    height: 10px;
    border: 1px solid #c5dbec;
    /*background-color: #04AA6D;*/
    color: #2e6e9e;
    font-weight: bold;
    border-radius: 0;
    vertical-align: middle;
}
table.productos_remate thead tr:last-child {
    border-bottom: 2px solid gray;
}

table.productos_remate tbody tr:first-child td {padding-top: 10px;}
/*table.productos_remate tbody tr:nth-child(even){background-color: #f2f2f2;}*/
table.productos_remate .even { background-color: #f2f2f2;}
table.productos_remate .odd { background-color: #ffffff;}

.tr_selected {border: 2px solid darkred; outline: 2px solid darkred;}
.productos_remate tbody.even {border: 2px solid darkred; outline: 2px solid darkred;}

.subgrid_productos_remate {
    width: 100%;
}
.subgrid_productos_remate thead th {
    background: #528FA7 !important;
    border: 1px solid #686767 !important;
}
.subgrid_productos_remate tbody th {
    text-align: right;
}
.subgrid_productos_remate tbody td, .subgrid_productos_remate tbody th {
    padding: 10px 5px 10px 5px !important;
}

.thead_sticky {
    position: sticky;
    top: 80px !important;
    z-index: 2;
}
table.productos_remate caption {
    position: sticky;
    top: 80px;
    z-index: 2;
    /*height: 64px;*/
}
table.productos_remate thead {
    position: sticky;
    top: 187px;
    z-index: 2;
}

/** End Tabla Productos_Remate*/

/** Template Productos_remate*/
.container_view {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.container_view .filtros {
    flex-basis:15em;
    flex-grow: 1;
}
.filtros fieldset {
    position: sticky;
    top: 90px;
}
.filtros .filtro_items {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: stretch;
}
.filtros .filtro_items .filtro_item {
    flex-basis: 15em;
    /*flex-grow: 1;*/
    padding: 1em;
    /*border: 1px solid red;*/
}
.filtros .filtro_items .filtro_item_buttons {
    flex-basis: 15em;
    /*flex-grow: 1;*/
    padding: 1em;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filtros .filtro_items .filtro_item_buttons button {
    max-height: 35px;
}

.content_table {
   /* flex-basis: 1;
    flex-grow: 999;
    min-width: 60%;*/
    margin: auto;
}
.visibility_hidden {
    visibility: hidden;
}
.hay_cambio {
    color: red;
    margin-top: -12px;
    position: absolute;
    left: 0;
    font-size: 1.5em;
    /*font-size: 1.5em;
    position: absolute;*/
    /*margin: -13px -23px;*/
}
/** End Template Productos_remate*/
#autorizaciones_boton {
    position: absolute;
    right: 30px;
    top: 10px;
}

.h1_label_documento_pesos{
    text-shadow: 1px 1px 2px white, 0 0 0.1em blue, 0 0 0.1em blue;
    margin: 10px;
    /*text-shadow: 1px 1px 2px white, 0 0 2px blue, 0 0 2px blue;*/
}
.h1_label_documento_usd{
    text-shadow: 1px 1px 2px white, 0 0 0.1em green, 0 0 0.1em green;
    margin: 10px;
    /*text-shadow: 2px 2px 2px orange, 0 0 1px green, 0 0 2px green;*/
}
.h1_label_documento_nota{
    text-shadow: 1px 1px 2px #000000, 0 0 0.1em #454900, 0 0 0.1em #7f4804;
    color: #ff9400;
    margin: 10px;
    /*text-shadow: 2px 2px 2px orange, 0 0 1px green, 0 0 2px green;*/
}
.h1_label_documento_gasto{
    text-shadow: 1px 1px 2px #000000, 0 0 0.1em #493200, 0 0 0.1em #7b0600;
    color: #f92727;
    margin: 10px;
    /*text-shadow: 2px 2px 2px orange, 0 0 1px green, 0 0 2px green;*/
}
.h1_label_documento_vale_pagado{
    color: #74ff37;
    text-shadow: 2px 2px 3px #0a0707, 0 0 0.1em #00ff04, 0 0 0.1em #004909;
    margin: 10px;
    /*text-shadow: 2px 2px 2px orange, 0 0 1px green, 0 0 2px green;*/
}

.conversion_fuera_de_rango{
    color: #ff0505;
    text-shadow: 2px 2px 3px #0a0707, 0 0 0.1em #ffb4b4, 0 0 0.1em #990000;
    /*text-shadow: 2px 2px 2px orange, 0 0 1px green, 0 0 2px green;*/
}
.conversion_con_warning{
    color: #A405FFFF !important;
    text-shadow: 1px 1px 2px #0a0707, 0 0 0.1em #e0b4ff, 0 0 0.1em #620099 !important;
    /*background-color: white !important;*/
    /*text-shadow: 2px 2px 2px orange, 0 0 1px green, 0 0 2px green;*/
}
.doctos_verificado_alter{
    appearance: button;
    background-color: transparent;
    background-image: linear-gradient(to bottom, #fff, #e2c693);
    border: 0 solid #b6b8bb;
    border-radius: .5rem;
    box-sizing: border-box;
    color: #0e1f82;
    column-gap: 1rem;
    font-size: 100%;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    outline: 2px solid transparent;
    padding: 0.5rem 0.5rem;
    text-align: center;
    text-transform: none;
    transition: all .1s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    box-shadow: -6px 8px 10px rgba(81,41,10,0.1),0px 2px 2px rgba(81,41,10,0.2);
    width: 350px;
    text-shadow: 1px 2px 3px #b4f3f6, 0 0 0.2em #8ce6a3, 0 0 0.2em #f8f8f8;
}


.doctos_no_verificado_alter{
    appearance: button;
    background-color: transparent;
    background-image: linear-gradient(to bottom, #ffe6e6, #ffce60);
    border: 0 solid #b6b8bb;
    border-radius: .5rem;
    box-sizing: border-box;
    color: #b00502;
    column-gap: 1rem;
    font-size: 100%;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    outline: 2px solid transparent;
    padding: 0.5rem 0.5rem;
    text-align: center;
    text-transform: none;
    transition: all .1s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    box-shadow: -6px 8px 10px rgba(81,41,10,0.1),0px 2px 2px rgba(81,41,10,0.2);
    width: 380px;
}

.div_autorizaciones_doctos{
    background-color: transparent;
    background-image: linear-gradient(to bottom, #fff, #e2c693);
    color:#000000 !important;
}

.dragging {
    opacity: 0.35;
    transform: scale(1.05);
    transition: transform .5s ease-in-out;
    right: unset !important;
}
.ui-draggable {
    transition: transform .5s ease-in-out;
}

.parpadea {

    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes parpadeo {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.alerta_movimeintos_warning {
    margin-left: 1em;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    right: 2px;
    top: 3px;
    background: red;
    box-shadow: -2px 1px 6px #000000;
}


/** Custom Input File */
.custom_file {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}
.custom_file_input {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
.custom_file_label {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    height: 1.4em;
    padding: 0 0.75rem;
    color: #495057;
    background-color: #fff;
    border: 1px solid black;
    cursor: pointer;
}
.custom_file_label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    padding: 0rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid black;
}
.custom_file_input:lang(es)~.custom_file_label::after {
    content: "Explorador";
}
.custom_file_input:lang(en)~.custom_file_label::after {
    content: "Browser";
}

.custom_file_label_icon {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    height: 1.4em;
    padding: 0 0.75rem;
    color: #495057;
    background-color: #fff;
    border: 1px solid black;
    cursor: pointer;
}
.custom_file_label_icon::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    padding: 0rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "\1F5C0";
    background-color: #e9ecef;
    border-left: 1px solid black;
}
.icon_list{
    position: absolute;
    width: 88%;
    background: white;
    top: 25px;
    left: 0;
    right: 0;
    padding: 0.7rem;
    overflow-y: scroll;
    border: 1px #f4f4f4 solid;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    height: 0;
    opacity: 0;

    transition: all 0.3s ease-in-out;
}
.acciones_list{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px #dfdfdf solid;
    padding-bottom: 10px;
}

#icons_container{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.icono_item{
    cursor: pointer;
    padding: 15px 10px;
    border-radius: 5px;

    transition: all 0.3s ease-in-out;
}
.icono_item:hover, .list_active{
    background: #f4f4f4;
}
.btn_limpiar{
    background: #f4f4f4;
    background-color: #a2d1ff;
    padding: 5px 10px;
    border-radius: 10px;
    cursor: pointer;
    color: white;

    transition: all 0.3s ease-in-out;
}
.btn_limpiar:hover{
    background-color: #6fb8ff;
}
.btn_cerrar{
    color: #ff7777;
    cursor: pointer;
}
/** END Custom Input File */
.conversion_tipo_cambio_fieldset {
    margin: 10px;
    padding: 0 10px 10px;
    border: 1px solid #666;
    border-radius: 6px;
    box-shadow: 0 3px 10px #0a680a;
    padding-top: 10px;
}
.conversion_tipo_cambio_legend {
    padding: 2px 4px;
    background: #c9ffc9;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    color: #0f2500;
    box-shadow: 1px 1px 2px #00c100, 0 0 0.3em #bdffd7, 0 0 0.1em #f8f8f8;
}

.vale_dinero_recibido_legend {
    padding: 2px 4px;
    background: #dbebff;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    color: #002352;
    box-shadow: 1px 1px 2px #2b87ff, 0 0 0.3em #bdbdff, 0 0 0.1em #f8f8f8;;
    /* For better legibility against the box-shadow */
}

.vale_datos_legend {
    padding: 2px 4px;
    background: #ffffff;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    color: #21262f;
    box-shadow: 1px 1px 2px #384047, 0 0 0.3em #444452, 0 0 0.1em #f8f8f8;;
    /* For better legibility against the box-shadow */
}


.vale_fieldset_pesos {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0 10px 10px;
    border: 1px solid #666;
    border-radius: 6px;
    box-shadow: 0 3px 5px #002352;
    /*padding-top: 10px;*/
}

.vale_fieldset_usd {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0 10px 10px;
    border: 1px solid #666;
    border-radius: 6px;
    box-shadow: 0 3px 5px #0a680a;
    padding-top: 10px;
}


.vale_fieldset_datos {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0 10px 10px;
    border: 1px solid #666;
    border-radius: 6px;
    box-shadow: 0 3px 5px #52737b;
    padding-top: 10px;
}

input.readonly_input_usd{border: none !important; /*border: 1px solid #0f2500; */background: #eaffea; border-radius: 5px; color: #204108;}
input.readonly_input_pesos{border: none !important; /*border: 1px solid #002453;*/ background: #d5e7ff; border-radius: 5px; color: #062552;}
input.readonly_input_gray{border: 1px transparent ; background: #e7e7e7; border-radius: 5px; color: #505050;}

.bg_blue_pesos{/*background-color:#60a6ff;*/font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8 !important;}
.bg_green_usd{/*background-color:#00c100;*/font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;}
.bg_link{/*background-color:#60a6ff;*/font-weight:bold; color: #782702;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #ff8100, 0 0 0.1em #f8f8f8;}
.puede_hacer_reset_inconsistencias{/*background-color:#60a6ff;*/font-weight:bold; color: #0e1f82;
    text-shadow: 1px 2px 3px #b4f3f6, 0 0 0.2em #8ce6a3, 0 0 0.2em #f8f8f8;}
.puede_editar_campos_cash_nota_bodega{/*background-color:#60a6ff;*/font-weight:bold; color: #4e0e82;
    text-shadow: 1px 2px 3px #b4f6f6, 0 0 0.2em #6864ce, 0 0 0.2em #f8f8f8;}


.vale_div_color_pesos{color: #002352 !important;}
.vale_div_color_usd{color: #005100;}
.vale_div_color_link{color: #bb3900;}
.vale_div_color_purple{color: #a405ff;}

.input_border_purple{border: #a405ff solid 3px !important; border-radius: 5px;}
.input_border_black{border: #000000 solid 3px !important; border-radius: 5px;}
.input_border_green{border:green solid 3px !important; border-radius: 5px;}
.input_border_blue{border: #0000ff 3px !important; border-radius: 5px;}

.grid_mov_divisa_con_warning_rony{
    background-color:linear-gradient(0deg, rgba(199,67,67,1) 0%, rgba(255,107,107,1) 3%, rgba(255,147,147,1) 12%, rgba(255,176,176,1) 20%, rgba(255,204,204,1) 37%, rgba(255,229,229,1) 61%, rgba(255,241,241,1) 83%, rgba(255,255,255,1) 100%) !important;
    background:linear-gradient(0deg, rgba(199,67,67,1) 0%, rgba(255,107,107,1) 3%, rgba(255,147,147,1) 12%, rgba(255,176,176,1) 20%, rgba(255,204,204,1) 37%, rgba(255,229,229,1) 61%, rgba(255,241,241,1) 83%, rgba(255,255,255,1) 100%) !important;
}

.grid_mov_divisa_con_warning{
    background-color:linear-gradient(to bottom, #fff, #ffff7b) !important;
    background:linear-gradient(to bottom, #fff, #ffff7b ) !important;
    color:#000000 !important;
}

.grid_mov_divisa_con_warning_sistema {
    background-color:linear-gradient(to bottom, #fff, rgba(243, 170, 89, 0.74)) !important;
    background:linear-gradient(to bottom, #fff, rgba(243, 170, 89, 0.74)) !important;
    color:#000000 !important;
}

.lbl_vale_pesos{
    color: #002352;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_vale_usd{
    color: #005100;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_rojo{
    color: #870000;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #ff0000, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}


.vale_legend_pesos {
    padding: 2px 4px;
    background: #dbebff;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    color: #002352;
    box-shadow: 1px 1px 2px #2b87ff, 0 0 0.3em #bdbdff, 0 0 0.1em #f8f8f8;;
    /* For better legibility against the box-shadow */
}


.vale_legend_usd {
    padding: 2px 4px;
    background: #c9ffc9;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    color: #0f2500;
    box-shadow: 1px 1px 2px #00c100, 0 0 0.3em #bdffd7, 0 0 0.1em #f8f8f8;
}

.border_green_solid{border:#139312 solid 2px !important;border-top:2px solid #139312 !important;border-left:2px solid #139312 !important;border-right:2px solid #139312 !important;border-bottom:2px solid #139312 !important;}
.border_blue_solid{border:#0800e6 solid 2px !important;border-top:2px solid #0800e6 !important;border-left:2px solid #0800e6 !important;border-right:2px solid #0800e6 !important;border-bottom:2px solid #0800e6 !important;}
.border_gray_solid{border:#808080 solid 2px !important;border-top:2px solid #808080 !important;border-left:2px solid #808080 !important;border-right:2px solid #808080 !important;border-bottom:2px solid #808080 !important;}
.border_transparent{border: 2px solid transparent;}
.border_blue_bottom{border-bottom:2px solid #0800e6  !important;}



fieldset {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 4px;
    margin-bottom: 0px;
    padding: 0 10px 10px;
    border: 1px solid #000;
    border-radius: 6px;
    box-shadow: 0 3px 3px #0000008f;
    /* padding-top: 10px;*/
}


fieldset legend {
    padding: 0 0.2em;
    background: #ffffff;
    border: 1px solid #a6a6a7;
    border-radius: 3px;
    font-size: 1.15em;
    color: #21262f;
    box-shadow: 1px 1px 2px #384047, 0 0 0.1em #444452, 0 0 0.1em #f8f8f8;
    margin-bottom: 2px;
    font-weight: bold;
    /* For better legibility against the box-shadow */
}

.border_silver{
    border:silver solid 1px;
}

input:checked + label{text-shadow:0px 0px 1px blue; }

.cd_num_ele_1{
    margin: 0px;
}
.cd_num_ele_2{
    font-size: 60% !important;
    width: 10% !important;
}

#eligeDepositoTbl {
    /*font-family: Arial, Helvetica, sans-serif;*/    font-family: 'latoregular', sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
}

#eligeDepositoTbl th {

    padding: 8px;
}

#eligeDepositoTbl td {
    cursor: pointer;
    padding: 8px;
}

#eligeDepositoTbl tr:nth-child(even){background-color: #f2f2f2;}


#eligeDepositoTbl th:first-child {
    border-radius: 10px 0 0 0;
}

#eligeDepositoTbl th:last-child {
    border-radius: 0 10px 0 0;
}

#eligeDepositoTbl th:only-child{
    border-radius: 10px 10px 0 0;
}

#eligeDepositoTbl tr:hover {background-color: #ddd; transition: all 0.1s ease-in-out;}

#eligeDepositoTbl th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background: linear-gradient(#18ffaa, #04AA6D, #07c680);
    color: #d2ffce;
    text-shadow: 1px 1px 2px #000000;
}
#eligeDepositoTbl.withdrawal_ th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background: linear-gradient(#ff1818, #aa0404, #c60707);
    color: #ffcece;
    text-shadow: 1px 1px 2px #000000;
}

#eligeDepositoTbl tbody tr.inactive {
    /*filter: grayscale(1);*/
    pointer-events: none;
    opacity: 0.6;
}

.tox.tox-tinymce {
    width: 70%;
}



.doc_legend_pesos {
    padding: 2px 4px;
    background: #dbebff;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    color: #002352;
    box-shadow: 1px 1px 2px #2b87ff, 0 0 0.3em #bdbdff, 0 0 0.1em #f8f8f8;;
    /* For better legibility against the box-shadow */
}


.doc_legend_usd {
    padding: 2px 4px;
    background: #c9ffc9;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    color: #0f2500;
    box-shadow: 1px 1px 2px #00c100, 0 0 0.3em #bdffd7, 0 0 0.1em #f8f8f8;
}

.doc_paid_legend_usd {
    padding: 2px 4px;
    background: #c9ffc9;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    color: #0f2500;
    box-shadow: 1px 1px 2px #00c100, 0 0 0.3em #bdffd7, 0 0 0.1em #f8f8f8;
}


.doc_legend_delivered_directo {
    padding: 2px 4px;
    background: #e3ffff;
    border: 1px solid #053333;
    border-radius: 3px;
    font-size: 1.15em;
    color: #053333;
    box-shadow: 1px 1px 2px #d7ffff, 0 0 0.3em #b4ffff, 0 0 0.1em #f8f8f8;
    /* For better legibility against the box-shadow */
}
.doc_legend_cuentat_origen {
    padding: 2px 4px;
    background: #f5ffcb;
    border: 1px solid #343e05;
    border-radius: 3px;
    font-size: 1.15em;
    color: #343e05;
    box-shadow: 1px 1px 2px #d1e28a, 0 0 0.3em #c5ec0c, 0 0 0.1em #e5fcab;
    /* For better legibility against the box-shadow */
}
/* Base class for common styling with enhanced 3D effect */
.doc_fieldset {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0 10px 10px;
    padding-top: 10px;
    border: 2px solid #666; /* Increased border size for more depth */
    border-radius: 8px; /* Slightly larger radius for a smoother curve */
    box-shadow: 0 6px 12px rgba(0,0,0,0.5), 0 8px 16px rgba(0,0,0,0.2); /* More pronounced shadows */
}

/* Specific styles for each type with 3D box shadow effect */
.doc_fieldset_pink {
    box-shadow: 0 6px 12px rgba(204, 0, 102, 0.5), 0 8px 16px rgba(204, 0, 102, 0.2);
    background: linear-gradient(#ff79bc 0%, #fda0cd 2%, #ffb3e6 3%, #ffd6f2 5%,
    #fff, #ffffff, #ffffff, #ffffff, #ffffff, #fff,
    #ffd6f2 95%, #ffb3e6 97%, #fda0cd 98%, #ff79bc 100%);
}
.doc_fieldset_pesos {
    box-shadow: 0 6px 12px rgba(0, 35, 82, 0.5), 0 8px 16px rgba(0, 35, 82, 0.2);
    background: linear-gradient(#8ad2ff 0%, #b8e4ff 2%, #d9f1ff 3%, #e6f5ff 5%,
    #f2faff, #ffffff, #ffffff, #ffffff, #ffffff, #f2faff,
    #e6f5ff 95%, #d9f1ff 97%, #b8e4ff 98%, #8ad2ff 100%);
}

.doc_fieldset_usd {
    box-shadow: 0 6px 12px rgba(10, 104, 10, 0.5), 0 8px 16px rgba(10, 104, 10, 0.2);
    background: linear-gradient(#43a246 0%, #61db65 2%, #b7ffb8 3%, #e6ffe6 5%,
    #f0fff0, #ffffff, #ffffff, #ffffff, #ffffff, #f0fff0,
    #e6ffe6 95%, #b7ffb8 97%, #61db65 98%, #43a246 100%);
}

.doc_fieldset_yellow {
    box-shadow: 0 6px 12px rgba(198, 163, 0, 0.5), 0 8px 16px rgba(198, 163, 0, 0.2);
    background: linear-gradient(#f9ec5b 0%, #fbef72 2%, #fdf799 3%, #fefabe 5%,
    #fff, #ffffff, #ffffff, #ffffff, #ffffff, #fff,
    #fefabe 95%, #fdf799 97%, #fbef72 98%, #f9ec5b 100%);
}

.doc_fieldset_orange {
    box-shadow: 0 6px 12px rgba(204, 82, 0, 0.5), 0 8px 16px rgba(204, 82, 0, 0.2);
    background: linear-gradient(#ffa500 0%, #ffb733 2%, #ffcc66 3%, #ffe0b3 5%,
    #fff2e6, #ffffff, #ffffff, #ffffff, #ffffff, #fff2e6,
    #ffe0b3 95%, #ffcc66 97%, #ffb733 98%, #ffa500 100%);
}

.doc_fieldset_paid {
    box-shadow: 0 4px 8px rgba(97, 6, 6, 0.5), 0 6px 20px rgba(97, 6, 6, 0.1);
    background: linear-gradient(#db5050 0%, #ed8383 2%, #ffb5b5 3%, #ffdddd 5%,
    #fff1f1, #fff0f0, #fff0f0,  #fff0f0,
    #fff0f0, #fff1f1, #ffdddd 95%, #ffb5b5 97%,
    #ed8383 98%, #db5050 100%);
}

.doc_fieldset_delivered_directo {
    box-shadow: 0 4px 8px rgba(6, 66, 66, 0.5), 0 6px 20px rgba(6, 66, 66, 0.1);
    background: linear-gradient(#42a5a5 0%, #8dffff 2%, #b5ffff 3%, #b5ffff 5%,
    #dbffff, #f7ffff, #f7ffff,  #f7ffff,
    #f7ffff, #dbffff, #b5ffff 95%, #b5ffff 97%,
    #8dffff 98%, #42a5a5 100%);
}

.doc_fieldset_cuentat_origen {
    box-shadow: 0 4px 8px rgba(48, 59, 0, 0.5), 0 6px 20px rgba(48, 59, 0, 0.1);
    background: linear-gradient(#6a8402 0%, #a7cc14 2%, #d3f058 3%, #e9ff8f 5%,
    #f5ffcb, #fbffe8, #fbffe8,  #fbffe8,
    #fbffe8, #f5ffcb, #e9ff8f 95%, #d3f058 97%,
    #a7cc14 98%, #6a8402 100%) !important;
}


.div_data_usd{
    /*background: linear-gradient(to left, #ffffff 50%, #f9fff7, #e6ffe0, #ffffff 100%);*/
    background: linear-gradient(to left, #ffffff 50%, #f9fff7, #e6ffe0, #ffffff 100%);
}

.div_data_pesos{
    background: linear-gradient(to left, #ffffff 50%, #f5fbff, #f5fbff, #ffffff 100%);
}
.div_data_atrasado{
    background: linear-gradient(to right, #ffffff00 40%, #ff9000 , #ffae4f, #ffffff 100%);
}

.div_data_super_atrasado{
    background: linear-gradient(to right, #ffffff00 40%, #949063 , #949063, #ffffff 100%);
}

.div_data_pending{
    background: linear-gradient(to right, #ffffff00 40%, #ffcc99, #ffcc99, #ffffff 100%);
}

.div_data_cancelado{
    background: linear-gradient(to right, #ffffff00 40%, #ce7400, #ce7400, #ffffff 100%);
}

.div_data_modificado{
    background: linear-gradient(to right, #ffffff00 40%, #f0f64f, #f0f64f, #ffffff 100%);
}
.div_data_cobrado{
    background: linear-gradient(to right, #ffffff00 40%, #f04ff6, #ee7af3, #ffffff 100%);
}



.lbl_doc_pesos{
    color: #002352;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_pesos:hover{
    text-shadow: 0 0 1px #8abeff, 0 0 0.1em #9595ff, 0 0 0.1em #0171ff;

}
.lbl_doc_pesos_hover{
    text-shadow: 0 0 1px #8abeff, 0 0 0.1em #9595ff, 0 0 0.3em #0171ff;

}

.lbl_doc_usd{
    color: #005100;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #b3ff95, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}

.lbl_doc_usd:hover{
    text-shadow: 0 0 1px #74fc7f, 0 0 0.1em #b3ff95, 0 0 0.1em #00990b;
}

.lbl_doc_orange{
    color: #bd4d00;
    font-weight:bold;
    text-shadow: 1px 1px 2px #ffe6cc, 0 0 0.1em #ffad66, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}

.lbl_doc_orange:hover{
    text-shadow: 0 0 1px #f1c117, 0 0 0.1em #ffc749, 0 0 0.1em #fd832c;
}


.lbl_doc_usd_hover{
    text-shadow: 0 0 1px #74fc7f, 0 0 0.1em #b3ff95, 0 0 0.3em #00990b;
}

.lbl_no_aplicable{
    color: #525151 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #504848, 0 0 0.1em #f8f8f8 !important;
    font-size: 1.15em !important;
}
.lbl_no_aplicable:hover{
    color: #0a0a0a !important;
    /*font-weight: bold !important;*/
    text-shadow: 0 0 1px #c8c8c8, 0 0.05em 0.1em #e3e3e3, 0 0 0.1em #2e2e2e !important;
    /*font-size: 1.1em !important;*/

}

.lbl_doc_pesos_input{
    color: #0e1d35;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}

.lbl_doc_usd_input{
    color: #082d08;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #b3ff95, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}

.nota {
    background: radial-gradient(circle, rgba(255,243,220,1) 50%, rgba(255,246,220,1) 85%, rgba(238,211,153,1) 75%, rgba(154,125,20,1) 95%, rgba(154,116,20,1) 100%);
}

.nota_alta {
    background: radial-gradient(circle, rgba(128,255,128,1) 0%, rgba(21,236,21,1) 15%, rgba(0,159,0,1) 100%)
}
.nota_alta label{
    color: #d9f5fd;
    text-shadow: 2px -1px 1px #000;
}
.nota_verificacion_entrada {
    /*background: radial-gradient(circle, rgba(255,206,83,1) 0%, rgba(237,176,21,1) 15%, rgba(186,133,0,1) 100%);*/
    background: radial-gradient(circle, rgba(128,255,128,1) 0%, rgba(21,236,21,1) 15%, rgba(0,159,0,1) 100%)
}
.nota_verificacion_entrada label{
    color: #fff9e9;
    text-shadow: 2px -1px 1px #000;
}
.nota_verificacion_salida {
    background: #DAE3F3;
}

.nota_alta_salida {
    background: radial-gradient(circle, rgba(183,131,199,1) 0%, rgba(167,119,180,1) 15%, rgba(128,77,143,1) 100%);
}
.nota_history {
    overflow: hidden;
    background: radial-gradient(circle, rgb(212, 198, 198) 0%, rgb(182, 174, 184) 15%, rgb(121, 119, 121) 100%);
}
.nota_alta_salida label{
    color: #fff;
    text-shadow: 2px -1px 1px #000;
}
.nota_verificacion_salida label{
    color: #fcf1ff;
    text-shadow: 2px -1px 1px #000;
}


.indexFeloboxeado{
    width: 85%;
    display: flex;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    flex-direction: row;
    flex-wrap: wrap;
    Justify-content: center;
}
.indexFeloboxeado a{
    display: block;
    margin: 50px 115px 0px 15px;

    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}


.selectize-dropdown .optgroup-header {
    text-align: center;
    background: #d0d0d0 !important;
}

.table_pdf {
    padding-bottom: 30px;
    margin-bottom: 30px;

}
.table_child_pdf td {
    padding: 0 5px 0 5px;
}
.table_child_pdf tfoot {
    background-color: #d0d0d0;
    font-size: 14px;
}

.bodega_movements_tabla {
    width: 100%; padding: 4px 4px;
}
.bodega_movements_tabla_break {
    page-break-inside: avoid;
    width: 100%; padding: 4px 4px;
}
tbody.nota_print_tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}
.td_tipo_nota {
    height: 38px !important;
    /*text-align: center;*/
    letter-spacing: 5px;
    /*font-size: 14px;*/
    /*border: 1px solid black;*/
}
.td_nota_entrada {
    background: #92c0cb;
}

.nota_cancelada {
    /*background-color:linear-gradient(0deg, rgba(199,67,67,1) 0%, rgba(255,107,107,1) 3%, rgba(255,147,147,1) 12%, rgba(255,176,176,1) 20%, rgba(255,204,204,1) 37%, rgba(255,229,229,1) 61%, rgba(255,241,241,1) 83%, rgba(255,255,255,1) 100%) !important;
    background:linear-gradient(0deg, rgba(199,67,67,1) 0%, rgba(255,107,107,1) 3%, rgba(255,147,147,1) 12%, rgba(255,176,176,1) 20%, rgba(255,204,204,1) 37%, rgba(255,229,229,1) 61%, rgba(255,241,241,1) 83%, rgba(255,255,255,1) 100%) !important;*/

    background: linear-gradient(#ff6161, #ffa5a5, #ffecec,
    #ffa5a5, #ff6161) !important;
}

.nota_lock {
    /*background: #c2c2c2 !important;*/
    background: linear-gradient(#ffaa61,#ffe4cc, #fff7f1,
    #ffe4cc, #ffaa61) !important;
}

#dialogo_bloquar_notas_range_traslado p {
    color: red;
    text-align: center;
    text-transform: uppercase;
}

.nota_super_lock {
    /*background: #a2a2a2 !important;*/
    background: linear-gradient(180deg, rgba(232,104,0,1) 19%, rgba(255,255,255,0.9681213549873074) 45%, rgba(232,104,0,1) 74%) !important;
}
.nota_operaciones_lock{
    background: linear-gradient(180deg, rgba(6,54,137,1) 19%, rgba(2,0,255,1) 45%, rgba(6,54,137,1) 74%)!important;
}
.nota_inventario_lock{
    background: linear-gradient(180deg, rgba(140,0,143,1) 19%, rgba(191,1,255,1) 45%, rgba(140,0,143,1) 74%)!important;
}
.nota_tiempo_lock{
    background: linear-gradient(180deg, rgba(190,0,88,1) 19%, rgba(255,0,153,1) 45%, rgba(190,0,88,1) 74%)!important;
}

.nota_super_lock_cancelada {
    /*background: #a2a2a2 !important;*/
    background: linear-gradient(#e86800, #e86800, #ffffff, #ffa5a5, #ff6161) !important;
}
.nota_inventario_lock_cancelada{
    background: linear-gradient(#8C008FFF, #8C008FFF, #ffffff, #ffa5a5, #ff6161) !important;
}
.nota_traslado_match_lock_cancelada{
    background: linear-gradient(#063689FF, #063689FF, #ffffff, #ffa5a5, #ff6161) !important;
}
.nota_lock_por_tiempo_cancelada{
    background: linear-gradient(#BE0058FF, #BE0058FF, #ffffff, #ffa5a5, #ff6161) !important;
}
.row_nota_borrada {
    color: var(--danger) !important;
    text-decoration: line-through !important;
    /*background: linear-gradient(#ff6161, #ffffff, #ffffff, #ffffff, #ff6161) !important;*/
    /*background: #bf957f !important;*/
}
.nota_borrada {
    background: #bf957f !important;
    color: #000000 !important;
}

.hidden {display: none;}
.v_hidden {visibility: hidden}

.disabled_link {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.td_note_selected {
    background: red !important;
    color: white !important;
}

.actions_col{
    min-height: 22px;
    min-width: 20px;
    float: left;
    padding-left: 0px;
}


/*   print general */
@media print {
    .noprint {display:none}
    .copyClip {display:none}
    .printOnly {display:table-row}
}

/*
* Start
* CARD
*/
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.card-default {width: 18rem;}
.card-hover {transition: all 0.4s ease-in-out;}
.card-hover:hover {
    box-shadow: 0 4px 2px -2px gray;
    transform: translateY(-10px);
}
.card-anchor {
    color: black;
    text-decoration: none;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-error {
    border-color: var(--red);
}
.card-error .card-header {
    background: var(--red);
    color: var(--white);
}
/* End CARD */

.box-item {
    border: 1px solid #adadad;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    transition: letter-spacing 0.4s ease-in-out;
    z-index: 1000;
}
.box-item-selected {
    background-color: #fbec88;
    border: 1px solid #fad42e;
}
.box-item:hover {
    background-color: #e6e6e6;
    letter-spacing: 2px;
    cursor: grab;
}
.lblPrinicipal{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(203,233,255,1) 75%, rgba(203,233,255,1) 85%, rgba(178,211,235,1) 98%, rgba(236,246,254,1) 100%);
    font-size: 1.1em;
    width: 75%;
}
/* search all */
    .searchme_input {padding: 0.2em 4em 0.2em 0.2em; width:30em}
    .searchme_buttons {margin-left:-3.5em;color:silver}
    .searchme_clear {color:darkgray;cursor:pointer;}
    .searchme_search {color:dodgerblue;cursor:pointer;}


.ui-widget .jqgrow { font-family: 'latoregular', sans-serif !important; letter-spacing: 0.3px;}
.footrow { font-family: 'latoregular', sans-serif !important; letter-spacing: 0.3px;}
.footrowUSD { font-family: 'latoregular', sans-serif !important; letter-spacing: 0.3px;}
.jqfoot { font-family: 'latoregular', sans-serif !important; letter-spacing: 0.3px;}
.jqgroup { font-family: 'latoregular', sans-serif !important; letter-spacing: 0.3px;}

/** inputs, textarea, select :readonly to nota */
.content_description_nota input:disabled,
.content_description_nota input:read-only,
.content_description_nota textarea:disabled,
.content_description_nota textarea:read-only,
.content_description_nota select:disabled,
.content_description_nota select:read-only,
.selectize-input.disabled, .selectize-input.locked
{
    background-color: whitesmoke;
    /*cursor: not-allowed;*/
    /*opacity: 1 !important;*/
    font-weight: bold;
    border:none;
    outline:none;
}
.tagify-tag {
    font-size: 0.8em !important;
    padding: 1px 1px 1px 3px !important;
    font-weight: bold;
}

/* #nota_lock_unlock{
    display: block;
    position: absolute;
    top: 325px;
} */
.bottom_left {
    position: absolute;
    bottom: 0;
    left: 0;
}
.bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
}
.top_left {
    position: absolute;
    top: 0;
    left: 0;
}
.top_right {
    position: absolute;
    top: 0;
    right: 0;
}

#fidModImg.box_top_toolbar
{
    border-radius:20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#fidModImg.box_top_toolbar_danger:hover
{
    box-shadow: -5px -5px 10px 5px darkred, 5px 5px 10px 5px darkred;
    border-radius:20px;
    cursor: pointer;
}


#fidModImg.box_top_toolbar_notas_modificadas_mayor_12{
    border-radius:1em;
}

#fidModImg.box_top_toolbar_notas_modificadas_mayor_12:hover
{
    /*background: #5a0394;*/
    box-shadow: -0.2em -0.2em 0.3em 0.2em #ad1fff, 0.2em 0.2em 0.3em 0.2em #ff1fb2;
    border-radius:1em;
    float: left;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 1.3em;
    cursor: pointer;
}
#fidModImg.box_top_toolbar_danger_active
{
    box-shadow: -5px -5px 10px 5px darkred, 5px 5px 10px 5px darkred;
    border-radius:20px;
    cursor: pointer;
}



#fidModImg.box_top_toolbar_inconsistencias:hover
{
    box-shadow: -5px -5px 10px 5px #f190ff, 5px 5px 10px 5px #c305d8;
    border-radius: 20px;
}

#fidModImg.box_top_toolbar_chofer:hover
{
    box-shadow: -5px -5px 10px 5px #f5d0a5, 5px 5px 10px 5px #ce7a36;
    border-radius: 20px;
}


#fidModImg.box_top_toolbar_verificaciones:hover
{
    box-shadow: -5px -5px 10px 5px #86b8ef, 5px 5px 10px 5px #097bf8;
    border-radius: 20px;
}

#fidModImg.box_top_toolbar_clientes:hover
{
    box-shadow: -5px -5px 10px 5px #a4a3a3, 5px 5px 10px 5px #434343;
    border-radius: 20px;
}



INPUT.check:checked + label {color: blue;font-size:1em;font-weight: normal}
A.default {color:blue!important;;text-decoration:underline!important;}
A.default:visited {color:blue!important;;text-decoration:underline!important;}
A.default:hover {color:blue!important;;text-decoration:underline!important;}

.txtTipoMovSalida{
    color: var(--salida_bodega);
    font-size: 1.3em;
    font-style: italic;
    padding: 3px 5px;
    text-shadow: 2px 2px 2px #a3a3a3;
}
#divSALIDAVertical{
    color: var(--salida_bodega);
    top: 305px;
    right: -195px;
    text-shadow: -4px -3px 7px #8a8a8a;
}
.glowSALIDAbrd{
    box-shadow: 0px 0px 10px var(--salida_bodega);
}

.txtTipoMov{
    color: var(--entrada_bodega);
    font-size: 1.5em;
    font-style: italic;
    padding: 3px 5px;
    text-shadow: 2px 2px 2px #333;
}
#divENTRADAVertical{
    color: var(--entrada_bodega);
    top: 305px;
    right: -235px;
    text-shadow: -4px -3px 7px #000;
}
.glowENTRADAbrd{
    box-shadow: 0px 0px 10px var(--entrada_bodega);
}

a.hover-underline-animation {
    transition: background 0.25s ease-out;
}
a.hover-underline-animation:hover {
    background: #ffffff;
}
.hover-underline-animation {
    display: inline-block;
    position: relative;
    color: #ffffff;
}

.hover-underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #0087ca;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

a.hover-underline-animation.letter-spacing {
    transition: letter-spacing 0.7s ease-in-out;
}
a.hover-underline-animation.letter-spacing:hover {
    letter-spacing: 2px;
}

.wtm_nota_cancelada_print{
    top: 0;
    bottom: 200;
    left: 0;
    /*right: 0;*/
    z-index: 999;
    text-shadow: 2px 2px 2px #a3a3a3;
    color: #dc3545;
    font-size: 100px;
    font-weight: bold;
    letter-spacing: 0.5em;
    justify-content: center;
    align-content: center;
    opacity: 0.3;
    transform: rotate(-30deg);
    height: min-content;
    width: fit-content;
    margin: auto;
    position: absolute;
    text-align: center;
}
.wtm_nota_cancelada_print_mini {
    font-size: 80px;
}

.tagify-tag-input-error {
    color: var(--danger);
    text-decoration: line-through;
}

/** autorizacion de notas*/
.nota_bodega_autorizacion_autorizada {
    background: #dbf3ff !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.nota_bodega_autorizacion_rechazada {
    background: var(--bg-rechazado) !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.selectize-item-not {
    border: 1px solid red !important;
}

#nota_lock_unlock{
    position: absolute;
    bottom: 0;
    left: 0;
}

#tablectasTSaldo td{
    border: silver solid 1px;
}

.logged_in_as_toolbar{
    width:180px;
}

.vertical_align_top{vertical-align: top}
.vertical_align_middle{vertical-align: middle}

DIV.tachaSiguentes {color:black;font-weight:400;list-style: none;font-size: 0.95em;word-wrap: break-word;}
DIV.tachaSiguentes:not(:first-child) {color:red;text-decoration:line-through;font-weight:100;}

.qty_mal {color:red}
.laTabla {border-collapse: collapse;border:1px silver solid;margin:1em;width:fit-content}
.laTabla TH {border:1px silver solid;vertical-align:middle;padding:0.1em 0.3em;}
.laTabla THEAD TH {border:1px silver solid;vertical-align:middle;padding:0.1em 0.3em;}
.laTabla TD {border:1px silver solid;vertical-align:top;text-align:left;padding:0.4em 0.3em}
.laTabla TD.cen {text-align: center}
.laTabla TD.der {text-align: right}
.laTabla TD.rgt {text-align: right}
TABLE.laTabla TH.cmpdiff {color:#0000FF}
TABLE.laTabla TD.cmpdiff {color:#0000FF}
TABLE.laTabla TD.negativo {color:red}
TABLE.laTabla TR.totalAbove TD {font-weight: bold;border-bottom: 8px double darkgray!important;}
TABLE.laTabla TR.totalBelow TD {font-weight: bold;border-TOP: 8px double darkgray!important;}
.laTabla_collapseExpand {cursor:pointer;color:green}
.laTabla_collapseExpand:hover {background-color: whitesmoke}
.laTabla_collapseAll {cursor:pointer;color:green;font-size:1.2em;border:1px green solid}
.laTabla_collapseAll:hover {background-color: whitesmoke}
.laTabla_expandAll {cursor:pointer;color:green;font-size:1.2em;border:1px green solid}
.laTabla_expandAll:hover {background-color: whitesmoke}
.laTabla TR.total {font-weight: bold;border-top:6px black double}
.text-hidden {
    color: transparent;
}

.padding_left_10px{
    padding-left: 10px !important;
}
.padding_right_10px{
    padding-right: 10px !important;
}

.grid_td_nota_bodega_entrada{
    background: linear-gradient(#2dfd2d70, #dbffdb50, #2dfd2d70)!important;
}

.indexVerificacion {
    color: #4b1800 !important;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #ff8100, 0 0 0.1em #f8f8f8 !important;
    box-shadow: 1px 1px 2px #9f4d00, 0 0 0.1em #ff8100, 0 0 0.1em #f8f8f8;
}
.indexLegendVerificacion {
    font-weight:bold;
    color: #4b1800;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #ff8100, 0 0 0.1em #f8f8f8;
    background: linear-gradient(#ffcc9a, #ffdebd, #ffeedd) !important;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    box-shadow: 1px 1px 2px #9f4d00, 0 0 0.1em #ff8100, 0 0 0.1em #f8f8f8;
}
.backgroundVerificacion {}

.indexBodegasPrincipal {}
.indexLegendBodegasPrincipal{
    padding: 2px 4px;
    background: linear-gradient(#ded200, #fff228, #fffcc2) !important;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 1.15em;
    color: #002352;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
    box-shadow: 1px 1px 2px #2b87ff, 0 0 0.3em #bdbdff, 0 0 0.1em #f8f8f8;}

.backgroundBodegasPrincipal {}

/*.detailBodegaVerificar[open] > summary {
    background: linear-gradient(180deg, #ffffff 0%, #fff0e6 2%, #ffe9d6 15%, #ffdfc4 45%, #ffd0b0 100%);
    left: -3px;
    top: 1px;
    position: relative;

    padding: 0 7px;
    margin-bottom: 10px;
    border-radius: 5px 5px 0 0;
    box-shadow: 1px 1px 2px #9f4d00, 0 0 0.1em #ff8100, 0 0 0.1em #f8f8f8;

    color: #000;
    text-shadow: 1px 1px 1px #FFCDA7FF !important;
    font-size: 19px !important;

}
.detailBodegaVerificar > summary {
    background: linear-gradient(180deg, #ffffff 0%, #fff0e6 2%, #ffe9d6 15%, #ffdfc4 45%, #ffd0b0 100%);
    left: -3px;
    top: 1px;
    position: relative;
    padding: 0 7px;
    margin-bottom: 10px;
    border-radius: 5px 5px 0 0;

    color: #000;
    text-shadow: 1px 1px 1px #FFCDA7FF !important;
    font-size: 19px !important;
}*/

.detailBodegaVerificar > div > div > ul{
    width: 215px !important;
    max-width: 215px !important;
    padding: 0;
}
.detailBodegaVerificar > div > div > ul > li{
    margin-left: 10px !important;
    padding-left: 5px !important;
    border-bottom: 3px dashed #ffcba5;
    margin: 0px -5px 10px -10px;
    padding: 0px 0px 1px 0px !important;
    opacity: 1.0;
    transition: opacity .2s ease-in-out;

}
.detailBodegaVerificar > div > div > ul > li > p{
    margin-left: 0px !important;
    /*padding-left: 5px !important;*/
    font-size:smaller;
}

.detailBodegaVerificar > div > div > ul > li > p > a{
    padding-left: 0px !important;
    text-shadow: none !important;
    margin-left: -5px;
    padding-right: 8px;
    background: none !important;
}
.detailBodegaVerificar > div > div > ul > li > a{
    margin-left: -5px !important;
    padding-left: 32px !important;
}
.detailBodegaVerificar > div > div > ul > li > a > span{
    font-size: 18px !important;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #ffcba5, 0 0 0.1em #f8f8f8 !important;
}

.detailBodegaVerificar[open]{
    background: linear-gradient(180deg, #fffcf9 0%, #ffe7d1 2%, #fff1e4 15%,
    #ffecd8 45%, #ffe7cb 100%);
    left: -3px;
    top: 1px;
    position: relative;
    /*width: 97.7%;*/
    padding: 0 7px;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 4px 3px #FFF6E0FF;

    color: #000;
    text-shadow: 1px 1px 1px #FFCDA7FF;

}
.detailBodegaVerificar{
    background: linear-gradient(180deg, #fffcf9 0%, #ffe7d1 2%, #fff1e4 15%,
    #ffecd8 45%, #ffe7cb 100%);
    left: -3px;
    top: 1px;
    position: relative;
    /*width: 97.7%;*/
    padding: 0 7px;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 4px 3px #FFF6E0FF;

    color: #000;
    text-shadow: 1px 1px 1px #FFCDA7FF;

    margin-left: 4px;
    margin-right:5px;
}

.legend_grupo_verificacion {
    background: linear-gradient(180deg, #ffffff 0%, #fff0e6 2%, #ffe9d6 15%, #ffdfc4 45%, #ffd0b0 100%);
}
summary.legend_grupo_verificacion {
    background: white;
    left: -3px;
    top: 1px;
    position: relative;
    padding: 0 7px;
    margin-bottom: 10px;
    border-radius: 5px 5px 0 0;
    color: #000;
    text-shadow: 1px 1px 1px #FFCDA7FF !important;
    font-size: 19px !important;
}



.toolbar_cheques{
    color: #0d203c;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #0069ff, 0 0 0.1em #f8f8f8;
    font-size: 1.1em;
}
.toolbar_cheques:hover{
    color: #004097;
    font-weight: bold;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #0069ff, 0 0 0.15em #f8f8f8;
    font-size: 1.1em;
}
.toolbar_pagares{
    color: #005100;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #b3ff95, 0 0 0.1em #f8f8f8;
    font-size: 1.1em;
}
.toolbar_pagares:hover{
    color: #009b00;
    font-weight: bold;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #b3ff95, 0 0 0.15em #f8f8f8;
    font-size: 1.1em;
}
.toolbar_vales{
    color: #422aa5;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #231048, 0 0 0.1em #f8f8f8;
    font-size: 1.1em;

}
.toolbar_vales:hover{
    color: #7a53e1;
    font-weight: bold;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #bea2ff, 0 0 0.15em #f8f8f8;
    font-size: 1.1em;
}
.toolbar_bancos{
    color: #de00bf;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #9d0088, 0 0 0.1em #f8f8f8;
    /*font-size: 1.1em;*/

}
.toolbar_bancos:hover{
    color: #fc14dd;
    font-weight: bold;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #d05ebe, 0 0 0.15em #f8f8f8;
    /*font-size: 1.1em;*/
}
.toolbar_notas_bodega{
    color: #410101;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #410101, 0 0 0.1em #eaffe9;
    font-size: 1.1em;
}
.toolbar_notas_bodega:hover{
    color: #9b0606;
    font-weight: bold;
    text-shadow: 0 0 0.15em #eaffe9, 0 0 0.15em #f51515, 0 0 0.15em #eaffe9;
    font-size: 1.1em;

}

.toolbar_iahome{
    color: #013434;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #42a5a5, 0 0 0.1em #f8f8f8;
    font-size: 1.1em;

}
.toolbar_iahome:hover{
    color: #056d8c;
    font-weight: bold;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #42a5a5, 0 0 0.15em #f8f8f8;
    font-size: 1.1em;
}

.toolbar_generico{
    color: #8a0039;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #8a0039, 0 0 0.1em #f8f8f8;
    font-size: 1.1em;
}
.toolbar_generico:hover{
    color: #ad024b;
    font-weight: bold;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #e378a6, 0 0 0.15em #f8f8f8;
    font-size: 1.1em;

}




.ui-search-input{
    font-size: 0.95em;
}
.ui-search-input select{
    font-size: 0.95em !important;
}

.ui-search-table select{
    padding: 0;
}
.ui-jqgrid tr.ui-search-toolbar td > input {
    /* padding-right: 10px; */
    width: 102%;
}


/* nota bodega label div*/
.nb_lbl {margin:0;padding:0.2em;width:fit-content;text-align: left;white-space: normal;}
/* nota bodega label div producto*/
.nb_prod {}
/* un span con ellipsis para poner color en su caso*/
.nb_color {display: inline-block;
    width: 8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}


.grid_notas_salida_tienda_autorizada{background: linear-gradient(#fcef74, #fff6a6, #fff6e0,
#fff6a6, #fff289,#fcef74) !important;}
.grid_notas_salida_tienda_y_entrada_autorizada{background: linear-gradient(#74fc7f, #a6ffad, #d3ffd7,
#a6ffad, #91ff9c,#74fc7f) !important;}
.grid_notas_entrada_autorizada{background: linear-gradient(#FFE33C50, #FFE33C30, #ffffff,
#FFE33C20, #FFE33C30,#FFE33C50) !important;}

/*.grid_notas_verificacion_incompleta{background: linear-gradient(#ff5eef, #ffa5f2, #ffd0f7) !important;}*/
/*.grid_notas_verificacion_nada{background: linear-gradient(#821fff, #d098ff, #e9d1ff) !important;}*/

/*.grid_notas_inconsistenticias_info{background: linear-gradient(#ffca45, #ffd68e, #ffeacc) !important;}*/
/*.grid_notas_inconsistenticias_warning{background: linear-gradient(#ff9945, #ffba84, #ffddc9) !important;}*/
/*.grid_notas_inconsistenticias_danger{background: linear-gradient(#ff3535, #ff7f7f, #ffc7c7) !important;}*/

.grid_notas_verificacion_completa{background-color: #dbf7ff; background: #dbf7ff; color: #000000;}
.grid_notas_verificacion_incompleta{background-color: #7B00FF30; background: #7B00FF30; color: #000000;}
.grid_notas_verificacion_nada{background-color: #7B00FF30; background: #7B00FF30; color: #000000;}

.grid_notas_inconsistenticias_info{background: #fff5f1 !important; color: #000000;}
.grid_notas_inconsistenticias_warning{background: #ffd3c2 !important; color: #000000;}
.grid_notas_inconsistenticias_danger{background: #ff8e67 !important; color: #000000;}

.grid_notas_modificacion_importante_si{background: #ff6565; color: #000000;}
.grid_notas_modificacion_importante_no{color: #000000;}

.ui_tooltip_grid_notas_entrada_autorizada {
    background-color: #fffce2; background: #fffce2;
    color: #807300;
    font-weight: 100;
    font-size: 1.1em;
    border: 1px solid #252100;
    box-shadow: 0 0.4em 0.5em #4f4600;
    border-radius: 0.3em;
    min-height: 1.3em;
    padding: 0.2em;
}
.ui_tooltip_toolbar_bancos {
    background-color: #fcedf9; background: #fcedf9;
    color: #a6008d;
    font-weight: bold;
    font-size: 1.1em;
    box-shadow: 0 0.4em 0.5em #a10888;
    border: 1px solid #3f0032;
    border-radius: 0.3em;
    min-height: 1.3em;
    padding: 0.2em;
}
.ui_tooltip_grid_nota_bodega_entrada {
    background-color: #e8ffe2; background: #e8ffe2;
    color: #0f3a00;
    font-weight: bold;
    font-size: 1.1em;
    box-shadow: 0 0.4em 0.5em #1f8c00;
    border: 1px solid #091e00;
    border-radius: 0.3em;
    min-height: 1.3em;
    padding: 0.2em;
}
.ui_tooltip_grid_notas_verificacion_completa {
    background-color: #dbf7ff; background: #dbf7ff;
    color: #002336;
    font-weight: bold;
    border: 0.1em solid #000f13;
    padding: 0.2em;
    box-shadow: 0 0.4em 0.5em #00394d;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}
.ui_tooltip_camps_ayudantes {
    background-color: #44a6fa; /* Azul */
    background: #44a6fa;
    color: #ffffff; /* Blanco para el texto */
    font-weight: bold; /* Negrita */
    border: 1px solid #016597; /* Borde azul oscuro */
    padding-left: 2em;
    padding-top: 0.2em;
    padding-right: 0.2em;
    padding-bottom: 0.2em;
    box-shadow: 0 4px 6px rgba(3, 127, 169, 0.5); /* Sombra */
    border-radius: 8px; /* Borde redondeado */
    margin-bottom: 10px; /* Margen inferior */
}
.ui_tooltip_nueva_nota_cheque {
    background-color: #85ffff; background: #85ffff;
    color: #013434;
    font-weight: bold;
    border: 0.1em solid #000f13;
    padding: 0.2em;
    box-shadow: 0 0.4em 0.5em #42a5a5;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}
.ui_tooltip_remarks_por_usuario {
    background-color: #f5f5ff; background: #f5f5ff;
    color: #00004d;
    font-weight: bold;
    border: 0.1em solid #020234;
    padding: 0.2em;
    box-shadow: 0 0.4em 0.5em #000072;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}
.ui_tooltip_grid_notas_verificacion_incompleta, .ui_tooltip_grid_notas_verificacion_nada{
    background-color: #f0e2ff; background: #f0e2ff;
    color: #110023;
    font-weight: bold;
    border: 1px solid #110023;
    padding: 0.2em;
    box-shadow: 0 0.4em 0.5em #110023;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}
.ui_tooltip_grid_notas_inconsistenticias_info, .ui_tooltip_grid_notas_inconsistenticias_warning, .ui_tooltip_grid_notas_inconsistenticias_danger, .ui_tooltip_nota_borrada{
    background-color: #fff5ed; background: #fff5ed;
    color: #3b2e21;
    font-weight: normal;
    border: 1px solid #3b2e21;
    padding: 0.2em;
    box-shadow: 0 0.2em 0.2em #d09b79, 0 0 0.2em #ff8100, 0 0 0.2em #f8f8f8;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}

.ui_tooltip_doc_usd {
    background-color: #85ffff; background: #85ffff;
    color: #013434;
    font-weight: bold;
    border: 0.1em solid #000f13;
    padding: 0.2em;
    box-shadow: 0 0.4em 0.5em #42a5a5;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}
.ui_tooltip_doc_pesos {
    background-color: #f5f5ff; background: #f5f5ff;
    color: #00004d;
    font-weight: bold;
    border: 0.1em solid #020234;
    padding: 0.2em;
    box-shadow: 0 0.4em 0.5em #000072;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}
.ui_tooltip_grid_notas_modificacion_importante_si{
    background-color: #fffdfd; background: #FFFDFDFF;
    color: #460909;
    font-weight: normal;
    border: 1px solid #460909;
    padding: 0.2em;
    box-shadow: 0 0.2em 0.2em #830000;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}
.ui_tooltip_box_top_toolbar_numero_compra_vacios{
    background-color: #fffcf8; background: #fffcf8;
    color: #460909;
    font-weight: normal;
    border: 1px solid #411f00;
    padding: 0.2em;
    box-shadow: 0 0.2em 0.2em #d36d00;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}
.ui_tooltip_inversion_empresa{
    background-color: #d5d5d5; background: #d5d5d5;
    color: #131313;
    font-weight: bold;
    border: 1px solid #010102;
    padding: 0.2em;
    box-shadow: 0 0.4em 0.5em #312c33;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}

.box_top_toolbar_numero_compra_vacios{
    color: #542a01;
    float: left;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #a95905, 0 0 0.1em #f8f8f8;
    font-size: 1.1em;
    min-height: 1.3em;
}
.box_top_toolbar_numero_compra_vacios:hover{
    color: #a65602;
    font-weight: bold;
    text-shadow: 0 0 0.2em #f0ebff, 0 0.15em 0.2em #fda340, 0 0 0.2em #f9f6ff;
    font-size: 1.1em;
    min-height: 1.3em;
}


.box_top_toolbar_numero_compra_vacios_img{
    border-radius: 1em;
}
.box_top_toolbar_numero_compra_vacios_img:hover{
    box-shadow: -0.3em -0.3em 0.4em 0.3em #fda340, 0.3em 0.3em 0.4em 0.3em #a95905;
}


.ui_tooltip_box_top_toolbar_orden_captura{
    background-color: #fffcf8; background: #fffcf8;
    color: #343434;
    font-weight: normal;
    border: 1px solid #7a7a7a;
    padding: 0.2em;
    box-shadow: 0 0.2em 0.2em #808080;
    border-radius: 0.3em;
    /*min-height: 1.6em;*/
    margin-bottom: 0.2em;
}

.box_top_toolbar_original
{
    /*background: #5a0394;*/
    box-shadow: 0 0 0.5em #aaa inset;
    border-radius: 1em;
    float: left;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 1.3em;
}
.box_top_toolbar_original:hover
{
    box-shadow: -0.2em -0.2em 0.3em 0.2em #6e6e6e, 0.2em 0.2em 0.3em 0.2em #0c0c0c;
    border-radius: 1em;
}

.box_top_toolbar_orden_captura
{
    /*background: #5a0394;*/
    box-shadow: 0 0 5px #aaa inset;
    border-radius:1em;
    float: left;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 1.3em;
}
.box_top_toolbar_orden_captura:hover
{
    box-shadow: -0.2em -0.2em 0.3em 0.2em #9d9d9d, 0.2em 0.2em 0.3em 0.2em #625f5f;
    border-radius: 1em;
}
.box_top_toolbar_orden_inconsis
{
    /*background: #5a0394;*/
    box-shadow: 0 0 5px #0069ff inset;
    border-radius:1em;
    float: left;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 1.3em;
}
.box_top_toolbar_orden_inconsis:hover
{
    box-shadow: -0.2em -0.2em 0.3em 0.2em #468efd, 0.2em 0.2em 0.3em 0.2em #0069ff;
    border-radius: 1em;
}

.box_top_toolbar_orden_verified
{
    /*background: #5a0394;*/
    box-shadow: 0 0 5px #22b402 inset;
    border-radius:1em;
    float: left;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 1.3em;
}
.box_top_toolbar_orden_verified:hover
{
    box-shadow: -0.2em -0.2em 0.3em 0.2em #71f553, 0.2em 0.2em 0.3em 0.2em #22b402;
    border-radius: 1em;
}


.box_top_toolbar_orden_actual
{
    /*background: #5a0394;*/
    box-shadow: -0.2em -0.2em 0.3em 0.2em #ff1fb2, 0.2em 0.2em 0.3em 0.2em #ad1fff;
    border-radius:1em;
    float: left;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 1.3em;
}

.box_top_toolbar_orden_actual:hover
{
    /*background: #5a0394;*/
    box-shadow: -0.2em -0.2em 0.3em 0.2em #ad1fff, 0.2em 0.2em 0.3em 0.2em #ff1fb2;
    border-radius:1em;
    float: left;
    font-weight: bold;
    font-size: 1.1em;
    min-height: 1.3em;
}

.img-btn {
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 5px 4px 6px #065400;
    border: 1px solid #0e3a07;
}

.img-btn-inactive {
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border-radius: 5px;
    box-shadow: 2px 2px 3px #808080;
    border: 1px solid #696969;
}
.img-btn-inactive-sin-mi {
    cursor: pointer;

    border-radius: 5px;
    border: 1px solid #ff6128;
    box-shadow: 5px 4px 6px #ff4400;
}
.img-btn-autorizada-sin-mi {
    cursor: pointer;

    border-radius: 5px;
    border: 1px solid #FFDF00;
    box-shadow: 5px 4px 6px #ffdf00;
}

.img-btn-falta-autorizaciones {
    cursor: pointer;

    border-radius: 5px;
    border: 1px solid #ff6128;
    box-shadow: 5px 4px 6px #ff4400;
}

.img-btn:active, .img-btn-inactive:active , .img-btn-autorizada-sin-mi:active , .img-btn-falta-autorizaciones:active {
    border: 1px solid #000;
    box-shadow: 5px 4px 6px #000;
    transform: translateY(4px);
}

.img-gray{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.blockOverlay {
    z-index: 100005 !important;
}

/*
* Tabla generica
*/

.table_generica {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
}

.table_generica thead th {
    padding: 3px 8px 3px 8px;
}
.table_generica tbody td {
    padding: 2px;
}

.table_generica tr:nth-child(even){background-color: #f2f2f2;}


.table_generica th:first-child {
    border-radius: 10px 0 0 0;
}

.table_generica th:last-child {
    border-radius: 0 10px 0 0;
}

.table_generica th:only-child{
    border-radius: 10px 10px 0 0;
}

.table_generica tr:hover {background-color: #ddd; transition: all 0.1s ease-in-out;}

.table_generica th {
    /* padding-top: 12px;
    padding-bottom: 12px; */
    text-align: left;
    background: linear-gradient(#18ffaa, #04AA6D, #07c680);
    color: #d2ffce;
    text-shadow: 1px 1px 2px #000000;
}

.ui-icon{
    color: #2f73d7;
    font-size: 13px;
}

.ui-icon-comment{
    position: relative;
    font-size: .75em !important;
    color: rgba(4, 139, 255, 0.66) !important;
}

.ui-icon-gripsmall-diagonal-se{
    float: right !important;
    margin-top: -17px !important;
    margin-right: 1px !important;
}

.ORIGEN_MAL {background-color:yellow;color:red!important;}


.box_top_toolbar_danger {
    color: var(--danger);
}
.box_top_toolbar_danger img:hover
{
    box-shadow: -5px -5px 10px 5px darkred, 5px 5px 10px 5px darkred;
    border-radius:20px;
    cursor: pointer;
}

.jqga_11em{
    font-size: 1.1em !important;
}
.jqga_12em{
    font-size: 1.2em !important;
}
.jqga_13em{
    font-size: 1.3em !important;
}

.jqga_14em{
    font-size: 1.4em !important;
}
.jqga_15em{
    font-size: 1.5em !important;
}
.jqga_16em{
    font-size: 1.6em !important;
}

.jqga_green{
    color: #056d8c !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #42a5a5, 0 0 0.15em #f8f8f8 !important;
}
.jqga_blue{
    color: #05408c !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #425ea5, 0 0 0.15em #f8f8f8 !important;
}

.jqga_red{
    color: #9b0606 !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0 0.15em #f51515, 0 0 0.15em #eaffe9 !important;
}

.jqga_orange{
    color: #f35500 !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0 0.15em #ff9559, 0 0 0.15em #eaffe9 !important;
}
.jqga_yellow{
    color: #ffbd00 !important;
    text-shadow: 0 0 0.15em #ffbc00, 0 0 0.15em #251e05, 0 0 0.15em #ffbc00 !important;
}

.ui-dialog .ui-dialog-titlebar{
    padding: .15em !important;
}

html .ui-dialog .ui-dialog-titlebar-close{
    min-width: 1.5em;
    max-height: 1.5em;
}

.border_orange{
    border-color: #e17009 solid 1px; border-width: medium;
    color:#e17009 !important;
    font-weight: bold !important;
}

.tagify-write-hand:after {
    content: "\270D";
}

.transparent-tooltip {
    white-space: pre-line;
    padding: 0;
    max-width: 22em;
    border-radius: 0.3em;
    border: none !important;
    background: none;
}

.txt_093em{font-size:0.93em !important;}
.txt_080em{font-size:0.80em !important;}
.txt_color_blue_ff{color:#0000FF !important;}
.remarks_por_usuario{color:#0000FF !important;}
.numero_original_tagged{color:#0000FF !important;}

/* Dotted red border */
hr.dotted_red {
    width: 90%;
    border-top: 1px dotted red;
    border-right: 1px dotted red;
    border-bottom: 1px dotted red;
    border-left: 1px dotted red;
    background-color: transparent !important;
    background: transparent !important;
    margin-block-start: 0.3em;
    margin-block-end: 0.3em;
}
/* dashed  red border */
hr.txt_shadow_verde {
    width: 90%;
    border-top: 1px dashed #009b00;
    border-right: 1px dashed #009b00;
    border-bottom: 1px dashed #009b00;
    border-left: 1px dashed #009b00;
    background-color: transparent !important;
    background: transparent !important;
    margin-block-start: 0.3em;
    margin-block-end: 0.3em;
}
/* dashed  red border */
hr.txt_shadow_azul_marino {
    width: 90%;
    border-top: 1px dashed #0000ff;
    border-right: 1px dashed #0000ff;
    border-bottom: 1px dashed #0000ff;
    border-left: 1px dashed #0000ff;
    background-color: transparent !important;
    background: transparent !important;
    margin-block-start: 0.3em;
    margin-block-end: 0.3em;
}

.motivo_cancelacion{
    font-weight:bold;
}

.sin_ajustar_cuentat{
    color: #720404;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #860606, 0 0 0.1em #eaffe9;
}

.con_ajustar_cuentat{
    font-weight: bold !important;
    color: #002352;
    font-weight: bold;
    text-shadow: 0 0 0.1em #b0bfd5, 0 0 0.1em #9595ff, 0 0 0.1em #e6f0ff;
}

.blink_ {
    animation: blinker 0.5s linear infinite;
}
.blink_ a{
    animation: blinker_href 0.5s linear infinite;
}
@keyframes blinker {
    50% {
        background: linear-gradient(0deg, rgba(255,246,222,1) 0%, rgba(255,230,163,1) 15%, rgba(255,191,25,1) 35%, rgba(255,191,25,1) 55%, rgba(255,230,163,1) 85%, rgba(255,246,222,1) 100%);
    }
}
@keyframes blinker_href {
    50% {
        color: black;
    }
}

input.readonly_withdrawal {
    background: #eaeaea;
    cursor: pointer;
}

.iactoolbarspacer {
    height: 79px !important;
}

.txt_shadow_olivo{
    color: #013434 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #42a5a5, 0 0 0.1em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/

}
.txt_shadow_olivo:hover{
    color: #056d8c !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #42a5a5, 0 0 0.15em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
    text-decoration: underline;
}


.txt_shadow_azul_marino{
    color: #0000ff !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #0069ff, 0 0 0.1em #f8f8f8 !important;
    text-decoration: none !important;
    /*font-size: 1.1em !important;*/
}
.txt_shadow_azul_marino:hover{
    color: #2828ff !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #0069ff, 0 0 0.15em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
}


.link_txt_shadow_azul_marino{
    color: #0000ff !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #0069ff, 0 0 0.1em #f8f8f8 !important;
    text-decoration: none !important;
}
.link_txt_shadow_azul_marino:hover{
    color: #2828ff !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #0069ff, 0 0 0.15em #f8f8f8 !important;
    text-decoration: underline !important;
}

.txt_shadow_verde{
    color: #176f17 !important;
    font-weight: bold  !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #b3ff95, 0 0 0.1em #f8f8f8 !important;
    text-decoration: none !important;
    /*font-size: 1.1em !important;*/
}
.txt_shadow_verde:hover{
    color: #009b00 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #b3ff95, 0 0 0.15em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
}
.link_txt_shadow_verde{
    color: #176f17 !important;
    font-weight: bold  !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #b3ff95, 0 0 0.1em #f8f8f8 !important;
    text-decoration: none !important;
    /*font-size: 1.1em !important;*/
}
.link_txt_shadow_verde:hover{
    color: #009b00 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #b3ff95, 0 0 0.15em #f8f8f8 !important;
    text-decoration: underline !important;
    /*font-size: 1.1em !important;*/
}
.txt_shadow_violeta{
    color: #8800ef !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #9172db, 0 0 0.1em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/

}
.txt_shadow_violeta:hover{
    color: #a427ff !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #bea2ff, 0 0 0.15em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
    text-decoration: underline;
}
.txt_0_9em{font-size:0.9em !important;}
.txt_0_8em{font-size:0.8em !important;}
.txt_0_7em{font-size:0.7em !important;}
.txt_0_6em{font-size:0.6em !important;}
.txt_1em{font-size:1em !important;}
.txt_1_1em{font-size:1.1em !important;}
.txt_1_2em{font-size:1.2em !important;}
.txt_1_3em{font-size:1.3em !important;}
.txt_1_4em{font-size:1.4em !important;}
.txt_1_5em{font-size:1.5em !important;}
.txt_1_6em{font-size:1.6em !important;}
.txt_1_7em{font-size:1.7em !important;}
.txt_1_8em{font-size:1.8em !important;}
.txt_1_9em{font-size:1.9em !important;}
.txt_2em{font-size:2em !important;}
.txt_shadow_rosa{
    color: #be00a5; !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #ffeefb, 0 0 0.1em #a9439c, 0 0 0.1em #ffeefb !important;
    font-size: 1.1em;

}
.txt_shadow_rosa:hover{
    color: #e315c6 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #ffeefb, 0 0.05em 0.15em #ff9cf1, 0 0 0.15em #ffeefb !important;
    font-size: 1.1em;
    text-decoration: underline !important;
}
.txt_shadow_rojo_quemado{
    color: #791313 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #f51515, 0 0 0.1em #eaffe9 !important;
    /*font-size: 1.1em !important;*/
}
.txt_shadow_rojo_quemado:hover{
    color: #9b0606 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #f51515, 0 0 0.15em #eaffe9 !important;
    /*font-size: 1.1em !important;*/
    text-decoration: underline;
}
.txt_shadow_rojo{
    color: #d00024 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #9d001c, 0 0 0.1em #f8f8f8 !important;

    /*font-size: 1.1em !important;*/
}
.txt_shadow_rojo:hover{
    color: #d00024 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #ff0028, 0 0 0.15em #f8f8f8 !important;

    /*font-size: 1.1em !important;*/
    text-decoration: underline;

}
.txt_shadow_rojo_light_{
    color: #d00024 !important;
    /*font-weight: bold !important;*/
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #9d001c, 0 0 0.1em #f8f8f8 !important;

    /*font-size: 1.1em !important;*/
}
.txt_shadow_rojo_light {
    color: #eb0f35 !important;
    /* font-weight: bold !important; */
    text-shadow: 0 0 0.1em #b3b3b3, 0 0 0.1em #9d001c, 0 0 0.1em #dddddd !important;
    /* font-size: 1.1em !important;*/
}
.txt_shadow_rojo_light:hover{
    color: #d00024 !important;
    /*font-weight: bold !important;*/
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #ff0028, 0 0 0.15em #f8f8f8 !important;

    /*font-size: 1.1em !important;*/
    text-decoration: underline;

}
.txt_bold_red{
    color: #d00024 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #9d001c, 0 0 0.05em #f8f8f8 !important;

    /*font-size: 1.1em !important;*/
}
.txt_bold_red:hover{
    color: #d00024 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #ff0028, 0 0 0.15em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
    text-decoration: underline;
}
.txt_shadow_naranja{
    color: #ca4b00 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #ff741b, 0 0 0.1em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
}
.txt_shadow_naranja:hover{
    color: #de5300 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #ff741b, 0 0 0.15em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
    text-decoration: underline;
}

.link_txt_shadow_naranja{
    color: #ca4b00 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #ff741b, 0 0 0.1em #f8f8f8 !important;
}
.link_txt_shadow_naranja:hover{
    color: #de5300 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #ff741b, 0 0 0.15em #f8f8f8 !important;
    text-decoration: underline;
}


.txt_shadow_cafe{
    color: #792c0c !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #db9eff, 0 0 0.1em #f8f8f8 !important;
    /*font-size: 1.0em !important;*/
}
.txt_shadow_cafe:hover{
    color: #792c0c !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #db9eff, 0 0 0.15em #f8f8f8 !important;
    /*font-size: 1.0em !important;*/
    text-decoration: underline;

}

.txt_shadow_gris{
    color: #525151 !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #504848, 0 0 0.1em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
}
.txt_shadow_gris:hover{
    color: #0a0a0a !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #948585, 0 0 0.15em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
    text-decoration: underline;
}

.txt_shadow_teal{
    color: #008080 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #afeeee, 0 0 0.1em #f8f8f8; !important;
}
.txt_shadow_teal:hover{
    text-shadow: 0 0 1px #48d1cc, 0 0 0.1em #afeeee, 0 0 0.1em #008080;
    text-decoration: underline;
}

.nolink_txt_bold_red{
    color: #d00024 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #9d001c, 0 0 0.05em #f8f8f8 !important;
}
.nolink_txt_bold_red:hover{
    color: #d00024 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #ff0028, 0 0 0.15em #f8f8f8 !important;
}

.input_number {
    text-align: right;
}
.copyClip {cursor: copy!important;margin-left:0.3em;margin-right:0.3em;}

DETAILS.default {
    display:unset;
    border-radius:unset;
    padding:unset;
    box-shadow:unset;
    background:unset;
    justify-content:unset;
    margin:unset;
    min-width:unset;
    max-width:unset;
}
DETAILS.default:after { text-shadow:none;}
DETAILS.default SUMMARY {color:darkgreen;display:inline list-item;}
SUMMARY.default {color:darkgreen;display:inline list-item;}
SUMMARY.default DIV {margin-left:2em;padding:0.5em;text-align: left;border:1px solid darkgreen;}
DETAILS.default SUMMARY DIV {margin-left:2em;padding:0.5em;text-align: left;border:1px solid darkgreen;}

DETAILS.default {
    display:block;
    border-radius:unset;
    padding:unset;
    box-shadow:unset;
    background:unset;
    justify-content:unset;
    margin:unset;
    min-width:unset;
    max-width:unset;
}

DETAILS.default > summary {
    display: list-item;
    background:unset;
    left:unset;
    top:unset;
    position:unset;
    width:unset;
    padding:unset;
    border-radius:unset;
    color: darkgreen;
    text-shadow:none;
}

DETAILS.default > summary::after {
    content:unset;
    margin-left:unset;
}
DETAILS.default[open] {
    border-radius:unset;
    padding:unset;
    box-shadow:unset;
    background:unset;
    color: darkgreen;
    justify-content:unset;
}
DETAILS.default[open] > summary {
    background:unset;
    left:unset;
    top:unset;
    position:unset;
    width:unset;
    padding:unset;
    margin:unset;
    border-radius:unset;
    box-shadow:unset;
    color: darkgreen;
    text-shadow:none;
}
DETAILS.default[open] > summary:after {
    content:unset;
    margin-left: 10px;
}
DETAILS.default > DIV {
    margin:1em;
    padding:1em;
    border:1px darkgreen solid;
    color:black;
}

.pedido_consecutivo {font-weight: bold;font-size:1.3em;color:blue;}
.laTabla TH {vertical-align: top}
.dobleTop {border-top:6px double darkgray!important;}
.dobleRight {border-right:6px double darkgray!important;}
.dobleLeft {border-left:6px double darkgray!important;}
.packingList {color:#0000FF;}
.copyClipBloard {cursor:copy}
.der {text-align:right}
TD.der {text-align:right}
TD.quantity {text-align:right}
TD.rollos {text-align:right}
.permisador {
    cursor:pointer;
    cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="80" style="font-size: 20px;"><text y="15">🗝️</text></svg>'), auto;
}
.ui-icon-key {
    cursor:pointer;

}



#bancos_saldo {
    font-family: 'latoregular', sans-serif !important;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
}

#bancos_saldo th {

    padding: 8px;
}

#bancos_saldo td {
    /*cursor: pointer;*/
    padding: 8px;
}

#bancos_saldo tr:nth-child(even){background-color: #f2f2f2;}
#bancos_saldo tr:nth-child(even) td:first-child{color: #f2f2f2;}

#bancos_saldo tr:last-child{border-bottom: 2px solid #061293;}

#bancos_saldo th:first-child {
    border-radius: 10px 0 0 0;
}

#bancos_saldo th:last-child {
    border-radius: 0 10px 0 0;
}

#bancos_saldo th:only-child{
    border-radius: 10px 10px 0 0;
}

#bancos_saldo tr:hover {background-color: #ddd; transition: all 0.1s ease-in-out;}

#bancos_saldo th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background: linear-gradient(#4b88fd, #1730ea, #194db6);
    color: #d2ffce;
    text-shadow: 1px 1px 2px #000000;
}


#bancos_saldo {
    font-family: 'latoregular', sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
}

#bancos_saldo th {
    cursor: pointer;
    padding: 8px;
}

#bancos_saldo td {
    /*cursor: pointer;*/
    padding: 8px;
}

#bancos_saldo tr:nth-child(even){background-color: #f2f2f2;}
#bancos_saldo tr:nth-child(even) td:first-child{color: #f2f2f2;}

#bancos_saldo tr:last-child{border-bottom: 2px solid #061293;}

#bancos_saldo th:first-child {
    border-radius: 10px 0 0 0;
}

#bancos_saldo th:last-child {
    border-radius: 0 10px 0 0;
}

#bancos_saldo th:only-child{
    border-radius: 10px 10px 0 0;
}

#bancos_saldo tr:hover {background-color: #ddd; transition: all 0.1s ease-in-out;}

#bancos_saldo th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background: linear-gradient(#4b88fd, #1730ea, #194db6);
    color: #d2ffce;
    text-shadow: 1px 1px 2px #000000;
}

#bancos_saldo_usd {
    font-family: 'latoregular', sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
}

#bancos_saldo_usd th {
    cursor: pointer;
    padding: 8px;
}

#bancos_saldo_usd td {
    /*cursor: pointer;*/
    padding: 8px;
}

#bancos_saldo_usd tr:nth-child(even){background-color: #f2f2f2;}
#bancos_saldo_usd tr:nth-child(even) td:first-child{color: #f2f2f2;}
#bancos_saldo_usd tr:last-child{border-bottom: 2px solid #146213;}
#bancos_saldo_usd caption{color: #139312; font-weight: bold; font-size: 1.2em;}

#bancos_saldo_usd th:first-child {
    border-radius: 10px 0 0 0;
}

#bancos_saldo_usd th:last-child {
    border-radius: 0 10px 0 0;
}

#bancos_saldo_usd th:only-child{
    border-radius: 10px 10px 0 0;
}

#bancos_saldo_usd tr:hover {background-color: #ddd; transition: all 0.1s ease-in-out;}
#bancos_saldo_usd th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background: linear-gradient(#7affcd, #22b983, #3ebd8a);
    color: #fff289;
    text-shadow: 1px 1px 2px #000000;
}

.rojo_important{color: #f33434 !important;}
.txt_bancos_saldo_usd_th{color:#fff289 !important;}


.ui_tooltip_inversion_informativa {
    background-color: #fcedf9; background: #fcedf9;
    color: #4e0e82;
    font-weight: bold;
    font-size: 1.1em;
    box-shadow: 0 0.4em 0.5em #6b4eb4;
    border: 1px solid #341d6b;
    border-radius: 0.3em;
    min-height: 1.3em;
    padding: 0.2em;
}

.ui_tooltip_inversion_ajuste{
    background-color: #fcedf9; background: #fcedf9;
    color: #d302b4;
    font-weight: bold;
    font-size: 1.1em;
    box-shadow: 0 0.4em 0.5em #ff17dc;
    border: 1px solid #650157;
    border-radius: 0.3em;
    min-height: 1.3em;
    padding: 0.2em;
}


.actions_col_list{
    min-height: 18px;
    min-width: 18px;
    float: left;
    padding-left: 0px !important;
    border: 1px solid transparent;
}

.tabBodegaNumMal {font-size:1.2em;color:red;font-weight:800}
.blink_1sec{animation:blink 1s linear infinite;}
.blink_2sec{animation:blink 2s linear infinite;}
.blink_5sec{animation:blink 5s linear infinite;}
.blink_2x10{animation:blink 2s linear 2s 10;}

.tabBodegaNumMal {font-size:1.2em;color:red;font-weight:800;    min-width: 30px;
    display: inline-block;    min-height: 27px;}

.wait {cursor:wait}

/* css de index */

 .dialogNoClose .ui-dialog-titlebar-close { display:none; }
.tab LI {margin-bottom: 1em;}
.flota {float:left;}
.listaopciones {}
.listaopciones TD {vertical-align:top;}
.iajsViewFlexContainer {}
.iajsViewFlexRow{
    display: flex; /* or inline-flex */flex-direction: row;flex-wrap:wrap;justify-content: flex-start;align-content: flex-start;align-items: flex-start;
    margin-bottom:2em;
    border-bottom: 4px double silver;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;
}
.iajsViewFlexItem {flex: 0 1 auto;margin:0.5em;padding:0.5em;border:1px silver solid;}

.card {
    padding:0.3em;
    background: whitesmoke;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;
    border:4px silver inset;
    font-size:22px;
    border-radius: 1em 1em 1em 1em;
}

.cardred {
    padding:0.3em;
    background: whitesmoke;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;
    border:4px red inset;
    font-size:22px;
}
.card:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.cardred:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}

.importanteLabel{ background-color: lightyellow; color:red;font-weight: 800;padding:0.2em}
div.importante{border:8px red groove;background-color: lightyellow;color:red;}
.cashLabel { background-color: lightyellow;color:darkgreen;font-weight:bold;}
div.cash{border:8px darkgreen groove;}
.TransferenciaLabel{ background-color: lightyellow; color:blue;font-weight: 800;padding:0.2em}
.cashTransferenciaLabel{ background-color: lightyellow;color:black;font-weight: 800;padding:0.2em}
.maximoLabel{ background-color: lightyellow; color:red;font-weight: 800;padding:0.2em}
/* loginglog added */
.tablesorter-headerAsc {background-color: yellow !important;}
.tablesorter-headerDesc {background-color: yellow !important;}
.filtrado {border:1px red solid}
.redrojo{background-color:red!important}
.txt_linkssactat{color:#fff046 !important; text-shadow: 1px 1px 2px #000000;}
.txt_linksinv{color:#0bef00 !important; text-shadow: 1px 1px 2px #000000;}
.a_cuenta_rony {background: MediumSeaGreen !important; text-shadow: none !important;}
.a_cuenta_rony a{ color: white !important;}


.blink_revisor {
    animation: blinker 1s linear infinite;
}
.blink_revisor a{
    animation: blinker_href 1s linear infinite;
}
.txtTituloLugar{
    text-transform: uppercase;
}
@keyframes blinker {
    50% {
        background: linear-gradient(0deg, rgba(255,246,222,1) 0%, rgba(255,230,163,1) 15%, rgba(255,191,25,1) 35%, rgba(255,191,25,1) 55%, rgba(255,230,163,1) 85%, rgba(255,246,222,1) 100%);
    }
}
@keyframes blinker_href {
    50% {
        color: black;
    }
}

.con-gastos {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    right:0;
    top:0;
    background: red;
}

.sin-gastos {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    right:0;
    top:0;
    background: green;
}

.btn-set-blink {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    right:0;
    top:0;
    background: red;
    cursor: pointer;
}

.btn-asignacion {
    padding: .5em 1em;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
}
.btn-asignacion a{
    width: 100%;
    display: block;
}
.btn-asignacion:hover {
    /*border: 1px solid #79b7e7;*/
    border-bottom-width: 1px;
    background: #d0e5f5;
    font-weight: bold;
    color: #1d5987;
}
.divSuperAsig{
    /*border: 1px solid #000;*/
    width: 97%;
    margin: auto;
    height: 330px;
    padding: 25px;
    display: inline-flex;
}
.cssAsignacion{
    border-right: 4px dotted #98c1e0;
    /*width: 22%;*/
    height: 300px;
    padding: 25px 100px 25px 25px;
}
.cssSupervisor{
    /*border-right: 2px solid #000;*/
    /*width: 22%;*/
    height: 300px;
    padding: 25px;
}
.cssSupervisorDer{
    /*width: 22%;*/
    height: 300px;
    padding: 25px;
}
.titlesSuperAsig{
    font-size: 20px;
    color: #69a5d1;
}
.upperTitle{
    font-size: 26px;
    position: relative;
    top: -30px;
    left: -62px;
    color: #4986b3;
    height: 35px;
}

.avisoHeaderFooterContainer {border:4px double green;margin:0.5em;padding:0.2em;
    font-size: 22px; font-weight:bold; font-family: 'Arial Black',serif; }
.avisoHeaderFooterContainer:empty {border:none;background-color: white}
.avisoHeaderFooter {padding:0.15em;font-size: 21px; font-weight:bold; font-family: 'Arial Black',serif; }

.depositarEnAviso {color:black;font-size: 22px; font-weight:bold; font-family: 'Arial Black',serif;
    padding:0.2em; margin:0.2em;text-align:center;border:3px double green;}
.depositarEnAviso:empty {border:none;}

.ui-widget-content a{
    text-shadow: 1px 1px 1px #FFF;
}
.tabBodega h3{
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
}

.btn-asignacion a{
    margin-left: -14px;
    margin-top: -11px;
    margin-bottom: -11px;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 11px 16px;
    overflow: auto;

}
.boxFleboxeado{
    padding: 25px 80px 15px 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    Justify-content: center;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.menusIndex{
    background: linear-gradient(180deg, rgb(97 97 97 / 85%), rgba(245, 247, 250, 0.85)) !important;
    /*width: 300px;*/
    /*height: 35px;*/
    padding: 25px;
    border-radius:  0 0 0 15px;
    box-shadow: 4px 2px 7px #555;
    padding-top: 18px !important;
    display: inline-flex;
    justify-content: space-evenly;
}
.menusIndex a:active, .menusIndex a:link, .menusIndex a:visited{
    color: #485b6c;
    font-weight: bold;
    display: inline-flex;
}
.menusIndex a:hover{
    color: #032c52;
}
#menuChangePws{
    display: block;
    background: url(../img/cambiar_psw.png) no-repeat;
    background-size: 26px 13px;
    margin-left: 5px;
    background-position-x: 0;
    padding-left: 32px;
    background-position-y: 3px;
}
#menuChangePws:hover{
    background: url('../img/cambiar_psw_hover.png') no-repeat;
    background-position-x: 0;
    background-size: 26px 13px;
    background-position-y: 3px;
}
#menuSalir{
    display: block;
    background: url(../img/apagado.png) no-repeat;
    background-size: 16px 18px;
    margin-left: 5px;
    background-position-x: 0;
    padding-left: 22px;
    background-position-y: -1px;
}
#menuSalir:hover{
    background: url('../img/apagado_hover.png') no-repeat;
    background-position-x: 0;
    background-size: 16px 18px;
    background-position-y: -1px;
}

.colorBlack {color:black}
.tabodegaTopfieldset {margin:0;padding:0;border-color:blue;background-color: white; min-width: 560px;}
DL.tabBodega {
    margin:0.5em 0.5em 0.5em 0.5em;
    padding:0.2em 0.2em;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;
    border:1px solid darkblue;
    border-radius: 6px
}
DL.tabBodega DT {margin:1em 1em 1.4em 1em}
.aTriangulo { padding-left:35px; background:url(../img/bullet_next.png) no-repeat left center;
    text-decoration-line:none;
    color:#222;font-weight: bold;
    text-shadow: 1px 1px 1px #FFF;}
.aTriangulo:hover { background:url(../img/bullet_next_hover.png) no-repeat left center;
    text-decoration-line:none;
    color:inherit;
    text-shadow: 1px 1px 1px #FFF;}
.aTriangulo:visited {
    text-decoration-line:none;
    color:inherit;
    text-shadow: 1px 1px 1px #FFF;}
.tabBodegaSubLabel {color: #2e6e9e; font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #ffcba5, 0 0 0.1em #f8f8f8;}

.bodega_boxSalida, .bodega_boxSalida_Verify{
    background: radial-gradient(circle, #eeb3fd 0%, #D598E5FF 15%, #DB8FF1FF 30%,
    #d477ec 60%, #8f46a1 100%);
    padding: 0 10px 0 0 !important;
    margin-left: -15px !important;
    /*background: radial-gradient(circle, rgb(246, 221, 255) 0%, rgb(238, 180, 255) 15%, rgb(180, 96, 204) 100%);*/
}

.bodega_boxEntrada, .bodega_boxEntrada_Verify{
    /*background: radial-gradient(circle, rgba(255,206,83,1) 0%, rgba(237,176,21,1) 15%, rgba(186,133,0,1) 100%); dorada */
    background: radial-gradient(circle, rgba(128,255,128,1) 0%, rgba(21,236,21,1) 15%, rgba(0,159,0,1) 100%);
    padding: 0 10px 0 0 !important;
    margin-left: -15px !important;
}
.bodega_boxResumen{
    background: radial-gradient(circle, rgba(175,217,227,1) 0%, rgba(146,192,203,1) 15%, rgba(61,141,161,1) 100%);
}
.bodega_boxResumenShadow{
    font-weight: bold;
    text-shadow: 1px 1px 1px #FFF !important;
}
.tabBodegaVerifyDetails > summary::after {
    content:url("../img/abajo_azul.png") ;
    margin-left: 10px;
}
.tabBodegaDetails {
    border-radius: 0 10px 10px 10px;
    padding: 0 0 8px 4px;
    box-shadow: 1px 1px 7px #777;
    background: linear-gradient(180deg, rgba(194,218,236,1) 0%, rgba(222,235,245,1) 2%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(222,235,245,1) 98%, rgba(194,218,236,1) 100%);
    justify-content: space-evenly;
    margin-bottom: 15px;
    min-width: 500px;
    max-width: 500px;
}
.tabBodegaDetails > summary {
    background: linear-gradient(180deg, rgba(200,200,200,1) 0%, rgba(227,228,229,1) 2%, rgba(237,237,237,1) 15%, rgba(200,200,200,1) 45%, rgba(176,175,175,1) 80%, rgba(255,255,255,1) 100%);
    left: -3px;
    top: 1px;
    position: relative;
    width: 97.7%;
    padding: 0 7px;
    border-radius: 5px 5px 0 0;

    color: #000;
    text-shadow: -1px -1px 1px #FFF;
}
.tabBodegaDetails > summary::after {
    content:url("../img/abajo_azul.png") ;
    margin-left: 10px;
}
.tabBodegaDetails[open] {
    border-radius: 0 10px 10px 10px;
    padding: 0 0 8px 4px;
    box-shadow: 1px 1px 7px #777;
    background: linear-gradient(180deg, rgba(194,218,236,1) 0%, rgba(222,235,245,1) 2%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(222,235,245,1) 98%, rgba(194,218,236,1) 100%);
    justify-content: space-evenly;
}
.tabBodegaDetails[open] > summary {
    background: linear-gradient(180deg, rgba(200,200,200,1) 0%, rgba(227,228,229,1) 2%, rgba(237,237,237,1) 15%, rgba(200,200,200,1) 45%, rgba(176,175,175,1) 100%);
    left: -3px;
    top: 1px;
    position: relative;
    width: 97.7%;
    padding: 0 7px;
    margin-bottom: 10px;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 4px 3px #cfcfcf;

    color: #000;
    text-shadow: 1px 1px 1px #FFF;
}
.tabBodegaDetails[open] summary:after {
    content:url("../img/arriba_azul.png");
    margin-left: 10px;
}
.tabBodegaReload {cursor:pointer}

/** autolink ver js function en iautil.js y pedido/form_pedido.php */
span.autolinkSpan {cursor:pointer}
span.autolink:empty + span.autolinkSpan { visibility: hidden!important; }
span.autolinkPrevInput {cursor:pointer}
INPUT.autolink:placeholder-shown + .autolinkPrevInput { visibility: hidden!important; }



/** Tabla Ajuste de Productos*/
table.productos_ajuste{
    border-spacing: 0;
    /*width: 100%;*/
    border-collapse: inherit;
}
table.productos_ajuste td, table.productos_ajuste th {
    border: 1px solid #ddd;
    padding: 0 5px 0 5px;
    border-radius: 0;
}
table.productos_ajuste tbody td {
    /*border: 1px solid #ddd;*/
    /*padding: 10px 5px 10px 5px;*/
    padding: 0 5px 0 5px;
    position: relative;
}
table.productos_ajuste thead th {
    padding-top: 12px;
    padding-bottom: 11px;
    height: 10px;
    border: 1px solid #c5dbec;
    background-color: #dfeffc;
    color: #2e6e9e;
    font-weight: bold;
    border-radius: 0;
    vertical-align: middle;
}
table.productos_ajuste thead tr:last-child {
    border-bottom: 2px solid gray;
}

table.productos_ajuste tbody tr:first-child td {padding-top: 10px;}
/*table.productos_ajuste tbody tr:nth-child(even){background-color: #f2f2f2;}*/
table.productos_ajuste .even { background-color: #f2f2f2;}
table.productos_ajuste .odd { background-color: #ffffff;}

table.productos_ajuste tbody tr.tr_selected {border: 2px solid darkred; outline: 2px solid darkred;}
.productos_ajuste tbody.even {border: 2px solid darkred; outline: 2px solid darkred;}

.subgrid_productos_ajuste {
    width: 100%;
}
.subgrid_productos_ajuste thead th {
    background: #528FA7 !important;
    border: 1px solid #686767 !important;
}
.subgrid_productos_ajuste tbody th {
    text-align: right;
}
.subgrid_productos_ajuste tbody td, .subgrid_productos_ajuste tbody th {
    padding: 10px 5px 10px 5px !important;
}

.thead_sticky {
    position: sticky;
    top: 80px !important;
    z-index: 2;
}
table.productos_ajuste caption {
    position: sticky;
    top: 80px;
    z-index: 2;
    /*height: 64px;*/
}
table.productos_ajuste thead {
    position: sticky;
    top: 80px;
    z-index: 2;
}

table.productos_ajuste caption {
    border: 1px solid #c5dbec;
    background-color: #dfeffc;
    color: #2e6e9e;
    font-weight: bold;
}

table.productos_ajuste tbody input:disabled
{
    border: none;
    /*background: #ccc;*/
    color: black;
}

/* tabla history automatica */
b.diffi {color:blue;font-weight: 400}
b.diffi i {font-weight: 600}

b.diffu {color:slategrey;font-weight: 400}
b.diffu u {font-weight: 600;text-decoration: none}

.code {
    margin:1em;padding:1em;
    font-weight: 100; font-family: Courier monospace monospace, monospace; color:darkblue;
    border:1px darkblue solid;
    white-space: pre;
}
.toolbar_exporter {margin:1em;padding:0.3em;border:3px outset whitesmoke;width:fit-content;letter-spacing: 0.5em;text-align:left}
.toolbar_exporter span:hover {background-color: whitesmoke}


.vx_tooltip_parent_hover {
    display: inline !important;
}
.vx_tooltip_parent_hover:hover .vx_tooltip{
    display: block !important;
    transition: all .5s ease-in-out;
}

.vx_tooltip {
    display: none;
    position: absolute;
    width: max-content;
    transition: all .5s ease-in-out;
    cursor: default;
    padding-right: 20px;
    z-index: 1400;
}
.vx_tooltip a {
    color:blue;
}
.padding_4px { padding: 4px 4px;}

.colmenu{
    right: 0 !important;
}

.btn_autorizacion_ajuste {
    border-radius: 5px;
    box-shadow: 0 5px #000;
    border: 1px solid #000;
}
.btn_autorizacion_ajuste:active {
    box-shadow: 0 1px 0 0 #000;
    transform: translateY(4px);
}
.filter_gray {
    filter: grayscale(1);
}

.action_autorizar_ajuste_ok
{
    background: chartreuse;
}


.filterItCen {text-align: center}
.filterItStatusImage {width:1em;height:auto}
.filterIt > DL > DT {margin-bottom: 0.3em;}
DT.filterItCheckboxSeparator {border-bottom: 1px silver solid;font-style: italic;font-weight: 200;}
DT.filterItCheckboxLine {white-space: pre}
DT.filterItAll {border-bottom: 1px silver solid;font-style: italic;font-weight: 200}
INPUT.filterItAll {}
LABEL.filterItAll {}
FIELDSET.filterIt {width:fit-content;border-color:blue;padding:0 0.5em 0.5em 0.5em;}
FIELDSET.filterIt LEGEND {color:blue; padding:0 0.5em}
FIELDSET.filterIt DIV {margin:0;padding:0;line-height: 2em}
FIELDSET.filterIt DL {margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;line-height: 1.44em}
INPUT[type=checkbox] {cursor:pointer}
/*LABEL {cursor:pointer}*/

.selectize-control.multi .selectize-input [data-value] {height: auto!important;}

.bg-record_autorizado {
    background: linear-gradient(rgb(219, 243, 255) 0%, rgb(219, 243, 255) 100%);
    color: rgb(0, 0, 0);
}


.bg-record_rechazado {
    background: linear-gradient(rgb(250, 90, 90) 0%, rgb(250, 90, 90) 100%);
    color: rgb(255, 255, 255);
}
/* traslado y destino  match */
    .diff_tabla {border-collapse: collapse;border:1px silver solid;min-width: 60em}
    .diff_tabla td {vertical-align:top;border:1px silver solid;padding:0.5em 0.2em 0.5em 0.5em;}
    .diff_tabla th {vertical-align:bottom;text-align:center;border:1px silver solid;padding:0.5em 0.2em 0.5em 0.5em;}
    .diff_tabla th a {color:inherit;text-decoration: none}
    .diff_tabla th a:visited {color:inherit;text-decoration: none}
    .diff_tabla th a:hover {color:inherit;text-decoration: none}
    .diff_tabla th.diff_details {color:black;font-size:0.6em;font-weight: 100}
    .diff_tabla td.diff_details {color:black;font-size:0.6em;font-weight: 100}
    .diff_caption {font-weight: bold;font-size:1.5em;background-color:lightyellow}

    .diff_light {color:darkgray;font-weight: normal}
    .diff_producto {}
    .diff_color {}
    .diff_title {text-align:center}
    .diff_rollos {text-align:right}
    .diff_quantity {text-align:right}
    .diff_totalAbajo {text-align:right!important;font-weight:bold!important;border-top:6px double black!important;}
    .diff_summary {}
    .diff_errorDer {text-align:right;color:red;font-weight:bold}
    .diff_error {color:red}
    .diff_fecha {font-weight:100;}

    MARK {color:inherit}
    P.diff_details {color:black;margin:0;padding: 0 0 0 2em;font-size:0.7em;font-weight: 100}

    td.diff_producto {}
    td.diff_color {}

    td.diff_first_vs {border-right:6px double darkgray!important;}
    td.diff_total_vs {font-weight: bold;border-left:6px double black!important;}

    .diff_lastBase {border-right:6px double darkgray!important;}
    td.diff_rollos    {text-align:right;font-family: monospace, monospace;}
    td.diff_quantity {text-align:right;font-family: monospace, monospace;}
    TD.diff_totales  {font-weight: bold;border-top:6px double black!important;}
    TH.diff_totales  {font-weight: bold;border-top:6px double black!important;}
    .diff_remarks {border:1px silver solid;margin-left:1em; padding:0.2em}
    .diff_origen {margin:0 auto;padding:0;font-size:0.9em;font-weight: 100;}
    .diff_fechas {margin:0 auto;padding:0;font-weight:100;color:darkgray;font-size:0.8em;line-height: 0.95em;text-decoration: none!important;}
    .diff_negativo {color:red}
    .diff_bold {font-weight: bold}
    .diff_boldest {font-weight: 800}
    .diff_highlightDiferencia {color:red!important;} /* toda diferencia */
/* traslado y destino  match fin*/

.olla {display:flex;flex-wrap:wrap;gap:0.1em;cursor:pointer}
.olla P {
    border-left:1px silver solid;
    border-bottom:1px silver solid;
    padding-left:0.2em;
    padding-bottom:0.2em;
    text-align: right;
}

.div_actions_rony{
    clear: both;
    /* background: gold; */
    border: 2px solid goldenrod;
    display: flex;
    /* width: fit-content; */
    flex-wrap: wrap;
}

/* checbox botones colores */
.inputButtonGreen {
    min-width: 1.5em;
    min-height: 1.5em;
    border-radius: 50%;
    vertical-align: middle;
    border: 3px inset silver;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transition: 0.5s;
}
.inputButtonGreen:checked {
    border-radius: 50%;
    background: radial-gradient(circle at 50% 50%, green, #FFF);
}
label:has(~ INPUT[type=checkbox]) {cursor: pointer;}

.inputButtonRed {
    min-width: 1.5em;
    min-height: 1.5em;
    border-radius: 50%;
    vertical-align: middle;
    border: 3px inset silver;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transition: 0.5s;
}
.inputButtonRed:checked {
    border-radius: 50%;
    background: radial-gradient(circle at 50% 50%, red, #FFF);
}
INPUT.inputButtonRed:checked + label {color: red;}

.info_de_solicitud_pedir {
    color: var(--secondary);
    font-size: 10px;
}

/** Ribbon in grid caption */
.gridRibbon {cursor:pointer;font-size:1.1em;padding:0.1em 1em;margin:0;height:95%;max-height: 2.2em;
    background-color: lightblue;border:1px solid blue;vertical-align: top;
}
.gridRibbon:hover {background-color: whitesmoke;border:1px solid violet}
.gridRibbon:active {background-color: white;border:1px solid green}
.gridRibbon P {font-family: smaller, x-small, monospace; font-size:0.8em;font-weight: bold;margin:0;color:grey}
.gridCaptionWarning {font-size:1.1em;padding:0 0.5em;margin:0;vertical-align: top;
    background-color: lightgoldenrodyellow;color:red; border:1px solid blue;
}

.botoncaptiongrid {padding:0 0.5em;vertical-align: top;margin:0 auto}
.botoncaptiongrid:hover {background-color: #306bc4; border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.botoncaptiongrid:active {background-color: white}
.botoncaptiongrid>IMG {vertical-align: top;border:5px red solid!important;}



.inversiones_index {
    font-family: 'latoregular', sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
}

.inversiones_index td {
    cursor: pointer;
    padding: 8px;
}

.inversiones_index tr:nth-child(even){background-color: #f2f2f2;}
.inversiones_index tr:nth-child(even) td:first-child{color: #f2f2f2;}

.inversiones_index tr:last-child{border-bottom: 2px solid #061293;}

.inversiones_index th:first-child {
    border-radius: 10px 0 0 0;
}

.inversiones_index th:last-child {
    border-radius: 0 10px 0 0;
}

.inversiones_index th:only-child{
    border-radius: 10px 10px 0 0;
}

.inversiones_index tr:hover {background-color: #ddd; transition: all 0.1s ease-in-out;}

.inversiones_index th {
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background: linear-gradient(#4b88fd, #1730ea, #194db6);
    color: #d2ffce;
    text-shadow: 1px 1px 2px #000000;
}

#content_history_log{
    max-height: 30em;
    overflow-y: auto;
    overflow-x: hidden;
    width: fit-content;
    box-shadow: 1px 1px 2px #77a9e1, 0 0 0.1em #194160, 0 0 0.1em #d0d0d2;
}

.json_file_attachments{
    --fa-primary-color: rgba(227, 196, 96, 0.63);
    --fa-secondary-color: #0032ff;
    font-size: 2.2em;
    /*text-shadow: none;*/
    --fa-secondary-opacity: 0.9;
    text-shadow: 1px 1px 2px #77a9e1, 0 0 0.1em #194160, 0 0 0.1em #d0d0d2;
}

.json_file_attachments:hover{
    /*--fa-primary-color: rgba(227, 196, 96, 0.63);*/
    --fa-secondary-color: #ef0859;

    -webkit-animation-name: fa-bounce;
    animation-name: fa-bounce;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.noToolBar {display:none!important;position:relative!important;}
#iactoolbarspacer.noToolBar {display:none!important;position:relative!important;
    height: 0!important;min-height: 0!important;}


.txt_shadow_2px{
    text-shadow: 2px -1px 1px #000;
}

/* Works on Firefox */
/*div {
    scrollbar-width: thin;
    scrollbar-color: #f8faff #e2a6a6;
}*/

/* Works on Chrome, Edge, and Safari */
div::-webkit-scrollbar {
    width: 0.8em;
}

div::-webkit-scrollbar-track {
    background-color: #f8faff;
    /*box-shadow: 1px 1px 2px #c3e2ff, 0 0 0.1em #194160, 0 0 0.1em #f8faff;*/
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}

div::-webkit-scrollbar-thumb {
    background-color: #e2a6a6;
    -webkit-box-shadow: inset 0 0 2px rgba(96, 25, 25, 0.85);
    border-radius: 4px;
    border-color: #3e0000;
    background-clip: content-box;
    /*box-shadow: 1px 1px 2px #77a9e1, 0 0 0.1em #194160, 0 0 0.1em #d0d0d2;*/

}
div::-webkit-scrollbar-thumb:hover {
    background-color: rgba(226, 166, 166, 0.82);
    /*-webkit-box-shadow: inset 0 0 2px rgba(96, 25, 25, 0.85);*/

    -webkit-box-shadow: 1px 1px 2px #e17777, 0 0 0.1em #601919, 0 0 0.1em #d0d0d2;

}

.hist_table td {
    background-color: #ffffff;
    padding: 5px 0px 5px 2px;
    text-align: center;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}
.hist_table th {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    background-color: #acedff;
}
div .hitory-table {
    width: 40%;

    margin-top: 10px;

}
.borders_separate {}

.ui-jqgrid .ui-search-table td.ui-search-clear {
    max-width: 12px;
}

.ui-jqgrid .ui-search-table .ui-search-oper {
    max-width: 15px;
}

div#title-historial{
    margin: 10px;
    color: darkgreen;
    font-weight: bold;
}

div#tabla-print-historial {
    opacity: 0;
    height: 0;
    border: 2px dashed #bfbfbf;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #e9e9e9;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: auto;
    transition: all 0.5s ease-in-out;
    max-height: 350px;
}
div.history-table{
    height: auto!important;

/*    transition: all 0.5s ease-in-out;*/
}


#tabla_doc_pesos {
    font-family: 'latoregular', sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    font-size:1.1em
}

#tabla_doc_pesos td {
    /*cursor: pointer;*/
    padding: 5px;
}

#tabla_doc_pesos tr:nth-child(even){background-color: #f2f2f2;}
#tabla_doc_pesos tr:nth-child(even) td:first-child{color: #f2f2f2;}

#tabla_doc_pesos tr:last-child{border-bottom: 2px solid #061293;}

#tabla_doc_pesos th:first-child {
    border-radius: 10px 0 0 0;
}

#tabla_doc_pesos th:last-child {
    border-radius: 0 10px 0 0;
}

#tabla_doc_pesos th:only-child{
    border-radius: 10px 10px 0 0;
}

#tabla_doc_pesos tr:hover {background-color: #ddd; transition: all 0.1s ease-in-out;}

#tabla_doc_pesos th {
    padding: 3px 4px;
    text-align: center;
    background: linear-gradient(#4b88fd, #1730ea, #194db6);
    color: #d2ffce;
    text-shadow: 1px 1px 2px #000000;
    text-transform: uppercase;
    font-size:1.2em
}

#tabla_doc_usd {
    font-family: 'latoregular', sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    font-size:1.1em
}

#tabla_doc_usd td {
    /*cursor: pointer;*/
    padding: 5px;
}

#tabla_doc_usd tr:nth-child(even){background-color: #f2f2f2;}
#tabla_doc_usd tr:nth-child(even) td:first-child{color: #f2f2f2;}
#tabla_doc_usd tr:last-child{border-bottom: 2px solid #146213;}
#tabla_doc_usd caption{color: #139312; font-weight: bold; font-size: 1.2em;}

#tabla_doc_usd th:first-child {
    border-radius: 10px 0 0 0;
}

#tabla_doc_usd th:last-child {
    border-radius: 0 10px 0 0;
}

#tabla_doc_usd th:only-child{
    border-radius: 10px 10px 0 0;
}

#tabla_doc_usd tr:hover {background-color: #ddd; transition: all 0.1s ease-in-out;}
#tabla_doc_usd th {
    padding: 3px 4px;
    text-align: center;
    background: linear-gradient(#7affcd, #22b983, #3ebd8a);
    color: #fff289;
    text-shadow: 1px 1px 2px #000000;
    text-transform: uppercase;
    font-size:1.2em
}



.frm-title{
    background-color: #99ecff;
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #77c7d9;
    color: #ffffff;
}

.form-control {
    display: block;
    width: 25%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-check {
    width: 75%;
    position: relative;
    display: block;
    margin: 5px auto;
}

.form-check-input {
    margin-top: 0.3rem;
    margin-left: 0rem;
    width: 15%;
}

.form-check-label {
    margin-bottom: 0;
}

#bodega_parametros {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

fieldset.field-form-params {
    width: 220px;
    height: 220px;
    padding: 10px;
    box-sizing: border-box;
}

.field-form-params legend {
    text-transform: capitalize;
}

#saldo_cliente_tabla_toolbar .ui-icon{
    transition: all .2s ease-in-out;
}
#saldo_cliente_tabla_toolbar .ui-icon:hover {
    color: #0d5bc8;
    /*box-shadow: 0 0 5px #325a8e;*/
    text-shadow: 0 0 1px #6864ce;
    transform: scale(1.1);
}

.is-invalid-param{
    border: 1px solid red;

}

#saldo_cliente_tabla_maximize .fa-icon{
    transition: all .2s ease-in-out;
    color: #5b5b5b;
    cursor: pointer;
}
#saldo_cliente_tabla_maximize .fa-icon:hover{
    color: #212121;
    /*box-shadow: 0 0 5px #325a8e;*/
    text-shadow: 0 0 1px #8fa4a4;
    transform: scale(1.1);
}

#params-div-dialog input:invalid {
    background-color: ivory;
    border: none;
    outline: 1px solid red;
}
#table_li_precios, #vista_previa_lista{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #ccc;
    margin: 0 auto;
}
#table_li_precios caption, #vista_previa_lista caption{
    background: rgb(215,245,255);
    background: linear-gradient(180deg, rgba(215,245,255,1) 25%, rgba(190,210,255,1) 76%);
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

#table_li_precios  tbody, #vista_previa_lista tbody{
    max-height: 240px; /* Ajusta la altura máxima del área de contenido según tus necesidades */
    border: 1px solid #ccc;
}
#table_li_precios  thead,
#vista_previa_lista  thead
{
    position: sticky;
    top: 60px;/* Cambia el color de fondo según tu diseño */
    z-index: 2; /* Asegura que la cabecera esté por encima del contenido de la tabla */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;


}
#table_li_precios  caption,
#vista_previa_lista  caption{
    position: sticky;
    top: 0;/* Cambia el color de fondo según tu diseño */
    z-index: 2; /* Asegura que la cabecera esté por encima del contenido de la tabla */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}
#tableModalLi, #container_previa{
    height: 60vh;
    overflow: auto;

}
#table_li_precios.table-striped thead tr th,
#vista_previa_lista.table-striped thead tr th{
    background-color: #f5f5f5;
    font-weight: bold;
    position: relative;
    border: 1px solid #ccc;
  }
#table_li_precios.table-striped tbody tr td,
#vista_previa_lista.table-striped tbody tr td{

    border: 1px solid #ccc;
  }
#table_li_precios.table-striped tbody tr td.text_center,
#vista_previa_lista.table-striped tbody tr td.text_center{

   text-align: center;
  }
#table_li_precios.table-striped tbody tr td.text_rigth,
#vista_previa_lista.table-striped tbody tr td.text_rigth{

   text-align: right;
  }
#table_li_precios.table-striped tbody tr:hover,
#vista_previa_lista.table-striped tbody tr:hover{
    background-color: #ecfaffba;
  }
  #table_li_precios.table-striped  tbody tr:nth-of-type(2n),
  #vista_previa_lista.table-striped  tbody tr:nth-of-type(2n){
    background-color: #f7f7f7;
  }
  #vista_previa_lista.table-striped tbody tr.bg-change{
    background-color: #dfdfdf;
  }
  @media print {
    #table_li_precios.table-striped tbody tr:hover ,
    #table_li_precios.table-striped  tbody tr:nth-of-type(2n),
    #table_li_precios.table-striped thead tr th,
    #table_li_precios.table-striped thead,
    #table_li_precios caption,#table_reporte caption {
        background: transparent;
        box-shadow: none;
      }
    #vista_previa_lista.table-striped tbody tr:hover ,
    #vista_previa_lista.table-striped  tbody tr:nth-of-type(2n),
    #vista_previa_lista.table-striped thead tr th,
    #vista_previa_lista.table-striped thead,
    #vista_previa_lista caption {
        background: transparent;
        box-shadow: none;
      }

      #table_li_precios.table-striped  tbody td,
      #table_li_precios.table-striped  thead th{
        padding: 0;
        font-size: 0.8rem;
      }

      #vista_previa_lista.table-striped  tbody td,
        #vista_previa_lista.table-striped  thead th{
            padding: 0;
            font-size: 0.8rem;
        }

      #table_li_precios  thead,
      #table_li_precios  caption {
        position: initial;
      }

      #vista_previa_lista  thead,
        #vista_previa_lista  caption {
            position: initial;
        }

        #table_li_precios  caption h4 {
            margin: 10px;
        }
        #vista_previa_lista  caption h4 {
            margin: 10px;
        }


        #table_reporte.table-striped tbody tr:hover ,
    #table_reporte.table-striped  tbody tr:nth-of-type(2n),
    #table_reporte.table-striped thead tr th,
    #table_reporte.table-striped thead,
    #table_reporte caption {
        background: transparent;
        box-shadow: none;
      }

      #table_reporte caption{
        background-color: white;
        background: transparent;
      }
      #table_reporte.table-striped  tbody td,
      #table_reporte.table-striped  thead th{
        padding: 0;
        font-size: 0.8rem;
      }
      #table_reporte  thead,
      #table_reporte  caption {
        position: initial;
      }

        #table_reporte  caption h4 {
            margin: 10px;
        }

  }
  #table_li_precios.table-striped thead tr th i.sort_table{
    padding: 5px;
    color: darkgrey;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
  }
    #table_li_precios.table-striped thead tr th.w-20{
       width: 20%;
    }
    #table_li_precios.table-striped thead tr th.p-25{
        padding: 0 25px;
    }
.tableLiPrecios{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 5px;
}
LABEL[for] {cursor:pointer}
.edocta_icons{
    font-size: 1.2rem;
    padding: 2px 5px;
    margin-bottom: 2px;
    color: #b78900;
    background: #fff2ae;
    border: 2px solid #b78900;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    display: inline-block;
}
.edocta_icons:hover{
    color: #fff2ae;
    background: #b78900;
    border: 2px solid #b78900;
}

.a{
    border: none;
    padding: 5px 10px;
}
.dv{
    background-color: #f2f2f2;
}

/* Estilo base para los iconos */
.edocta_icons_v2 {
    font-size: 1.2rem;
    padding: 2px 5px;
    margin-bottom: 2px;
    color: #066403;
    background: rgba(5, 239, 64, 0.57);
    border: 2px solid #92e67d;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    box-shadow: 0 4px 8px #0d110d; /* Agregué una sombra suave */

}

/* Efecto hover para los iconos */
.edocta_icons_v2:hover {
    color: #a6ffbc;
    background: #066403;
    border: 2px solid #066403;
    transform: scale(1.1); /* Agrega un efecto de escala al hacer hover */
    box-shadow: 0 8px 16px #22ff00; /* Aumenté la sombra en hover */

}
/*iconsincomision*/
.edocta_icons_v2sincomision {
    position: relative;
    font-size: 1.2rem;
    padding: 2px 5px;
    margin-bottom: 2px;
    color: #064904;
    background: #9ddea9;
    border: 2px solid #96c28f;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    box-shadow: 0 4px 8px #0d110d; /* Agregué una sombra suave */
}
.edocta_icons_v2sincomision:hover {
    color: #17381f;
    background: #9ddea9;
    border: 2px solid #288034;
    transform: scale(1.1);
    box-shadow: 0 8px 16px #02fd49; /* Aumenté la sombra en hover */

}
.edocta_icons_v2sincomision::before {
    content: 'X'; /* Otra opción podría ser '\00D7' para una "x" más estilizada */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    color: #d57575; /* Color de la línea roja o tache */
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    z-index: 1; /* Asegura que el tache esté sobre el icono */
}
.edocta_icons_v2sincomision:hover::before {
    opacity: 1;
}
/*iconsincomision*/
.edoctnfont{
    color: #196309;
}
.edoctnfont:hover{
    color: #FFFFFF!important;
}


.tx-sm{
    font-size: 1rem;
    font-weight: normal;
    text-decoration: none;
}

.error_input{
    background-color: #fce4e4;
    border: 1px solid #cc0033;
    outline: none;
}


.fa-icon{
    font-weight: normal !important;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.fa-icon:hover{
    /*font-weight: normal !important;*/
    transform: scale(1.2);
    text-decoration: none;
}

/* Purple */
.txt_shadow_purple {
    color: #800080;

    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #660066, 0 0 0.05em #f8f8f8 !important;
}
.txt_shadow_purple:hover {
    color: #660066;

    text-shadow: 0 0 0.09em #b19cd9, 0 0.05em 0.09em #660066, 0 0 0.09em #330033 !important;
}

/* Yellow */
.txt_shadow_yellow {
    color: #eed301;

    /*text-shadow: 0.05em 0 0.05em #514315, -0.05em 0 0.05em #514315, 0 0.05em 0.05em #514315;*/
    text-shadow: 0 0 0.05em #000000, 0 0.05em 0.09em #ffc100, 0 0 0.05em #423504;
}
.txt_shadow_yellow:hover {
    color: #bea900;
    text-shadow: 0 0 0.09em #000000, 0 0.05em 0.09em #ffc100, 0 0 0.09em #423504;
    /*text-shadow: 0 0 0.09em #ffff99, 0 0.05em 0.09em #e6e600, 0 0 0.09em #808000;*/
}

/* Turquoise */
.txt_shadow_turquoise {
    color: #23b0a3 !important;

    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #208080, 0 0 0.05em #f8f8f8 !important;
}
.txt_shadow_turquoise:hover {
    color: #208080 !important;

    text-shadow: 0 0 0.09em #76d7ea, 0 0.05em 0.09em #208080, 0 0 0.09em #104040 !important;
}
.txt_shadow_turquoise_hover {
    color: #208080 !important;

    text-shadow: 0 0 0.09em #76d7ea, 0 0.05em 0.09em #208080, 0 0 0.09em #104040 !important;
}

/* Grey */
.txt_shadow_grey {
    color: #808080;

    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #505050, 0 0 0.05em #f8f8f8;
}
.txt_shadow_grey:hover {
    color: #505050;

    text-shadow: 0 0 0.09em #a8a8a8, 0 0.05em 0.09em #505050, 0 0 0.09em #282828;
}

/* Brown */
.txt_shadow_brown {
    color: #8b4513;

    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #5a2d0c, 0 0 0.05em #f8f8f8;
}
.txt_shadow_brown:hover {
    color: #5a2d0c;

    text-shadow: 0 0 0.09em #a17a5e, 0 0.05em 0.09em #5a2d0c, 0 0 0.09em #2c1606;
}


/* Black */
.txt_shadow_black {
    color: #000000;

    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #686868, 0 0 0.05em #f8f8f8;
}
/* Black - Revised */
.txt_shadow_black:hover {
    color: #202020;

    text-shadow: 0 0 0.09em #a8a8a8, 0 0.05em 0.09em #787878, 0 0 0.09em #f0f0f0;
}

.link_txt_shadow_black {
    color: #000000;
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #686868, 0 0 0.05em #f8f8f8;
}
.link_txt_shadow_black:hover {
    color: #202020;
    text-shadow: 0 0 0.09em #a8a8a8, 0 0.05em 0.09em #787878, 0 0 0.09em #f0f0f0;
    text-decoration: underline;
}


/* White */
.txt_shadow_white {
    color: #ffffff;

    text-shadow: 0 0 0.05em #e0e0e0, 0 0 0.05em #c0c0c0, 0 0 0.05em #000000;
}

/* White - Revised */
.txt_shadow_white:hover {
    color: #f0f0f0;

    text-shadow: 0 0 0.09em #f8f8f8, 0 0.05em 0.09em #d0d0d0, 0 0 0.09em #101010;
}

/* Red */
.txt_shadow_red {
    color: #ff0000 !important;
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #780000, 0 0 0.05em #f8f8f8 !important;
}

/* Red - Revised */
.txt_shadow_red:hover {
    color: #e60000 !important;
    text-shadow: 0 0 0.09em #ff9999, 0 0.05em 0.09em #780000, 0 0 0.09em #f8f8f8 !important;
}

/* Blue */
.txt_shadow_blue {
    color: #0000ff;

    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #0000e6, 0 0 0.05em #f8f8f8;
}
/* Blue - Revised */
.txt_shadow_blue:hover {
    color: #0000e6;

    text-shadow: 0 0 0.09em #9999ff, 0 0.05em 0.09em #0000cc, 0 0 0.09em #000099;
}

/* Green */
.txt_shadow_green {
    color: #00ff00;

    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #00e600, 0 0 0.05em #f8f8f8;
}
/* Green - Revised */
.txt_shadow_green:hover {
    color: #00e600;

    text-shadow: 0 0 0.09em #99ff99, 0 0.05em 0.09em #00cc00, 0 0 0.09em #009900;
}

/* Pink */
.txt_shadow_pink {
    color: #ff00ff;

    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #ff63ff, 0 0 0.05em #f8f8f8;
}

/* Pink - Revised */
.txt_shadow_pink:hover {
    color: #e600e6;

    text-shadow: 0 0 0.09em #eaffe9, 0 0.05em 0.09em #a93ba9, 0 0 0.09em #f8f8f8;
}

/* Dark Green */
.txt_shadow_dark_green {
    color: #008000; /* This is a standard dark green color */
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #006400, 0 0 0.05em #f8f8f8;
}

/* Dark Green - Revised for Hover */
.txt_shadow_dark_green:hover {
    color: #006400; /* Even darker green for hover state */
    text-shadow: 0 0 0.09em #eaffe9, 0 0.05em 0.09em #005700, 0 0 0.09em #f8f8f8;
}

/* Forest Green */
.txt_shadow_forest_green {
    color: #228B22; /* Forest green color */
    text-shadow: 0 0 0.05em #76b476, 0 0 0.05em #1e7b1e, 0 0 0.05em #145214;
}

/* Forest Green - Revised for Hover */
.txt_shadow_forest_green:hover {
    color: #1e7b1e; /* Slightly darker green for hover state */
    text-shadow: 0 0 0.09em #88c788, 0 0.05em 0.09em #166216, 0 0 0.09em #0f3f0f;
}

/* Forest Green txt_shadow_icon_autorizar_recepcion_mercancia */
.txt_shadow_icon_autorizar_recepcion_mercancia {
    color: #1fbe57; /* Forest green color */
    text-shadow: 0 0 0.05em #76b476, 0 0 0.05em #1e7b1e, 0 0 0.05em #145214;
}

/* Forest Green - Revised for Hover txt_shadow_icon_autorizar_recepcion_mercancia */
.txt_shadow_icon_autorizar_recepcion_mercancia:hover {
    color: #1fbe57; /* Slightly darker green for hover state */
    text-shadow: 0 0 0.09em #88c788, 0 0.05em 0.09em #166216, 0 0 0.09em #0f3f0f;
}

/* Dark Red */
.txt_shadow_dark_red {
    color: #8B0000; /* Dark red, also known as maroon */
    text-shadow: 0 0 0.05em #a52a2a, 0 0 0.05em #800000, 0 0 0.05em #600000;
}

/* Dark Red - Revised for Hover */
.txt_shadow_dark_red:hover {
    color: #800000; /* Even darker red for hover state */
    text-shadow: 0 0 0.09em #a07070, 0 0.05em 0.09em #700000, 0 0 0.09em #500000;
}

/* Blue */
.txt_shadow_blue_ {
    color: #0000FF;
    text-shadow: 0 0 0.05em #8080FF, 0 0 0.05em #0000CC, 0 0 0.05em #000099;
}
.txt_shadow_blue_:hover {
    color: #0000CC;
    text-shadow: 0 0 0.09em #99B3FF, 0 0.05em 0.09em #000099, 0 0 0.09em #000066;
}

/* Light Blue */
.txt_shadow_light_blue {
    color: #ADD8E6;
    text-shadow: 0 0 0.05em #B0E0E6, 0 0 0.05em #87CEFA, 0 0 0.05em #6495ED;
}
.txt_shadow_light_blue:hover {
    color: #87CEFA;
    text-shadow: 0 0 0.09em #B0E0E6, 0 0.05em 0.09em #4682B4, 0 0 0.09em #4169E1;
}

/* Red with High Contrast Shadow */
.txt_shadow_red_ {

    color: #ff2d2d;
    text-shadow: 0.05em 0 0.1em #4b1801, -0.05em 0.01em 0.15em #4b1801, 0 0.1em 0.1em #4b1801;
}

.txt_shadow_red_:hover {
    color: #ff0000; /* Brighter red for the text */

    text-shadow: 0.05em 0 0.15em #4b1801, -0.05em 0.01em 0.15em #4b1801, 0 0.15em 0.15em #4b1801;
}

/* Dark Red */
.txt_shadow_dark_red_ {
    color: #8B0000;
    text-shadow: 0 0 0.05em #A52A2A, 0 0 0.05em #800000, 0 0 0.05em #600000;
}
.txt_shadow_dark_red_:hover {
    color: #800000;
    text-shadow: 0 0 0.09em #A07070, 0 0.05em 0.09em #700000, 0 0 0.09em #500000;
}

/* Green */
.txt_shadow_green_ {
    color: #008000;
    text-shadow: 0 0 0.05em #66C266, 0 0 0.05em #006400, 0 0 0.05em #004D00;
}
.txt_shadow_green_:hover {
    color: #006400;
    text-shadow: 0 0 0.09em #88C788, 0 0.05em 0.09em #005700, 0 0 0.09em #003D00;
}

/* Lime Green */
.txt_shadow_lime_green {
    color: #32CD32;
    text-shadow: 0 0 0.05em #98FB98, 0 0 0.05em #00FF00, 0 0 0.05em #00FA9A;
}
.txt_shadow_lime_green:hover {
    color: #00FF00;
    text-shadow: 0 0 0.09em #90EE90, 0 0.05em 0.09em #00FA9A, 0 0 0.09em #008000;
}

/* Purple */
.txt_shadow_purple_ {
    color: #9333da;
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #9932CC, 0 0 0.05em #f8f8f8;
}
.txt_shadow_purple_:hover {
    color: #7c11c7;
    text-shadow: 0 0 0.09em #eaffe9, 0 0.05em 0.09em #4B0082, 0 0 0.09em #f8f8f8;
}

/* Light Purple */
.txt_shadow_light_purple {
    color: #c742c2;
    text-shadow: 0 0 0.05em #fdd3fd, 0 0 0.05em #e4a3f3, 0 0 0.05em #c362f4;
}
.txt_shadow_light_purple:hover {
    color: #b92fb9;
    text-shadow: 0 0 0.09em #fdd3fd, 0 0.05em 0.09em #e59df6, 0 0 0.09em #f8f8f8;
}

/* Light Orange */
.txt_shadow_light_orange {
    color: #FFA07A; /* Light salmon orange */
    text-shadow: 0 0 0.05em #FFDAB9, 0 0 0.05em #FFB6C1, 0 0 0.05em #FFA500;
}
.txt_shadow_light_orange:hover {
    color: #FFB6C1; /* Lighter shade for hover state */
    text-shadow: 0 0 0.09em #FFDAB9, 0 0.05em 0.09em #FFA07A, 0 0 0.09em #FF4500;
}

/* Standard Orange */
.txt_shadow_orange_ {
    color: #FFA500; /* Standard orange */
    text-shadow: 0 0 0.05em #FFD700, 0 0 0.05em #FF8C00, 0 0 0.05em #FF7F50;
}
.txt_shadow_orange_:hover {
    color: #FF8C00; /* Darker orange for hover state */
    text-shadow: 0 0 0.09em #FFD700, 0 0.05em 0.09em #FFA500, 0 0 0.09em #FF4500;
}


.txt_shadow_orange{
    color: #ca4b00 !important;
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #ff741b, 0 0 0.05em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
}

.txt_shadow_orange:hover{
    color: #de5300 !important;
    text-shadow: 0 0 0.09em #ffa771, 0 0 0.09em #ff741b, 0 0 0.09em #d76218 !important;
    /*font-size: 1.1em !important;*/
}
/* Dark Orange */
.txt_shadow_dark_orange {
    color: #FF4500; /* Dark orange */
    text-shadow: 0 0 0.05em #FF6347, 0 0 0.05em #FF7F50, 0 0 0.05em #FF8C00;
}
.txt_shadow_dark_orange:hover {
    color: #FF7F50; /* Slightly lighter for hover state */
    text-shadow: 0 0 0.09em #FFA07A, 0 0.05em 0.09em #FF4500, 0 0 0.09em #FF6347;
}

/* Burnt Orange */
.txt_shadow_burnt_orange {
    color: #CC5500; /* Burnt orange */
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #A0522D, 0 0 0.05em #f8f8f8;
}
.txt_shadow_burnt_orange:hover {
    color: #A0522D; /* Slightly darker for hover state */
    text-shadow: 0 0 0.09em #eaffe9, 0 0.05em 0.09em #CC5500, 0 0 0.09em #ff6d6d;
}
  .mt-1 {
    margin-top: 0.25rem;
  }
  
  .mt-2 {
    margin-top: 0.5rem;
  }
  
  .mt-3 {
    margin-top: 1rem;
  }
  
  .mt-4 {
    margin-top: 1.5rem;
  }
  
  .mt-5 {
    margin-top: 2rem;
  }
  .li_dialogo_alerta{
    max-width: 18rem;
    padding: 0.4rem;
    font-weight: bold;
    font-size: 0.75rem;
  }

  .alert-d-warning{
    background-color: #fffbe2;
    color: #d9ad0e;
    border-left: 5px solid #d9ad0e;
  }
    .alert-d-danger{
        background-color: #ffe2e2;
        color: #d91a0e;
        border-left: 5px solid #d91a0e;
    }
    .alert-d-success{
        background-color: #e9ffe2;
        color: #05c314;
        border-left: 5px solid #05c314;
    }
    #table_reporte_past {
        border-collapse: separate;
        border-spacing: 0;
        border: 1px solid #ccc;
        margin: 0 auto;
        width: 70%;
        margin: 0 auto;
    }
    #table_reporte_past thead, caption{
        position: sticky;
        z-index: 2;
    }
    #table_reporte_past thead{
        top: 20px;
    }
    #table_reporte_past thead tr th{
        background-color: #b2dce5;
    }
    
    #table_reporte_past caption{
        height: 20px;
        background-color: white;
        border: 1px solid #ccc;
        top: 0px;
    }
    .container_past{
        max-height: 680px;
        overflow-y: scroll;
    }

    #acordeon_r_tiendas fieldset.fieldset{
        background-color: transparent;
        border: none;
        box-shadow: none;
    }

    #acordeon_r_tiendas label{
        font-size: 1.1em;
    }

    #resumen_reporte_tiendas h3,
    #resumen_reporte_tiendas p{
        margin: 0;
    }

    #resumen_reporte_tiendas .align-items-center{
        align-items: center;
    }

    #resumen_reporte_tiendas .justify-content-center{
        justify-content: center;
    }

    #resumen_reporte_tiendas{
     margin: 0.5 auto;
     background: rgb(215,245,255);
     background: linear-gradient(133deg, rgba(215,245,255,1) 16%, rgba(247,255,190,1) 45%, rgba(215,245,255,1) 84%);
     padding: 1rem;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     border-radius: 10px;
     overflow-y: auto;
     height: 20rem;
     

    }
    #resumen_reporte_tiendas .title_resulmen{
        font-size: 1rem;
        font-weight: bold;
        margin-bottom: 5px;
        color: #0089c7;
    }
    #resumen_reporte_tiendas .txt_resumen{
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
        
    }

    #resumen_reporte_tiendas h3{
        font-weight: normal;
    }
    #resumen_reporte_tiendas span{
        font-weight: bold;
    }
    #resumen_reporte_tiendas .bold{
        font-weight: bold;
    }

    .fa-text-grid{
        transition: all .2s ease-in-out;
        font-size: 1em;
        position: absolute;
        font-weight: bold;
    }
    .fa-text-grid:hover{
        font-size: 1.2em !important;
        text-decoration: none !important;
    }

    .selectize-dropdown-content
    {
        position: relative;
    }


.ui_tooltip_grid_nota_bodega_consultar_nota {
    background-color: #a0fff5; background: #a0fff5;
    color: #104040;
    font-weight: bold;
    box-shadow: 0 0.4em 0.5em #23b0a3;
    border: 1px solid #004a4a;
    border-radius: 0.3em;
    margin-bottom: 0.2em;
    padding: 0.2em;
}
.info_tipo{
    background-color: #ffdc8d;
    padding: 5px 10px;
    border-radius: 8px;
    color: #8d6815;
    font-weight: bold;
    border: 2px dashed #8d6815;
}
.fs-065{
    font-size: 0.65rem;
}
.mnw-10{
    min-width: 10%;
}
.mnw-200{
    min-width: 200px;
}
.d-block{
    display: block;
}
.fs-055{
    font-size: 0.55rem;
}
.flex{
    display: flex;
}
.flex-col{
    flex-direction: column;
}
.justify-content-center{
    justify-content: center;
}
.align-items-center{
    align-items: center;
}
.mt-2{
    margin-top: 0.5rem;
}
.d-block{
    display: block;
}

.mb-2{
    margin-bottom: 0.5rem;
}
input[type=text].input-custum{
    border: 1px solid #c7c7c7;
    background: white;
    padding: 5px;
    border-radius: 5px;
    color: #535353;
    width: 80px;
}
.select-custum{
    border: 1px solid #c7c7c7;
    background: white;
    padding: 5px;
    border-radius: 5px;
    color: #535353;
}
input[type=text].input-custum.w-80{
    width: 80%;
}
input[type=text].input-custum.w-full{
    width: 100%;
}
.gap-2{
    gap: 0.5rem;
}
.alert{
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.8rem;
}

.alert-danger{
    background-color: #ffe2e2;
    color: #d91a0e;
    border-left: 5px solid #d91a0e;
}
.table.border-separate {
    border-collapse: separate;
    border-spacing: 0;
}
.mxw-100 {
    width: unset;
    max-width: 100%;
}
.m-auto {
    margin: 0 auto;
}
.sticky {
    position: sticky;
}
.top-0 {
    top: 0;
}
.zindex-2 {
    z-index: 2;
}
.top-50 {
    top: 50px;
}
.fs-075 {
    font-size: 0.75rem;
}
.shadow-md {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.h-78vh {
    height: 78vh;
    overflow: auto;
}
.relative {
    position: relative;
}
.bg-gradient-blue {
    background: rgb(215, 245, 255);
    background: linear-gradient(180deg, rgba(215, 245, 255, 1) 25%, rgba(190, 210, 255, 1) 76%);
    background-image: linear-gradient(rgb(215, 245, 255) 25%, rgb(190, 210, 255) 76%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px;
}
@media print {
    .bg-gradient-blue{
        background: transparent;
    }
}
.m-auto {
    margin: 0 auto;
}
.mxw-90 {
    max-width: 90%;
}
.m-0{
    margin: 0;
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
@media  print {
    .table-striped thead tr th,
    .table-striped thead,
    .table-striped  tbody td,
    .table-striped  tbody tr:nth-of-type(2n){
        background: transparent;
        box-shadow: none;
        font-size: 0.8rem;
    }
}


label.label-checkbox {
    cursor: pointer;
}


label.label-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
}

label.label-checkbox span {
    padding: 11px 21px;
    border: 1px solid #ccc;
    display: inline-block;
    color: #202020;
    border-radius: 6px;
    margin: 7px;
    background: #f5f5f5;
    user-select: none;
}

label.label-checkbox input:checked + span {
    box-shadow: inset 1px 2px 5px #777;
    transform: translateY(1px);
    background: #e5e5e5;
}

/* checbox botones colores */
.inputButtonOrange {
    min-width: 1.5em;
    min-height: 1.5em;
    border-radius: 50%;
    vertical-align: middle;
    border: 3px inset silver;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transition: 0.5s;
}
.inputButtonOrange:checked {
    border-radius: 50%;
    background: radial-gradient(circle at 50% 50%, #ca4b00, #FFF);
}

label:has(~ INPUT[type=checkbox].inputButtonOrange:checked) {
    color: #892e00 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #ff741b, 0 0 0.1em #f8f8f8 !important;
}

label:has(~ INPUT[type=checkbox].inputButtonOrange:checked:hover) {
    text-shadow: 0 0 1px #df7633, 0 0 0.1em #ffe564, 0 0 0.1em #a72700 !important;
}

.inputButtonOrange {
    min-width: 1.5em;
    min-height: 1.5em;
    border-radius: 50%;
    vertical-align: middle;
    border: 3px inset silver;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transition: 0.5s;
    text-align: center;
}
.inputButtonOrange:checked {
    border-radius: 50%;
    background: radial-gradient(circle at 50% 50%, #ca4b00, #FFF);
}

label:has(~ INPUT[type=checkbox].inputButtonOrange:checked) {
    color: #892e00 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #ff741b, 0 0 0.1em #f8f8f8 !important;
}

label:has(~ INPUT[type=checkbox].inputButtonOrange:checked:hover) {
    text-shadow: 0 0 1px #df7633, 0 0 0.1em #ffe564, 0 0 0.1em #a72700 !important;
}


div:has(> INPUT[type=checkbox].inputButtonOrange) {
    border: 1px solid transparent;
    box-shadow: 3px 2px 4px transparent;
    border-radius: 20px;
}
div:has(> INPUT[type=checkbox].inputButtonOrange:checked) {
    border: 1px solid #892e00;
    /*box-shadow: 3px 2px 4px #892e00;*/
    box-shadow: #892e00 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, #892e00 0px -2px 6px 0px inset;
}

.inputButtonRed {
    min-width: 1.5em;
    min-height: 1.5em;
    border-radius: 50%;
    vertical-align: middle;
    border: 3px inset silver;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transition: 0.5s;
}
.inputButtonRed:checked {
    border-radius: 50%;
    background: radial-gradient(circle at 50% 50%, red, #FFF);
}

div:has(> INPUT[type=checkbox].inputButtonRed) {
    border: 1px solid transparent;
    box-shadow: 3px 2px 4px transparent;
    border-radius: 20px;
}
div:has(> INPUT[type=checkbox].inputButtonRed:checked) {
    border: 1px solid #ff0000;
    box-shadow: 3px 2px 4px #610606;
}

label:has(~ INPUT[type=checkbox].inputButtonRed:checked) {
    color: #6d0d0d !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #9d001c, 0 0 0.1em #f8f8f8 !important;
}

label:has(~ INPUT[type=checkbox].inputButtonRed:checked:hover) {
    text-shadow: 0 0 1px #ff4864, 0 0 0.1em #f5b9ff, 0 0 0.1em #860000 !important;
}

.position-absolute{
    position: absolute;
}

.lbl_doc_blue{
    color: #0000FF;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #add8e6, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_blue:hover{
    text-shadow: 0 0 1px #6495ed, 0 0 0.1em #add8e6, 0 0 0.1em #0000cd;
}

.lbl_doc_red{
    color: #FF0000;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #ffcccc, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_red:hover{
    text-shadow: 0 0 1px #fa8072, 0 0 0.1em #ffcccc, 0 0 0.1em #dc143c;
}


.lbl_doc_pink{
    color: #FF69B4; /* Hot Pink */
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #ff85c2, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_pink:hover{
    text-shadow: 0 0 1px #ff69b4, 0 0 0.1em #ff85c2, 0 0 0.1em #ff1493;
}


.lbl_doc_purple{
    color: #800080;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #dda0dd, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_purple:hover{
    text-shadow: 0 0 1px #ba55d3, 0 0 0.1em #dda0dd, 0 0 0.1em #9400d3;
}

.lbl_doc_yellow{
    color: #FFD700;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #ffffe0, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_yellow:hover{
    text-shadow: 0 0 1px #ffdf00, 0 0 0.1em #ffffe0, 0 0 0.1em #ffd700;
}

.lbl_doc_green{
    color: #008000;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #90ee90, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_green:hover{
    text-shadow: 0 0 1px #32cd32, 0 0 0.1em #90ee90, 0 0 0.1em #006400;
}

.lbl_doc_teal{
    color: #008080;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #afeeee, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_teal:hover{
    text-shadow: 0 0 1px #48d1cc, 0 0 0.1em #afeeee, 0 0 0.1em #008080;
}

.lbl_doc_brown{
    color: #A52A2A;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #f4a460, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_brown:hover{
    text-shadow: 0 0 1px #d2691e, 0 0 0.1em #f4a460, 0 0 0.1em #a52a2a;
}

.lbl_doc_cyan{
    color: #00FFFF;
    font-weight: bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #e0ffff, 0 0 0.1em #f8f8f8;
    font-size: 1.15em;
}
.lbl_doc_cyan:hover{
    text-shadow: 0 0 1px #00ced1, 0 0 0.1em #e0ffff, 0 0 0.1em #00ffff;
}

.container_spinner{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cee0f3af;
    backdrop-filter: blur(5px);
    z-index: 2;
}
.filter_blur{
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}
.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto;
  }
  
  .sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #038eff;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
            animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
  }
  .sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  
  @-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1); 
    }
  }
  
  @keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1);
    } 
  }
 
  .h-60vh{
    height: 60vh;
  }
  .px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .px-3 {
        padding-left: 1rem;
    }
    .h-60{
        height: 60px;
    }

   .clear-mack{
        margin: 0 0.5rem;
        padding: 0.5rem;
        font-weight: bold;
        color: #b9ddff;
        cursor: pointer;
        border-radius: 50%;
        border: 2px solid #b9ddff;
        box-shadow: rgba(104, 182, 255, 0.2) 0px 2px 8px 0px;
        font-size: 0.5rem;
    
        transition: all 0.3s ease-in-out;
    }

    .clear-mack:hover{
        background-color: #a3cff7;
        color: white;
        box-shadow: rgb(0 0 0 / 8%) 1.95px 1.95px 2.6px;
    }
    .align-items-center{
        align-items: center;
    }

    .align-content-center{
        align-content: center;
      }
.cursor_pointer{
    cursor: pointer;
}
.cursor_pointer:hover{
    cursor: pointer;
}

.border_shadow_purple{
    border: 1px solid #800080;
    box-shadow: 3px 2px 4px #800080;
    border-radius: 20px;
}
/* A checkbox that show checkmark on selected & cross on unselected chainging the label's color for Active/Inactive, use ctivo en español.
 <input class="it_checkCross" id="activo" name="activo" value="Si" type="checkbox"><label for="activo">ctive</label>
 Readonly o consulta
 <input class="it_checkCross" disabled="disabled" id="activo" name="activo" value="Si" type="checkbox"><label for="activo">ctive</label>
 en php se lee $activo = param('activo', 'No');
*/
INPUT.it_checkCross {display: none;}
INPUT.it_checkCross + LABEL {box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);padding-right:0.2em;cursor: pointer;}
INPUT.it_checkCross:checked + LABEL:before {content: "";}
INPUT.it_checkCross:checked + LABEL {color:green}
INPUT.it_checkCross:checked + LABEL:before {color: green; content: "\2713  A"; /* Check unicode character */ text-align: center;line-height: 20px;}
INPUT.it_checkCross:not(:checked) + LABEL {color:red}
INPUT.it_checkCross:not(:checked) + LABEL:before {color: red;content: "\2717 In"; /* Cross unicode character */ text-align: center;line-height: 20px;}

.border_inset_shadow_purple {
    border: 1px solid #800080;
    border-radius: 20px;
    box-shadow: #800080 0px 50px 100px -20px, rgba(128, 0, 128, 0.44) 0px 30px 60px -30px, #800080 0px -2px 6px 0px inset;
    text-align: center;
}

.border_inset_shadow_blue {
    border: 1px solid #0000FF;
    border-radius: 20px;
    box-shadow: #0000FF 0px 50px 100px -20px, rgba(0, 0, 255, 0.44) 0px 30px 60px -30px, #0000FF 0px -2px 6px 0px inset;
    text-align: center;
}

.border_inset_shadow_deepblue {
    border: 1px solid #002352;
    border-radius: 20px;
    box-shadow: #002352 0px 50px 100px -20px, rgba(0, 35, 82, 0.44) 0px 30px 60px -30px, #002352 0px -2px 6px 0px inset;
    text-align: center;
}

.border_inset_shadow_green {
    border: 1px solid #008000;
    border-radius: 20px;
    box-shadow: #008000 0px 50px 100px -20px, rgba(0, 128, 0, 0.44) 0px 30px 60px -30px, #008000 0px -2px 6px 0px inset;
    text-align: center;
}

.border_inset_shadow_lightred {
    border: 1px solid #FF6347; /* Tomato Red */
    border-radius: 20px;
    box-shadow: #FF6347 0px 50px 100px -20px, rgba(255, 99, 71, 0.44) 0px 30px 60px -30px, #FF6347 0px -2px 6px 0px inset;
    text-align: center;
}


.border_inset_shadow_mediumred {
    border: 1px solid #B22222; /* Firebrick Red */
    border-radius: 20px;
    box-shadow: #B22222 0px 50px 100px -20px, rgba(178, 34, 34, 0.44) 0px 30px 60px -30px, #B22222 0px -2px 6px 0px inset;
    text-align: center;
}


.border_inset_shadow_deepred {
    border: 1px solid #8B0000; /* Dark Red */
    border-radius: 20px;
    box-shadow: #8B0000 0px 50px 100px -20px, rgba(139, 0, 0, 0.44) 0px 30px 60px -30px, #8B0000 0px -2px 6px 0px inset;
    text-align: center;
}

/* Red text styles */
.txt_shadow_rojo_claro {
    color: #ff0000 !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #ffe9e9, 0 0 0.1em #ff4d4d, 0 0 0.1em #f8f8f8 !important;
}

.txt_shadow_rojo_claro:hover {
    color: #ff2828 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #ffe9e9, 0 0.05em 0.15em #ff4d4d, 0 0 0.15em #f8f8f8 !important;
}

.hover-underline:hover {
    text-decoration: underline !important;
}

/* Purple text styles */
.txt_shadow_purpura {
    color: #800080 !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #e8e9ff, 0 0 0.1em #a500ff, 0 0 0.1em #f8f8f8 !important;
}

.txt_shadow_purpura:hover {
    color: #a020f0 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #e8e9ff, 0 0.05em 0.15em #a500ff, 0 0 0.15em #f8f8f8 !important;
    /*text-decoration: underline;*/
}

/* Pink text styles */
.txt_shadow_rosa {
    color: #ff69b4 !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #ffe9f2, 0 0 0.1em #ff85c2, 0 0 0.1em #f8f8f8 !important;
}

.txt_shadow_rosa:hover {
    color: #ff1493 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #ffe9f2, 0 0.05em 0.15em #ff85c2, 0 0 0.15em #f8f8f8 !important;
    /*text-decoration: underline;*/
}

/* Gray text styles */
.txt_shadow_gris {
    color: #808080 !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #e0e0e0, 0 0 0.1em #a9a9a9, 0 0 0.1em #f8f8f8 !important;
}

.txt_shadow_gris:hover {
    color: #a9a9a9 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #e0e0e0, 0 0.05em 0.15em #a9a9a9, 0 0 0.15em #f8f8f8 !important;
    /*text-decoration: underline;*/
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert{
    position: absolute;
    min-width: 150px;
    max-width: 55%;
    padding: 5px;
    border-radius: 0.25rem;
    border: 1px solid transparent;
}
.overflow-scroll{
    overflow: auto;
}

.mnw-160{
    min-width: 160px;
}
.mnw-140{
    min-width: 140px;
}

/*
 * Estilos para form builder
 */
.form-build {
    padding: 10px 5px;
    background: #f7f7f7;
    border-radius: 3px;
    margin: 0;
    border: 1px solid #c5c5c5;
    position: relative;
}

.form-build-table tbody tr td{
    position: relative;
    text-align: left !important;
    /*padding-bottom: 0.7em;*/
}

.form-wrap.form-builder .form-control {
    /*height: 30px !important;*/
    width: 40% !important;
}

.border_pink{
    border: 2px solid #ff1493; /* Very pink border */
}

.form-wrap.form-builder .frmb .form-elements select {
    padding: 0 !important;
}
/* FIN ESTILOS form builder*/
body {
    scrollbar-width: thin;
    scrollbar-color: #e2a6a6 #f8faff;
}

.time_lock_ikon:hover,
.time_lock_ikon{
    color: red;
}

.system_lock_ikon:hover,
.system_lock_ikon{
    color: #007bff;
}

.ajuste_lock_ikon:hover,
.ajuste_lock_ikon {
    color: #8c008f;
    cursor: default;
}


.icon_asignaciones {
    float: left;
    border-radius: 25px;
    border: 1px solid darkorange;
    overflow: hidden;
    background: darkorange;
    padding: 5px;
    width: 26px;
    height: 29px;
    display: flex;
    align-items: center;
    font-size: 16px;
    transition: all .3s ease-in-out;
}

.icon_asignaciones.active {
    background: #6cff00;
    transform: translateY(-8px);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

/* Base class for common fieldset properties */
.fieldset-base {
    border: 2px solid #a9a9a9; /* Gray border */
    padding: 10px;
    margin: 20px;
    position: relative;
    color: black;
}
.lite-3d-base {
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2),
    inset -2px -2px 4px rgba(255, 255, 255, 0.6),
    2px 2px 4px rgba(0, 0, 0, 0.2),
    -2px -2px 4px rgba(255, 255, 255, 0.6);
}
.lite-3d-base-1px {
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2),
    inset -1px -1px 2px rgba(255, 255, 255, 0.6),
    1px 1px 2px rgba(0, 0, 0, 0.2),
    -1px -1px 2px rgba(255, 255, 255, 0.6);
}
/* Base class for 3D effect */
.fieldset-3d-base {
    box-shadow:
            inset 4px 4px 8px rgba(0, 0, 0, 0.2), /* Darker inner shadow for 3D effect */
            inset -4px -4px 8px rgba(255, 255, 255, 0.6), /* Lighter inner shadow for 3D effect */
            4px 4px 8px rgba(0, 0, 0, 0.2), /* Darker outer shadow for 3D effect */
            -4px -4px 8px rgba(255, 255, 255, 0.6); /* Lighter outer shadow for 3D effect */
}

/* Specific class for 3D themed fieldset */
.fieldset-3d {
    background-color: #e0e0e0; /* Light gray background */
}

.fieldset-3d legend {
    background-color: #e0e0e0; /* Same as background to blend in */
    border: 2px solid #a9a9a9; /* Match the fieldset border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2), /* Darker shadow for 3D effect */
            -2px -2px 4px rgba(255, 255, 255, 0.6); /* Lighter shadow for 3D effect */
    display: inline-block;
    margin-left: 10px; /* Adjust legend positioning */
    padding: 0 10px;
    font-weight: bold;
}

/* Specific class for orange-themed fieldset */
.fieldset-orange {
    border: 2px solid #e3883f; /* Lighter orange border */
    background: linear-gradient(#ffcc80 0%, #ffd699 2%, #ffe0b3 3%, #ffebcc 5%, #fff5e6, #ffffff, #ffffff, #ffffff, #ffffff, #fff5e6, #ffebcc 95%, #ffe0b3 97%, #ffd699 98%, #ffcc80 100%);
}


.fieldset-orange legend {
    background: linear-gradient(#ffa500 0%, #ffb733 2%, #ffcc66 3%, #ffe0b3 5%, #fff2e6, #ffffff, #ffffff, #ffffff, #ffffff, #fff2e6, #ffe0b3 95%, #ffcc66 97%, #ffb733 98%, #ffa500 100%);
    border: 2px solid #d2691e; /* Match the fieldset border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2), /* Darker shadow for 3D effect */
            -2px -2px 4px rgba(255, 255, 255, 0.6); /* Lighter shadow for 3D effect */
    display: inline-block;
    margin-left: 10px; /* Adjust legend positioning */
    padding: 0 10px;
    font-weight: bold;
}

li.ui-tabs-tab.fieldset-blue {
    background: linear-gradient(#d6eaf8 0%, #e1f0f9 2%, #ebf5fb 3%, #f5fafc 5%, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #f5fafc, #ebf5fb 95%, #e1f0f9 97%, #d6eaf8 98%, #cce0f5 100%) !important;
}
li.ui-tabs-tab.fieldset-blue a {
    color: black !important;
}

/* Specific classes for different light-colored themed fieldsets */

/* Light Blue */
.fieldset-blue {
    background: linear-gradient(#d6eaf8 0%, #e1f0f9 2%, #ebf5fb 3%, #f5fafc 5%, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #f5fafc, #ebf5fb 95%, #e1f0f9 97%, #d6eaf8 98%, #cce0f5 100%) !important;
    border: 2px solid #7aa7c1; /* Darker blue border */
}

.fieldset-blue legend {
    background: linear-gradient(#add8e6 0%, #bde0eb 2%, #cee8f1 3%, #e0f0f6 5%, #f2f9fc, #ffffff, #ffffff, #ffffff, #ffffff, #f2f9fc, #e0f0f6 95%, #cee8f1 97%, #bde0eb 98%, #add8e6 100%);
    border: 2px solid #7aa7c1; /* Darker blue border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2),
            -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}

/* Light Green */
.fieldset-green {
    background: linear-gradient(#90ee90 0%, #a3f3a3 2%, #b5f8b5 3%, #c8fdc8 5%, #dbffe0, #ffffff, #ffffff, #ffffff, #ffffff, #dbffe0, #c8fdc8 95%, #b5f8b5 97%, #a3f3a3 98%, #90ee90 100%);
    border: 2px solid #64c864; /* Darker green border */
}

.fieldset-green > legend {
    background: linear-gradient(#90ee90 0%, #a3f3a3 2%, #b5f8b5 3%, #c8fdc8 5%, #dbffe0, #ffffff, #ffffff, #ffffff, #ffffff, #dbffe0, #c8fdc8 95%, #b5f8b5 97%, #a3f3a3 98%, #90ee90 100%);
    border: 2px solid #64c864 !important; /* Darker green border */
    box-shadow:
            2px 2px 4px rgba(255, 255, 255, 0.6), /* Lighter shadow for 3D effect */
            -2px -2px 4px rgba(0, 0, 0, 0.2); /* Darker shadow for 3D effect */
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}

/* Light Yellow */
.fieldset-yellow {
    background: linear-gradient(#dcdc00 0%, #ffff66 2%, #ffff99 3%, #ffffcc 5%,
    #ffffe0, #ffffff, #ffffff, #ffffff, #ffffff,
    #ffffe0,
    #ffffcc 95%, #ffff99 97%, #ffff66 98%, #dcdc00 100%);

    border: 2px solid #dcdc00; /* Darker yellow border */
}

.fieldset-yellow legend {
    background: linear-gradient(#dcdc00 0%, #ffff66 2%, #ffff99 3%, #ffffcc 5%,
    #ffffe0, #ffffff, #ffffff, #ffffff, #ffffff,
    #ffffe0,
    #ffffcc 95%, #ffff99 97%, #ffff66 98%, #dcdc00 100%);
    border: 2px solid #dcdc00; /* Darker yellow border */
    box-shadow:
            2px 2px 4px rgba(255, 255, 255, 0.6), /* Lighter shadow for 3D effect */
            -2px -2px 4px rgba(0, 0, 0, 0.2); /* Darker shadow for 3D effect */
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}

/* Light Pink */
.fieldset-pink {
    background: linear-gradient(#ff69b4 0%, #ff85c1 2%, #ff99cc 3%, #ffb3d9 5%, #ffd6e8, #ffffff, #ffffff, #ffffff, #ffffff, #ffd6e8, #ffb3d9 95%, #ff99cc 97%, #ff85c1 98%, #ff69b4 100%);
    border: 2px solid #cc5281; /* Darker pink border */
}

.fieldset-pink legend {
    background: linear-gradient(#ff69b4 0%, #ff85c1 2%, #ff99cc 3%, #ffb3d9 5%, #ffd6e8, #ffffff, #ffffff, #ffffff, #ffffff, #ffd6e8, #ffb3d9 95%, #ff99cc 97%, #ff85c1 98%, #ff69b4 100%);
    border: 2px solid #cc5281; /* Darker pink border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2),
            -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}


/* Light Brown */
.fieldset-brown {
    background: linear-gradient(#d2b48c 0%, #dcb998 2%, #e6c4a3 3%, #f0cfaf 5%, #f9dacb, #ffffff, #ffffff, #ffffff, #ffffff, #f9dacb, #f0cfaf 95%, #e6c4a3 97%, #dcb998 98%, #d2b48c 100%);
    border: 2px solid #a6825b; /* Darker brown border */
}

.fieldset-brown legend {
    background: linear-gradient(#d2b48c 0%, #dcb998 2%, #e6c4a3 3%, #f0cfaf 5%, #f9dacb, #ffffff, #ffffff, #ffffff, #ffffff, #f9dacb, #f0cfaf 95%, #e6c4a3 97%, #dcb998 98%, #d2b48c 100%);
    border: 2px solid #a6825b; /* Darker brown border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2),
            -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}



/* Light Purple */
.fieldset-purple {
    background: linear-gradient(#e0d5ff 0%, #e8ddff 2%, #f0e5ff 3%, #f7ecff 5%, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #f7ecff 95%, #f0e5ff 97%, #e8ddff 98%, #e0d5ff 100%);
    border: 2px solid #7550b0; /* Darker purple border */
}


.fieldset-purple legend {
    background: linear-gradient(#e0d5ff 0%, #e8ddff 2%, #f0e5ff 3%, #f7ecff 5%, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #f7ecff 95%, #f0e5ff 97%, #e8ddff 98%, #e0d5ff 100%);
    border: 2px solid #7550b0; /* Darker purple border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2),
            -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}


/* Light Violet */
.fieldset-violet {
    background: linear-gradient(#ee82ee 0%, #f094f0 2%, #f4a6f4 3%, #f7b8f7 5%, #fad2fa, #fce7fc, #fce7fc, #fce7fc, #fce7fc, #fad2fa, #f7b8f7 95%, #f4a6f4 97%, #f094f0 98%, #ee82ee 100%);
    border: 2px solid #bb66bb; /* Darker violet border */
}

.fieldset-violet legend {
    background: linear-gradient(#ee82ee 0%, #f094f0 2%, #f4a6f4 3%, #f7b8f7 5%, #fad2fa, #fce7fc, #fce7fc, #fce7fc, #fce7fc, #fad2fa, #f7b8f7 95%, #f4a6f4 97%, #f094f0 98%, #ee82ee 100%);
    border: 2px solid #bb66bb; /* Darker violet border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2),
            -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}

/* Light Red */
.fieldset-red {
    background: linear-gradient(#ff6347 0%, #ff7f61 2%, #ff9980 3%, #ffb3a0 5%, #ffd6cc, #ffffff, #ffffff, #ffffff, #ffffff, #ffd6cc, #ffb3a0 95%, #ff9980 97%, #ff7f61 98%, #ff6347 100%);
    border: 2px solid #cc5040; /* Darker red border */
}

.fieldset-red legend {
    background: linear-gradient(#ff6347 0%, #ff7f61 2%, #ff9980 3%, #ffb3a0 5%, #ffd6cc, #ffffff, #ffffff, #ffffff, #ffffff, #ffd6cc, #ffb3a0 95%, #ff9980 97%, #ff7f61 98%, #ff6347 100%);
    border: 2px solid #cc5040; /* Darker red border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2),
            -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}


/* Light Teal */
.fieldset-teal {
    background: linear-gradient(#a0e4e0 0%, #b3ebe7 2%, #c6f2ee 3%, #e0fbf7 5%, #f5fffc, #ffffff, #ffffff, #ffffff, #ffffff, #f5fffc, #e0fbf7 95%, #c6f2ee 97%, #b3ebe7 98%, #a0e4e0 100%);
    border: 2px solid #17827a; /* Darker teal border */
}

.fieldset-teal legend {
    background: linear-gradient(#a0e4e0 0%, #b3ebe7 2%, #c6f2ee 3%, #e0fbf7 5%, #f5fffc, #ffffff, #ffffff, #ffffff, #ffffff, #f5fffc, #e0fbf7 95%, #c6f2ee 97%, #b3ebe7 98%, #a0e4e0 100%);
    border: 2px solid #17827a; /* Darker teal border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2),
            -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}


/* Light Cyan */
.fieldset-cyan {
    background: linear-gradient(#00ced1 0%, #33d6d9 2%, #66e0e1 3%, #99eaea 5%, #ccf4f4, #e0fcfc, #e0fcfc, #e0fcfc, #e0fcfc, #ccf4f4, #99eaea 95%, #66e0e1 97%, #33d6d9 98%, #00ced1 100%);
    border: 2px solid #009a9e; /* Darker cyan border */
}

.fieldset-cyan legend {
    background: linear-gradient(#00ced1 0%, #33d6d9 2%, #66e0e1 3%, #99eaea 5%, #ccf4f4, #e0fcfc, #e0fcfc, #e0fcfc, #e0fcfc, #ccf4f4, #99eaea 95%, #66e0e1 97%, #33d6d9 98%, #00ced1 100%);
    border: 2px solid #009a9e; /* Darker cyan border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2),
            -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}


/* Light Magenta */
.fieldset-magenta {
    background: linear-gradient(#ff00ff 0%, #ff33ff 2%, #ff66ff 3%, #ff99ff 5%, #ffccff, #ffe6ff, #ffe6ff, #ffe6ff, #ffe6ff, #ffccff, #ff99ff 95%, #ff66ff 97%, #ff33ff 98%, #ff00ff 100%);
    border: 2px solid #cc00cc; /* Darker magenta border */
}

.fieldset-magenta legend {
    background: linear-gradient(#ff00ff 0%, #ff33ff 2%, #ff66ff 3%, #ff99ff 5%, #ffccff, #ffe6ff, #ffe6ff, #ffe6ff, #ffe6ff, #ffccff, #ff99ff 95%, #ff66ff 97%, #ff33ff 98%, #ff00ff 100%);
    border: 2px solid #cc00cc; /* Darker magenta border */
    box-shadow:
            2px 2px 4px rgba(0, 0, 0, 0.2),
            -2px -2px 4px rgba(255, 255, 255, 0.6);
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-weight: bold;
}

.fieldset-woborders {
    background:none !important;
    border: none !important;
    box-shadow: none !important;
}

td.detalle_links li{
    padding-bottom: 1.5em;
}
.border_turquoise {
    border: 2px solid #027e73;
    border-radius: 3px;
}
.border_gris {
    border: 2px solid #494949;
    border-radius: 3px;
}
.border_red_ {
    border: 2px solid #960000;
    border-radius: 3px;
}

.border_rojo_quemado {
    border: 2px solid #791313;
    border-radius: 3px;
}

.border_rojo_light {
    border: 2px solid #96001b;
    border-radius: 3px;
}

.border_light_purple {
    border: 2px solid #850081;
    border-radius: 3px;
}

.link_vale_SBC {
    background: linear-gradient(to bottom, #ffaaf1, #ff45dd, #850081) !important;
    color: #2c001c !important;
    font-weight: bold !important;
    text-align: center;
    text-shadow: 0 0 0.15em #ffaaf1, 0 0.05em 0.15em #570153, 2px 2px 2px rgba(255, 255, 255, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.5);
}
.cursor_default{
    cursor: default;
}
.cursor_default:hover{
    cursor: default;
}

.teal_gradient{
    background: linear-gradient(#66cccc, #7fd1d1, #99d6d6, #b3dbdb, #ccf0f0, #e6f5f5, #b3dbdb, #99d6d6, #7fd1d1 95%, #66cccc);
}

.clear_both{
    clear: both;
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.para_usar_otro_tipo_de_cambio{
    margin-left: 270px;
    position: absolute;
    margin-top: -10px;
}

.fid_lsr {
    position: absolute;
    left: 0;
    top: 0;
    /*box-shadow: -2px 1px 6px #000000;*/
}


.ac_label {
    font-size: 1.1em;
    color: #0000FF;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #9595ff, 0 0 0.1em #f8f8f8;
}
.ac_label:hover{
    text-shadow: 0 0 1px #8abeff, 0 0 0.1em #9595ff, 0 0 0.1em #0171ff;

}
.ac_input{
    font-size: 1.2em !important;
}

.txt_shadow_trans_green{
    color: #005100;
    font-weight:bold;
    text-shadow: 1px 1px 2px #eaffe9, 0 0 0.1em #b3ff95, 0 0 0.1em #f8f8f8;
    transition: color 0.3s ease, transform 0.3s ease;
    transform: scale(1); /* Default size */
}

.txt_shadow_trans_green:hover{
    transform: scale(1.2); /* Increase size to 110% on hover */
    color: #002400;
    text-shadow: 1px 1px 3px #eaffe9, 0 0 0.2em #b3ff95, 0 0 0.2em #f8f8f8;
}

.txt_shadow_trans_blue{
    color: #024ead; /* Medium blue */
    font-weight: bold;
    text-shadow: 1px 1px 2px #d4dfff, 0 0 0.1em #95b3ff, 0 0 0.1em #f8f8f8;
    transition: color 0.3s ease, transform 0.3s ease;
    transform: scale(1); /* Default size */
}

.txt_shadow_trans_blue:hover{
    transform: scale(1.2); /* Increase size to 110% on hover */
    color: #08172e; /* Darker blue */
    text-shadow: 1px 1px 3px #d4dfff, 0 0 0.2em #95b3ff, 0 0 0.2em #f8f8f8;
}


.txt_shadow_trans_red{
    color: #c41818; /* Firebrick red */
    font-weight: bold;
    text-shadow: 1px 1px 2px #ffe4e4, 0 0 0.1em #ff9999, 0 0 0.1em #f8f8f8;
    transition: color 0.3s ease, transform 0.3s ease;
    transform: scale(1); /* Default size */
}

.txt_shadow_trans_red:hover{
    transform: scale(1.2); /* Increase size to 110% on hover */
    color: #4b0707; /* Darker red */
    text-shadow: 1px 1px 3px #ffe4e4, 0 0 0.2em #ff9999, 0 0 0.2em #f8f8f8;
}

.average {text-align: right}
.inheritColor {color:inherit}
.inheritColor:visited {color:inherit}
.inheritColor:hover {color:inherit}
.averageRed {color:red;!important;}
.averageRed:visited {color:red!important;}
.averageRed:hover {color:red!important;}

.disabled_gray {
    pointer-events: none;
    cursor: default;
    color: gray !important;
    opacity: 0.6;
}

.transform_scale_1_2{
    transform: scale(1.2);
}
.transform_scale_1_3{
    transform: scale(1.3);
}
.transform_scale_1_4{
    transform: scale(1.4);
}
.transform_scale_1_5{
    transform: scale(1.5);
}

.hr_shadow_yellow {
    border: none;
    height: 3px;
    background-color: #ffff00;
    position: relative;
    box-shadow: 0.05em 0 0.15em #000000, -0.05em 0 0.14em #ffc100, 0 0.05em 0.14em #423504;
}
.hr_shadow_red {
    border: none;
    height: 3px;
    background-color: #ff0000;
    position: relative;
    box-shadow: 0.05em 0 0.15em #490000, -0.05em 0 0.14em #ff6d6d, 0 0.05em 0.14em #9a2f00;
}

.w-full {
    width: 100%;
}
.w-80 {
    width: 80%;
}

input[type=text].border-gray-400{
    border: 1px solid #d1d3e2;
}

.border-gray-400{
    border: 1px solid #d1d3e2;
}
.font-bold{
    font-weight: bold;
}
.items-center{
    align-items: center;
}
.h-120{
    height: 120px;
}
.overflow-y-auto{
    overflow-y: auto;
}
.justify-between{
    justify-content: space-between;
}
.bg-gray-600{
    background-color: #a1a1a1;
}

.border-b-gray-400{
    border-bottom: 1px solid #d1d3e2;
}
.p-2{
    padding: 0.5rem;
}

.bg-primary-500{
    background-color: #93c7ff;
    color: white;
}
.font-normal{
    font-weight: normal;
}

.disabled-item{
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.width-10{
    width: 10%;
}
.width-20{
    width: 20%;
}
.width-25{
    width: 25%;
}
.width-30{
    width: 30%;
}
.width-35{
    width: 35%;
}
.width-40{
    width: 40%;
}
.width-50{
    width: 50%;
}
.width-60{
    width: 60%;
}
.width-65{
    width: 65%;
}
.width-70{
    width: 70%;
}
.width-100{
    width: 100%;
}
.width-min-content{
    width: min-content;
}
.width-max-content{
    width: max-content;
}

.width-min-450px{
    min-width: 450px;
}


.btn-reset-a-cuenta {
    position: absolute;
    right: 0;
    width: auto;
}

.doc-is-lock {
    background-color: #fffafa;
    padding: 0.5em;
    border-radius: 10px;
}

.txt_shadow_{
    font-weight: bold  !important;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em grey, 0 0 0.1em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
}
.txt_shadow_:hover{
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em grey, 0 0 0.15em #f8f8f8 !important;
    text-decoration: underline;
}
.border_transparent_3px{border: 3px solid transparent;}

.float_right {
    float:right;
}

#div_toolbar_nota_bodega {width:700px}
.d-flex.gap-0{
    gap: 0;
}
.mxw-85{
    max-width: 85px;
}
.fs-12{
    font-size: 12px;
}
.group-style{
    font-size: 1.3rem;
    background: #f9f9e5;
    color: #b76e0f;
    padding: 5px;
    border-radius: 5px;
    border: 2px #b76e0f solid;
}
.group-style.fs-065{
    font-size: 0.65rem;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.fs-gray-600{
    color: #838383;
}
.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.select-plantillas option:disabled {
    color: black !important;
    background-color: gray !important;
}


.numero_original_tagged{
    color: #0000a9 !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #0000cf, 0 0 0.1em #f8f8f8 !important;
    text-decoration: none !important;
    /*font-size: 1.1em !important;*/
}
.numero_original_tagged:hover{
    color: #0000d0 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #2727f2, 0 0 0.15em #f8f8f8 !important;
    /*font-size: 1.1em !important;*/
}


.mr-2px{
    margin-right: 2px;
}

.fuerza_titulo {
    color: #9333da !important;
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #9932CC, 0 0 0.05em #f8f8f8 !important;
}

.fuerza_titulo:hover {
    color: #7c11c7 !important;
    text-shadow: 0 0 0.09em #eaffe9, 0 0.05em 0.09em #4B0082, 0 0 0.09em #f8f8f8 !important;
}
.btn-title-auto {
    border: 2px solid #17a2b8;
    border-radius: 3px;
    font-size: 12px;
    color: #23b0a3;
    text-shadow: 0 0 0.05em #eaffe9, 0 0 0.05em #208080, 0 0 0.05em #f8f8f8;
}
.btn-title-auto.active {
    color: white;
    background: #23b0a3;
}

.plantilla_prohibida {
    position: relative;
}
.plantilla_prohibida::before {
    content: "";
    position: absolute;
    left: 58px;
    top: 48%;
    width: 233px;
    height: 10px;
    background-color: #ff000030;
    transform: rotate(30deg);
    border-radius: 20px;
}
.plantilla_prohibida::after {
    content: "";
    position: absolute;
    left: 58px;
    top: 48%;
    width: 233px;
    height: 10px;
    background-color: #ff000030;
    transform: rotate(-30deg);
    border-radius: 20px;
}

.not-available-field::after {
    content: "-";
    color: #000000;
    font-size: 25px;
}

.txt_dark_green {
    color: darkgreen;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.1, 1.1);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}

#heartRate {
    width: 50px;
    height: 50px;
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;
}

.txt_shadow_blue_heart-rate{
    color: #0000ff;
    text-shadow: 0 0 0.12em #9999ff, 0 0.07em 0.12em #0000cc, 0 0 0.12em #000099;
}

@keyframes breathOnce {
    0% { transform: scale(.9); opacity: 0.5; }
    50% { transform: scale(1.15); opacity: 0.8; }
    100% { transform: scale(1.10); opacity: 1.0; }
}

.breathe-once {
    animation: breathOnce 0.6s ease-out 1; /* One smooth inhale-exhale */
}

@keyframes deepBreath {
    0% { transform: scale(.9); opacity: 0.5; }
    50% { transform: scale(1.25); opacity: 0.7; }
    100% { transform: scale(1.10); opacity: 1.0; }
}

.leader-breath {
    animation: deepBreath 0.8s cubic-bezier(.17,.67,.83,.67) 2; /* One smooth inhale-exhale */
}

.txt_shadow_monex {
    color: #629dcc !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #A7C8E3, 0 0 0.1em #f8f8f8 !important;
    text-decoration: none !important;
}
.txt_shadow_monex:hover {
    color: #6a8eaf !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #A7C8E3, 0 0 0.15em #f8f8f8 !important;
}


.txt_shadow_hsbc {
    color: #d33944 !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #fff0f0, 0 0 0.1em #c93d47, 0 0 0.1em #ffffff !important;
    text-decoration: none !important;
}
.txt_shadow_hsbc:hover {
    color: #f33d4b !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #fff0f0, 0 0.05em 0.15em #d91120, 0 0 0.15em #ffffff !important;
}

.txt_shadow_banorte {
    color: #c50019 !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #fff0f0, 0 0 0.1em #c00018, 0 0 0.1em #ffffff !important;
    text-decoration: none !important;
}
.txt_shadow_banorte:hover {
    color: #e31229 !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #fff0f0, 0 0.05em 0.15em #9d0316, 0 0 0.15em #ffffff !important;
}

.txt_shadow_azul_marino_cuentas_rony{
    color: #0000ff !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #0069ff, 0 0 0.1em #f8f8f8 !important;
    text-decoration: none !important;
}
.txt_shadow_azul_marino_cuentas_rony:hover{
    color: #2828ff !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #0069ff, 0 0 0.15em #f8f8f8 !important;
}


.txt_shadow_bbva {
    color: #1145b0 !important;
    font-weight: bold;
    text-shadow: 0 0 0.1em #eaffe9, 0 0 0.1em #093398, 0 0 0.1em #f8f8f8 !important;
    text-decoration: none !important;
}
.txt_shadow_bbva:hover {
    color: #2250af !important;
    font-weight: bold !important;
    text-shadow: 0 0 0.15em #eaffe9, 0 0.05em 0.15em #3360c4, 0 0 0.15em #f8f8f8 !important;
}

.highlight {
    outline: 2px solid #ff4d4d;
    background-color: #fff3f3;
}

.alert-orange {
    background-color: #ffc096;
    border-color: #f87000;
}

@keyframes flashExplosion {
    0% {
        opacity: 1;
    }
    12% {
        opacity: 0.7;
    }
    24% {
        opacity: 0.5;
    }
    36% {
        opacity: 0.25;
    }
    48% {
        opacity: 0.1;
    }
    60% {
        opacity: 0.25;
    }
    72% {
        opacity: 0.7;
    }
    84% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
.flashMal {
    display: inline-block;
    animation: flashExplosion 1.2s cubic-bezier(0.17, 0.67, 0.83, 0.67) infinite;
    position: relative;
    min-width: min-content;
    vertical-align: baseline;
    text-align: inherit;
    -webkit-font-smoothing: antialiased;
    will-change: opacity, text-shadow;
}