.li-autocomplete-label {
    text-decoration: none!important;
    height: 60px;
    font-size: 14px;
    font-family: vwfontsregular,sans-serif!important;

}


.dropdown-toggle::before {

    border-color: #ffffff!important;

}

.hint{
    z-index:1060!important;
}


/*slide rubros*/


.embla, .embla2 {
    max-width: 90%;
    margin: auto;

    --slide-height: 200px;
    --slide-spacing: 0.8rem;
    --slide-size: 100%;
}


.embla_panelimg {
    max-width: 100%;
    margin: auto;

    --slide-height: 400px;
    --slide-spacing: 0.8rem;
    --slide-size: 100%;
}


/*
.embla3 {
    max-width: 48rem;
    margin: auto;
    --slide-height: 200px;
    --slide-spacing: 0.8rem;
    --slide-size: 100%;
}*/

.embla__viewport {
    overflow: hidden;
    padding: var(--slide-spacing);
}

.embla__container {
    backface-visibility: hidden;
    display: flex;
    touch-action: pan-y;
    margin-left: calc(var(--slide-spacing) * -1);
}

.embla__slide {
    flex: 0 0 25%;
    min-width: 0;
    padding-left: var(--slide-spacing);
    padding-top: var(--slide-spacing);
    padding-bottom: var(--slide-spacing);

}


.embla__slide_imagenes {
    flex: 0 0 100%;
    min-width: 0;
    padding-left: var(--slide-spacing);
    padding-top: var(--slide-spacing);

}

/*
.embla__slide_provincias {
    flex: 0 0 var(--slide-size);
    min-width: 0;
    padding-left: var(--slide-spacing);
    padding-top: var(--slide-spacing);
    padding-bottom: var(--slide-spacing);

}*/


.embla__slide__number {
    box-shadow: inset 0 0 0 0.2rem black;

    /* border-radius: 1.8rem;*/
    /*background: red;
     font-size: 4rem;
     font-weight: 600;*/
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--slide-height);

}

.embla__slide__number_marcas {
    box-shadow: inset 0 0 0 0.2rem white;

    border-radius: 1.8rem;
    background: white;
    /* font-size: 4rem;
     font-weight: 600;*/
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;

}

.embla__slide__img {
    border-radius: 1.8rem;
    display: block;
    height: var(--slide-height);
    width: 100%;
    object-fit: cover;
}

.embla__slide__panel {
    border-radius: 1.8rem;
    display: block;
    height: var(--slide-height);
    /* width: 100%;*/
    object-fit: contain;
}


.provincias {
    border-radius: 1.8rem;
    box-shadow: inset 0 0 0 0.2rem black;
    height: 150px;
}


.embla__controls {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: space-between;
    gap: 1.2rem;
    margin-top: 1.4rem;
}


.embla__controls_imagenes {
    display: grid;
    /* grid-template-columns: auto 1fr;*/
    justify-content: center;
    gap: 1.2rem;
    margin-top: 1.4rem;
}


.embla__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    align-items: center;
}

.embla__button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    touch-action: manipulation;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: inset 0 0 0 0.2rem white;
    width: 1.6rem;
    height: 1.6rem;
    z-index: 1;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.embla__button:disabled {
    color: gray;
}

.embla__button__svg {
    width: 25%;
    height: 25%;
}

.embla__dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-right: 120px;
    /* margin-right: calc((2.6rem - 1.4rem) / 2 * -1);*/
}

