INPUT:checked + label {color: blue;font-weight: bold}
.btn {
    width: 215px;
}
.btn:active {
    transform: translateY(4px);
}
#div_button .btnGenerar-comodin{
    box-shadow: 0 5px gray;
}
#div_button .btnGenerar-comodin:hover{
    box-shadow: 0px 0px 7px inset #74c0d1, 0 5px gray;
}
#div_button .btnGenerar-comodin-change:active{
    background: rgb(20, 132, 98) !important;
}
#div_guardarnota .btnGenerar-comodin-change {
    box-shadow: 0 5px gray;
}
#div_guardarnota .btnGenerar-comodin-change:hover{
    box-shadow: 0 5px gray;
}
#div_guardarnota .btnGenerar-comodin-change:active {
    background: rgb(20, 132, 98) !important;
    box-shadow: none !important;
}
#div_cancelarnota .btnGenerar-comodin{
    box-shadow: 0 5px gray;
}
#div_cancelarnota .btnGenerar-comodin:hover, #div_guardarnota .btnGenerar-comodin:hover {
    box-shadow: 0px 0px 7px inset #74c0d1, 0 5px gray;
}

#div_cancelarnota .btnGenerar-comodin:active{
    box-shadow: 0px 0px 12px inset #46787f, 0 0 gray;
}


.textDecorationNone{text-decoration: none;}
.fontSize32 {font-size:32px}
.fontSize48 {font-size:48px}
.fontSize64 {font-size:64px}
.gridCellFontNotaBodega {
    font-family: 'Lato', sans-serif;
    font-size:16px;
}
.txtTipoMovSalida{
    color: rgba(128,77,143,1);
    font-size: 1.3em;
    font-style: italic;
    padding: 3px 5px;
    text-shadow: 2px 2px 2px #a3a3a3;
}
.txtTipoMov{
    color: rgba(128,255,128,1);
    font-size: 1.5em;
    font-style: italic;
    padding: 3px 5px;
    text-shadow: 2px 2px 2px #333;
}
.btnCassette{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    border-bottom-color: #AEAEAE;
    border-bottom-style: groove;
    cursor: pointer;
    background: #e4fffb;
}
.btnCassette:hover{
    background: #a9fff2;
}

.txtProd{
    font-size: 1.5em;
    font-weight: 200;
}
#producto_name{
    font-weight: bold;
    font-family: sans-serif;
    padding-right: 14px;
    font-size: 1.2em;
    font-style: italic;
    text-shadow: 1px 1px 1px #FFF;
    color: #48676c;
}
.disabled_link{
    background: #FEFEFE !important;
    color:#b6b6b6 !important;
    pointer-events: all !important;
    cursor:no-drop !important;
}

.andLink{
    text-shadow: -1px -2px 3px #fff;
}
.tagify {
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 90px;
    width: 95%;
}
.tagify .tagify-tag {
    background: #fff;
    display: flex;
    margin-right: 0px;
    padding: 0 !important;
    width: 99%;
}
.tagify .tagify-tag-input {
    width: 85%;
    border: none;
    font-size: 1.3em !important;
    font-weight: bold;
    padding: 0 !important;

}
.tagify .tagify-tag-input:focus-visible {
    border: none;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.tagify .tagify-tag-input-error {
    color: var(--danger);
    text-decoration: line-through;
}
/*.tagify-tag .tagify-remove{
    float: right;
    margin-left: 0 !important;
    height: 13px;
    width: 12px;
}*/

.tagify-tag .tagify_icons {
    float: right;
    margin-left: 0 !important;
    display: flex;
}
.tagify_icon {
    cursor: pointer;
}
.tagify-error-mark:after {
    content: "\1F6AB";
}
.tagify-write-hand:after {
    content: "\270D";
}

.tagify-input {
    padding: 1px;
    font-size: inherit;
}
.tagify-input-container {
    padding: 0;
    border: none;
    /* width: 99% !important; */
}
#div_contra_nota .tagify-input-container input {
    width: 70% !important;
}
.ui-menu-item .ui-menu-item-wrapper {
    transition: letter-spacing 0.1s ease-in-out;
}
.ui-state-active {
    letter-spacing: 0.4px !important;
    font-weight: inherit !important;
}

