@keyframes fadeeffect {
    0%{
        opacity: 0;

    }

    50%{
        opacity: 0.7;
        transform: translateY(0) scale(0.9);
    }

    100%{
        opacity: 1;
        transform: translateY(0) scale(1);
    }


}

.fade-effect{
    animation: fadeeffect 1.7s!important;
}


.card {

    border-radius: 8px!important;
}



.background-button{

background: linear-gradient(rgba(37, 103, 108, 0.8), rgba(2, 108, 117, 0.7));
}

.background-button p{
    font-size: 1.2em;
    color: white;
    font-style: italic;
    text-shadow: 2px 2px 2px black;
}

.rounded-logo{
    border-radius: 100px;
    background: white;
    display: inline-block;
    padding: 5px 10px;
    width: 80px;
    height: 80px;

}

.main-filtros-container {
    width: 400px!important;
    overflow-x: auto!important;
    overflow-y: hidden!important;
    white-space: nowrap;
}

.fix-filtro-container {

    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap;
}
.logo-semicircle {
    position: relative;
    background: #ca141d;
    height: 50vh;
}

.logo-semicircle::before {
    position: absolute;
    content: '';
    left: 0%;
    z-index: 10;
    width: 546px;
    height: 507px;
    border-radius: 50%;
    background: #fff;
    transform: translateX(-50%) translateY(50%);
    bottom: 0px;
}


.embla, .embla2,.embla-item-imagen {

    margin: auto;
    max-width: 100%;
    --slide-height: auto;
    --slide-spacing: 0.4rem;
    --slide-size: 100%;
    padding: 5px;
}


/*
@media only screen and (max-width: 1200px) {

    .embla__slide {

        min-width: 30%!important;


    }

}*/


@media only screen and (max-width: 1300px) {

    .embla__slide {

        min-width: 50%!important;


    }

}

@media only screen and (max-width: 1200px) and  (min-width: 900px){

    .embla__slide {

        min-width: 65%!important;


    }

}


/*
@media only screen and (min-width: 1024px) {

    .embla__slide {

        min-width: 57%!important;


    }

}*/










 .embla-item-imagen {

    margin: auto;
    max-width: 100%;
    --slide-height: auto;
    --slide-spacing: 0.4rem;
    --slide-size: 100%;
    padding: 5px;
}


.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 42%;
    min-width: 48%;
    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__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__controls {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.5rem;
}


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


.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);
}


.ofertas-destacados {

    background-image: linear-gradient(rgba(2, 108, 117, 0.87), rgba(2, 108, 117, 0.75)), url('../img/ofertasdestacados.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}


.ofertas-destacados .titulo-ofertas-destacados {
    font-size: 2.3em;
    text-shadow: 3px 3px 3px black;
}


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

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

}

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


}

.oferta-new {
    color: #3b3b3b;
    font-style: italic;


}


.cat-background-title {
    background-color: var(--bgprimarytransparent7);

}


.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;

}

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


.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: 20px;
    -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*/

.navbar-split-line{


    background-image: url('../img/split_background.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    height: 200px;


}

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

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


:root {

    /*  --maincolor: #844f32;*/
    --maincolor: #026c75;
    --maincolor2: #297d80;
    --secondarycolor: #026c75;

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

    --body-background: url('views/img/backgroundimg.png');
    --body-background-2: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1)), url('views/img/background.jpg');

    --bg-fondo-login: rgba(0, 166, 174, 0.5) !important;
    --bg-fondo-login-2: rgba(0, 166, 174, 0.7) !important;
    --bg-fondo-login-snackbar: rgba(0, 166, 174, 0.9) !important;

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

    --bgdestacado: var(--bgprimarytransparent7);

    /*  --maincolor: #6d6d6d;
      --secondarycolor: #6d6d6d;
      --snackcolor: #999a9a;
      --bgprimarytransparent: rgba(204, 110, 58, 0.8) !important;
      --bgprimarytransparent5: rgba(89, 89, 89, 0.5) !important;
      --bgprimarytransparent7: rgba(89, 89, 89, 0.7) !important;
      --bgprimarytransparent3: rgba(89, 89, 89, 0.3) !important;
      --bgprimarytransparent2: rgba(89, 89, 89, 0.2) !important;
      --bgprimarytransparent1: rgba(89, 89, 89, 0.1) !important;
      --bgprimary: #CBD6CE !important;*/
}

/*var(--bgprimarytransparent1)*/


.dropdown-toggle::before {

    border-color: #ffffff !important;

}

.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(0, 0, 0, 0) 33%), linear-gradient(110deg, var(--maincolor2) 66%, var(--maincolor) 66%);
}

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

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

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

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

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

.curved-edge {
    --c: 100%; /* control the curvature (works with percentage) */
    width: 100%;
    height: 200px;
    aspect-ratio: 2/3;
    /* you can also update the 60%  */
    mask: radial-gradient(var(--c) 60% at left, #0000 calc(100% - 1px), #000);
    background: var(--secondarycolor);
}

/*
.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 {
    background-image: url('../img/background.jpg');
    background-size: cover;


}

.background-nav {
    background-image: url('../img/back2.png');
    background-size: 100%;
    background-color: white;


}

.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;
    height: 250px;

}


.background-contacto-texto {
    background: var(--bgprimarytransparent8);
    background: var(--bgprimarytransparent8);
    background: var(--bgprimarytransparent8);
    background: var(--bgprimarytransparent8);
}

.background-presentacion {
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 30.8%, var(--bgprimarytransparent5) 35%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 30.8%, var(--bgprimarytransparent5) 35%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 30.8%, var(--bgprimarytransparent5) 35%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.055) 30.8%, var(--bgprimarytransparent5) 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(0, 0, 0, 0) 30%),
        -o-linear-gradient(30deg,
                #63e89e 60%,
                #ff7ee3 60%);

        background: -moz-linear-gradient(70deg, #fff810 30%, rgba(0, 0, 0, 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: 60px;

}

.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;

}

.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(--maincolor);
    position: fixed;

}


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

    cursor: pointer;

    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;

    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0 .75rem;

    line-height: 44px;
    height: 46px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    background-color: #ebebeb;
    color: #1d1d1d;
    cursor: pointer;
    outline: 0;
    position: relative;
}

.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-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(0, 166, 174, 0.9) !important
}

.bg-secondaryc-transparent99 {
    background-color: rgba(0, 166, 174, 0.9) !important
}

.bg-secondaryc-transparent50 {
    background-color: rgba(0, 166, 174, 0.5) !important
}

.bg-secondaryc-transparent40 {
    background-color: rgba(0, 166, 174, 0.4) !important
}

.bg-secondaryc-transparent30 {
    background-color: rgba(0, 166, 174, 0.3) !important
}

.bg-secondaryc-transparent20 {
    background-color: rgba(0, 166, 174, 0.3) !important
}

.bd-secondaryc-transparent {
    border-color: rgba(0, 166, 174, 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(0, 166, 174, .45);
    box-shadow: 0 0 0 3px rgba(0, 166, 174, .45);
}

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

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

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

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

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

.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-radius: 5px;
    background: var(--bgprimarytransparent9);
    transition-timing-function: ease;
    transition: all 0.1s ease-out;

}

.menu-selected-custom:hover {
    background: var(--maincolor2);
}

.menu-unselected-custom {
    border-radius: 5px;

    background: var(--secondarycolor);
    transition-timing-function: ease;
    transition: all 0.1s ease-out;

}

.menu-unselected-custom:hover {
    background: var(--maincolor2);

}

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

/*
*/