﻿@font-face {
    font-family: 'StBold';
    src: url(../Fonts/SantanderHeadlineW05-Bold.woff2) format('truetype');
}

@font-face {
    font-family: 'StItalic';
    src: url(../Fonts/SantanderHeadlineW05-Italic.woff2) format('truetype');
}

@font-face {
    font-family: 'StLight';
    src: url(../Fonts/SantanderHeadlineW05-Light.woff2) format('truetype');
}

@font-face {
    font-family: 'StRg';
    src: url(../Fonts/SantanderHeadlineW05-Rg.woff2) format('truetype');
}
@font-face {
    font-family: 'StMicroBold';
    src: url('../fonts/santandermicrotextw05-bold.woff2') format('truetype');
    font-weight:700;
}


body {
    font-family: 'StRg';
    font-size: 13px !important;
    color: #6C787A !important;
    /*background-color: white !important;*/
    line-height: 2.0em !important;
}

/*html, body {
    margin:0;
    height:100%;
}*/

/* Inicio Zona Responsive */
/*. {
    min-width: 211px;
}*/
.row > [class*="col-md-"] {
    min-width: 211px;
}

.row > [class*="col-"] > label {
    display: block;
    margin-bottom: 5px;
}

.modalBackground {
    background-color: black;
    opacity: 0.8;
}

.formModalPopup {
    border-radius: 6px;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding-top: 0;
    padding-left: 10px;
    width: inherit;
    height: inherit;
}

.titulo-seccion {
    font-family: 'StBold';
    font-size: 24px;
    color: #000000;
    margin: 1rem 0px 1rem 0;
}

.subtitulo-seccion {
    font-family: 'StRg';
    font-size: 20px;
    color: #000000;
}

.titulo-card {
    font-size: 14px;
    font-family: 'StBold';
    margin-bottom: -7px;
}

.subtitulo-card {
    font-size: 12px;
    line-height: 1.2;
    display: block;
    margin-top: 8px;
    padding: 0;
}



@media (max-width: 768px) and (min-width:320px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }
}

@media (max-width: 767px) and (min-width:576px) {

    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md {
        display: none !important;
    }

    .visible-md {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1999px) {
    .hidden-lg {
        display: none !important;
    }

    .visible-lg {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xl {
        display: none !important;
    }

    .visible-xl {
        display: block !important;
    }
}

@media (max-width: 1000px) {
    .CountMaxLength {
        bottom: 44px;
    }
}

@media (min-width: 1240px) {
    .CountMaxLength {
        bottom: 28px;
    }
}



/* Fin Zona Responsive */



/* -- Inicio Zona Menu -- */

.header-portal {
    background: #d50000;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.header-img {
    height: 19px;
    margin-right: 4px;
}

.logo-container {
    display: flex;
    align-items: center;
    color: white;
    font-size: 22px;
    font-weight: 500;
}

    .logo-container img {
        height: 120px;
    }

.menu-header {
    display: flex;
    align-items: center;
    gap: 25px;
}

.menu-link {
    color: white !important;
    text-decoration: none;
    font-size: 14px;
}

    .menu-link:hover {
        color: #f5f5f5 !important;
        text-decoration: none;
    }

    .menu-link i {
        margin-right: 5px;
    }

.divInfo {
    /*border: 1px solid #c7b3b3;*/
    border-radius: 10px;
    padding: 10px;
    background-color: #6C787A;
    width: 110%;
    margin-top: 20px;
    /*width: 225px;*/
    /*position: absolute;
    top: 20px;*/
    font-size: 11px;
    border-collapse: initial !important;
}

div.divInfo {
    border-radius: 10px;
    padding: 10px 0;
    background-color: #f5f9fb;
    width: 107%;
    margin-top: 20px;
    font-size: 11px;
    border-collapse: initial !important;
    margin-left: 4px !important;
    z-index: 9999;
    position: relative;
}

.Menu_option {
    padding-top: 15px;
}

.divInfo tr td {
    color: white;
    font-family: 'StRg';
    line-height: 23px;
}

.divInfo span {
    color: #222222;
    font-family: 'StRg';
    line-height: 23px;
    font-size: 14px;
}

.bold {
    font-family: 'StBold' !important;
}

@media (max-width: 1200px) {
    .InfoText {
        font-weight: bold;
        font-size: 14px;
    }
}

.Sbmenu li a {
    display: block;
    position: relative;
    padding: 3px 0px 3px 0px;
}

    .Sbmenu li a:after {
        content: "›";
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        color: #555;
    }

.findOpc a:after {
    color: #ff0000 !important;
}

.Sbmenu li {
    border-left: 4px solid transparent;
    padding-left: 10px;
}

.findOpc {
    border-left: 4px solid #ff0000 !important;
}

    .findOpc a {
        color: #ff0000 !important;
        font-family: 'StBold';
        padding-left: 6px !important;
    }


ul#menu-dashboard {
    display: block;
}

#menu-dashboard ul {
    list-style: none;
    padding: 0;
    /*line-height: 33px;*/
}