.wtm_nota_cancelada:before{
    content: 'CANCELADA';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    text-shadow: 2px 2px 2px #a3a3a3;
    color: var(--danger);
    font-size: 100px;
    font-weight: bold;
    letter-spacing: 0.5em;
    justify-content: center;
    align-content: center;
    opacity: 0.5;
    transform: rotate(-45deg);
    height: min-content;
    width: fit-content;
    margin: auto;
}

.wtm_nota_borrada:before{
    content: 'BORRADA';
    position: fixed;
    top: 89px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    text-shadow: 2px 2px 2px #a3a3a3;
    color: var(--danger);
    font-size: 100px;
    font-weight: bold;
    letter-spacing: 0.3em;
    justify-content: center;
    align-content: center;
    opacity: 0.5;
    transform: rotate(-45deg);
    height: min-content;
    width: fit-content;
    margin: auto;
    text-align: center;
    white-space: pre;
}

#cassette_notas{
    z-index:999;
}

.tache {
    height: 10px;
    background: var(--danger);
    position: absolute;
    top: 315px;
    bottom: 0;
    left: -120px;
    right: 0;
    z-index: 999;
    width: 800px;
    border-radius: 10px;
    opacity: 0.6;
    display: none;
}
.tache_1 {transform: rotate(-49deg);}
.tache_2 {transform: rotate(49deg);}

#divNotaBodega_Sello{
    position: absolute;
    border: 3px solid #47c4ff;
    box-shadow: 0 0 7px #47c4ff, inset 0 0 20px #FFF;

    bottom: 130px;
    left: 100px;

    border-radius: 20px;
    transform: rotate(-5deg);
    opacity: 0.3;

    width: 350px;
    height: 190px;
    padding-top: 5px;

    text-align: center;
    text-shadow: 2px 2px 7px #FFF;
}
#divSellotxtTiulo{
    font-size: 2.5em;
    margin-bottom: 5px;
}
.txtVerificacion{
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
}
.divSellotxtConten{
    font-size: 1.25em;
}
#cntNotaColores, #jqgh_table_entrada_productos_actions{
    /*position: absolute;
    top: 23px;
    left: 13px;*/
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    z-index: 9999;
}
#divENTRADAVertical{
    color: rgba(128,255,128,1);
    top: 305px;
    right: -235px;
    text-shadow: -4px -3px 7px #000;
}
#divSALIDAVertical{
    color: rgba(128,77,143,1);
    top: 305px;
    right: -195px;
    text-shadow: -4px -3px 7px #8a8a8a;
}
.orientacion{
    position: absolute;
    transform: rotate(90deg);
    font-size: 40px;
    letter-spacing: 30px;
    opacity: 0.5;
    z-index: 100;
}

@keyframes bodega_incidencia_blink {
    40% {
        background-color:yellow;
    }
    90% {
        background-color:lightyellow;
    }
}
.inconcistenciaTablaNotaTR {background-color: white}
.incidenciaFalta {
    border:2px red solid !important;
    background-color: lightyellow;
    color:red;
    animation:bodega_incidencia_blink 1s linear infinite alternate 1s;
}
.incidenciaInvalid {
    background-color:yellow;
    color:red!important;
    /*padding:0.1em 0.3em;*/
    /*border:1px black solid;*/
    animation:bodega_aviso_prod_blink 0.5s linear infinite alternate 0.5s;
}


@keyframes bodega_aviso_prod_blink {
    80% {
        background-color:white;
        /*border:1px orange solid;*/
    }
    90% {
        background-color:lightyellow;
        /*border:1px orangered solid;*/
    }
    100% {
        background-color:yellow;
        border:0.5px red solid;
    }
}
#notaBodegaAvisos_nuevoProducto {
    background-color:yellow;
    color:red;
    padding:0.1em 0.3em;
    border:1px black solid;
    animation:bodega_aviso_prod_blink 0.5s linear infinite alternate 0.5s;
}

