.login-container-inputs{
    margin-left: 40px !important;
}





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

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

}

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


}


/*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*/



:root {

    /*  --maincolor: #844f32;*/
    --maincolor: #264d8d;
    --maincolor2: #1b65a9;
    --secondarycolor: #548fc8;

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

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

    --bg-fondo-login: rgba(38, 77, 141, 0.5) !important;
    --bg-fondo-login-2: rgba(38, 77, 141, 0.7) !important;
    --bg-fondo-login-snackbar: rgba(38, 77, 141, 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)*/
.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);
}

.background {
    background: -webkit-linear-gradient(110deg, white 40%, var(--maincolor) 40%);
    background: -o-linear-gradient(110deg, white 40%, var(--maincolor) 40%);
    background: -moz-linear-gradient(110deg, white 40%, var(--maincolor) 40%);
    background: linear-gradient(110deg, white 40%, var(--maincolor) 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: 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;

}

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

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

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

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

.irArriba {
    z-index: 1000;
    display: none;
    cursor: pointer;
    padding: 0.5em;
    background: var(--maincolor);
    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-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(--secondarycolor) !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(186, 54, 68, 0.9) !important
}

.bg-secondaryc-transparent99 {
    background-color: rgba(186, 54, 68, 0.9) !important
}

.bg-secondaryc-transparent50 {
    background-color: rgba(186, 54, 68, 0.5) !important
}

.bg-secondaryc-transparent40 {
    background-color: rgba(186, 54, 68, 0.4) !important
}

.bg-secondaryc-transparent30 {
    background-color: rgba(186, 54, 68, 0.3) !important
}

.bg-secondaryc-transparent20 {
    background-color: rgba(186, 54, 68, 0.3) !important
}

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

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

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

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

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

.bd-primary-transparent {
    background-color: (--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;
}

/*
*/