#menu-dashboard li {
    padding: 2px 0 2px 0;
}

#menu-dashboard a {
    text-decoration: none !important;
}

#menu-dashboard ul li a {
    background-color: white;
    border-radius: 10px;
    display: list-item;
    /*text-decoration: none !important;*/
    padding-left: 13px;
    font-size: 16px;
    cursor: pointer;
    color: #5d5d5d;
}

.n1 > .a1 {
    cursor: pointer;
    border-top: 1px solid #d9d9d9;
    height: 3rem;
    padding-top: 10px;
}

#MenuGestion > .a1 {
    border-top: none;
}

.aa1 {
    background-color: white;
    /* border-radius: 10px; */
    display: list-item;
    text-decoration: none;
    padding-left: 16px;
    color: #222222 !important;
    height: 34px;
    font-size: 16px;
    font-weight: bold;
    /* padding-top: 3px; */
    font-family: 'StBold';
}

.a1 > img {
    float: right;
    margin-top: 4px;
    margin-right: 10px;
    width: 16px;
}

.a1:hover {
    color: #fff;
}

.BtnFinSesion {
    text-decoration: none;
    color: #fff;
}

.dropdown-toggle::after {
    display: none !important;
}

.links:hover {
    /*  background-color: #e8e8e8 !important;*/
}

/* -- Fin Zona Menu -- */



.imgclosesesion {
    padding-left: 162px;
    position: absolute;
}