#notaBodegaAvisos_nuevoColor {
    background-color:yellow;
    color:red;
    padding:0.1em 0.3em;
    border:1px black solid;
    animation:bodega_aviso_prod_blink 0.5s linear infinite alternate 0.5s;
}
#notaBodegaAvisos_negativo_rollos {
    font-size:0.8em;
    background-color:yellow;
    color:red;
    padding:0.1em 0.3em;
    border:1px black solid;
    animation:bodega_aviso_prod_blink 0.5s linear infinite alternate 0.5s;
}
#notaBodegaAvisos_negativo_quantity {
    font-size:0.8em;
    background-color:yellow;
    color:red;
    padding:0.1em 0.3em;
    border:1px black solid;
    animation:bodega_aviso_prod_blink 0.5s linear infinite alternate 0.5s;
}
#notaBodegaAvisos_averageMal {
    background-color:#FFCCCB;
    padding:0.1em 0.3em;
    border:1px black solid;
    animation:bodega_aviso_prod_blink 0.5s linear infinite alternate 0.5s;
}
#notaBodegaAvisos_pina_rollos {
    background-color:#FFCCCB;
    padding:0.1em 0.1em;
    margin:0;
    border:none;
    font-size:0.75em;
    animation:bodega_aviso_prod_blink 0.5s linear infinite alternate 0.5s;
}
.fieldset_colores_salida {
    box-shadow: inset 0 5px 10px 0 rgb(255 255 255 / 50%);
    border-radius: 10px;
    background: #14128385;
    margin: 4px 2px 0 2px;
    padding:0 0 10px 0;
}
.fieldset_colores_entrada {
    box-shadow: inset 0 5px 10px 0 rgb(255 255 255 / 50%);
    border-radius: 10px;
    background: #0000008c;
    margin: 4px 2px 0 2px;
    padding:0 0 10px 0;
}
.fieldset_agregar_color {
    width: 94%;
    margin: 0;
    padding: 0;
}
.fieldset_agregar_color .flexItem {
    margin: 0;
    padding: 0;
}
#btn_add{
    margin-top: 5px;
}

.linkcontranota {color:white!important;font-weight: bold;text-decoration: none!important}
.linkcontranota:hover {color:white!important;font-weight: bold;text-decoration: none!important}
.linkcontranota:visited {color:white!important;font-weight: bold;text-decoration: none!important}


.ui-jqgrid tr.jqgrow td{
    height: 35px !important;
}
.btn_verify {
    border-radius: 5px;
    box-shadow: 0 5px #000;
    border: 1px solid #000;
}
.btn_verify:active {
    box-shadow: 0 1px 0 0 #000;
    transform: translateY(4px);
}

#table_log_modificacion_importante tbody {
    font-size: 12px;
}
#table_auth_modificacion_importante tbody {
    font-size: 12px;
}

.helper .text-danger {background-color:yellow}

.right-legend {
    position: absolute;
    top: -40px;
    right: 20px;
    font-weight: bold;
}
.legend-verificacion {
    height: max-content;
    color: var(--danger);
    font-size: 1.8em;
    letter-spacing: 1em;
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 18px;
    /*right: 50px;*/
    z-index: 1;
    width: fit-content;
    border-radius: 10px;
    opacity: 0.4;
}


fieldset {
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    /* margin-top: 4px; */
    /* margin-bottom: 0px; */
    padding: 0 5px 5px;
    border: 1px solid #000;
    border-radius: 6px;
    box-shadow: 0 3px 5px #0000008f;
    /* padding-top: 10px;*/
}

