div.searchIcons {
    height: auto;
    width: 42px;
    float: right;
    top: -38px;
    position: relative;
    padding: 4px;
    display: flex;
    gap: 1px;
    background-color: #fff;
    left: -2px;
}

.fileContainer .searchIcons {
    height: 100%;
    top: -50%;
    width: max-content;
    align-items: center;
    background-color: inherit;
    border-radius: 8px;
}

    .fileContainer .searchIcons .uploadFileIcon img {
        width: 28px;
    }

    .fileContainer .searchIcons .cleanFileIcon img {
        width: 22px;
    }

.searchFileIcon {
    text-decoration: none;
}

.iconoBusqueda {
    position: static;
    float: left;
    top: 2px;
}

.iconoBusquedaEliminar {
    position: static;
    right: 49px;
    top: 2px;
}

.campoBusquedaMinWidth {
    min-width: 85px;
    /*width: calc(100% - 50px);*/
    width: 100%;
}

.campoCheckBox {
    /*margin: 0px -49px 0px 0px;*/
    /*float:right;*/
    /*width:20%;*/
}

div.fromCatalogAdvise {
    background-color: rgb(178,194,211);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #6B6B6B;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: black;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #6B6B6B;
    width: 450px;
    text-align: right;
    font-size: x-small;
    clear: both;
}

div.helpMe {
    border: 1px solid #FF6600;
    background-color: #FFFF99;
    width: 4px;
    height: 17px;
    float: left;
    color: #FFFF99;
}

div.showHelp {
    color: Blue;
    position: absolute;
    border: 1px solid #FF6600;
    background-color: #FFFF99;
    width: 250px;
    height: 100px;
    float: left;
    white-space: pre-wrap;
}

.MiscEgreso {
    border: 2px solid #FF0000;
}

div.MiscBox {
    clear: left;
    display: block;
    background-color: var(--color-ffffff);
    float: left;
    margin: 10px;
    padding: 10px 0;
    width: calc(100% - 24px);
    user-select: none;
    border-radius: 8px;
}

.lblImageTitle {
}

div.imageContainer {
    margin: auto;
    height: auto !important;
    border: 2px dotted #ff5300;
    border-radius: 10px;
    padding: 6px;
    align-items: center;
}

div.fileContainer {
    border: 1px solid var(--color-fbd3c0);
    padding: 7px !important;
    margin: 3px;
    height: 20px;
    background-color: var(--color-ffefe8) !important;
    border-radius: 8px;
    overflow-wrap: break-word;
    white-space: normal !important;
    min-height: fit-content;
    height: auto;
    width: 277px !important;
    max-width: 292px !important;
    text-align: left;
}

div.fileContainerFull {
    border: 1px solid #008080;
    padding: 1px;
    margin: 3px;
    width: auto;
    /*height: 20px;*/
    background-color: #CCFF99 !important;
    color: #008080;
    font-weight: bold;
}

div.containerFile {
    /*width:480px;*/
    text-align: left;
    white-space: nowrap;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 3px;
    padding: 2px;
    width: 600px;
    /*border:solid orange 1px;*/
}

div.shrinkedContainer {
    max-height: 46px;
}
/************Seccion tablas con scroll****************/
tr.captionsRow {
    border: solid red 1px !important;
    position: fixed;
}
/************Seccion tablas con scroll****************/
.permisoPendienteDis {
    border: 1px solid rgba(0,0,0,0.1) !important;
    color: #9f9f9f !important;
    background-color: #DFDFDF !important;
}

.permisoPendiente {
    border: 1px solid #E6B800;
    color: #000000;
    /*background-color: #ECE2C6;*/
}

:hover.permisoPendiente {
    color: #0080FF;
}

.invisible {
    display: none !important;
}

div.asterisk {
    /*float:left;
    margin-top:3px;
    padding:2px;*/
    float: right;
}

.noCumple {
    border: 2px solid #FF0000 !important;
    width: calc(100% - 50px);
    /*background-color: #FE7A9E !important;*/
}