.fondo_logo2 {
    background-image: url(../../images/Banner.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    height: 234px;
}

.fondo_logo3 {
    background-image: url(../../images/LogoProveedores.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    height: 234px;
}


.CardBsan {
    /*background-color: #EE0000 !important;*/
    color: black;
    font-size: 14px;
    font-weight: bolder;
    font-family: 'StRg';
}

.card {
    border: none !important;
    border-radius: 0px !important;
    box-shadow: 0px 1px 6px rgba(68, 68, 68, 0.2);
}

.card2 {
    width: 317px;
    height: 92px;
    border-radius: 8px !important;
}


.shadowBan {
    box-shadow: 0px 1px 6px rgba(68, 68, 68, 0.2);
}

.card .CardBsan {
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
}


#cuerpo {
    width: 77%;
    /*min-height: -webkit-fill-available;*/
    position: absolute;
    /*height: 100%;*/
    background-color: #f5f9fb !important;
    height: -webkit-fill-available;
    height: 100vh;
}

body {
    background-color: transparent !important;
}

label {
    font-family: 'StRg';
    color: black;
    margin-bottom: 3px !important;
    font-size: 16px;
}

.fs14 {
    font-family: 'StBold';
    font-size: 14px;
}

.detalle-header {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.campo-detalle {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
}

    .campo-detalle label {
        min-width: 140px; /* ajusta según el largo de los textos */
        margin: 0;
        color: black;
        font-weight: 600;
    }

    .campo-detalle .valor {
        color: #222;
    }


.Campo-Derecha {
    background-color: #f5f9fc;
    border-radius: 16px;
    padding: 20px;
}


.InputOval {
    width: 192px;
    height: 48px;
    padding: 4px 10px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background: #fff;
    font-size: 12px;
    color: #666;
    box-sizing: border-box;
}

.w-250 {
    width: 250px !important;
    height:48px !important;
}

.CountMaxLength {
    /* position: absolute;
    right: 19px;*/
    font-size: 12px;
    color: #777;
    pointer-events: none;
}

.CountEmailMaxLength {
    /*position: absolute;*/
    /*right: 19px;
    bottom: 8px;*/
    font-size: 12px;
    color: #777;
    pointer-events: none;
}

.DropDownBS {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2323779A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: 1em auto, 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 100%;
    padding-right: 23px;
}

select::-ms-expand {
    display: none;
}

select > option {
    background-color: #fff;
}

/*select > option:hover {
        background-color:  rgb(245,245,245) !important;
    }*/
.btnVolver {
    background-color: transparent;
    font-family: 'StBold';
    color: #e02020;
    border: none;
    padding: 6px 18px 6px 30px;
    font-size: 14px !important;
}

.btnVolver-flecha {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e02020' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: 7px center;
    background-size: 15px 15px;
}

.btn-close-modal {
    position: absolute;
    top: 18px;
    right: 30px;
    border: none;
    background: transparent;
    color: #222222;
    font-size: 42px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    z-index: 100;
    padding: 0;
}

    .btn-close-modal:hover {
        color: #000;
    }

.btn-danger {
    border-radius: 50px !important;
    background-color: #ee0000 !important;
    width: 112px;
    height: 32px;
    padding: 0px !important;
    font-size: 14px !important;
    font-family: 'StMicroBold';
}

    .btn-danger:hover {
        color: #fff !important;
        background-color: #c82333 !important;
        border-color: #bd2130 !important;
    }

.btn-outline-danger {
    font-weight: bold !important;
    border-radius: 15px !important;
}

    .btn-outline-danger:hover {
        color: #fff !important;
        background-color: #c82333 !important;
        border-color: #bd2130 !important;
    }



.btnText {
    background: none;
    border: none;
    color: #a50202;
    outline: none;
}

    .btnText:hover {
        color: #ee0000;
    }

    .btnText:disabled {
        color: #ababab;
    }

.BtnDownload {
    background: none;
    border: none;
    float: right;
    outline: none;
    position: absolute;
    width: 78px;
    height: 33px;
}

.BtnDownloadExcel {
    border-radius: 12px;
    color: #2F8488;
    border-color: transparent;
    font-size: 14px !important;
    background-color: transparent;
    font-family: 'StBold';
}

.btn-Salir {
    font-family: 'StMicroBold';
    background-color: #fff;
    color: red;
    border: 1px solid transparent;
    box-shadow: 0 0 8px rgba(151, 146, 146, 0.6);
    border-radius: 15px !important;
    width: 112px;
    height: 32px;
    font-size: 14px !important;
}

    .btn-Salir:hover {
        background-color: #fff5f5;
        color: #dc3545;
    }

.btn-limpiar {
    font-family: 'StMicroBold';
    background-color: #fff;
    color: #EC0000;
    border: 1px solid transparent;
    box-shadow: 0 0 8px rgba(151, 146, 146, 0.6);
    border-radius: 50px !important;
    padding: .2rem .75rem !important;
    width: 152px;
    height: 32px;
    font-size: 14px !important;
}

    .btn-limpiar:hover {
        background-color: #fff5f5;
        color: #dc3545;
    }

.ImgDownload {
    width: 35px;
    margin-right: 5px;
}

.btnCarga {
    background-image: url('../Imagenes/Carga.png');
    background-repeat: no-repeat;
    background-position: 12px center;
    padding-left: 40px;
}

.btnImgDescarga {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.iconoDescarga {
    width: 18px;
    height: 18px;
}

.TextDownload {
    font-size: 17px;
    top: 2px;
    /*position: relative;*/
    font-weight: 600;
    color: #9c9c9c;
}

/*ring*/
.uil-ring-css {
    background: none;
    position: relative;
}

    .uil-ring-css > div {
        position: absolute;
        display: block;
        width: 80px;
        height: 80px;
        border-radius: 80px;
        box-shadow: 0 2px 0 0 #EC0000;
        -ms-animation: uil-ring-anim 1s linear infinite;
        -moz-animation: uil-ring-anim 1s linear infinite;
        -webkit-animation: uil-ring-anim 1s linear infinite;
        -o-animation: uil-ring-anim 1s linear infinite;
        animation: uil-ring-anim 1s linear infinite;
    }

.brown .uil-ring-css > div {
    box-shadow: 0 2px 0 0 #fff;
}

.uil-ring-css > div:before {
    content: "";
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes uil-ring-anim {
    .uil-ring-css > div:before 0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .uil-ring-css > div:before 100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#Background {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: Gray;
    filter: alpha(opacity=40);
    opacity: 0.4;
    z-index: 1006;
    /*margin-left:50px;*/
}

#Progress {
    position: fixed;
    top: 40%;
    left: 45%;
    z-index: 1006;
}

/*fin ring*/




/* Inicio Zona Alert */

#casillAlert {
    margin: 0 24px 20px 24px !important;
    font-size: 13px;
}

.alert-dismissible .close {
    /*top: 6px !important;*/
    right: 6px !important;
    padding: 0 !important;
    height: 100%;
}

/*.close {
    line-height: 0 !important;
}*/

.hide {
    opacity: 0;
    transition: opacity 1000ms;
}

.alert-success {
    color: #005549 !important;
    background-color: #a7f2e8 !important;
}

.alert-danger {
    color: #7c0000 !important;
    background-color: #ffb8b8 !important;
    border-color: #f5c6cb !important;
}

.alert-warning {
    color: #ca9600 !important;
    background-color: #fff3b8 !important;
    border-color: #ffeeba !important;
}

.alert-light {
    border-color: #e6e6e6 !important;
}

.alert {
    border-radius: 10px !important;
    box-shadow: 6px 6px 7px -1px #c2c2c2b5;
    margin: 15px 0 35px 0px !important;
}




/* Fin Zona Alert*/


/*inicio table*/

/*.DDFooter > td {
    border: 1px solid #fff !important;
}
.DDFooter {
    background-color: transparent !important;
}




.table td {
    border-top: none !important;
}

.GridTable th {
    vertical-align: inherit !important;
}

.GridTable th:first-child {
    border-radius: 17px 0 0 0 !important;
    padding-left: 15px;*/
/*text-align:center;*/
/*}

.GridTable th:last-child {
    border-radius: 0 17px 0 0 !important;
}

 .GridTable th {
    border-color: transparent !important;   
}

.tablalista_head {*/
/*border-color: transparent !important;*/
/*}

.GridHeaderCenter {
    text-align:center;
}

.TextRed {
    color: red;
}*/

/*fin table*/


/* inicio Modal*/

.modalTop {
    /*top: -185px !important;*/
    /*se reemplazo en min.cs .modal top:-180px*/
}

.modal-open .modal {
    top: 0px;
    height: -webkit-fill-available !important; /*auto;*/
    height: 100vh;
}

.modalWidth {
    max-width: 70% !important;
}

.modal-body {
    font-size: 13px;
}

.vista-en-iframe {
    margin-top: -2rem !important;
}
/*dialog::backdrop {
    background: rgba(0,0,0,.6);
}*/
/*.fullscreen-modal .modal-dialog {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

@media (min-width: 768px) {
    .fullscreen-modal .modal-dialog {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .fullscreen-modal .modal-dialog {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .fullscreen-modal .modal-dialog {
        width: 1170px;
    }
        margin-top: 17px;
    margin-left: 15px;
}*/
/* Fin Modal*/

@media (max-width: 1250px) {
    .btn-limpiar2 {
        margin-top: 17px;
    }
}

.Separator {
    margin: 30px 0px 30px 0px;
}


.chevron::before {
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: -4px;
    /* right: 20px; */
    position: relative;
    top: 0.25em;
    transform: rotate(-45deg);
    vertical-align: super;
    width: 8px;
    /* font-size: 29px; */
    /* line-height: 14px; */
    padding: 4px;
}

.chevron.right:before {
    left: 0;
    transform: rotate(45deg);
}







.popover__title {
    font-size: 24px;
    line-height: 36px;
    text-decoration: none;
    color: rgb(228, 68, 68);
    text-align: center;
    padding: 15px 0;
}

.popover__wrapper {
    position: relative;
    margin-top: 1.5rem;
    display: inline-block;
}

.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    body left: 23px;
    transform: translate(0, 10px);
    background-color: #bfbfbf;
    padding: 1.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: 200px;
}

    .popover__content:before {
        position: absolute;
        z-index: -1;
        content: "";
        right: calc(100% - 5px);
        top: 103px;
        border-style: solid;
        border-width: 0px 10px 10px 10px;
        border-color: transparent transparent #bfbfbf transparent;
        transition-duration: 0.3s;
        transform: rotate(-90deg);
        transition-property: transform;
    }

.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -120px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__message {
    text-align: center;
}


/*inicion iconos */
.iconExcel {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0OHB0IiBoZWlnaHQ9IjQ4cHQiIHZpZXdCb3g9IjAgMCA0OCA0OCIgdmVyc2lvbj0iMS4xIj48ZyBpZD0ic3VyZmFjZTU4ODUyNjgiPjxwYXRoIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigyOS44MDM5MjIlLDY4LjYyNzQ1MSUsMzEuMzcyNTQ5JSk7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjIxO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZTpyZ2IoODAlLDgwJSw4MCUpO3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBkPSJNIDE0OS42MzA4MDIgMzkuMTkyOTI3IEwgMTQ5LjYzMDgwMiAxMzEuODEwMTggQyAxNDkuNjMwODAyIDEzMy43NzgxMDEgMTQ4LjAzNzcyMiAxMzUuMzcxMTgxIDE0Ni4wNjk4MDEgMTM1LjM3MTE4MSBMIDg5LjA2MjU1NCAxMzUuMzcxMTgxIEwgODkuMDYyNTU0IDM1LjYzMTkyNiBMIDE0Ni4wNjk4MDEgMzUuNjMxOTI2IEMgMTQ4LjAzNzcyMiAzNS42MzE5MjYgMTQ5LjYzMDgwMiAzNy4yMjUwMDUgMTQ5LjYzMDgwMiAzOS4xOTI5MjcgWiBNIDE0OS42MzA4MDIgMzkuMTkyOTI3ICIgdHJhbnNmb3JtPSJtYXRyaXgoMC4yNTAxMDUsMCwwLDAuMjUwMTA1LDIuNjMxMjM2LDIuNjMxMjM2KSIvPjxwYXRoIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigxMDAlLDEwMCUsMTAwJSk7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjIxO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZTpyZ2IoODAlLDgwJSw4MCUpO3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBkPSJNIDExNC4wMDUxNzcgNTMuNDM2OTI5IEwgMTM4LjkzMjE4MSA1My40MzY5MjkgTCAxMzguOTMyMTgxIDY0LjExOTkzMSBMIDExNC4wMDUxNzcgNjQuMTE5OTMxIFogTSAxMTQuMDA1MTc3IDg5LjA2MjU1NCBMIDEzOC45MzIxODEgODkuMDYyNTU0IEwgMTM4LjkzMjE4MSA5OS43NDU1NTYgTCAxMTQuMDA1MTc3IDk5Ljc0NTU1NiBaIE0gMTE0LjAwNTE3NyAxMDYuODY3NTU3IEwgMTM4LjkzMjE4MSAxMDYuODY3NTU3IEwgMTM4LjkzMjE4MSAxMTcuNTY2MTc3IEwgMTE0LjAwNTE3NyAxMTcuNTY2MTc3IFogTSAxMTQuMDA1MTc3IDcxLjI1NzU1MSBMIDEzOC45MzIxODEgNzEuMjU3NTUxIEwgMTM4LjkzMjE4MSA4MS45NDA1NTMgTCAxMTQuMDA1MTc3IDgxLjk0MDU1MyBaIE0gODkuMDYyNTU0IDUzLjQzNjkyOSBMIDEwNi44Njc1NTcgNTMuNDM2OTI5IEwgMTA2Ljg2NzU1NyA2NC4xMTk5MzEgTCA4OS4wNjI1NTQgNjQuMTE5OTMxIFogTSA4OS4wNjI1NTQgODkuMDYyNTU0IEwgMTA2Ljg2NzU1NyA4OS4wNjI1NTQgTCAxMDYuODY3NTU3IDk5Ljc0NTU1NiBMIDg5LjA2MjU1NCA5OS43NDU1NTYgWiBNIDg5LjA2MjU1NCAxMDYuODY3NTU3IEwgMTA2Ljg2NzU1NyAxMDYuODY3NTU3IEwgMTA2Ljg2NzU1NyAxMTcuNTY2MTc3IEwgODkuMDYyNTU0IDExNy41NjYxNzcgWiBNIDg5LjA2MjU1NCA3MS4yNTc1NTEgTCAxMDYuODY3NTU3IDcxLjI1NzU1MSBMIDEwNi44Njc1NTcgODEuOTQwNTUzIEwgODkuMDYyNTU0IDgxLjk0MDU1MyBaIE0gODkuMDYyNTU0IDcxLjI1NzU1MSAiIHRyYW5zZm9ybT0ibWF0cml4KDAuMjUwMTA1LDAsMCwwLjI1MDEwNSwyLjYzMTIzNiwyLjYzMTIzNikiLz48cGF0aCBzdHlsZT0iZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMTguMDM5MjE2JSw0OS4wMTk2MDglLDE5LjYwNzg0MyUpO2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDoyMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2U6cmdiKDgwJSw4MCUsODAlKTtzdHJva2Utb3BhY2l0eToxO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgZD0iTSA5Ni4xODQ1NTUgMTQ5LjYzMDgwMiBMIDIxLjM3MjMwNSAxMzUuMzcxMTgxIEwgMjEuMzcyMzA1IDM1LjYzMTkyNiBMIDk2LjE4NDU1NSAyMS4zNzIzMDUgWiBNIDk2LjE4NDU1NSAxNDkuNjMwODAyICIgdHJhbnNmb3JtPSJtYXRyaXgoMC4yNTAxMDUsMCwwLDAuMjUwMTA1LDIuNjMxMjM2LDIuNjMxMjM2KSIvPjxwYXRoIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigxMDAlLDEwMCUsMTAwJSk7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjIxO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZTpyZ2IoODAlLDgwJSw4MCUpO3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBkPSJNIDY4LjE0OTQ4NSAxMTAuNDQ0MTc2IEwgNTkuNTU5MzUxIDk0LjE4NTM5NyBDIDU5LjIzMTM2NSA5My41NzYyNzggNTguODg3NzU5IDkyLjQ2NzM3IDU4LjU0NDE1NCA5MC44NDMwNTQgTCA1OC40MTkyMDYgOTAuODQzMDU0IEMgNTguMjQ3NDA0IDkxLjYwODM1NyA1Ny44NzI1NjIgOTIuNzc5NzM5IDU3LjI2MzQ0MyA5NC4zNDE1ODEgTCA0OC42NDIwNzMgMTEwLjQ0NDE3NiBMIDM1LjI1NzA4NCAxMTAuNDQ0MTc2IEwgNTEuMTQxMDIxIDg1LjUwMTU1MyBMIDM2LjYwMDI2OCA2MC41NTg5MzEgTCA1MC4yNjYzODkgNjAuNTU4OTMxIEwgNTcuNDA0MDA5IDc1LjUwNTc2MiBDIDU3Ljk1MDY1NCA3Ni42OTI3NjIgNTguNDUwNDQzIDc4LjA5ODQyIDU4Ljg4Nzc1OSA3OS43MDcxMTggTCA1OS4wNDM5NDMgNzkuNzA3MTE4IEMgNTkuMzA5NDU3IDc4LjczODc3NiA1OS44NDA0ODMgNzcuMjg2MjYyIDYwLjYwNTc4NiA3NS4zNjUxOTYgTCA2OC41MjQzMjcgNjAuNTU4OTMxIEwgODEuMDUwMzAzIDYwLjU1ODkzMSBMIDY2LjA4Nzg1MyA4NS4yODI4OTUgTCA4MS40NzIgMTEwLjQyODU1OCBMIDY4LjE0OTQ4NSAxMTAuNDI4NTU4IFogTSA2OC4xNDk0ODUgMTEwLjQ0NDE3NiAiIHRyYW5zZm9ybT0ibWF0cml4KDAuMjUwMTA1LDAsMCwwLjI1MDEwNSwyLjYzMTIzNiwyLjYzMTIzNikiLz48cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDI5LjgwMzkyMiUsNjguNjI3NDUxJSwzMS4zNzI1NDklKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMzkuMTY0MDYyIDExLjU0Mjk2OSBMIDI0LjkwNjI1IDExLjU0Mjk2OSBMIDI0LjkwNjI1IDM2LjQ4ODI4MSBMIDM5LjE2NDA2MiAzNi40ODgyODEgQyAzOS42NTYyNSAzNi40ODgyODEgNDAuMDU0Njg4IDM2LjA4OTg0NCA0MC4wNTQ2ODggMzUuNTk3NjU2IEwgNDAuMDU0Njg4IDEyLjQzMzU5NCBDIDQwLjA1NDY4OCAxMS45NDE0MDYgMzkuNjU2MjUgMTEuNTQyOTY5IDM5LjE2NDA2MiAxMS41NDI5NjkgWiBNIDM5LjE2NDA2MiAxMS41NDI5NjkgIi8+PHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigxMDAlLDEwMCUsMTAwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDMxLjE0NDUzMSAxNS45OTYwOTQgTCAzNy4zNzg5MDYgMTUuOTk2MDk0IEwgMzcuMzc4OTA2IDE4LjY2Nzk2OSBMIDMxLjE0NDUzMSAxOC42Njc5NjkgWiBNIDMxLjE0NDUzMSAyNC45MDYyNSBMIDM3LjM3ODkwNiAyNC45MDYyNSBMIDM3LjM3ODkwNiAyNy41NzgxMjUgTCAzMS4xNDQ1MzEgMjcuNTc4MTI1IFogTSAzMS4xNDQ1MzEgMjkuMzU5Mzc1IEwgMzcuMzc4OTA2IDI5LjM1OTM3NSBMIDM3LjM3ODkwNiAzMi4wMzUxNTYgTCAzMS4xNDQ1MzEgMzIuMDM1MTU2IFogTSAzMS4xNDQ1MzEgMjAuNDUzMTI1IEwgMzcuMzc4OTA2IDIwLjQ1MzEyNSBMIDM3LjM3ODkwNiAyMy4xMjUgTCAzMS4xNDQ1MzEgMjMuMTI1IFogTSAyNC45MDYyNSAxNS45OTYwOTQgTCAyOS4zNTkzNzUgMTUuOTk2MDk0IEwgMjkuMzU5Mzc1IDE4LjY2Nzk2OSBMIDI0LjkwNjI1IDE4LjY2Nzk2OSBaIE0gMjQuOTA2MjUgMjQuOTA2MjUgTCAyOS4zNTkzNzUgMjQuOTA2MjUgTCAyOS4zNTkzNzUgMjcuNTc4MTI1IEwgMjQuOTA2MjUgMjcuNTc4MTI1IFogTSAyNC45MDYyNSAyOS4zNTkzNzUgTCAyOS4zNTkzNzUgMjkuMzU5Mzc1IEwgMjkuMzU5Mzc1IDMyLjAzNTE1NiBMIDI0LjkwNjI1IDMyLjAzNTE1NiBaIE0gMjQuOTA2MjUgMjAuNDUzMTI1IEwgMjkuMzU5Mzc1IDIwLjQ1MzEyNSBMIDI5LjM1OTM3NSAyMy4xMjUgTCAyNC45MDYyNSAyMy4xMjUgWiBNIDI0LjkwNjI1IDIwLjQ1MzEyNSAiLz48cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDE4LjAzOTIxNiUsNDkuMDE5NjA4JSwxOS42MDc4NDMlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMjYuNjg3NSA0MC4wNTQ2ODggTCA3Ljk3NjU2MiAzNi40ODgyODEgTCA3Ljk3NjU2MiAxMS41NDI5NjkgTCAyNi42ODc1IDcuOTc2NTYyIFogTSAyNi42ODc1IDQwLjA1NDY4OCAiLz48cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDEwMCUsMTAwJSwxMDAlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMTkuNjc1NzgxIDMwLjI1MzkwNiBMIDE3LjUyNzM0NCAyNi4xODc1IEMgMTcuNDQ1MzEyIDI2LjAzNTE1NiAxNy4zNTkzNzUgMjUuNzU3ODEyIDE3LjI3MzQzOCAyNS4zNTE1NjIgTCAxNy4yNDIxODggMjUuMzUxNTYyIEMgMTcuMTk5MjE5IDI1LjU0Mjk2OSAxNy4xMDU0NjkgMjUuODM1OTM4IDE2Ljk1MzEyNSAyNi4yMjY1NjIgTCAxNC43OTY4NzUgMzAuMjUzOTA2IEwgMTEuNDQ5MjE5IDMwLjI1MzkwNiBMIDE1LjQyMTg3NSAyNC4wMTU2MjUgTCAxMS43ODUxNTYgMTcuNzc3MzQ0IEwgMTUuMjAzMTI1IDE3Ljc3NzM0NCBMIDE2Ljk4ODI4MSAyMS41MTU2MjUgQyAxNy4xMjUgMjEuODEyNSAxNy4yNSAyMi4xNjQwNjIgMTcuMzU5Mzc1IDIyLjU2NjQwNiBMIDE3LjM5ODQzOCAyMi41NjY0MDYgQyAxNy40NjQ4NDQgMjIuMzI0MjE5IDE3LjU5NzY1NiAyMS45NjA5MzggMTcuNzg5MDYyIDIxLjQ4MDQ2OSBMIDE5Ljc2OTUzMSAxNy43NzczNDQgTCAyMi45MDIzNDQgMTcuNzc3MzQ0IEwgMTkuMTYwMTU2IDIzLjk2MDkzOCBMIDIzLjAwNzgxMiAzMC4yNSBMIDE5LjY3NTc4MSAzMC4yNSBaIE0gMTkuNjc1NzgxIDMwLjI1MzkwNiAiLz48L2c+PC9zdmc+);
}