.flexItem {
    flex: 0 1 auto;
    margin-left: 0.3em;
    margin-right: 0.3em;
    margin-top: 0.3em;
    margin-bottom: 0.2em;
    /*padding-left: 0.5em;
    padding-right: 0.5em;*/
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.cassete_elem {
    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;
    float: left;
}

.content_description_nota {border: 1px solid #000;border-radius: 5px;padding: 0; /*margin: 0;*/}
.content_description_nota .content-inputs-data {position:relative; margin: 4px 2px 0px 2px; padding:0 0 10px 0; height: 610px}
.content_description_nota .flexItem {margin-left: 4px;}
.content_description_nota .input-l {font-size: 1.2rem;}
.content_description_nota .content-inputs-data .indicadores_cassetera {
    position: absolute;
    bottom: 5px;
}

.content_description_nota .lbl {
    font-size: 0.9em;
}

#table_entrada_productos tbody tr {background: transparent}


/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #f8faff #A6C9E2;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 0.8em;
}

*::-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);
}

*::-webkit-scrollbar-thumb {
    background-color: #A6C9E2;
    -webkit-box-shadow: inset 0 0 2px rgba(25, 65, 96, 0.85);
    border-radius: 3px;
    /*box-shadow: 1px 1px 2px #77a9e1, 0 0 0.1em #194160, 0 0 0.1em #d0d0d2;*/

}
*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(166, 201, 226, 0.82);
    -webkit-box-shadow: inset 0 0 2px rgba(25, 65, 96, 0.85);
    /*box-shadow: 1px 1px 2px #77a9e1, 0 0 0.1em #194160, 0 0 0.1em #d0d0d2;*/

}

.log_tagify
{
    font-size: 10px;
    background: whitesmoke;
    line-height: 18px;
}
.log_tagify_self_item
{
    font-size: 10px;
    background: whitesmoke;
    line-height: 18px;
}

.help_hot_key {
    font-size: 10px;
}

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

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #000;
}

/*.content-inputs-data .table_ajuste_inventario {*/
/*    height: 400px;*/
/*}*/

.content-inputs-data .table tbody{
    background-color: white;
}
.table_ajuste_inventario tbody {
    background-color: white;
}

.label_inconsistencia {
    background: var(--warning);
    color: var(--danger) !important;
    display: inline-block; width: 100px;
}

.content-inputs-data .snap_shot_existencia {
    height: 375px;
    overflow: auto;
    width: 100%;
}

.ui-icon-waning_vx::after {
    content:"";
    background-image: url(../../img/32-warning.png);
    background-size: 100% auto;
    display: inline-block;
    width: 30px!important;
    top: 100%!important;
}

.content_numeros_de_notas {
    position: absolute;
    right: 75px;
    top: -35px;
    width: 300px;
}
td.nota_de_Entrada {
    box-shadow: inset 0 0 15px 0 rgb(128,255,128);
}

td.nota_de_Salida {
    box-shadow: inset 0 0 15px 0 rgb(128,77,143);
}

.notaBodegaAvisos_negativo_rollos_quantity {
    background-color:yellow;
    color:red;
    padding:0.1em 0.3em;
    border:1px black solid;
    animation:bodega_aviso_prod_blink 0.5s linear infinite alternate 0.5s;
}


.nota_water_mark {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    text-shadow: 2px 2px 2px #a3a3a3;
    color: var(--danger);
    font-size: 4em;
    /* font-weight: bold; */
    /* letter-spacing: 0.5em; */
    justify-content: center;
    align-content: center;
    opacity: 0.5;
    transform: rotate(-45deg);
    height: min-content;
    width: fit-content;
    margin: auto;
}

@media (min-width: 1400px) and (max-width: 1899px) {
    .content_numeros_de_notas {
        width: 150px;
        right: 5px;
        /* background-color: red; */
    }
    .history-btn{
        right: 3%!important;
    }
}


@media (min-width: 1900px) {
    .content_numeros_de_notas {
        width: 250px;
        /* background-color: red; */
    }
}


/*                                           Estilos checkbox con palomita para verified                            */
.checkbox-verified-31:hover .check {
    stroke-dashoffset: 0;
}