.embla__dot {
    -webkit-tap-highlight-color: rgba(225, 225, 225, 0.5);
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    touch-action: manipulation;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.embla__dot:after {
    box-shadow: inset 0 0 0 0.2rem white;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    content: '';
}

.embla__dot--selected:after {
    box-shadow: inset 0 0 0 0.2rem var(--bgprimarytransparent9);
}


.embla__selected-snap-display {
    justify-self: flex-end;
    align-self: end;
    color: white;
    font-weight: 600;
    margin-right: calc((2.6rem - 7.4rem) / 2 * -1);
}

/*slide rubros*/


.navbar-menu-effect {
    height: 150px;
    background-color: var(--maincolor) !important;
    transition: all ease .15s;
}

.menu-medio a {
    font-size: 1.5em !important;
    font-style: italic;
    transition: all ease .15s;
}

.menu-medio-redes a {
    font-size: 1.2em !important;
    font-style: italic;
    transition: all ease .15s;
}


.img-container {
    padding-top: 8px !important;
    padding-bottom: 20px !important;
    transition: all ease .15s;
}

.img-container a {
    margin-top: 60px !important;
    transition: all ease .15s;
}

.img-container img {
    width: 200px !important;
    transition: all ease .15s;
}


.scroll-on {
    height: 100px;

}

.scroll-on-img a {
    margin-top: 7px !important;
}

.scroll-on-img img {
    padding-top: 15px !important;
    padding-bottom: 0 !important;
    width: 100px !important;
}


.scroll-on .menu-medio a {
    font-size: 1.2em !important;

}

.scroll-on .menu-medio-redes a {
    font-size: 0.8em !important;

}


.cat-background-title {
    height: auto;
    max-height: 100px;
    background-color: var(--bgprimarytransparent7);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}

.cat-background-title > a {
    height: auto;
    max-height: 100px;
    font-size: 0.8em;
    word-break: break-all;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
}

/*
.cat-background-div-main{  
    height: 200px;
}*/

.cat-background-div-main:hover > .cat-background-title {
    height: 200px;
    background-color: var(--bgprimarytransparent9);
    max-height: 200px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition: all .4s linear;
}


.cat-background-div-main:hover > .cat-background-title a {
    height: 200px;
    font-size: 1.1em;
    max-height: 200px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.logo-div {
    position: relative;
    /* width: 4.5em; */
    height: 0;
}

.logo-a {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 100%;

}

.logo-a img {
    width: 40%;
}


.head-navbar {
    position: fixed;
    width: 100%;
    height: 120px;
    z-index: 1;
    padding-bottom: 15px;
}


.background-body-info {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7)), url('../img/background.jpg');
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


.background-body-contact {
    background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url('../img/dark-honeycomb.png');
    background-size: auto;
    background-repeat: repeat !important;
    background-position: center !important;
}


.p11em {
    font-size: 1.1em;;

}

.p15em {
    font-size: 1.5em;;

}

.nav-custom-container {
    -webkit-box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 1);
    box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 1);
}

.background-intro-v2 {
    background-image: url('../img/back2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.main-content .owl-theme {
    position: relative;
}

.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}


.custom-nav {
    position: absolute;
    top: -320px;
    left: 0;
    right: 0;
}

.owl-prev,
.owl-next {
    position: absolute;
    height: 45px;
    color: inherit;
    background: var(--bgprimarytransparent3) !important;
    border: none;
    z-index: 300;
}


.owl-next :hover {

    background: var(--maincolor3) !important;
}

.owl-prev :hover {

    background: var(--maincolor3) !important;

}


.izquierda,
.derecha {
    font-size: 2.2em;
    color: white;

}


.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}


.table-noti > p {
    margin: 0;
}


.dropdown-toggle::before {

    border-color: #ffffff !important;

}

.note-editing-area {
    background: white !important;
}


.whatfloat {
    z-index: 1000;
    right: 10px;
    bottom: 25px;

    cursor: pointer;

    position: fixed;

}

.whatfloat-m {
    z-index: 1000;
    right: 12px;
    bottom: 45px;

    cursor: pointer;

    position: fixed;

}


.tachado {
    text-decoration: line-through;
}

.destacado-title {
    font-style: italic;
    color: white;
    font-size: 2rem;

}

.pedido-title {
    font-style: italic;
    color: black;
    word-break: break-word;

}


.background-black-transparent {
    background: rgba(23, 55, 94, 0.548);
}


.bg-instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);

}

.app-bar-secondary {
    vertical-align: middle;

}