.icon--xls {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCAxNCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPHBhdGggZD0iTTkuOTEyOTc2MzEsNS40OTk5NzUwMyBMMTMuODgwOTQ1NSwwLjgyOTcwNzI2NyBDMTQuMDEwNTA5NSwwLjY3NzExNzQyNSAxNC4wMzY2NTI4LDAuNDY3MTU2NTk4IDEzLjk0NzkwMTcsMC4yOTAwMDA1OSBDMTMuODU5MjU1NCwwLjExMjc5NDY1MSAxMy42NzE1ODkzLDEuNDE5MTMwOTRlLTE1IDEzLjQ2NTYzODcsMS40MTkxMzA5NGUtMTUgTDkuMDE0ODgyNTUsMS40MTkxMzA5NGUtMTUgQzguODUzNjIxNzUsMS40MTkxMzA5NGUtMTUgOC43MDEwNTc5MywwLjA2OTM1NDQ4IDguNTk5NjI4MTMsMC4xODg3ODk5ODUgTDcuMDAwMDEzMjIsMi4wNzE0OTY5OCBMNS40MDAzOTgzMSwwLjE4ODc4OTk4NSBDNS4yOTg5Njg1MiwwLjA2OTM1NDQ4IDUuMTQ2MzUyMzEsMCA0Ljk4NTE0MzksMCBMMC41MzQzODc3ODQsMCBDMC4zMjg0MzcxMDIsMCAwLjE0MDc3MTAyNywwLjExMjc5NDY1MSAwLjA1MjA3MjM0OTIsMC4yOTAwMDA1OSBDLTAuMDM2NjI2MzI4OSwwLjQ2NzE1NjU5OCAtMC4wMTA0ODMwMDkyLDAuNjc3MTY3MzU2IDAuMTE5MDgwOTc4LDAuODI5NzA3MjY3IEw0LjA4NzA1MDE0LDUuNDk5OTc1MDMgTDAuMTE5MDgwOTc4LDEwLjE3MDI0MjggQy0wLjAxMDUzNTQwMDYsMTAuMzIyODMyNiAtMC4wMzY2MjYzMjg5LDEwLjUzMjc5MzUgMC4wNTIwNzIzNDkyLDEwLjcwOTk0OTUgQzAuMTQwNzcxMDI3LDEwLjg4NzEwNTUgMC4zMjgzODQ3MTEsMTAuOTk5OTUwMSAwLjUzNDM4Nzc4NCwxMC45OTk5NTAxIEw0Ljk4NTE0MzksMTAuOTk5OTUwMSBDNS4xNDYzNTIzMSwxMC45OTk5NTAxIDUuMjk4OTY4NTIsMTAuOTMwNTk1NiA1LjQwMDM5ODMxLDEwLjgxMTE2MDEgTDcuMDAwMDEzMjIsOC45Mjg1MDMwMiBMOC41OTk1NzU3NCwxMC44MTEyMSBDOC43MDEwMDU1MywxMC45MzA2NDU1IDguODUzNjIxNzUsMTEgOS4wMTQ4MzAxNSwxMSBMMTMuNDY1NjM4NywxMSBDMTMuNjcxNTg5MywxMSAxMy44NTkyNTU0LDEwLjg4NzIwNTMgMTMuOTQ3OTAxNywxMC43MDk5OTk0IEMxNC4wMzY2MDA0LDEwLjUzMjg0MzQgMTQuMDEwNTA5NSwxMC4zMjI4MzI2IDEzLjg4MDg5MzEsMTAuMTcwMjkyNyBMOS45MTI5NzYzMSw1LjQ5OTk3NTAzIFogTTkuMjY5NzY2ODIsMS4wMTg0OTcyNSBMMTIuMzQ1NDU3NywxLjAxODQ5NzI1IEw5LjIyNTM5MTI4LDQuNjkwNjg5NjQgTDcuNjg3NTk4MjUsMi44ODA2ODI1MSBMOS4yNjk3NjY4MiwxLjAxODQ5NzI1IFogTTQuNzMwMjU5NjMsOS45ODE0NTI4MiBMMS42NTQ1Njg3OSw5Ljk4MTQ1MjgyIEw0Ljc3NDU4Mjc3LDYuMzA5MjYwNDMgTDYuMzEyMzc1OCw4LjExOTI2NzU1IEw0LjczMDI1OTYzLDkuOTgxNDUyODIgWiBNOS4yNjk3NjY4Miw5Ljk4MTQ1MjgyIEwxLjY1NDU2ODc5LDEuMDE4NDk3MjUgTDQuNzMwMjU5NjMsMS4wMTg0OTcyNSBMMTIuMzQ1NDA1Myw5Ljk4MTQ1MjgyIEw5LjI2OTc2NjgyLDkuOTgxNDUyODIgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjODIzMERGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg==);
}