.checkbox-verified-31 {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.checkbox-verified-31 .background {
    fill: #ccc;
    /*transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;*/
}
.checkbox-verified-31 .stroke {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    stroke-dashoffset: 100;
    stroke-dasharray: 100;
    /*transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;*/
}
.checkbox-verified-31 .check {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    stroke-dashoffset: 22;
    stroke-dasharray: 22;
    /*transition: ease all 0.6s;
    -webkit-transition: ease all 0.6s;*/
}
.checkbox-verified-31 input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 0;
    -appearance: none;
    -webkit-appearance: none;
}
.checkbox-verified-31 input[type=checkbox]:hover {
    cursor: pointer;
}
.checkbox-verified-31 input[type=checkbox]:checked + svg .background {
    fill: #0000FF;
}
.checkbox-verified-31 input[type=checkbox]:checked + svg .stroke {
    stroke-dashoffset: 0;
}
.checkbox-verified-31 input[type=checkbox]:checked + svg .check {
    stroke-dashoffset: 0;
}
/*                                         END estilos checkbox con palomita para verified                            */

.nota-custom-file{
    position: relative;
    display: inline-block;
    width: 40px;
    margin-bottom: 0;
}
#div_json_file_list{
    width: 35em;
    max-height: 4em;
    overflow-y: auto;
    overflow-x: hidden;
}

/* style history nota bodega *********************************** */
.color-black{
    color: black;
}

.color-blue{
    color: blue;
}
.color-red{
    color: #fc0303;;
}

.capitalize{
    text-transform: capitalize;
}
.history-change{
    margin: 0px 15px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: rgb(232 232 232);
}
.history-change a {
    width: 100%;
    height: 90%;
    text-decoration: none;
    color: black;
}
.header-history{
    height: 72px;
    width: 100%;
    display: inline-flex;
}
.importan_history {
    height: 72px;
    width: 100%;
    display: inline-flex;
    color: white;
    border-radius: 10px;
    padding: 3px 0;
    background-color: rgb(253 224 71);
}
.his-items-count{
    width: 4%;
}
.history-title{
    width: 55%;
    text-align: center;
    color: rgb(121, 119, 121);
    font-size: 20px;
}
.history-imp-title{
    width: 55%;
    text-align: center;
    color: white;
    font-size: 20px;
}
#btn-header-history {
    width: 35%;
    margin: 10px auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}
.history-btn{
    width: 3em;
    height: 3em;
    position: absolute;
    right: 17%;
    top: 95px;
    z-index: 1000;
}
.history-btn i{
    text-decoration: none;
    font-size: 2em;
    margin: 0 5px;
    cursor: pointer;
}
.his-items-count span{
    font-size: 13px;
    font-style: italic;
}

#full-header-hist{
    width: 100%;
}

iframe#iframe-nota-bodega-hist {
    width: 100%;
    height: 100%;
}

.resalt-change{
    box-shadow: 2px 2px 7px 0px yellow!important;
    background-color: #f9ff44!important;
    border-radius: 8px!important;
    min-height: auto!important;
    border: 1px solid red;
    filter: grayscale(0%);
}

.resalt-change-green{
    box-shadow: 2px 2px 7px 0px #94ff6a !important;
    background-color: #b5ff85 !important;
    border-radius: 8px!important;
    min-height: auto!important;
    filter: grayscale(0%);
}

.resalt-change-red{
    box-shadow: 2px 2px 7px 0px #ff6a6a !important;
    background-color: red !important;
    border-radius: 8px!important;
    min-height: auto!important;
    filter: grayscale(0%);
    color: white;
}

.header-delete-history{
    position: fixed;
    right: 10px;
    background-color: #a1a1ef;
    padding: 10px;
    border-radius: 12px;
    color: white;
    cursor: pointer;
    z-index: 1100;
}
.header-delete-history:hover{
    background-color: #66669d;
    border: 1px solid #a1a1ef;
    box-shadow: 2px 2px 7px 0px #a1a1ef;
}