.owl-theme .owl-dots .owl-dot span {
    background: var(--maincolor) !important;;
}


.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: white !important;
}


.menu-app li {
    background: none !important;
    border: none !important;
    color: white;
}

.div-redes {
    position: absolute;
    top: -20px;
    right: 0;
    padding: 5px;
    border: 1px solid rgba(119, 118, 118, 0.199);
    border-radius: 5px;
}


@media only screen and (min-width: 1000px) {
    .div-redes {
        top: -20px;
        padding: 2px;
    }

    .div-redes a {
        font-size: 0.95em !important;
        padding: 4px !important;
    }

    .menu-app a {

        font-size: 1.3em;

    }

}


@media only screen and (min-width: 1200px) {
    .div-redes {
        top: -25px;
        padding: 2px;
    }

    .div-redes a {
        font-size: 1em !important;
    }

    .div-redes a {
        font-size: 0.8em !important;
        padding: 5px !important;
    }

    .menu-app a {

        font-size: 1.5em;

    }

}

@media only screen and (min-width: 1300px) {
    .div-redes {
        top: -30px;
        padding: 4px;
    }

    .div-redes a {
        font-size: 1em !important;
        padding: 5px !important;
    }

    .menu-app a {

        font-size: 1.6em;

    }

}


.div-redes a {


    height: auto !important;
    line-height: normal !important;
    border-radius: 5px;
}

.menu-app a {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 52px;
    line-height: 52px;
    padding: 0 10px;

    text-decoration: none;
    /* font-size: 1.6em;*/
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: none;
}


/*estrellas del precio*/

.precio-unitario {
    left: 17px;
    top: -70px;
    text-shadow: 1px 1px 1px #999a9a;
}

.precio-bulto {
    right: 17px;
    top: -70px;
    text-shadow: 1px 1px 1px #999a9a;
}

.precio-unitario-oferta {
    left: 13px;
    top: -70px;
    text-shadow: 1px 1px 1px #999a9a;
}

.estrella-position {
    left: 17px;
    top: -95px;
}

.estrella-bulto-position {
    right: 17px;
    top: -95px;
}


.estrella {

    background: #f7cf32;
    width: 80px;
    height: 80px;
    position: relative;
    text-align: center;
}


.estrella:before,
.estrella:after {

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
    background: #f7cf32;
}

.estrella:before {
    transform: rotate(35deg);
}

.estrella:after {
    transform: rotate(60deg);
}


.estrella-bulto {

    background: #f7cf32;
    width: 80px;
    height: 80px;
    position: relative;
    text-align: center;
}


.estrella-bulto:before,
.estrella-bulto:after {

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
    background: #f7cf32;
}

.estrella-bulto:before {
    transform: rotate(35deg);
}

.estrella-bulto:after {
    transform: rotate(60deg);
}


/*estrellas del precio*/

/*e2761b*/


.hexagon {
    position: absolute;
    width: 50%;
    height: 10%;

    background-color: rgba(23, 55, 94, 1);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}


:root {


    --maincolor: rgb(23, 55, 94);
    --maincolor2: rgb(39, 91, 155);
    --maincolor3: rgb(23, 126, 252);
    --secondarycolor: rgb(39, 91, 155);

    --bgprimarytransparent: rgba(23, 55, 94, 0.8) !important;
    --bgprimarytransparent8: rgba(23, 55, 94, 0.8) !important;
    --bgprimarytransparent5: rgba(23, 55, 94, 0.5) !important;
    --bgprimarytransparent7: rgba(23, 55, 94, 0.7) !important;
    --bgprimarytransparent9: rgba(23, 55, 94, 0.9) !important;
    --bgprimarytransparent3: rgba(23, 55, 94, 0.3) !important;
    --bgprimarytransparent2: rgba(23, 55, 94, 0.2) !important;
    --bgprimarytransparent1: rgba(23, 55, 94, 0.1) !important;

    --body-background: url('views/img/backgroundimg.png');
    --body-background-2: url('views/img/background.jpg');


    --bg-fondo-login: rgba(23, 55, 94, 0.5) !important;
    --bg-fondo-login-2: rgba(23, 55, 94, 0.7) !important;
    --bg-fondo-login-snackbar: rgba(23, 55, 94, 0.9) !important;

    --snackcolor: var(--bg-fondo-login-snackbar);

    --bgdestacado: var(--bgprimarytransparent7);


}