div.containerEntry {
    white-space: nowrap;
    float: left;
    margin-left: 5px;
    margin-right: 15px;
    color: var(--color-002b66);
    background-color: inherit;
}
/*div.containerEntry:hover {
    padding-bottom:1px !important;
    border-bottom: solid #1487E2 2px !important;
}*/
.containerEntry a {
    text-decoration: none;
}

div.largeContainer {
    width: 566px;
}

div.smallContainer {
    width: 292px;
}

.divSearcher {
    height: 52px;
}

.inpText {
    white-space: normal;
    color: rgb(23,134,228);
}

/*Relacionados a la Child Table*/
div.containerChild {
    width: 98%;
    min-height: fit-content !important;
    /*height: 340px;*/
    /*border:solid black 1px;*/
    overflow: auto;
    margin: 10px;
    float: left;
    clear: both;
    text-align: center;
    color: rgb(23, 134, 228);
    padding-bottom: 10px;
}

div.containerChildToolBar {
    width: 100%;
    height: 41px;
    float: left;
    padding-top: 5px;
    clear: both;
    padding-bottom: 10px;
}

div.containerChildTable {
    width: 100%;
    /*height:270px;*/
    float: left;
    clear: both;
    /*border:solid blue 1px;*/
    overflow: auto;
    text-align: center;
    padding-bottom: 10px;
}

div.containerChildTableFixed {
    width: 99%;
    float: left;
    clear: both;
    /*border:solid blue 1px;*/
    text-align: center;
}

div.shrinkedChildTableCont {
    background-color: #C0C0C0;
    height: 55px;
}

div.containerChildTable table {
    margin: 0 auto;
    text-align: center;
}

div.containerChildTableFixed table {
    margin: 0 auto;
    text-align: left;
}

td.tdPredefStandarClass {
    background-color: rgb(255, 239, 232);
    border-radius: 8px;
    vertical-align: middle;
    text-align: center;
    border: 2px solid #fbd3c0;
}

    td.tdPredefStandarClass a {
        position: relative;
        align-content: center;
    }

        td.tdPredefStandarClass a img.childEntryInput_Dte {
            /*position: absolute;*/
            width: 26px;
            height: 26px;
        }

.divDatePicker {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2px;
}

td.tdHeadHidden {
    display: none;
    width: 0px;
}

td.tdHiddenClass {
    display: none !important;
    width: 0px;
}

td {
    border-radius: 10px;
}

td.tdBodyClass {
    /*border: 1px solid rgba(0,0,0,0.18);*/
    font-family: var(--font-family-regular);
    font-size: 12px;
    background-color: var(--color-cef1fe);
    color: #002b66;
    border-radius: 8px;
    height: 25px;
}

td.tdBodyClassDiferente {
    /*border: 1px solid rgba(0,0,0,0.18);*/
    font-family: var(--font-family-regular);
    font-size: 60%;
    background-color: var(--color-fbd3c0);
    color: var(--color-002b66);
    border-radius: 10px;
    padding: 6px;
    font-weight: bold;
}