.DDControl2 {
    /* Quita la apariencia nativa del select (flecha del navegador) */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Caja tipo píldora */
    border: 1px solid #d0d5dd;
    border-radius: 20px;
    background-color: #ffffff;
    padding: 8px 32px 8px 16px;
    font-size: 14px;
    color: #333;
    width: 75px;
    cursor: pointer;
    /* Flecha (chevron) personalizada como fondo, alineada a la derecha */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23127277' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px 20px;
}

    /* Quita la flecha nativa en IE/Edge viejo */
    .DDControl2::-ms-expand {
        display: none;
    }

    /* Opcional: efecto al hacer foco/hover */
    .DDControl2:hover,
    .DDControl2:focus {
        border-color: #0a7e8c; /* o el color turquesa que uses en tu marca */
        outline: none;
    }

/*fin iconos */
.checkCarga input[type="checkbox"] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    vertical-align: middle;
}

.InputOval[readonly] {
    cursor: no-drop;
    /*color: #8e8e8e;*/
}

.InputOval:disabled {
    cursor: no-drop;
}

.TextDescription {
    color: #afafaf;
    font-style: oblique;
    font-size: 12px;
}

.InputOval.datepicker {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2388B8B8' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
    padding-right: 40px;
}

/* Zona Tooltip*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

/* ejemplo
<div class="tooltip">Hover over me
  <span class="tooltiptext">Tooltip text</span>
</div>
*/