.bg-main-color-3 {
    background-color: var(--maincolor2);

}

/*var(--bgprimarytransparent1)*/
.carousel-marcas {

    background-color: transparent;
    height: 150px !important;

}

/*
00adefcolor marron claro f6821f
color marron oscuro cc6e3a
color celeste 00adef

*/
.bg-destacado {
    background: var(--bgdestacado);
}

.bg-bordes-fix {
    background: linear-gradient(110deg, var(--secondarycolor) 33%, rgba(23, 55, 94, 0) 33%), linear-gradient(110deg, var(--maincolor2) 66%, var(--maincolor) 66%);
}

.bd-bordes-fix {
    border: 1px solid linear-gradient(110deg, var(--secondarycolor) 33%, rgba(23, 55, 94, 0) 33%), linear-gradient(110deg, var(--maincolor2) 66%, var(--maincolor) 66%);
}

.bg-secondary-second-color {
    background-color: var(--maincolor2);
}


.bg-secondary-tercer-color {
    background-color: var(--maincolor3);
}

.bg-oferta {
    background: #5cacd3 !important;
}

.bg-oferta-selected {
    background: #3784d3 !important;
}

.fg-oferta-selected {
    color: #3784d3 !important;
}


.background {
    background: -webkit-linear-gradient(110deg, white 39.9%, var(--maincolor) 40%);
    background: -o-linear-gradient(110deg, white 39.9%, var(--maincolor) 40%);
    background: -moz-linear-gradient(110deg, white 39.9%, var(--maincolor) 40%);
    background: linear-gradient(110deg, white 39.9%, var(--maincolor) 40%);


}


.background-contacto-v2 {

    background-image: linear-gradient(rgba(23, 55, 94, 0.950), rgba(23, 55, 94, 0.950)),
    url('../img/back3.jpg');
}


.background-contacto {
    background: url('../img/dark-honeycomb.png') repeat;


}

.background-body {
    background-image: url('../img/dark-honeycomb.png');
    background-repeat: repeat;

}

.background-intro {
    background-image: url('../img/back2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;


}


.background-contacto-texto {
    background: -webkit-linear-gradient(110deg, rgba(255, 255, 255, 0.055) 30.9%, var(--bgprimarytransparent8) 31%);
    background: -o-linear-gradient(110deg, rgba(255, 255, 255, 0.055) 30.9%, var(--bgprimarytransparent8) 31%);
    background: -moz-linear-gradient(110deg, rgba(255, 255, 255, 0.055) 30.9%, var(--bgprimarytransparent8) 31%);
    background: linear-gradient(110deg, rgba(255, 255, 255, 0.055) 30.9%, var(--bgprimarytransparent8) 31%);
}

.background-presentacion {
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 30.8%, var(--bgprimarytransparent8) 35%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 30.8%, var(--bgprimarytransparent8) 35%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 30.8%, var(--bgprimarytransparent8) 35%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.055) 30.8%, var(--bgprimarytransparent8) 35%);
}


/*.background-contacto {
    background: -webkit-linear-gradient(110deg, white 39.8%, var(--bgprimarytransparent7) 40%);
    background: -o-linear-gradient(110deg, white 39.8%, var(--bgprimarytransparent7) 40%);
    background: -moz-linear-gradient(110deg, white 39.8%, var(--bgprimarytransparent7) 40%);
    background: linear-gradient(110deg, white 39.8%, var(--bgprimarytransparent7) 40%);

}*/