#modal-delete-bodega-hist{
    text-align: center;
}
.hist-del{
    margin-left: 10px;
}
.history_count{
    position: absolute;
    top: -10px;
    right: 0px;
    background-color: rgb(155 151 151);
    border-radius: 25px;
    width: 15px;
    height: 15px;
    text-align: center;
    color: white;
    font-size: 10px;
}
.history_count_imp{
    background-color: rgba(241,204,95,1);
}
.resum-history{
    display: none;
    padding: 10px 2px;
    width: 500px;
    box-shadow: rgb(119, 169, 225) 1px 1px 2px, rgb(25, 65, 96) 0px 0px 0.1em, rgb(208, 208, 210) 0px 0px 0.1em;
    border-radius: 6px;
    overflow: auto;
}
.history-btn-imp{
    position: absolute;
    right: 5px;
    bottom: 5px;
}
i#modal-contextmenu-imp {
    --fa-primary-color: rgba(241,204,95,1);
    --fa-secondary-color: #cab50e;
}

/* end style history nota bodega *********************************** */

div#lock-info {
    text-align: center;
    max-width: 45px;
    font-size: 10px;
    font-weight: bold;
}
.lock-auto{
    padding: 1px;
    color: white;
    background-color: #e35959;
}
.lock-su{
    padding: 1px;
    color: white;
    background-color: blue;
}
.lock-ajuste{
    padding: 1px;
    color: white;
    background-color: green;
}
.mod_nota_date{
    font-size: 12px;
    font-weight: 700;
}
.mov_salida{
    color: rgba(0,0,255);
    font-style: italic;
    text-shadow: 0px 1px 1px #333;
}
.mov_entrada{
    color: rgba(128,255,128,1);
    font-style: italic;
    text-shadow: 2px 2px 2px #333;
}

#container_table_colores{
    height: 540px;
}
#row_table_colores{
    height: 100%;
}
.info_alta{
    font-size: 12px;
}

#content_table_colores{
    top: -85px;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
}

#history_back_original i {
    --fa-primary-color: white;
    --fa-secondary-color: mediumvioletred;
}
#history_back_original i:hover {
    --fa-primary-color: white;
    --fa-secondary-color: violet;
}
span.last_modification {
    position: absolute;
    bottom: 5px;
    right: 45px;
}
.colorAncho {width:15em!important;}
.entrada_size{width:9em!important;}
ul#ui-id-15 {
    color: black!important;
}
div#btnPrintNota {
    text-align: center;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 25px;
    cursor: pointer;
    z-index: 1300;
    width: 35px;
    height: 35px;
    border-radius: 15px;
    background-color: #94bddb;
}

div#btnPrintNota:hover {
    background-color: #78b3d0;
}
.important_time {
    --fa-primary-color: red!important;
    --fa-secondary-color: red!important;
    color: #ff0000;
}
.not_so_important {
    --fa-primary-color: #4141ff!important;
    --fa-secondary-color: #4141ff!important;
    color: #4141ff!important;
}
.important_time:hover {
    color: #bd0404;
    text-shadow: 0 0 black;
}

.verified_history {
    right: -50px;
    bottom: 45px;
    position: absolute;
    vertical-align: middle;
    width: 90px;
    background-color: yellow;
    color: purple;
    font-weight: bold;
    text-align: center;
    padding: 5px 2px;
}

#watermark h4{
    margin: 0px;
}

a.history-preview {
    color: #bbbbbb;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}

div#diferencia-tiempo {
    width: 20%;
    margin: 0px 40%;
    text-align: center;
    height: 25px;
    position: fixed;
    z-index: 1400;
    background-color: yellow;
    top: 0px;
    border-radius: 15px;
    color: red;
    font-size: 20px;
    font-weight: bold;
}
.info-colors-his{
    display: inline-flex;
}
.color-descript-yellow{
    box-shadow: 2px 2px 7px 0px yellow!important;
    background-color: #f9ff44!important;
    border-radius: 8px!important;
    border: 1px solid red;
    padding: 5px;
}
.color-descript-green {
    box-shadow: 2px 2px 7px 0px #94ff6a !important;
    background-color: #b5ff85 !important;
    border-radius: 8px!important;
    padding: 5px;
}
.color-descript-red{
    color: white;
    box-shadow: 2px 2px 7px 0px #ff6a6a !important;
    background-color: red!important;
    border-radius: 8px!important;
    padding: 5px;
}