/* Fin Zona Tooltip*/


.TxtNoBordes {
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #a23d3d;
    outline: none;
    top: 4px;
    position: relative;
}


.ImgPointer {
    cursor: pointer;
}

.Monto {
    font-family: 'StBold';
    font-size: 18px;
}

.TotaleraMontos {
    font-size: 16px;
    font-family: 'StRg';
    color: black;
}

.labelBold {
    font-family: 'StBold';
    /*font-size: 11px;*/
    /*font-weight: bold;*/
    /*padding: 3px;*/
    /*color: #6C787A;*/
    /*background-color: #FFFFFF;*/
}

.stDivScroll {
    max-height: 185px;
    overflow-x: auto;
}

.custom-file-label::after {
    display: none !important;
}

/*
.ulejemplo {
    list-style-image: url("../Imagenes/icone-loupe.png");
}*/

.custom-file-input {
    width: 89px !important;
    height: 25px !important;
    right: 88px !important;
    cursor: pointer !important;
    font-size: 0;
}

.modal-content {
    max-height: 530px;
    overflow-y: auto;
}


/* Si el iframe mide menos de 992px (lo que incluye a casi todos los modales), se vuelve 100% */
@media (max-width: 992px) {
    .upload-area {
        width: 100% !important;
    }

    .card {
        box-shadow: none;
    }
}