.background-filter {
    background: -webkit-linear-gradient(180deg, var(--bgprimarytransparent1) 20%, white 20%);
    background: -o-linear-gradient(180deg, var(--bgprimarytransparent1) 20%, white 20%);
    background: -moz-linear-gradient(180deg, var(--bgprimarytransparent1) 20%, white 20%);
    background: linear-gradient(180deg, var(--bgprimarytransparent1) 20%, white 20%);

}

.background-multicolor {
    /*  background: -webkit-linear-gradient(70deg,
      var(--bgprimarytransparent3) 30%,
      var(--bgprimarytransparent2) 30%),
      -webkit-linear-gradient(30deg,
              var(--bgprimarytransparent1) 60%,
              white  60%);*/

    background: linear-gradient(70deg,
    var(--bgprimarytransparent2) 30%,
    var(--bgprimarytransparent1) 30%),
    linear-gradient(30deg,
            var(--bgprimarytransparent3) 60%,
            white 60%);
    /*

        background: -o-linear-gradient(70deg, #fff810 30%,
        rgba(23, 55, 94, 0) 30%),
        -o-linear-gradient(30deg,
                #63e89e 60%,
                #ff7ee3 60%);

        background: -moz-linear-gradient(70deg, #fff810 30%, rgba(23, 55, 94, 0) 30%), -moz-linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%);
    */
}

.triangulo {
    position: absolute;
    left: 0;

    bottom: -50px;
    width: 0;
    height: 0;
    border-left: 45px solid white;
    border-top: 68px solid transparent;
    border-bottom: 68px solid transparent;
}

.triangulo-tricolor {
    width: 0;
    height: 0;
    border-left: 100px solid #428bca;
    border-top: 50px solid #f0ad4e;
    border-bottom: 50px solid #d9534f;
}

.card-footer {
    min-height: 0 !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
}

.fixed-filter {
    position: fixed;
    top: 80px;

}

.section-wrapper {
    width: 100% !important;
    position: relative !important;
    /* min-height: 100vh!important;
     background-color: white;*/
}

.container-fluid-wrapper {
    padding-bottom: 0.5rem !important;

    height: auto !important;
}

.footer-wrapper {
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 0 !important;
    /* Footer height */
}

.fg-info {
    color: var(--bgprimarytransparent);
    font-weight: normal !important;

}

.mt-25 {
    margin-top: 24%;
}

.bg-fix-input {
    background-color: white;
}

.bg-oferta {
    background: #5cacd3 !important;
}

.bg-oferta-selected {
    background: #3784d3 !important;
}

.irArriba {
    z-index: 1000;
    display: none;
    cursor: pointer;
    padding: 0.5em;
    background: var(--maincolor3);
    position: fixed;

}


.whatfloat {
    z-index: 1000;
    right: 15px;
    bottom: 25px;

    cursor: pointer;

    width: 4% !important;
    height: 8% !important;
    line-height: 4.4;
    position: fixed;

}


.bg-navbarColor {
    background-color: #dfdfdf !important
}

/**main color **/
.btn-primary {
    color: #fff;
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: var(--maincolor) !important;
    border-color: var(--secondarycolor) !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--maincolor) !important;
    border-color: var(--maincolor) !important;
}

.navbar-menu-cliente {
    font-size: 1.2em;
}

.navbar-menu-cliente-md {
    font-size: 1em;
}

.navbar-menu-cliente-sm {
    font-size: 0.9em;
}

.nav-custom-view {
    position: relative;
    z-index: 1000;
}

.nav-custom-view-session {
    position: relative;
    z-index: 500;
}

.bg-secondaryc {
    background-color: var(--maincolor) !important
}

.bg-secondaryc-v2 {
    background-color: var(--maincolor2) !important
}

.fg-secondaryc {
    color: var(--maincolor) !important
}

.bg-secondaryc-5 {
    background-color: var(--bgprimarytransparent5) !important
}

.bd-secondaryc-5 {
    border: 1px solid var(--bgprimarytransparent5) !important
}

.bg-secondaryc-3 {
    background-color: var(--bgprimarytransparent3) !important
}

