/* width */
::-webkit-scrollbar {
    z-index: 1;
    width: 10px;
    background: #e7e7e7;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px pink;
    border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #019fe3;
    /*border-radius: 5px 5px 5px 5px;*/

    /*background: rgb(253,13,87);*/
    /*background: linear-gradient(0deg, rgba(253,13,87,1) 0%, rgba(247,240,0,1) 100%);*/
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #1c72b9;
}

label.form-label{
    color: #484848;
}
a{
    color:  #312783;
}
.nav-link{
    color: #312783;
}
input{
    color: #312783 !important;
    /*color: black !important;*/
}
select{
    color: #312783 !important;
    /*color: black !important;*/
}

.btn-header{
    color: black;
    border-color: black;
    background: antiquewhite;
}
.btn-bg-white{
    background-color: white!important;
}
.btn-bg-white:hover{
    color: #0d6efd;
    background-color: white;
    border-color: white;
}
.btn-bg-white-s{
    background-color: antiquewhite!important;
}
.btn-bg-white-s:hover{
    color: #0d6efd;
    background-color: white;
    border-color: white;
}

.btn-principal{
    background-image: radial-gradient(circle at 50% -20.71%, #ff9800 0, #ff831a 12.5%, #ff6d2c 25%, #ff5636 37.5%, #f23c3c 50%, #db2140 62.5%, #c60043 75%, #b30046 87.5%, #a2004a 100%);
}
.btn-principal:hover{
    background-color: rgba(224, 0, 56, 0.78);
}
.btn-outline-principal{
    color: #eb0036c7;
    border-color: #eb0036c7;
}

.bg-verde{
    background-color: #00fb3661;
}


.bg-naranja{
    background-color: #F7A000;
}
.bg-naranja-amarillo{
    /*
    from #fd0d57 rosarojo
    to #f7f000 amarillo

    SOLID
    background: rgb(253,13,87);
    background: linear-gradient(0deg, rgba(253,13,87,1) 0%, rgba(247,240,0,1) 100%);

    TRANSPARENT
    background: rgb(253,13,87);
    background: linear-gradient(0deg, rgba(253,13,87,0.8323704481792717) 0%, rgba(247,240,0,0.8939950980392157) 100%);

    */
    background: white;
    background: linear-gradient(0deg, rgba(253,13,87,0.8323704481792717) 0%, rgba(247,240,0,0.8939950980392157) 100%);

}
.color-rosa-palo{
    color: #ff4b6e;
}
.fondo-rosa-palo{
    background-color: #ff4b6e;
}
.fondo-azul{
    /*AZUL*/
    /*background-color: #0d62fd;*/
    /*AZUL Y TURQUESA*/
    /*background: rgb(113,178,198);*/
    /*background: linear-gradient(0deg, rgba(113,178,198,1) 30%, rgba(13,98,253,1) 100%);*/
    /*AZUL Y MORADO*/
    /*background: rgb(156,113,198);*/
    /*background: linear-gradient(0deg, rgba(128,110,209,1) 22%, rgba(65,103,233,1) 65%, rgba(13,98,253,1) 100%);*/
    /*ROJO ROJO*/
    /*background: rgb(220,0,0);*/
    /*background: linear-gradient(0deg, rgba(220,0,0,1) 0%, rgba(255,0,0,1) 100%);*/
    background: rgba(255, 255, 255, 0.5);
}
.color-azul{
    color: #0d62fd;
}
.bg-gris{
    background-color: #f4f4f4;
}

/*.border-bottom{*/
/*    border: 1px solid #eb0036c7 !important;*/
/*}*/

.bg-lineas-diagonales {
    background: repeating-linear-gradient( 40deg, rgba(0, 0, 0, 0) 38px, rgba(0, 0, 0, 0) 43px, #f1f1f1 44px, #e3e3e3 33px );
}
hr{
    background-color: #0d62fd!important;
}
.border-bottom {
    border-bottom: 1px solid #0d62fd!important;
}

.hand{
    cursor: pointer;
}

.label-config{
    border-radius: 5px;
    border: 1px solid #009FE3;
    padding: 3px;
    font-size: 15px;
    display: inline-block;
    color: white!important;
    background: #009FE3 !important;
}

@font-face {
    font-family: 'Comfortaa';
    src:
            url('../../font/family/comfortaa/Comfortaa-VariableFont_wght.ttf')

/*    font-family: 'Winston';*/
/*    src:*/
/*            url('../../font/family/winston/WinstonExtraBold.ttf'),*/
/*            url('../../font/family/winston/WinstonExtraLight.ttf'),*/
/*            url('../../font/family/winston/WinstonLight.ttf'),*/
/*            url('../../font/family/winston/WinstonMedium.ttf'),*/
/*            url('../../font/family/winston/WinstonRegular.ttf'),*/
/*            url('../../font/family/winston/WinstonSemiBold.ttf')*/
/*;*/
}

/*container element*/
body {
    font-family: 'Winston', sans-serif;
    /*font-weight: 400;*/
    background-color: #80808014!important;
}

main{
    /*overflow-y: scroll !important;*/
}
.bg-azul-reversa{
    background: rgb(29,113,184);
    background: linear-gradient(90deg, rgba(0,159,227,1) 0%, rgba(29,113,184,1) 100%);

    /*background: rgb(0,175,233);*/
    /*background: linear-gradient(90deg, rgba(0,175,233,1) 0%, rgba(180,221,244,1) 100%);*/
}
.headerAzulClaritoGradiant{
    background: rgb(29,113,184);
    background: linear-gradient(90deg, rgba(29,113,184,1) 0%, rgba(0,159,227,1) 100%);
}
.fondoAzulClaritoGradiant{
    background: rgb(0,175,233);
    background: linear-gradient(90deg, rgba(0,175,233,1) 0%, rgba(180,221,244,1) 100%);
}
.fondoAzulClaritoGradiantReserse{
    background: rgb(0,175,233);
    background: linear-gradient(90deg, rgba(180,221,244,1) 100% , rgba(0,175,233,1) 0%);
}
.btn.Moradete{
    background: #312783 !important;
}
.btn.Moradete:hover{
    background: #453d85 !important;
}

.btn.btn-outline-primary.MoradeteOutline{
    border: 1px solid #312783 !important;
    color: #312783;
}
.btn.btn-outline-primary.MoradeteOutline:hover{
    border:1px solid #453d85 !important;
}
.btn.btn-outline-primary.AzulClaroOutline{
    border: 1px solid #009fe3 !important;
    background: white !important;
    color: #009fe3;
}
.btn.btn-outline-primary.AzulClaroOutline:hover{
    border:1px solid #009fe3 !important;
    background: #009fe3 !important;
    color: white;
}
label.btn-outline-primary{
    border: 1px solid #009FE3 !important;
    color: #009FE3 !important;
}
/*a.btn.btn-outline-primary.MoradeteOutline{*/
/*    border: 1px solid #312783 !important;*/
/*    color: #312783;*/
/*    background: white;*/
/*}*/
/*a.btn.btn-outline-primary.MoradeteOutline:hover{*/
/*    border:1px solid #453d85 !important;*/
/*}*/
.lblMoradete{
    background: #312783 !important;
}
.lblClarito{
    background: #009FE3 !important;
}
.fontAzulClarito{
    color: #009FE3 !important;
}
.fondoTurquesa{
    background: #06b0e9 !important;
}
.fontMoradete{
    color: #312783 !important;
}
.fondoMoradete{
    background: #312783 !important;
}
.fontAzulOscurito{
    color: #1d71b8 !important;
}
.is-valid{
    border: 1px #009FE3 solid !important;
}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #0d6efd !important;
}

#preloader{
    z-index: 9999;
    /*background: #0d62fd;*/
}
#preloader .modal-content{
    box-shadow: 0 1.5rem 2rem rgb(0 0 0) !important
}
#preloader .spinner-grow{
    width: 2rem;
    height: 2rem;
}