td.tdPredefStandarClassDiferente {
    background-color: var(--color-ffefe8);
    /*border: 1px solid rgba(0,0,0,0.18);*/
    border-radius: 10px;
    font-family: var(--font-family-regular);
    font-size: 60%;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

td.tdBodyClassInusual {
    /*border: 1px solid black;*/
    font-family: var(--font-family-regular);
    font-size: 60%;
    background-color: #FFFF99 !important;
    color: #5e6c7d;
}

td.tdBodyClassInternaPreocupante {
    /*border: 1px solid black;*/
    font-family: var(--font-family-regular);
    font-size: 60%;
    background-color: var(--color-ff5300) !important;
    color: #FFE4CA;
}

td.tdBodyClassRelevante {
    /*border: 1px solid black;*/
    font-family: var(--font-family-regular);
    font-size: 60%;
    background-color: #00A7F3;
    color: #FFFFFF;
}

td.tdBodyClassl24h {
    /*border: 1px solid black;*/
    font-family: var(--font-family-regular);
    font-size: 60%;
    background-color: var(--color-error) !important;
    color: #FFFFFF;
}

td.tdBodyClassSEL {
    border: 1px solid #000000;
    font-family: var(--font-family-regular);
    font-size: 60%;
    background-color: #FFE4CA;
    border-radius: 8px;
}

td.tdStandarClass {
    /*text-align: left;*/
    text-align: center;
}

td.tdStandarClassSEL {
    border: 1px solid #000000;
    text-align: left;
    font-family: var(--font-family-regular);
    font-size: 60%;
    background-color: #FFE4CA;
}

td.tdSelectClass {
    /*text-align: left;*/
    text-align: center;
}

td.tdSelectClassSEL {
    border: 1px solid #000000;
    text-align: left;
    font-family: var(--font-family-regular);
    font-size: 80%;
    background-color: #FFE4CA;
}

td.tdNumericClass {
    text-align: right;
}

td.tdNumericClassSEL {
    border: 1px solid #000000;
    text-align: right;
    font-family: var(--font-family-regular);
    font-size: 60%;
    background-color: #FFE4CA;
}

td.tdLogicalClass {
    text-align: center;
}

td.tdLogicalClassSEL {
    border: 1px solid #000000;
    text-align: center;
    font-family: var(--font-family-regular);
    font-size: 95%;
    background-color: #FFE4CA;
}

td.tdDateClass {
    text-align: center;
}

td.tdDateClassSEL {
    border: 1px solid #000000;
    text-align: center;
    font-family: var(--font-family-regular);
    font-size: 60%;
    background-color: #FFE4CA;
}

table.gridClass {
    background-color: #FFFFFF;
    /* border-bottom: 1px solid black;
    border-collapse: collapse;
    border-left: 1px solid rgba(0,0,0,0.18);
    border-spacing: 0;
    empty-cells: show;*/
    width: 100%;
}

td.tdHeadStandarClass {
    background-color: #89DFFF;
    /*border: 1px solid rgba(0,0,0,0.18);*/
    font-family: var(--font-family-regular);
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    height: 25px;
    border-radius: 8px;
}

.gridClass tr {
    color: #002B66;
    text-indent: 4px;
}

    .gridClass tr td.tdBodyClass {
        background-color: var(--color-cef1fe);
    }

    .gridClass tr:hover td.tdBodyClass {
        background-color: rgb(255, 239, 232);
    }

.gridClass div.searchIcons {
    top: 0px;
    background-color: inherit;
}

td.tdHeadHidden {
    display: none;
    width: 0px;
}

td.tdImparClass {
    border-radius: 8px;
    height: 25px;
}

td.tdEditablePar {
    background-color: #FFFF66 !important;
}
/*FIN:Relacionado a la Child Table*/
div.divLabelEntry {
    clear: none;
    display: block;
    float: left;
    /*border:solid green 1px;*/
}

label.labelEntry {
    clear: none;
    display: block;
    font-weight: bold;
    overflow: hidden;
    /* text-align: right; */
    /* width: 270px; */
    white-space: normal;
    font-size: 12px;
    width: calc(100% - 50px);
}

div.divFieldEntry {
    clear: none;
    background-color: #FFF;
    /*border:#c5c5c5 solid thin;*/
    display: block;
    float: left;
    width: auto;
    /*position:relative;*/
    /*border:solid red 1px;*/
}

div.divSearchCondition {
    position: static;
}

div.divFieldCheckBox {
    width: 99%;
    border: none;
    background-color: transparent;
}

    div.divFieldCheckbox:hover {
        border: solid rgb(169,169,169) 1px;
    }

textarea.entryInput {
    border: none;
}

    textarea.entryInput:hover {
        border: 1px solid rgb(169, 169, 169);
    }

/*input.entryInput
{
    background-color:#FFF;*/
/*width:97%;*/
/*height:27px;
    font-size:17px;*/
/*margin-left:3px;*/
/*border:none;
    color:rgb(23,134,228)		    
}
    input.entryInput:hover {
        border: 1px solid rgb(169, 169, 169);
    }
    input.entryInput:disabled, select.entryInput:disabled {
        background-color:transparent;
    }
    input.entryInput:read-only {
        background-color:transparent;
    }*/

input.entryInput {
    background-color: #FFF;
    height: 28px;
    font-size: 17px;
    border: 2px solid #FBD3C0;
    padding: 10px 2px;
    border-radius: 8px;
    text-align: left;
    width: calc(100% - 8px);
}

    input.entryInput:not(:read-only):not(:disabled):hover {
        border: 2px solid var(--color-ff5300);
    }

    input.entryInput:not(:read-only):not(:disabled):selection {
        border: 2px solid var(--color-002b66);
    }

    input.entryInput:disabled, select.entryInput:disabled {
        background-color: transparent;
    }

    input.entryInput:read-only {
        background-color: transparent;
    }

select.entryInput:disabled,
select.entryInput:disabled:hover {
    color: var(--color-bcbcbc) !important;
    border: 2px solid var(--color-fbd3c0) !important;
}

input.inpDatePicker {
    margin: 0px 0px 0px 0px;
    font-size: 20px;
    text-align: justify;
    text-indent: 8px;
}

    /*input.inpDatePicker:not(:read-only):not(:disabled):hover + label + a    {
        filter: var(--image-color-hover);
    }*/
    input.inpDatePicker:not(:read-only):not(:disabled):focus-within:focus-visible + label + a {
        filter: var(--image-color-select);
    }

textarea.entryInput {
    border: 2px solid #FBD3C0;
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 0;
    width: calc(100% - 12px);
    min-width: calc(100% - 12px);
    max-width: calc(100% - 12px);
    min-height: 42px;
}

select.entryInput {
    background-repeat: no-repeat;
    background-color: #FFF;
    height: 29px;
    border: 2px solid var(--color-fbd3c0);
    border-radius: 8px;
    margin-left: 0px;
    margin-right: 0px;
    height: 52px;
    /*padding: 10px;*/
    width: 100% !important;
}

    select .entryInput option {
        border: 2px solid #FF5300;
        color: #002B66;
    }

    select.entryInput:hover,
    textarea.entryInput:hover {
        border: 2px solid #FF5300 !important;
    }

    select.entryInput:focus,
    textarea.entryInput:focus {
        border: 2px solid #002B66 !important;
    }

select.small {
    width: 294px;
}

select.large {
    width: 555px;
}

select.childEntryInput {
    background-repeat: no-repeat;
    background-color: #FFF;
    width: auto;
    height: auto;
    font-size: 16px;
    margin-left: 3px;
    color: rgb(23,134,228);
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 6px;
    padding: 8px 4px;
}

input.childEntryInput {
    background-repeat: no-repeat;
    background-color: inherit;
    width: auto;
    font-size: 14px;
    border: none;
    text-align: center;
    color: rgb(23, 134, 228);
    outline: none;
}

    input.childEntryInput:not(:read-only) {
        background-color: var(--color-ffffff);
        border-radius: 6px;
        padding: 8px 4px;
    }

        input.childEntryInput:not(:read-only):focus {
            background-color: #fff;
        }

textarea.childEntryInput {
    color: rgb(23,134,228);
}
/*.noEditable {
    background-color:#e4ffd9 !important;
}*/
.inpText:focus {
    /*background-color: #FDFCC1;*/
}

.inpSel:focus {
    /*background-color: #ffefe8;*/
}

.inpNumeric {
    text-align: right !important;
}

div.boton {
    background-position: url('../imagenes/rbBack.png');
    background: url('../imagenes/rbBack.png');
    border-width: 1px 1px 2px 1px;
    border-color: #3599FF;
    border-style: solid;
    display: block;
    color: Black;
    font-weight: bold;
    height: 19px;
    margin-bottom: 14px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    /*width: 191px;*/
}

div:hover.boton {
    border: 1px solid var(--color-89dfff);
}

div.botonDisabled {
    background: url('../imagenes/rbBackDis.png');
    border-width: 1px 1px 2px 1px;
    border-color: Gray;
    border-style: solid;
    display: block;
    color: Gray;
    font-weight: bold;
    height: 19px;
    margin-bottom: 14px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    /*text-indent: 30px;*/
    /*width: 191px;*/
}

div.containerButton {
    bottom: 0;
    display: flex;
    float: left;
    height: 64px;
    margin-top: auto;
    margin-bottom: auto;
    padding: 2px;
    text-align: left;
    top: 0;
    white-space: nowrap;
    /*Validar si se queda el padding-top - 2025-0724*/
    padding-top: 8px !important;
}

div.tempLogin {
    background-color: White;
    border: solid blue 1px;
}

table.tempLoginTable {
    width: 100%;
}
/*********Relativo a la ventana modal*********/
.overlay {
    display: none;
    /*position: absolute;*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    z-index: 1001;
    opacity: .75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
}

.modal {
    border: 2px inset #FF5300;
    display: none;
    position: absolute;
    top: 50px;
    background: #fff;
    color: #002b66;
    z-index: 1002;
    border-radius: 10px;
    padding: 10px;
    max-width: calc(100vw - 30px);
    max-height: 92%;
}

.modalTitle_OLD {
    border-width: 0px;
    float: left;
    border-color: black;
    /*background-image: url(../imagenes/tabAmarillo.jpg);*/
    /*background: url('../imagenes/ModalDivTitle.png');*/
    color: #fff;
    background-color: #01759d;
    background: -webkit-linear-gradient(#01759d,#8ABFD1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#01759d,#8ABFD1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#01759d,#8ABFD1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#01759d,#8ABFD1); /* Standard syntax (must be last) */
    /*font-family: var(--font-family-regular); /*font-size: large;*/
    font-family: var(--font-family-regular);
    font-weight: bold;
    text-align: left;
    left: 10px;
    height: 25px;
    /*width:100%;*/
    padding-top: 5px;
    padding-left: 5px;
    border-bottom-style: solid;
    clear: both;
}

.modalTitle {
    float: left;
    color: #002b66;
    background-color: #fff;
    font-family: var(--font-family-regular);
    font-size: 1.64rem;
    text-align: left;
    font-weight: 600;
    /* left: 10px; */
    /* height: 25px; */
    width: 100%;
    clear: both;
    margin-bottom: 2px;
    /* border-left: solid white 20px; */
    /* border-right: solid white 20px; */
    border-top: solid white 10px;
    /* border-bottom: solid white 10px; */
    border-bottom: solid #EBEBEB 2px;
    border-radius: 20px 20px 0 0;
    cursor: pointer;
}

.modal .modalTitle {
    border: none;
}

.modalContainer {
    border: 0px;
    padding: 0px;
    overflow: auto;
    clear: both;
    height: 100%;
}

.realContainer {
    clear: both;
    overflow-y: auto;
    background-color: #fff;
    padding-bottom: 6px;
    padding-top: 6px;
    /*min-height: 191px;*/
    transition: 0.4s;
    transition-property: max-height, padding;
    transition-delay: 0.2s;
    transition-timing-function: linear;
    border-radius: 0 0 20px 20px;
}
/*********Relativo a la ventana modal*********/
/*********Relativo a el control Tabbed Panel*****/
div.tabPanel {
    width: 98%;
    height: 300px;
    float: left;
    clear: both;
    /*border:solid black 1px;*/
    margin: 10px;
    text-align: center;
}

div.selTabTitle {
    /*background-image: url(../imagenes/tabAmarillo.jpg);*/
    background-repeat: repeat-x;
    /*border: 1px solid #FFCC00;*/
    border: 1px solid #318a1b;
    width: 150px;
    height: 25px;
    font-weight: bold;
    /*background-color: #C1D9FD;*/
    background-color: rgb(152, 167, 80);
    float: left;
    text-align: center;
}

div.tabTitle {
    /*border: 1px solid #FF9900; /*width: 150px;*/
    border: 1px solid #318a1b;
    padding-left: 5px;
    padding-right: 5px;
    height: 25px;
    font-weight: bold;
    /*background-color: #FFFFCC;*/
    background-color: rgb(236, 249, 253);
    float: left;
    text-align: center;
    color: #000000;
}

div.selTabContainer {
    width: 99%;
    height: 95%;
    float: left;
    clear: both;
    overflow: auto;
    border: solid black 1px;
    text-align: center;
    /*background-color: #FFFFCC;*/
    background-color: rgb(236, 249, 253);
}

div.tabContainer {
    /*display:none;*/
    /********************/
    width: 99%;
    height: 95%;
    float: left;
    clear: both;
    overflow: auto;
    border: solid black 1px;
    text-align: center;
    /*background-color: #FFFFCC;*/
    background-color: rgb(236, 249, 253);
}
/*********Relativo a el control Tabbed Panel*****/
/*********Relativo al webtoolbar*******/
div.wtbSecondDiv {
    /*border: 2px solid #3399FF;*/
    /*border-left: solid 2px #000000;
    border-top: solid 4px black;
    border-right: solid 2px #aca899;
    border-bottom: solid 2px #aca899;*/
    display: block;
    overflow: auto;
    /*width: 98%;*/
    text-align: center;
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: black #00A7F3 #00A7F3 #000000;
    height: auto;
    padding: 5px;
    /**/
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
}

    div.wtbSecondDiv .switch-container {
        height: auto !important;
    }

.containerEntry:has(.switch-container) {
    margin-bottom: 1px;
}

/*********Relativo al webtoolbar*******/
.disabledText {
    background-color: rgb(233, 193, 18);
}

div.itembox {
    border: 1px solid #FFFFFF;
    background-color: #6699FF;
}
/*BOTONES GRAFICOS*/
input.isGrafical {
    border-style: none;
    height: 53px;
    width: 53px;
}
/*BOTON AGREGAR*/
.addbutton {
    background: url(../Imagenes/img/toolbar/add.png);
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    background-size: contain;
}

    .addbutton:hover {
        background-image: url('../Imagenes/img/toolbar/add_hover.png');
    }

    .addbutton:active {
        background-image: url('../Imagenes/img/toolbar/add_activo.png');
    }

.addButtonDis {
    /*background: url('../imagenes/mas_off.png');
    background-repeat: no-repeat;*/
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}

.addButtonBlock, btnGCB_btnAgregar {
    background: url('../imagenes/lock.png');
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    background-position: 22px 22px;
    background-size: 10px 10px; /* <------ */
    background-repeat: no-repeat;
}
/*BOTON EDITAR*/
/*.editButton
{
    border-style: none;
    background: url('../imagenes/editar.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.editButtonDis {
    /*border-style: none;
    background: url('../imagenes/editar_off.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;*/
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}

.editButtonBlock {
    /*border-style: none;
    background: url('../imagenes/lock.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;*/
    background: url('../imagenes/lock.png');
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    background-position: 22px 22px;
    background-size: 10px 10px; /* <------ */
    background-repeat: no-repeat;
}
/*BOTON ELIMINAR*/
/*.deleteButton
{
    border-style: none;
    background: url('../imagenes/menos.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.deleteButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}

.deleteButtonBlock {
    border-style: none;
    background: url('../imagenes/menos_block.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}

.webToolBar {
    /*background-color:#98a750;
    background-color:#adc3d5;    */
    /*height:50px;*/
    text-align: right;
    padding: 12px;
}
/*BOTON GUARDAR*/
/*.saveButton
{
    border-style: none;
    background: url('../imagenes/guardar.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.saveButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}
/*BOTON CANCELAR*/
/*.cancelButton
{
    border-style: none;
    background: url('../imagenes/cancelar.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.cancelButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}
/*BOTON ELEGIR*/
/*.pickButton
{
    border-style: none;
    background: url('../imagenes/elegir.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.pickButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}
/*BOTON HISTORIAL*/
/*.historyButton
{
    border-style: none;
    background: url('../imagenes/historial.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.historyButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}
/*BOTON seguridad*/
/*.lockButton
{
    border-style: none;
    background: url('../imagenes/seguridad.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.lockButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}
/*BOTON IMPRIMIR*/
/*.printButton
{
    background: url('../imagenes/imprimir.png');
    background-repeat: no-repeat;
    background-position:center top;
}*/
.printButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}

