/*SE DECLARAN UNA SERIE DE VARIABLES PARA EL FACIL ACCESO Y CAMBIO DE COLORES DENTRO DE LA PAGINA*/
a{color: #E4002B;}
:root{

    --main-color: #E4002B;
    --main-color-hover: #ffb600;

    --clear-gray: #f6f6f6;
    --gray: #48484a;
    --dark-gray: #2a384c;
    --darker-gray: #09182C;
    --dark: #09182C;

    --text-normal: #dcddde;
    --bg-fondo: #0c2340;
    --titulo:  #ffb600;
    --titulo2:  #ffb600;
    --subtitulo:  #6c757d;
    --letrasMenu:  #FFFFFF;
    --letrasMenuInversa: #ffb600;
}
/*EN ESTE CASO ROOT ES DIRECTAMENTE DARKMODE POR LO QUE SOLO SE SOBRESCRIBEN LAS VARIABLES USADAS EN WHITEMODE*/
/*EN CASO DE QUE ES EN WHITEMODE SIMPLEMENTE SE SOBRESCRIBEN LAS VARIABLES Y LISTO*/
.whitemode{

    --main-color: #E4002B;
    --main-color-hover: #ffb600;

    --clear-gray: #f6f6f6;
    --gray: #48484a;
    --dark-gray: #36393f;
    --darker-gray: #e4e4e4;
    --dark: #061221;

    --text-normal: #242424;
    --bg-fondo: white;
    /*--bg-fondo: #0c2340;*/
    --titulo:  #E4002B;
    --titulo2:  #183895;
    --subtitulo:  #242424;
    --letrasMenu: #2a384c;
    --letrasMenuInversa: #E4002B;
}


/*Cambio Realizado por Fatima Orozco. 09/11/2023. ESTILOS NECESARIOS PARA EL MODAL PARA COOKIES*/

.modal{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #a1aaab;
    color: #eb2f2f;
    text-align: center;
    padding: 10px;
}

/*.modal-content {
    margin: 0 auto;
    max-width: 600px;
}*/


.aviso-cookies {
    display: none;
    background: #ffffff;
    padding: 10px;
    width: calc(100% - 40px);
    max-width: 100%;
    line-height: 120%;
    border-radius: 10px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 100;
    padding-top: 40px;
    box-shadow: 0px 2px 20px 10px rgba(235, 47, 47,.25);
    text-align: center;
}

.aviso-cookies.activo {
    display: block;
}

/*.aviso-cookies .galleta {
    max-width: 100px;
    position: absolute;
    top: -50px;
    left: calc(50% - 50px);
}*/

.aviso-cookies .titulo,
.aviso-cookies .parrafo {
    margin-bottom: 15px;
    text-align: right;
    

}

.aviso-cookies .boton {
    width: 60vw;
    background: #4690ab;
    border: none;
    color: #000;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 15px 20px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease all;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 14px;
}

.aviso-cookies .boton:hover {
    background: #fff;
}

.aviso-cookies .enlace {
    color: #c72e2e;
    text-decoration: none;
    font-size: 14px;
}

.aviso-cookies .enlace:hover {
    text-decoration: underline;
}



/*Cambio Realizado por Fatima Orozco. 09/11/2023. ESTILOS NECESARIOS PARA EL MODAL PARA COOKIES*/


/*ESTILOS NECESARIOS PARA EL CONTENEDOR DE GRAFICA EN EL INDEX MAIN HOME PRINCIPAL*/
.grafica-index .container {
  width: 80%;
  margin: 20px auto;
}
.letrasMenu{
    color: var(--letrasMenu)!important;
}

.letrasMenuInversa{
    color: var(--letrasMenuInversa)!important;
}


.grafica-index .p {
  text-align: center;
  font-size: 14px;
  padding-top: 140px;
}
.bg-danger{
    background-color: #E4002B!important;
}
.btn-danger{
    border-color: #E4002B!important;
    background-color: #E4002B!important;
}
.btn-danger:hover{
    border-color: #B90023!important;
    background-color: #B90023!important;
}
.btn-outline-danger{
    border-color: #E4002B!important;
}
.btn-outline-danger:hover{
    background-color: #E4002B!important;
}

a.btn:hover{
    color:white!important;
}

button.btn:hover{
    color:white!important;
}
.bg-main-color{
    background-color: var(--main-color);
}
/*--ESTILOS DEL ERROR--*/
.bg-imgError{
    background-image: url('../img/general/bg_error.png');
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    background-position-x: center;
}
.w-15{
    width: 15%;
}
/*--ESTILOS DEL ERROR--*/

.h-prod-nuev{
    max-height: 120px; 
    min-height: 10px;
}

html {scroll-behavior: smooth; }
body{
    font-family: 'Roboto';
    color: var(--text-normal);
     background-color: var(--bg-fondo);    
    /*background-color: black;*/
}
main{
    min-height: 100vh;
    /* height: auto !important; */
    height: 100%;

    /* background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('../../assets/img/general/eag.png'); */
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.whitemode main{    
    /* background-image: linear-gradient(rgba(223, 223, 223, 50%),rgba(223, 223, 223, 50%)),url('../../assets/img/general/eag.png'); */
    background-color: white;
}
.main-color{
    color: var(--main-color);
}
a:hover{color: var(--main-color-hover)!important;}

.darkmode input.form-control{border: 0px!important; background-color: var(--dark-gray); color: white;}
.darkmode input.form-control:focus{background-color: var(--dark-gray); }

.darkmode textarea.form-control{border: 0px!important; background-color: var(--dark-gray); color: white;}
.darkmode textarea.form-control:focus{background-color: var(--dark-gray); }

.darkmode input.form-control.form-control-sm {
    background-color: var(--dark-gray);
    color: white;
}

.darkmode select.form-control{border: 0px!important;background-color: var(--dark-gray); color: white; }
.darkmode select.form-control:focus{background-color: var(--dark-gray); }

/* Change the white to any color */
.darkmode input:-webkit-autofill,.darkmode input:-webkit-autofill:hover,.darkmode input:-webkit-autofill:focus,.darkmode input:-webkit-autofill:active
{
    /*background-color: var(--dark-gray);*/
    -webkit-box-shadow: 0 0 0 30px var(--dark-gray) inset !important;
    -webkit-text-fill-color: white !important;
}

.rounded{border-radius: .50rem!important}

.text-normal{color: var(--text-normal)!important;}
.bg-clear-gray{background-color: var(--clear-gray); }
.bg-gray{background-color: var(--gray);}
.bg-dark-gray{background-color: var(--dark-gray); }
.bg-darker-gray{background-color: var(--darker-gray); }
.bg-dark-black{background-color: var(--dark); }
.titulo{color: var(--titulo);}
.titulo2{color: var(--titulo2);}
.subtitulo{color: var(--subtitulo);}

/*PARA EL BOTON AUXILIAR*/
.btn-aux,a:link.btn-aux{background-color:#e90b2a!important;border:1px solid #e90b2a;color:rgba(255,255,255,.85)}
.btn-aux:hover,a:link.btn-aux:hover{background-color:#b20019!important;border:1px solid #b20019!important;color:#fff}
.btn-aux:active,a:link.btn-aux:active{background-color:#d1384d!important;border:1px solid #d1384d!important;color:#fff!important;box-shadow:none!important}
.btn-aux:focus,a:link.btn-aux:focus{background-color:#e90b2a;border:1px solid #e90b2a;color:#fff!important;box-shadow:none!important}
.btn-aux.btn-outline,a:link.btn-aux.btn-outline{background-color:#fff;color:#e90b2a}
.btn-aux.btn-outline:focus,a:link.btn-aux.btn-outline:focus{background-color:#fff!important;color:#e90b2a!important}
.btn-aux.btn-outline:active,.btn-aux.btn-outline:hover,a:link.btn-aux.btn-outline:active,a:link.btn-aux.btn-outline:hover{color:#fff!important;background-color:#e90b2a!important}
.btn-aux.disabled,.btn-aux:disabled{color:#fff;background-color:rgba(57,154,242,.85);border-color:rgba(57,154,242,.85)}
.btn-aux:not(:disabled):not(.disabled).active,.btn-aux:not(:disabled):not(.disabled):active,.show>.btn-aux.dropdown-toggle{background-color:#e90b2a;border:1px solid #e90b2a;color:rgba(255,255,255,.85)}

.whitemode .form-control:disabled, .form-control[readonly] {
    background-color: #c2c2c2;
}
.darkmode .form-control:disabled, .form-control[readonly] {
    background-color: #7f868d!important;//5b6672
}

.bg-dark-black .dropdown-item:hover{
    background-color: var(--dark-gray);
}

.card {
    border: 1px solid rgb(0 0 0 / 25%)!important;
}

.datosCont {
    background-image: url(http://vazloonline.com/assets/img/index/map2.webp);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
.bg-comodin{
    background-color: var(--dark);
}
.bg-comodin-gray{
    background-color: var(--gray);
}
.whitemode .bg-comodin{
    background-color: white;
}
.whitemode .bg-comodin-gray{
    background-color: white;
}
.table-jack{    
    background-color: rgba(255, 255, 255, .15);  
    backdrop-filter: blur(5px);
    color: var(--text-normal)!important;   
}
.whitemode .table-jack{
    background-color: #b6b6b6;/*#ededed;  */
    backdrop-filter: blur(0px);
    color: var(--text-normal)!important;    
}
.darkmode .table-jack tr:hover{
    color: var(--text-normal)!important; 
}

.table-jack-wglassed{    
    background-color: #343a40;  
    color: var(--text-normal)!important;   
}
.whitemode .table-jack-wglassed{
    background-color: #d6d8db;  
    color: var(--text-normal)!important;    
}
.darkmode .table-jack-wglassed tr:hover{
    color: var(--text-normal)!important; 
}


/* .darkmode .table-jack a{color: #ff7685; } */
.whitemode .table-jack a{color: var(--main-color); }

.darkmode .table-jack-wglassed a{color: white; }
.whitemode .table-jack-wglassed a{color: var(--main-color); }

.main-border{border-color: white!important; }
.whitemode .main-border{border-color: var(--titulo)!important; }
.whitemode .main-border{border-color: var(--titulo2)!important; }

.detail-icon{color: #6c757d; }
.whitemode .detail-icon{color: #343a40; }
.whitemode .detail-icon:hover{color: #121416!important; }

.bg-nuevos{background-color: rgb(0 0 0 / 50%); }
.whitemode .bg-nuevos{background-color: rgb(255 255 255 / 50%); }

.bg-nuevos .btn-outline-secondary:hover{
    color: #121416!important;
}

.scrollToTop{
    margin: 0 !important;
    padding: 2px !important;
    /* padding-left: 11px!important; */
    background: #fff;
    height: 0px;
    width: 0px;
    
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    
    
    visibility: hidden;
    position: fixed;
    cursor: pointer;
    
    border: solid #e8e8e8;
    right: 35px;
    bottom: 90px;
    outline: 0 !important;
    z-index: 99;


    display: block;
    background: transparent;
    color: white;
    font-size: 20px;
    height: 30px;
    width: 30px;
    visibility: visible;
    display: none;
    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
.scrollToTop::before {
    content: "\f0de";
    font-family: "FontAwesome";
    font-display:auto;
    display: block;
    vertical-align: middle;
    margin: auto 4px;
}
.scrollToTop:hover{
    background-color:#e8e8e8!important;
    text-decoration: none!important;
    color: #787878!important;
}
.whitemode .scrollToTop{
    border: solid #0c2340;
    color: #0c2340;
}


.scrollToTop2{
    /* padding-left: 11px!important; */
    background: #fff;
    
    position: fixed;
    cursor: pointer;
    right: 35px;
    bottom: 140px;
    outline: 0 !important;
    z-index: 99;

    background: transparent;
    color: white;
    font-size: 20px;
    height: 30px;
    width: 30px;
    visibility: visible;
    display: none;
}

.whitemode .scrollToTop2{
    color: #0c2340;
}




/* The Image container */
.img-hover-zoom {

    border-top-right-radius: .50rem;
    border-top-left-radius: .50rem;
    /*height: 300px;  *//*Modify this according to your need */
    overflow: hidden; /* Removing this will break the effects */
}
/* Colorize-zoom Container */
.img-hover-zoom--colorize img {
    border-top-right-radius: .50rem;
    border-top-left-radius: .50rem;
    transition: transform .5s, filter .8s ease-in-out;
    /*filter: grayscale(100%);*/
}

/* The Transformation */
.img-hover-zoom--colorize:hover img {
    border-top-right-radius: .50rem;
    border-top-left-radius: .50rem;
    /*filter: grayscale(0);*/
    transform: scale(1.1);
    /*border: solid 2px #e90b2a;*/
    /*filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);*/
    /*filter: grayscale(100%) brightness(80%) sepia(30%) hue-rotate(5deg ) saturate(500%) contrast(0.7);*/
}


/*MEDIA PARA LOS CELUS*/
@media (max-width: 767.98px) { 
    .titCabecera{
        font-size: 8vw;
    }
    .titAcerca{
        font-size: 7vw;
    }
}


.opacity-0 {opacity:0!important; }
.opacity-1 {opacity:0.2!important; }
.opacity-2 {opacity:0.4!important; }
.opacity-3 {opacity:0.6!important; }
.opacity-4 {opacity:.8!important; }
.opacity-5 {opacity:1!important; }

.mx-0{
    margin-right: 0px!important;
    margin-left: 0px!important;
}
.my-0{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.txtPuntos{
  text-overflow:ellipsis;
  white-space:nowrap; 
  overflow:hidden; 
}


.megamenu {
    position: static
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%
}
.responsive-dropmenu{
    overflow-x: auto;
    max-height: 450px;
}

.btn-arrow-news{
    border: solid 1px var(--text-normal);
    border-radius: .50rem;
}
.btn-arrow-news:hover{
    border: solid 1px var(--main-color-hover);
}

.correccion-modal{
    max-height: 200px;
    overflow-y: auto;
}

/* BARRAS DE SCROLL PERSONALIZADAS */
.style-4::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5 }
.style-4::-webkit-scrollbar{width:7px;height: 7px;background-color:#f5f5f5 }
.style-4::-webkit-scrollbar-thumb{background-color:var(--main-color);border:0px solid #555 }
.style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5 }
.style-3::-webkit-scrollbar{width:6px;background-color:#f5f5f5 }
.style-3::-webkit-scrollbar-thumb{background-color:#000 }

.glassed{
    background-color: rgba(255, 255, 255, .15);  
    backdrop-filter: blur(5px);
}

.glassed-2{
    background-color: rgba(255, 255, 255, .05);  
    backdrop-filter: blur(5px);
}
.circle-btn-analitycs{
    margin-left: 40%;
    margin-top: 10px;
    border: solid 3px;

    transition: all .2s ease-in-out;
}
.cursor-pointer{
    cursor: pointer;
}

.card-menu-analisis:hover .circle-btn-analitycs{
    transform: scale(1.1);
}

.articulo_cart {
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.card-header-pills .nav-link{
    color: var(--text-normal);
}
.card-header-pills .nav-link.active{
    background-color: #dc3545!important;
}

.border-top
{
border-top-color: #dc3545!important;
}
.card-header-pills .nav-link:hover{
    color: #b3b3b3!important;
}
.paginate_button a {
    background-color: rgba(255, 255, 255, .15)!important;
    color: white!important;
    border: none;
}

.whitemode .paginate_button a{
    background-color: #b6b6b6!important;/*#ededed;  */
    border: none;
    color: var(--text-normal)!important;    
}
.paginate_button.active a {
    background-color: var(--main-color)!important;
    color: white!important;
    border: solid 1px;
    border-color: var(--main-color)!important;
}
.whitemode .paginate_button.active a {
    background-color: var(--main-color)!important;
    color: white!important;
    border: solid 1px;
    border-color: var(--main-color)!important;
}

.whitemode .letrasMenu:hover{
  color: #dc3545!important;
}

.whitemode span.titRefCat.letrasMenu:hover {
    color: #0c2340!important;
}

.whitemode .letrasMenuInversa:hover{
  color: #0c2340!important;
}
.letrasMenuInversa:hover{
  color: #fff!important;
}


.parallax-band-about{
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient( rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60) ), url(../../assets/img/acerca/BANNER-NOSOTROS.jpg);
}
.wordWrap {
    word-wrap: break-word!important;
}
/*ESTILOS PARA LA PAGINA DE CEDIS DENTRO DE LA CARPETA CORPORATIVO*/
@media (min-width: 1500px){
    .borderDerR {
        border-bottom: 0px;
        border-right: dotted 2px #CB333B;
    }
}
@media (min-width: 1300px) {
    .borderDerR {
        border-bottom: 0px;
        border-right: dotted 2px #CB333B;
    }
}
@media (min-width: 750px) {
    .borderDerR {
        border-bottom: 0px;
        border-right: dotted 2px #CB333B;
    }
}
@media (min-width: 500px){
    .borderDerR {
        border-right: 0px;
        border-bottom: dotted 2px #CB333B;
    }
}
@media (min-width: 200px) {
    .borderDerR {
        border-right: 0px;
        border-bottom: dotted 2px #CB333B;
    }
}

.h-500px{
    height: 500px;
}

.circle-btn-guias{
    margin-left: 20px;
    border: solid 3px;
    transition: all .2s ease-in-out;
    margin-top: -10px;
}
.card-menu-analisis:hover .circle-btn-guias{
    transform: scale(1.1);
}
.bg-cover{    
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    background-position-x: center;
}
.correc-mrg{
    margin-left: 35%;
}

.dropzone {
  border: 2px dashed #dedede;
  border-radius: 5px;
  background: #f5f5f5;
}
.dropzone i{
  font-size: 5rem;
}
.dropzone .dz-message {
  color: rgba(0,0,0,.54);
  font-weight: 500;
  font-size: initial;
  text-transform: uppercase;
}

/*--CLASES NECESARIAS PARA LOS ESTILOS DE LOS BLOG Y TIPS--*/
.font-10{
    font-size: 10px;   
}
.font-1{
    font-size: 1px;   
}
.borderDerR {
    border-right: dotted 2px #CB333B;
}
.resumen-tip{
    height: 110px!important;
    max-height: 110px!important;
}


.pagination {
    list-style-type: none;
    padding: 10px 0;
    display: inline-flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.pagination li {
    box-sizing: border-box;
    padding-right: 10px;
}
.pagination li a {
    box-sizing: border-box;
    background-color: #666;
    padding: 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: white;/*616872*/
    border-radius: 4px;
}
.pagination li a:hover {
    background-color: #888;
}
.pagination .next a, .pagination .prev a {
    text-transform: uppercase;
    font-size: 12px;
}
.pagination .currentpage a {
    background-color: var(--main-color);
    color: #fff;
}
.pagination .currentpage a:hover {
    background-color: var(--main-color-hover);
    color: white!important;
}

.addScroll {
    overflow-y: auto;
    max-height: 500px;
    overflow-x: hidden;
}
.fondo-comentario{
    background-color: #ffffff0d;
}
.whitemode .fondo-comentario{
    background-color: #0100000f;
}
.h-50px{
    height: 50px;
}

/*--CLASES NECESARIAS PARA LOS ESTILOS DE VIDEOS--*/
.link-video:hover{
    background-color: #0c2340!important;//#0100001c
}
.link-video:hover img{
    transform: scale(1.1);
}

.video-section {
    max-height: 800px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* The Image container */
.img-hover-zoom-rec {
    overflow: hidden; 
}
/* Colorize-zoom Container */
.img-hover-zoom--colorize-rec img {
    transition: transform .5s, filter .8s ease-in-out;
}
/* The Transformation */
.img-hover-zoom--colorize-rec:hover img {
    transform: scale(1.1);
}

.imgFolleto{

    z-index: 2;
    right: 30%;
    width: 40%;
}
.h-200px{
    height: 200px;
}
.bg-wall{
    background-image: url('../../assets/img/folletos/fondoMuro.png');
}
.marcoUser{
    width: 150px!important;
    height: 150px;
    z-index: 5;
}
.imgUser{
    width: 150px!important;
    height: 150px;
}

span.ui-helper-hidden-accessible {
    display: none;
    width: 0;
}














.dz-preview.dz-file-preview {
    width: 100%;
    background: #fff0f0;
    padding: 30px;
    border-radius: 5px;
}
.dz-error-message {
    left: 20px!important;
}


.dz-image {
    width: 100%!important;
    border-radius: 10px!important;
    background: linear-gradient(to bottom,#bababa,#bababa)!important;
}
.dz-size span {
    font-weight: bolder;
}
path#Oval-2 {
    stroke-opacity: 0.198794;
    stroke: rgb(116, 116, 116);
    fill-opacity: 0.46519;
    fill: rgb(255, 0, 0);
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background: #bababa00!important;
}
.dz-filename {
    font-size: 15px;
    font-weight: bold;
    margin-top: -10px;
}
 /*ESTRELLAS*/
.starRating fieldset, label { margin: 0; padding: 0; }
.starRating h1 { font-size: 1.5em; margin: 10px; }
/****** Style Star Rating Widget *****/
.rating { 
  border: none;
  float: left;
}
.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  font-display:auto;
  display: inline-block;
  content: "\f005";
}
.rating > .half:before { 
  content: "\f089";
  position: absolute;
}
.rating > label { 
  color: #ddd; 
 float: right; 
}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
/*ESTRELLAS*/
      
      input[type="radio"] {
        display: none;
      }

      label {
        color: grey;
      }

      .clasificacion {
        direction: rtl;
        unicode-bidi: bidi-override;
        text-align: center;
        font-size: 80%;
      }

      label:hover,
        label:hover ~ label {
        color: orange;
      }

      input[type="radio"]:checked ~ label {
        color: orange;
      }

.elementoPedido
{
  border-radius: 10px;
  margin-bottom: 20px;
}
.cabeceraPedido
{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #DEDEDE;    
  color: black!important;
}
.cuerpoPedido
{
  border: solid 3px #dedede;
  background: #fff;   
  width: 100%; overflow-x: auto;
}
.renglonBotonPed
{
  margin-left: 0px;
  margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}



.filter-height{
    overflow-y: auto;
    max-height: 170px;
}
.carga1 {
    background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1500;
    /* display: none; */
    display: show;
}
.carga2 {
    border-radius: 5px;
    position: absolute;
    top: 15%;
    left: 40%;
    background: #fff;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 75%);
}
.cargaOcto {
    top: 50%!important;
    color: #105682!important;
}
.sugeridosDet {
    overflow: auto;
    max-height: 500px;
}
.bg-trackone-dark{
    background-color: #0C2340!important;
}
.w-10P{
    width: 10%;
}
.bg-rd-postal{    
    background-color: #E4002B; 
}
.bg-yw-postal{    
    background-color: #eaa000; 
}
.bg-white-gray{    
    background-color: #dddddd; 
}
.postal-ficha{
    //z-index: -1;
    //position: absolute; 
    top: 0; 
    height: 84%; 
    width: 30%; 
}

.bg-dark {
    background-color: #030c17!important;
}
.prod-nuev-cond .btn:hover{
    color: white!important;
}
.table thead th {
    border-bottom: 1px!important;
}
.table td, .table th{
    border-color: var(--bg-fondo)!important;
}
.dataTables_wrapper label:hover{
    color: #808080!important;
}
.cuadroDiagrama .col-md-1.col-md-offset-2 {
    margin-left: 25px;
    margin-top: 10px;
    color:  #0c2340!important;
}

.indicadorDetalle .carousel-control-prev{
    opacity: 1!important;
    left: -10%;
}
.indicadorDetalle .carousel-control-next{
    opacity: 1!important;
    right: -10%;
}
.indicadorDetalle2 .carousel-control-prev, .indicadorDetalle2 .carousel-control-next{
    opacity: 1!important;
}
.indicadorDetalle2 .carousel-control-next {
    right: 20px!important;
}
.indicadorDetalle2 .carousel-control-prev {
    left: 20px!important;
}
.cuadroDiagrama b {
    font-size: 14px!important;
}

.input-sm input{
    height: 27px!important;
    font-size: 12px;
}
.form-control.input-sm input{
    height: 27px!important;
    font-size: 12px;
}


.correccionInput{
    height: 27px!important;
    font-size: 12px;
}

.whitemode .btn-outline-danger:hover{
    background-color: #E4002B!important;
    color: #fff!important;
}

@media screen and (max-width: 600px) {
.ocultarmenu{
display:none;
}
}

.error {
    position: relative;
}
.error:hover::before {
    display: block;
    position: absolute;
    left: 20px;
    bottom: 100%;
    border: 1px solid red;
    border-radius: 3px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    content: attr(data-tooltip);
}