.divExcellement {
    background-color: white;
    position: relative;
    top: 1px;
    padding: 10px 0;
    box-shadow: 0px -3px 6px rgba(68, 68, 68, 0.2);
}

/*.GridTable > .DDFooter > td {
    border-top: none !important;
}*/

/*.noborber {
    border-top: none !important;
}*/

/*Inicio estilos Estados*/
.badge-estado {
    padding: 4px 14px;
    border-radius: 6px;
    font-weight: bold;
    display: inline-block;
    font-size: 0.9rem;
    text-align: center;
    width: 100%;
}

/*(Texto verde, fondo verde muy claro) */
.badge-ok {
    background-color: #f1f8f5;
    color: #1e6c41;
}

/* (Texto café, fondo claro) */
.badge-pendent {
    background-color: #fef9ec;
    color: #a0782b;
}

/* (Texto rojo oscuro, fondo rosado) */
.badge-bad {
    background-color: #fdeaea;
    color: #a92022;
}

/* (Texto negro, fondo amarillo) */
.badge-warn {
    background-color: #f8c21a;
    color: #1a1a1a;
}

/* (Texto blanco, fondo azul oscuro) */
.badge-inf {
    background-color: #276f92;
    color: #ffffff;
}

/* (Texto azul oscuro, fondo claro) */
.badge-inf2 {
    background-color: #e8f4f8;
    color: #1c526d;
}
/*Fin estilos Estados*/