.printButtonBlock {
    background: url('../imagenes/imprimir_block.png');
    background-repeat: no-repeat;
}
/*BOTON DEVOLVER*/
/*.getBackButton
{
    border-style: none;
    background: url('../imagenes/movimientos.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.getBackButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}
/*BOTON BUSCAR*/
/*.searchButton
{
    border-style: none;
    background: url('../imagenes/zoom_20.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.searchButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}

.CustomImgContainer {
    width: 150px;
    height: 160px;
}
/*BOTON aviso*/
/*.noticeButton
{
    border-style: none;
    background: url('../imagenes/Aviso.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.noticeButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}
/*BOTON HelpFile*/
/*.helpButton
{
    border-style: none;
    background: url('../imagenes/Help.png');
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}*/
.helpButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}

label.lblFileCaption {
    border: solid blue 1px;
}

.labelRequerido {
    font-weight: bold !important;
    color: #FF0000 !important;
}

div.wtbSecondDiv .btnSecundario {
    margin-left: 5px;
    position: relative;
    float: left;
    border: 1px solid rgba(0,0,0,0.1);
    vertical-align: middle;
    cursor: default;
    align-content: center;
}

div.wtbSecondDiv button:disabled {
    background-color: #DFDFDF !important;
    color: #9f9f9f !important;
}