.history-font {
    bottom: -2px;
    left: 5px;
    font-size: 12px;
}

.fa-layers {
    position: relative;

}

.fa-layers-counter {
    position: absolute;
    top: -5px;
    right: -11px;
    background-color: #5971d3;
    color: white;
    padding: 2px 4px;
    border-radius: 50%;
    font-size: 7px;
}
.cambio-a-entrada {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgb(187 253 187) 40%, rgb(128 254 160) 75%, rgb(212 243 204) 85%, rgb(236 255 232) 98%, rgb(255 255 255) 100%);
    font-size: 1.1em;
    width: 75%;
}
.lock-description{
    font-size: 12px;
    font-weight: bold;
    color: white;
}
.lock-description-sm{
    font-size: 10px;
    font-weight: bold;
    color: white;
}

.lock-row {
    /*width: 100px;*/
}

.padlock {
    padding-top: 5px;
    width: 20px;
}
.padlock-lock {
    border: 1px solid #5b5b5b;
    border-radius: 10px;
    background-color: #858585;
    text-shadow: #000 0px 0 5px;
    text-align: center;
}
.padlock:hover {
    text-shadow: 0px 1px 13px white;
    opacity: 1;
}


/*estilos parametros*/

#dab_parametros {
    overflow-y: scroll!important;
    height: 800px!important;
    width: 500px!important;
    padding: 20px;
    background-color: #e5e5e5;
    border: 1px solid #5b5b5b;
    border-radius: 5px;
    margin: 20px;
}

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

#lock-btn {
    color: blue;
    top: -10px;
    position: absolute;
}

.container-time {
    width: 100%;
    display: flex;
    margin-top: 5px;
}

.su-lock{
    --fa-primary-color: #e86800;
    --fa-secondary-color: #e86800;
}

.lo-lock{
    --fa-primary-color: #063689;
    --fa-secondary-color: #063689;
}

.in-lock{
    --fa-primary-color: #8c008f;
    --fa-secondary-color: #8c008f;
}

.lt-lock{
    --fa-primary-color: red;
    --fa-secondary-color: red;
}

.lock-item{
    text-shadow: 0px 1px 13px black;
    opacity: 0.9;
}

fieldset.field-form-params {
    padding: 20px;
    box-shadow: 4px 4px 10px #7f7e7e;
    border-radius: 15px;
    margin-bottom: 15px;
}

.field-form-params legend {
    text-transform: capitalize;
}
.is-invalid-param{
    border: 1px solid red;

}

.style-hist-list {
    display: block !important;
}

.Lock_por_tiempo_LT,
.Lock_por_tiempo_ajuste_inventario_LTA {
    border: 1px solid red;
}

.Lock_por_tiempo_LT legend,
.Lock_por_tiempo_ajuste_inventario_LTA legend {
    background-color: red;
    color: white;
    border: red;
}

.Super_user_lock{
    border: 1px solid #e86800;
}

.Super_user_lock legend {
    background-color: #e86800;
    color: white;
    border: #e86800;
}

.Traslado_match_lock_por_tiempo_TRS,
.Traslado_match_lock_automatico_TRS{
    border: 1px solid #063689;
}

.Traslado_match_lock_por_tiempo_TRS legend,
.Traslado_match_lock_automatico_TRS legend {
    background-color: #063689;
    color: white;
    border: #063689;
}


#cambiar_nota_v2 {
    cursor: pointer;
    width: 3em;
    height: 3em;
    position: absolute;
    right: 50%;
    top: 7%;
    z-index: 1000;
}

#cambiar_nota_v2 i {
    font-size: 20px;
    color: blue;
}