.bg-secondaryc-2 {
    background-color: var(--bgprimarytransparent2) !important
}

.bg-secondaryc-1 {
    background-color: var(--bgprimarytransparent1) !important
}

.bg-secondaryc-10 {
    background-color: transparent !important
}

.bg-secondaryc-7 {
    background-color: var(--bgprimarytransparent7) !important
}

.bg-secondaryc-8 {
    background-color: var(--bgprimarytransparent8) !important
}

.bg-secondaryc-9 {
    background-color: var(--bgprimarytransparent9) !important
}

.secondary {
    background-color: var(--maincolor) !important
}

.bg-darkGrayBlue {
    background-color: var(--bgprimarytransparent) !important
}

.bd-secondaryc {
    border-color: var(--maincolor) !important
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: var(--maincolor) !important;

}

.bg-secondaryc-transparent {
    background-color: rgba(23, 55, 94, 0.9) !important
}

.bg-secondaryc-transparent99 {
    background-color: rgba(23, 55, 94, 0.9) !important
}

.bg-secondaryc-transparent50 {
    background-color: rgba(23, 55, 94, 0.5) !important
}

.bg-secondaryc-transparent40 {
    background-color: rgba(23, 55, 94, 0.4) !important
}

.bg-secondaryc-transparent30 {
    background-color: rgba(23, 55, 94, 0.3) !important
}

.bg-secondaryc-transparent20 {
    background-color: rgba(23, 55, 94, 0.3) !important
}

.bd-secondaryc-transparent {
    border-color: rgba(23, 55, 94, 0.9) !important
}

/**main color **/

.bg-lightsecondary {
    background-color: #5cacd3 !important
}

.fg-lightsecondary {
    color: #5cacd3 !important
}

.menu-tabs {
    color: black !important;
    background-color: rgba(96, 125, 139, 0.1) !important;
    border-top: 1px solid rgba(96, 125, 139, 0.1);
    border-right: 1px solid rgba(96, 125, 139, 0.1);
    border-left: 1px solid rgba(96, 125, 139, 0.1);

}

.tabs-expand-md > ul.tabs-list > li.active {
    border: 2px solid #dfdfdf;
    border-bottom: none;
    background-color: #fff;
}

.fg-secondaryc {
    color: var(--maincolor) !important
}

.bg-green-transparent {
    background-color: rgba(134, 226, 42, 0.9) !important
}

.bd-green-transparent {
    background-color: rgba(134, 226, 42, 0.9) !important
}

.bg-red-transparent {
    background-color: rgba(223, 110, 104, 0.9) !important
}

.bd-red-transparent {
    background-color: rgba(223, 110, 104, 0.9) !important
}

.bg-cobalt-transparent {
    background-color: rgba(61, 126, 255, 0.9) !important
}

.bd-cobalt-transparent {
    background-color: rgba(61, 126, 255, 0.9) !important
}

.snackbar-info {
    background: var(--snackcolor) !important;
}

.snackbar-info-bd {
    border-color: var(--snackcolor) !important
}

#correo-auth {
    color: black !important;
}

.button.primaryc,
.command-button.primaryc,
.image-button.primaryc,
.info-button.primaryc,
.input .button-group .button.primaryc,
.notify.primaryc,
.shortcut.primaryc,
.split-button .split.primaryc,
.tally.primaryc,
.toast.primaryc,
.tool-button.primaryc,
code.primaryc,
tbody td.primaryc,
tbody tr.primaryc {
    outline-color: var(--secondarycolor);
    background-color: var(--maincolor);
    color: #fff
}

.button.primaryc.outline,
.command-button.primaryc.outline,
.image-button.primaryc.outline,
.info-button.primaryc.outline,
.input .button-group .button.primaryc.outline,
.notify.primaryc.outline,
.shortcut.primaryc.outline,
.split-button .split.primaryc.outline,
.tally.primaryc.outline,
.toast.primaryc.outline,
.tool-button.primaryc.outline,
code.primaryc.outline,
tbody td.primaryc.outline,
tbody tr.primaryc.outline {
    color: var(--maincolor);
    border-color: var(--maincolor)
}