.tdTotalClass {
    background-color: #f4f3d6;
}
/*BOTON btnNotas*/
.noteButtonDis {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}

/*Sección de checkbox para visualizar campo en el formulario*/
.toggle {
    float: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 70px;
    height: 18px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    outline: none;
    border: none;
    cursor: pointer;
    background-color: #707070;
    transition: background-color ease 0.5s;
    z-index: 999;
}

    .toggle::before {
        content: "Visible Oculto";
        display: block;
        position: absolute;
        z-index: 2;
        width: 16px;
        height: 16px;
        background: #fff;
        left: 2px;
        top: 1px;
        border-radius: 50%;
        font: 12px/18px Helvetica;
        text-transform: uppercase;
        font-weight: bold;
        text-indent: -47px;
        word-spacing: 18px;
        color: #fff;
        text-shadow: -1px -1px rgba(0,0,0,0.15);
        white-space: nowrap;
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
        transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
    }

    .toggle:checked {
        background-color: #4CD964;
    }

        .toggle:checked:before {
            left: 52px;
        }
/*fin de la sección*/

.divRequerido {
    display: block !important;
}

.MainFrame {
    margin: 0px 0px 0px 0px;
    height: 99.5%;
    width: 100%;
    padding: 0px;
    border: 0px;
    /*position:fixed;*/
}