div.suggestionLine{
    box-shadow: 0 0.2rem 0.2rem rgb(0 0 0 ) !important;
    padding:1px 3px;
    text-align: right;
}
div.cartInlineFixed{
    box-shadow: 0 0.2rem 0.2rem rgb(0 0 0 ) !important;
    padding:1px 3px;
    text-align: right;
    height: 60px;
    font-size: 25px;
}
div.cartInlineFixed i{
    font-size: 25px;
}
div.cartInlineFixed a{
    font-size: 40px;
}

div.fileDropArea{
    padding: 8px 10px;
    text-align: center;
    overflow-x: scroll;
    background-color: white;
    box-shadow: 1px 0px 4px 1px lightgrey;
}

div.fileDropArea:hover{

}
div.configurationResumenArea{
    padding: 15px 25px;
    /* text-align: end; */
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 1px 1px 5px 1px lightgrey;
    margin-top: 6px;
}
div.fileManagementArea{
    padding: 20px;
}
div.configurationArea{
    padding: 20px;
}
.letra-no-tan-grandecita{
    font-size: 20px;
}
.letra-grandecita{
    font-size: 20px;
}
.letra-grandecita-plus{
    font-size: 25px;
}
div.desactivar-layout {
    pointer-events: none;
}
button.configuration{
    margin: 1px;
    /*min-width: 85px;*/
    font-size: 15px;
}
/*button.configuration span{*/
/*    font-size: 18px;*/
/*}*/
div.title-paragraph-label{
    padding: 3px 3px 3px 10px;
    background-color: #d1ecf9;
    font-weight: bold;
    margin-bottom: 10px;
}
div.title-paragraph-label-no-color{
    padding: 3px 3px 3px 10px;

    font-weight: bold;
    margin-bottom: 10px;
}
.tooltip-main {
    width: 15px;
    border-radius: 50%;
    font-weight: 700;
    background: #f3f3f3;
    border: 1px solid #737373;
    color: #737373;
    margin: 4px 121px 0 5px;
    float: right;
    text-align: left !important;
}
.tooltip-qm {
    float: left;
    margin: -2px 0px 3px 4px;
    font-size: 12px;
}
.tooltip-inner {
    max-width: 350px!important;
    min-width: 350px!important;
    width: 25%!important;
    font-size: 12px;
    padding: 10px 15px 10px 20px;
    background: #FFFFFF;
    color: rgba(0, 0, 0, .7);
    border: 1px solid #737373;
    text-align: left;
}
/*.tooltip-inner-ajustado {*/
/*    max-width: 286px!important;*/
/*    min-width: 236px!important;*/
/*    font-size: 12px;*/
/*    padding: 10px 15px 10px 20px;*/
/*    background: #FFFFFF;*/
/*    color: rgba(0, 0, 0, .7);*/
/*    border: 1px solid #737373;*/
/*    text-align: left;*/
/*}*/
.tooltip.show {
    opacity: 1;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #f00;
    /* Red */
}
/*body{*/
/*    overflow: hidden!important;*/
/*}*/
i.boton-mostrar-configuracion{
    font-size: 25px;
    position: relative;
    top: 45%;
    transition-delay: 2s;
    transition-property: left;
    margin: -5px;
    color: white;
}
div.configurationResumenArea button{
    min-height: 35px;
    font-size: 14px;
    font-weight: normal;
    border-color: #e5e5e5!important;
    /* background-color: #d1d1d15c!important; */
    box-shadow: 2px 3px 13px -2px #979797;
    color: orangered!important;
}
div.configurationResumenArea button.btn-outline-primary{
    color: #707070!important;
}
div.configurationResumenArea button.btn-primary{
    background-color: white !important;
    border-color: #312783 !important;
    box-shadow: 0px 1px 8px -1px black;
    color: #312783 !important;
}
div.configurationResumenArea button.btn-primary i{
    color: #009FE3 !important;
}
/*div.areaGestionDocumentos a.btn-primary{*/
/*    background-color: rgba(113,178,198,1) !important;*/
/*}*/
div.configuracionMovil{
    width: 100%;
    /*padding-top: 65px!important;*/
    /*transition-delay: 0s, 400ms;*/
    z-index: 998;
    background: white;
}

.hr-azul{
    border-top: 3px solid #0d62fd;
}
.hr-black{
    border-top: 3px solid #000000;
}

.btn-outline-primary{
    background-color: white!important;
}
.btn-outline-primary:hover{
    color: #0d62fd!important;
}
div.fondo-botones-gris button.btn-outline-primary{
    background: #80808040!important;
}

.text-primary {
    color: #505050!important;
}

div.mostrarOcultarConfiguracion {
    padding: 8px;
    background-color: #d5d5d5!important;
    height: 75%;
    margin-top: 15%;
}