.button.primaryc.outline.dropdown-toggle::before,
.command-button.primaryc.outline.dropdown-toggle::before,
.image-button.primaryc.outline.dropdown-toggle::before,
.info-button.primaryc.outline.dropdown-toggle::before,
.input .button-group .button.primaryc.outline.dropdown-toggle::before,
.notify.primaryc.outline.dropdown-toggle::before,
.shortcut.primaryc.outline.dropdown-toggle::before,
.split-button .split.primaryc.outline.dropdown-toggle::before,
.tally.primaryc.outline.dropdown-toggle::before,
.toast.primaryc.outline.dropdown-toggle::before,
.tool-button.primaryc.outline.dropdown-toggle::before,
code.primaryc.outline.dropdown-toggle::before,
tbody td.primaryc.outline.dropdown-toggle::before,
tbody tr.primaryc.outline.dropdown-toggle::before {
    border-color: var(--maincolor)
}

.button.primaryc.outline:hover,
.command-button.primaryc.outline:hover,
.image-button.primaryc.outline:hover,
.info-button.primaryc.outline:hover,
.input .button-group .button.primaryc.outline:hover,
.notify.primaryc.outline:hover,
.shortcut.primaryc.outline:hover,
.split-button .split.primaryc.outline:hover,
.tally.primaryc.outline:hover,
.toast.primaryc.outline:hover,
.tool-button.primaryc.outline:hover,
code.primaryc.outline:hover,
tbody td.primaryc.outline:hover,
tbody tr.primaryc.outline:hover {
    color: #fff
}

.button.primaryc.dropdown-toggle::before,
.command-button.primaryc.dropdown-toggle::before,
.image-button.primaryc.dropdown-toggle::before,
.info-button.primaryc.dropdown-toggle::before,
.input .button-group .button.primaryc.dropdown-toggle::before,
.notify.primaryc.dropdown-toggle::before,
.shortcut.primaryc.dropdown-toggle::before,
.split-button .split.primaryc.dropdown-toggle::before,
.tally.primaryc.dropdown-toggle::before,
.toast.primaryc.dropdown-toggle::before,
.tool-button.primaryc.dropdown-toggle::before,
code.primaryc.dropdown-toggle::before,
tbody td.primaryc.dropdown-toggle::before,
tbody tr.primaryc.dropdown-toggle::before {
    border-color: #fff
}

.button.primaryc:hover,
.command-button.primaryc:hover,
.image-button.primaryc:hover,
.info-button.primaryc:hover,
.input .button-group .button.primaryc:hover,
.notify.primaryc:hover,
.shortcut.primaryc:hover,
.split-button .split.primaryc:hover,
.tally.primaryc:hover,
.toast.primaryc:hover,
.tool-button.primaryc:hover,
code.primaryc:hover,
tbody td.primaryc:hover,
tbody tr.primaryc:hover {
    color: #fff;
    background-color: var(--secondarycolor);
    /*9a642c*/
    border-color: var(--maincolor);
}

.button.primaryc:hover.dropdown-toggle::before,
.command-button.primaryc:hover.dropdown-toggle::before,
.image-button.primaryc:hover.dropdown-toggle::before,
.info-button.primaryc:hover.dropdown-toggle::before,
.input .button-group .button.primaryc:hover.dropdown-toggle::before,
.notify.primaryc:hover.dropdown-toggle::before,
.shortcut.primaryc:hover.dropdown-toggle::before,
.split-button .split.primaryc:hover.dropdown-toggle::before,
.tally.primaryc:hover.dropdown-toggle::before,
.toast.primaryc:hover.dropdown-toggle::before,
.tool-button.primaryc:hover.dropdown-toggle::before,
code.primaryc:hover.dropdown-toggle::before,
tbody td.primaryc:hover.dropdown-toggle::before,
tbody tr.primaryc:hover.dropdown-toggle::before {
    border-color: #fff
}