/*upfileasync styles*/
.upFileFormat {
    color: dimgray;
    font-weight: 700;
    font-size: 12px;
}

.upFileTitle {
    font-weight: 700;
    border: medium;
    color: darkslategray;
    font-size: 16px;
}

.upFileDescription {
    font-size: 14px;
}

.btnInfoManual {
    color: #2196f3;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

    .btnInfoManual:disabled {
        color: #DFDFDF !important;
        filter: saturate(0.5) brightness(0.8);
    }

div.modalCustom > div.modalTitle {
    border-bottom: 1px solid;
    height: min-content !important;
    margin: 0 10px !important;
}

.defaultImage {
    border: 2px solid var(--color-disabled);
    pointer-events: none;
}

div.imageContainer .entryImage {
    cursor: default;
    border-radius: 10px;
    margin: 4px;
}

    div.imageContainer .entryImage:not(.defaultImage) {
        border: 2px solid var(--color-ff5300);
    }

.container-image {
    border-radius: 10px;
    height: 100%;
    width: 100%;
}

.switch {
    position: relative;
    display: flex;
    width: 40px;
    height: 20px;
    background-color: #d9d9d9;
    border-radius: 20px;
    transition: all 0.3s;
    cursor: pointer;
}

    .switch::after {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: white;
        top: 1px;
        left: 1px;
        transition: all 0.3s;
    }

.campoCheckBox:checked + .switch::after {
    left: 20px;
}

.campoCheckBox:checked + .switch {
    background-color: #002b66;
}

td.tdSwithContainerClass {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
}

td.tdPredefStandarClass,
td.tdLogicalClass,
td.tdSwithContainerClass {
    justify-items: center;
}

    td.tdPredefStandarClass .campoCheckBox,
    td.tdLogicalClass .campoCheckBox,
    td.tdSwithContainerClass .campoCheckBox {
        display: none;
    }

.icon-edit-field,
.icon-update-field {
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px !important;
    padding: 2px;
    position: absolute;
    right: 4px;
    top: 30px;
}

    .icon-update-field.icon-saving {
        animation: saving 1s infinite;
        pointer-events: none;
    }

.inpSelect ~ .icon-edit-field,
.inpSelect ~ .icon-update-field {
    right: 20px;
}

.inpDatePicker ~ .icon-edit-field,
.inpDatePicker ~ .icon-update-field {
    right: 36px;
}

.inpCheck ~ .icon-edit-field,
.inpCheck ~ .icon-update-field {
    right: 60px;
    /*top: 8px;*/
}

.noEditable ~ .icon-edit-field,
.noEditable ~ .icon-update-field {
    right: 50px;
}

.i-error::after {
    content: "\e5c9";
    font-family: 'Material Icons';
    font-size: 20px;
    position: absolute;
    right: 42px;
    z-index: 1000;
    font-style: normal;
    top: 30px;
    background-color: white;
    color: darkred;
    border-radius: 50%;
}

.i-success::after {
    content: "\e86c";
    font-family: 'Material Icons';
    font-size: 20px;
    position: absolute;
    right: 42px;
    z-index: 1000;
    font-style: normal;
    top: 30px;
    background-color: white;
    color: darkgreen;
    border-radius: 50%;
}

.inpCheck ~ .i-error::after,
.inpCheck ~ .i-success::after {
    /*top: 10px;*/
    right: 90px;
}

.noEditable ~ .i-error::after,
.noEditable ~ .i-success::after {
    right: 75px;
}

@keyframes saving {
    100% {
        transform: rotate(360deg);
    }
}

.box-choose div select {
    text-indent: 0;
}

.login-header-close {
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
    padding: 0 0 10px 0;
}

    .login-header-close .iconClose {
        flex-basis: 20%;
        position: unset;
        left: 0;
        top: 0;
    }

    .login-header-close .card-title {
        flex-basis: 80%;
    }

select option:hover {
    background-color: var(--color-ff5300) !important;
}


.tdPredefStandarClass textarea {
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 6px;
    outline: none;
    max-width: 400px !important;
    min-width: 200px !important;
    max-height: 90px !important;
}

/*.tdPredefStandarClass .childEntryInput {
    border: 1px solid rgba(0, 0, 0, 0.18);
}*/

input.childEntryInput:not(:read-only) {
    border: 1px solid rgba(0, 0, 0, 0.18);
}