.button.primaryc.same-color:hover,
.command-button.primaryc.same-color:hover,
.image-button.primaryc.same-color:hover,
.info-button.primaryc.same-color:hover,
.input .button-group .button.primaryc.same-color:hover,
.notify.primaryc.same-color:hover,
.shortcut.primaryc.same-color:hover,
.split-button .split.primaryc.same-color:hover,
.tally.primaryc.same-color:hover,
.toast.primaryc.same-color:hover,
.tool-button.primaryc.same-color:hover,
code.primaryc.same-color:hover,
tbody td.primaryc.same-color:hover,
tbody tr.primaryc.same-color:hover {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}

.button.primaryc.focus,
.button.primaryc:active,
.button.primaryc:focus,
.command-button.primaryc.focus,
.command-button.primaryc:active,
.command-button.primaryc:focus,
.image-button.primaryc.focus,
.image-button.primaryc:active,
.image-button.primaryc:focus,
.info-button.primaryc.focus,
.info-button.primaryc:active,
.info-button.primaryc:focus,
.input .button-group .button.primaryc.focus,
.input .button-group .button.primaryc:active,
.input .button-group .button.primaryc:focus,
.notify.primaryc.focus,
.notify.primaryc:active,
.notify.primaryc:focus,
.shortcut.primaryc.focus,
.shortcut.primaryc:active,
.shortcut.primaryc:focus,
.split-button .split.primaryc.focus,
.split-button .split.primaryc:active,
.split-button .split.primaryc:focus,
.tally.primaryc.focus,
.tally.primaryc:active,
.tally.primaryc:focus,
.toast.primaryc.focus,
.toast.primaryc:active,
.toast.primaryc:focus,
.tool-button.primaryc.focus,
.tool-button.primaryc:active,
.tool-button.primaryc:focus,
code.primaryc.focus,
code.primaryc:active,
code.primaryc:focus,
tbody td.primaryc.focus,
tbody td.primaryc:active,
tbody td.primaryc:focus,
tbody tr.primaryc.focus,
tbody tr.primaryc:active,
tbody tr.primaryc:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(23, 55, 94, .45);
    box-shadow: 0 0 0 3px rgba(23, 55, 94, .45);
}

.bg-primaryc {
    background-color: var(--bgprimarytransparentvar);
}

.bg-itemnav-selected {
    background-color: var(--secondarycolor)
}

.app-bar .bg-itemnav-selected {
    background-color: var(--maincolor)
}

.bg-primary-transparent {
    background-color: var(--bgprimarytransparentvar);
}

.bd-primary-transparent {
    background-color: var(--bgprimarytransparentvar);
}

.fg-primary {
    color: var(--maincolor);
}

.file.disabled input,
.file.disabled select,
.file.disabled textarea,
.file:disabled input,
.file:disabled select,
.file:disabled textarea,
.input.disabled input,
.input.disabled select,
.input.disabled textarea,
.input:disabled input,
.input:disabled select,
.input:disabled textarea,
.select.disabled input,
.select.disabled select,
.select.disabled textarea,
.select:disabled input,
.select:disabled select,
.select:disabled textarea,
.textarea.disabled input,
.textarea.disabled select,
.textarea.disabled textarea,
.textarea:disabled input,
.textarea:disabled select,
.textarea:disabled textarea,
select.disabled,
select:disabled {

    color: black !important;
}

.menu-selected-custom {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-radius: 3px !important;
    border-bottom: 3px solid white !important;
    transition-timing-function: ease;
    transition: border-bottom 0.1s ease-out, border-radius 0.1s ease-out;

}

.menu-selected-custom:hover {
    border-bottom: 4px solid white !important;
    border-radius: 10px !important;
}

.menu-unselected-custom {
    border: none;

    transition-timing-function: ease;
    transition: border-bottom 0.1s ease-out;

}

.menu-unselected-custom:hover {
    border-bottom: 3px solid white;

}

.slide-destacado {
    display: block;
    position: relative;
    width: 85% !important;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/*
*/