*[data-toggle="modal"]{cursor: pointer;}
body, html{height: 100%;overflow:hidden;font-family: 'Source Sans Pro', sans-serif;}
a:hover, a:focus, a:active, a:visited, a{text-decoration: none;cursor: pointer;}
i{cursor: pointer;}
h4, .h4{font-size: 1.20rem;}

*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-track {
    background: #f5f5f5;
}
*::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus{color: #fff;}
/*general*/
.bg-grey{background-color: rgba(67, 66, 93, .05)!important;}
.c-pointer{cursor:pointer!important;}
.border-red{border-bottom-color: #dc3545!important;}
.btn-dark{color: #fff!important;}
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid{border-color: #dc3545!important;}
.text-success{color: #A2C336!important;}
.text-warning{color: #FAAB16!important;}
.text-danger{color: #FA2F38!important;}
.text-info{color: #2EB5CE!important;}
.green-circle{
    background-color: #A2C336;
    width: 72px;
    height: 72px;
    border-radius: 100%;
    color: #fff;
    font-size: 2.8rem;
    padding: 4px;
    text-align: center;
    margin: auto;
    display: block;
    padding-top: 1rem;
}
.red-circle{
    background-color: #FF3B30;
    width: 72px;
    height: 72px;
    border-radius: 100%;
    color: #fff;
    font-size: 2.8rem;
    padding: 4px;
    text-align: center;
    margin: auto;
    display: block;
    padding-top: 1rem;
}
.w-33{max-width: 33%;}
.fa-eye{color: #43425D;font-size: 1.20rem;}
.card .fa-eye, .in .fa-eye{color: #fff;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs{border:transparent;}
form .form-control{border:none;border-bottom:2px solid #E9E9F0;border-radius: 0;font-size: 0.875rem;color: #43425D;font-weight: 400;-webkit-box-shadow: none;box-shadow: none;}
form input:placeholder{font-size: 0.875rem;color: #43425D;font-weight: 400;}
.form-control.invalid{border-color: #FA2F38;}
.form-control:focus{outline: 0 solid transparent!important;border:none;border-color:transparent;border-bottom:2px solid #43425D;-webkit-box-shadow: none;box-shadow: none;}
.form-group{margin-bottom: 0;}
.form-ghost .form-control{border:none;border:1px solid #fff;border-radius: 4px;color: #fff;background-color: transparent;border-right: none;margin:0;}
.form-ghost .form-control:focus, .form-ghost .form-control:focus + .input-group-append .input-group-text{border-color: #FAAB16;-webkit-transition: 0.25s ease-in;-o-transition: 0.25s ease-in;transition: 0.25s ease-in;}
.form-ghost .input-group-text{background-color: transparent;border-left:none;border-color: #fff;color: #fff;}
.btn, .form-control{height: 40px;}
textarea.form-control{height: auto;resize: none;}
.select2-container .select2-selection--single .select2-selection__rendered{font-size: 0.875rem;}
.btn-primary{background-color: #A2C336!important;border:none!important;-webkit-box-shadow: none!important;box-shadow: none!important;outline: none!important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-color: #87a524!important;border:none!important;-webkit-box-shadow: none!important;box-shadow: none!important;outline: none!important;}

.in .nav-tabs{border-bottom: 1px solid rgba(255, 255, 255, .25);}
.in .nav-link{border:2px solid transparent!important;background-color: rgba(255, 255, 255, .25);color: #fff;border-radius: 10px 10px 0 0;}
.in .nav-link.active{background-color: #43425D;color: #fff;border-color: rgba(255, 255, 255, .25)!important;border-bottom:2px solid #43425D!important;}




.btn{padding:0.4rem 0;text-align: center;color: #fff;font-size: 0.8rem!important;border:none;border-radius: 4px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.btn-ghost{background-color: transparent;border:1px solid #fff!important;border-radius: 4px;text-transform: uppercase;font-size: 0.9rem;text-align: center;color: #fff!important;}
.btn-ghost-primary, .btn-ghost-primary:hover, .btn-ghost-primary:focus, .btn-ghost-primary:active{background-color: transparent;border:1px solid #43425D;border-radius: 4px;text-transform: uppercase;font-size: 0.9rem;text-align: center;color: #43425D;width: 100%;padding-left: 2rem;padding-right: 2rem;}
.btn-ghost-primary:hover{background-color: #43425D;color: #fff!important;}
.btn-ghost-primary i{background-color: #A2C336;width: 22px;height: 22px;border-radius: 100%;color: #fff;font-size: 0.8125rem;padding: 4px;margin-right: 15px;}
.btn-ghost img, .btn-ghost-primary img{max-width:2em;}
.btn-ghost-outline{background: #fff;color:#43425D!important;font-size: 16pt}
.h-100{height: 100%;}
.fa-trash{color: #FA2F38;}
.rotateY-180{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.vertical-divider{border-right: 1px solid #e5e5e5;}
.in .vertical-divider{border-color: rgba(247, 248, 250, .31);}
.offset-right-6{margin-right: 25%;}
.info{background-color: #43425D;border-radius: 6px;width: 39px;height: 39px;}
.info i{text-align: center;color: #fff;display: block;margin: auto;padding-top: 0.7rem;}
.success{background-color: #A2C336;border-radius: 6px;width: 39px;height: 39px;}
.success i{text-align: center;color: #fff;display: block;margin: auto;padding-top: 0.7rem;}
.table td{position: relative;}


.no-margin{margin-left: -15px!important;margin-right: -15px!important;}


/*select2*/

.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #43425D!important;}
/*badges*/
.badge-estado{height: 25px;min-width:103px;padding: 5px;color: #fff!important;font-size: 0.9rem;font-weight: 400;text-align: center;text-transform: uppercase;border:none;border-radius: 6px;}
.badge-entregado, .badge-entregado:hover, .badge-entregado:active{background-color:#A2C336!important;color: #fff!important;}
.badge-pendiente, .badge-pendiente:hover, .badge-pendiente:active{background-color:#FA2F38!important;color: #fff!important;}
.badge-transito, .badge-transito:hover, .badge-transito:active{background-color:#FAAB16!important;color: #fff!important;}
.badge-preparado, .badge-preparado:hover, .badge-preparado:active{background-color:#43425D!important;color: #fff!important;}
.badge-proceso, .badge-proceso:hover, .badge-proceso:active{background-color: #2EB5CE!important;color: #fff!important;}
/*login*/
.login-home {background: url('../img/login-background.png') center center no-repeat;background-size: cover;height: 100%;padding-top: 20%;float: left;width: 50%;}
.login-home .in{text-align: center;}
.login-home .in blockquote{color: #fff;font-size: 1.20rem;font-style: italic;margin-top: 30%;}
.login-home .in blockquote small{color: #fff;font-size: 0.875rem;font-style: normal;font-weight: 400;display: block;margin-top: 2rem 0;}

.login-user{float: left;width: 50%;}
.login-user h2{font-size: 35px;font-weight: 600;color: #333333;text-align: center;padding-top: 20%;}
.login-user h2 span{display: block;font-size: 1rem;color: #999999;font-weight: 400;margin:1rem 0 2rem 0;}
.login-user figure{width: 86px;height: 86px;border-radius: 100%;overflow:hidden;position: relative;background-color: #000;}
.login-user figure img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.login-user .nav-item p{text-align: center;color: #333333;font-size: 1rem;font-weight: 400;position: absolute;right: 0;left: 0;margin:auto;bottom: 0;}
.login-user .nav-link{min-height: 10rem;position: relative;}
.login-user .nav-link figure{width: 86px;height: 86px;margin-top: 0.8rem;background-color: #000;}
.login-user .nav-link figure img{opacity: .5;padding: 0;border-radius: 100%;}
.login-user .nav-link.active figure{width: 110px;height: 110px;margin-top: 0rem;background-color: #ccc;}
.login-user .nav-link.active figure img{opacity: 1;padding: 0.2rem;}
.login-user form{margin-top: 5rem;padding: 0 15%;}
.login-user .btn{display: block;margin:3rem auto;width:60%;}

.other-user i{color: #999999;font-size: 32px;margin-top: -1.5rem;display: inherit;}
.other-user figure{background-color: #ccc!important;}
.other-user figure img{opacity: 1!important;padding: 0!important;}



.loading-message{position: relative;top: 100%;padding: 15px 0;}
.loading-message img{display: block;margin:auto;}
.loading-message.loading-ok small{color: #A2C336;}
.loading-message small{text-align: center;text-transform: uppercase;color: #999999;font-size: 0.8125rem;display: block;margin:4rem auto 1rem auto;}
.spinner-cube
{
    margin: auto;
    width: 25px;
    height: 25px;
    position: relative;

}

.spinner-cube > div
{
    background-color: #e5e5e5;
    width: 25px;
    height: 25px;
    position: absolute;
    margin-left: -7px;
    top: 0;
    left: 0;

    bottom:100%;
    border:2px solid #fff;
    -webkit-animation: cuberotate 2s infinite ease-in-out;
    animation: cuberotate 2s infinite ease-in-out;
}

.spinner-cube div:nth-child(1)
{
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.spinner-cube div:nth-child(2)
{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.spinner-cube div:nth-child(3)
{
    -webkit-animation-delay: 1s;
    animation-delay:1s;
}

.spinner-cube div:nth-child(4)
{
    -webkit-animation-delay: 1.5s;
    animation-delay:1.5s;
}


@-webkit-keyframes cuberotate {
    25% { -webkit-transform: translateX(25px);opacity:1;}
    50% { -webkit-transform: translateX(25px) translateY(25px);opacity:0.5; }
    75% { -webkit-transform: translateX(0px) translateY(25px);opacity:0.25; }
    100% {opacity:0.10;}
}

@keyframes cuberotate {
    25% { -webkit-transform: translateX(25px); transform: translateX(25px);opacity:1;}
    50% { -webkit-transform: translateX(25px) translateY(25px); transform: translateX(25px) translateY(25px);opacity:0.5; }
    75% { -webkit-transform: translateX(0px) translateY(25px); transform: translateX(0px) translateY(25px);opacity:0.25; }
    100% {opacity:0.10;}
}


/*SIDEBAR*/

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: -2px;
    width: 0;
    height: 100vh;
    margin-right: 250px;
    overflow-y: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 3px 1px #f8f9fa;
    box-shadow: 0 0 3px 1px #f8f9fa;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}
#wrapper-header{
    margin-right: 250px; /* mismo ancho que el sidebar */
    transition: margin 0.3s;
}
#wrapper-elements{
    margin-right: 250px; /* mismo ancho que el sidebar */
    transition: margin 0.3s;
}
/*#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}*/

/*#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -350px;
}*/

/* Sidebar Styles */

.sidebar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
}

.sidebar-nav li {
    padding: 15px;
    display: block;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav .sidebar-brand{background-color: #f5f5f5;}
.sidebar-nav .sidebar-brand h5{font-size: 0.875rem;color: #333333;font-weight: 400;}
.sidebar-nav .sidebar-brand h5 small{font-size: 0.8125rem;color:#999999;font-weight: 400;text-transform: uppercase;}
.sidebar-nav .sidebar-brand p{font-size: 0.9rem;color: #43425D;font-weight: 600;text-transform: uppercase;margin: 0;}
.sidebar-nav .sidebar-brand p span{color: #FAAB16;}
.sidebar-nav .sidebar-brand img{margin-right: 0!important;}
.sidebar-nav .list-group-item i, .sidebar-nav .list-group-item img{margin-right: 1rem;}
.sidebar-nav .list-group-item a, .sidebar-nav .list-group-item a:hover, .sidebar-nav .list-group-item a:focus, .sidebar-nav .list-group-item a:active{color: #333333;font-size: 0.875rem;text-transform: uppercase;font-weight: 400;}
.sidebar-nav .list-group-item a:hover, .sidebar-nav .list-group-item a:focus, .sidebar-nav .list-group-item a:active{color:#A2C336; }
.sidebar-nav .list-group-item a:hover i, .sidebar-nav .list-group-item a:focus i, .sidebar-nav .list-group-item a:active i{color: #333;}
.sidebar-nav.list-group-flush{height: 90vh;}

.list-group-flush .list-group-item[data-toggle="collapse"]{position: relative;cursor:pointer;}
.list-group-flush .list-group-item[data-toggle="collapse"]::after{content: "\f107";font-family: 'Font Awesome 5 Free';position: absolute;right: 15px;top: 0.9rem;font-weight: 900;}
.sidebar-nav.user-log{height: 10vh;background-color: #F5F5F5;overflow: hidden!important;}
.sidebar-nav.user-log figure{width: 50px;height: 50px;position: relative;overflow:hidden;border-radius: 100%;margin:0rem 1rem 1rem 0;background-color: rgba(0,0,0,0.1);}
.sidebar-nav.user-log figure img{position: absolute;top: 0;left: 0;width: 100%;height:100%;-o-object-fit: cover;object-fit: cover;padding: 3px;border-radius: 100%;}
.sidebar-nav.user-log h5{color: #333333;font-size: 0.875rem;font-weight: 400;text-transform: uppercase;margin:0.5rem 0 0 0;}
.sidebar-nav.user-log h5 small{color: #999999;font-weight: 400;font-size: 0.8125rem;}
.sidebar-nav.user-log a img{margin-top: 1rem;}
.sidebar-nav.user-log a figure img{margin:0;}
.sidebar-nav.user-log:hover{background: #43425D;color: #fff;}
.sidebar-nav.user-log:hover a:hover, .sidebar-nav.user-log a{background: transparent;}
.sidebar-nav.user-log:hover h5{color: #fff;}
.sidebar-nav.user-log:hover h5 small{color: rgba(255, 255, 255, .7);}


.sidebar-nav.user-log:hover .logout{display: none;}
.sidebar-nav.user-log .logout-white{display: none;}
.sidebar-nav.user-log:hover .logout-white{display: block;}



@media(min-width:768px) {
    #wrapper {
        /*padding-left: 0px;*/
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);

    }

    #wrapper.toggled {
        /*padding-left: 350px;*/
        -webkit-transform: translateX(250px);
        -ms-transform: translateX(250px);
        transform: translateX(250px);
    }

    #sidebar-wrapper {
        width: 250px;
        -webkit-transform: translateX(-250px);
        -ms-transform: translateX(-250px);
        transform: translateX(-250px);

    }

    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
        -webkit-transform: translateX(-250px);
        -ms-transform: translateX(-250px);
        transform: translateX(-250px);
    }

    #page-content-wrapper {
        padding: 0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-left: 0;
    }
    .navbar-nav{-webkit-box-orient: horizontal!important;-webkit-box-direction: normal!important;-ms-flex-direction: row!important;flex-direction: row!important;}
}


/*checkbox*/
.checkbox{display: inline-block;}
.checkbox label {
    display: block;
    position: relative;
    margin-bottom: 12px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    border:1px solid #43425D;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.checkbox label:hover input ~ .checkmark {
    border:1px solid #707070;
}

/* When the checkbox is checked, add a blue background */
.checkbox label input:checked ~ .checkmark {

    background-color: #A2C336;
    border-color: transparent;
}




.checkbox-red label input:checked ~ .checkmark, .checkbox-times label input:checked ~ .checkmark, .checkbox-timing label input:checked ~ .checkmark{
    background-color: #FF3B30;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox label .checkmark:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbox-red label .checkmark:after{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 3px;
    top: 7px;
}
.checkbox-times label .checkmark:after, .checkbox-times label .checkmark:before{
    position: absolute;
    left: 7.5px;
    top: 3px;
    content: ' ';
    height: 12px;
    width: 3px;
    background-color: #fff;
}
.checkbox-times label .checkmark:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbox-times label .checkmark:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox-times label .checkmark:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbox-times label .checkmark:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.checkbox-timing label .checkmark:after{
    position: absolute;
    left: 4.5px;
    top: 3px;
    content: ' ';
    height: 12px;
    width: 3px;
    background-color: #707070;
    display: block;
    border: transparent;
}

.checkbox-timing label .checkmark:before{
    position: absolute;
    left: 9.5px;
    top: 3px;
    content: ' ';
    height: 12px;
    width: 3px;
    background-color: #707070;
    display: block;
    border: transparent;
}
.checkbox-timing label .checkmark:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.checkbox-timing label .checkmark:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.checkbox-timing label input:checked ~ .checkmark:after, .checkbox-timing label input:checked ~ .checkmark:before{background-color: #fff;}

/*SWITCH*/

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.switch input:checked + .slider {
    background-color: #A2C336;
}

.switch input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #A2C336;
    box-shadow: 0 0 1px #A2C336;
}

.switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}


/*MODALS*/
.modal{background: rgba(0,0,0,.8);}
.modal .modal-content{border-radius: 0;border:none;-webkit-box-shadow: none;box-shadow: none;}
.modal.show .modal-dialog{-webkit-transform: translateY(20%);-ms-transform: translateY(20%);transform: translateY(20%);}
.modal button:focus{-webkit-box-shadow: none;box-shadow: none;outline: 0px solid transparent;}
.modal button.close{font-size: 1.20rem;color: #fff;cursor: pointer;z-index: 99;position: absolute;top: -4rem;right: 0;opacity: 1;}
.modal .modal-title{font-size: 2.3rem;color: #333333;}
.modal .modal-body{height: 500px;overflow-y: auto;}
.modal .modal-body.promociones-generales{height: auto;}
.modal .modal-body::-webkit-scrollbar {
    width: 5px;
}

.modal .modal-body::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.modal .modal-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}

.modal .carousel-control-prev i, .modal .carousel-control-next i{font-size: 42px;color: rgba(0,0,0,.11);}
.modal .carousel-control-prev i:hover, .modal .carousel-control-next i:hover{color: rgba(0,0,0,.31);}

.modal .carousel-indicators li{background-color: #999999;width: 10px;height: 10px;border-radius: 100%;cursor: pointer;}
.modal .carousel-indicators li.active{background-color: #FAAB16;}
.modal .promociones-generales .promocion{padding: 1rem;}
.modal .promociones-generales h4{font-size:1.125rem;}
.modal .promociones-generales p{font-size: 0.875rem;}

.view-img .carousel-inner{height: 468px;}
.view-img, .view-stock{z-index: 9999;}

.view-stock .modal-body{height: 400px;}
.view-stock .stock-available{color: #A2C336;}
.view-stock .stock-pending{color: #B52628;}
.view-stock ul{list-style-type: none;padding: 0;}
.view-stock ul li{font-size: 1rem;text-transform: uppercase;font-weight: 600;color: #43425D;border-bottom: 1px solid rgba(153, 153, 153, .35);line-height: 3em;}

#view-cart{position:fixed;top:0;right:0;height: 100vh;width: 100%;background-color: rgba(0,0,0,.8);z-index: 999;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;opacity: 0;}
#view-cart .card{background-color: #43425D;width: 70%;height:100vh;position: absolute;right:0;top:0rem;-webkit-transform: translateX(70%);-ms-transform: translateX(70%);transform: translateX(70%);border-radius: 0;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#view-cart.show .card, #view-cart.show{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#view-cart.show{opacity: 1;margin-right: 250px;}

.busqueda-avanzada-modal .modal-content{border-radius: 20px;}
.busqueda-avanzada-modal .modal-title{font-size: 1.2rem;}
.busqueda-avanzada-modal .select2-container{width: 100%!important;}
.busqueda-avanzada-modal .select2-container--default .select2-selection--single{height:40px;border: none!important;border-bottom: 2px solid #E9E9F0!important;border-radius: 0!important;}
.busqueda-avanzada-modal a.btn .checkbox{position: absolute;top: 0.6rem;left: 1.4rem;}

.modal-completo .modal-full{position: fixed;width: 100%;height: 92vh;top:4rem;left: 0;background-color: #fff;overflow: hidden;}
.modal-completo .modal-dialog{-webkit-transform: translate(0)!important;-ms-transform: translate(0)!important;transform: translate(0)!important;max-width: 100%;height: 100%;pointer-events:auto!important;}
.modal-completo .modal-full .close{position:fixed;top:1rem;right: 1rem;}
.modal-completo .modal-body{height: auto;}
.modal-completo .checkbox label{display: inline-block;top: -3px;}
.modal-completo .modal-full .promociones-generales{position: fixed;bottom: 0;left: 0;height: 24.3vh;}
.modal-completo .carousel-control-prev i, .modal-completo .carousel-control-next i{color: #333;}
.modal-completo .carousel, .modal-completo .carousel-inner, .modal-completo .carousel-item{height: 100%!important;}
.modal-completo .precio-total{position: static;}
.modal-completo .carousel-item p{font-size: 1rem;}
.modal-completo .carousel-item p span{color: #FAAB16;font-weight: 600;}
.modal-completo .carousel-item h5{font-size: 1.22rem;color: #43425D;font-weight: 600;text-transform: uppercase;}
.modal-completo .carousel-item h5 span{font-size: 1rem;color: #FAAB16;font-weight: 400;text-transform: uppercase;display: block;line-height: 1em;}
.modal-completo .carousel-item td h5 span{font-size: 1.20rem;display: inline-block;}
.modal-completo .carousel-item h5 small{font-size: 0.875rem;color: #999999;text-transform: uppercase;font-weight: 400;}
.modal-completo .carousel-item .precio-total{height: auto;margin-top: 0;max-width: 33vw;margin-left: auto!important;}
.modal-completo .carousel-item .carousel-control-prev i, .modal-completo .carousel-item .carousel-control-next i{
    background: #F5F5F5;
    border: none;
    border-radius: 100%;
    padding: 0.5rem 1.5rem;
    width: 65px;
    height: 65px;}
.modal-completo .carousel-item .carousel-control-prev i:hover, .modal-completo .carousel-item .carousel-control-next i:hover{ color: #333;}

.modal-completo .campaign p{font-size: 1rem;}
.modal-completo .campaign p span{color: #FAAB16;font-weight: 600;}
.modal-completo .campaign h5{font-size: 1.22rem;color: #43425D;font-weight: 600;text-transform: uppercase;}
.modal-completo .campaign h5 span{font-size: 1rem;color: #FAAB16;font-weight: 400;text-transform: uppercase;display: block;line-height: 1em;}
.modal-completo .campaign td h5 span{font-size: 1.20rem;display: inline-block;}
.modal-completo .campaign h5 small{font-size: 0.875rem;color: #999999;text-transform: uppercase;font-weight: 400;}
.modal-completo .campaign .precio-total{height: auto;margin-top: 0;max-width: 33vw;margin-left: auto!important;}

.modal-completo .container-request-transfer p{font-size: 1rem;}
.modal-completo .container-request-transfer p span{color: #FAAB16;font-weight: 600;}
.modal-completo .container-request-transfer h5{font-size: 1.22rem;color: #43425D;font-weight: 600;text-transform: uppercase;}
.modal-completo .container-request-transfer h5 span{font-size: 1rem;color: #FAAB16;font-weight: 400;text-transform: uppercase;display: block;line-height: 1em;}
.modal-completo .container-request-transfer td h5 span{font-size: 1.20rem;display: inline-block;}
.modal-completo .container-request-transfer h5 small{font-size: 0.875rem;color: #999999;text-transform: uppercase;font-weight: 400;}
.modal-completo .container-request-transfer .precio-total{height: auto;margin-top: 0;max-width: 33vw;margin-left: auto!important;}


.acceso-pin button.close{position: fixed;right: 1.5rem;top: 1.5rem;}
.acceso-pin .modal-content{border-radius: 15px;padding: 2rem;}
.acceso-pin .modal-header{border-bottom:0;padding-top:0;}
.acceso-pin .form-control{min-height: 6rem;border: 1px solid #E9E9F0;font-size: 1.9rem;}
.acceso-pin .modal-body{height: auto;}
.acceso-pin .modal-dialog{position:absolute!important;top: 50%!important;left: 50%!important;-webkit-transform: translate(-50%, -50%)!important;-ms-transform: translate(-50%, -50%)!important;transform: translate(-50%, -50%)!important;width: 100%;}
.acceso-pin .input-group-append{width: 30%;background: #E9E9F0;border: 1px solid #E9E9F0;cursor: pointer;}
.acceso-pin .input-group-append .input-group-text{width: 100%;text-align: center;display: block;padding-top: 10%;font-size: 1.9rem;background: transparent;border: none;}
.acceso-pin p{color: #A2C336;font-size: 2.4rem;text-align: center; margin: 1rem 0;}
.acceso-pin.ko p{color: #FF3B30;}

.pedido-reservado i{text-align: center;font-size:4.8rem;display: block;color: #FA2F38;}
.pedido-reservado h4{color:#FA2F38;text-align: center;}
.pedido-reservado h4 small{color: #43425D;font-size: 1rem;display: block;width: 80%;margin: 1rem auto;}
.pedido-reservado h5{color: #43425D;font-size: 1.20rem;text-align: left;margin: 2rem 0;}
.pedido-reservado h5 small{font-size: 0.875rem;text-transform: initial;display: block;}
.pedido-reservado .btn{display: inline-block;padding-right: 3rem;padding-left: 3rem;margin: 1rem 0;}

.eliminar-info .modal-body{height: auto;min-height: 20rem;}


#nota-collapse, #nota-collapse.show, #nota-collapse .in, #nota-collapse.show .in, #ampliacion-collapse, #ampliacion-collapse.show, #ampliacion-collapse .in, #ampliacion-collapse.show .in{z-index: -1;}
#nota-collapse .in, #ampliacion-collapse .in{background-color: #fff;width: 30%;height:100vh;position: fixed;right:45%;top:0;-webkit-transform: translateX(30%);-ms-transform: translateX(30%);transform: translateX(30%);border-radius: 0;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#nota-collapse.show .in, #ampliacion-collapse.show .in{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;right: 70%;}

.crear-nota .form-control{background-color: #F5F5F5;border: none;resize: none;padding: 1rem;height: 80vh;margin-bottom: 1.5rem;}
#nota-collapse h4, #ampliacion-collapse h4{color: #43425D;font-size: 1.20rem;font-weight: 600;float: left;width: 80%;}
#nota-collapse img, #ampliacion-collapse img{cursor: pointer;}
#nota-collapse .btn, #ampliacion-collapse .btn{max-width: 60%;font-size: 1rem;font-weight: 600;margin: 1rem 0;}
#ampliacion-collapse .form-control{min-height: 75px;background: #f5f5f5;border: none;font-size: 1.9rem;}
#ampliacion-collapse .input-group-append{width: 30%;background: #999999;font-size: 1.9rem;color: #fff;}
#ampliacion-collapse .input-group-append .input-group-text{width: 100%;padding-top: 10%;font-size: 1.9rem;background: #999999;text-align: center;display: block;font-weight: 600;}
#ampliacion-collapse h5{color: #43425D;font-size: 1.20rem;font-weight: 400;margin: 1rem 0;}
#ampliacion-collapse .cantidad{font-size: 2.4rem;color: #43425D;font-weight: 600;}
#ampliacion-collapse .cantidad span{color: #FA2F38;font-size: 1.20rem;font-weight: 600;}
#ampliacion-collapse textarea{min-height: 42vh!important;}

.promociones-modal .modal-content{border-radius: 15px!important;}
.promociones-modal .modal-content .promocion span{font-size: 1.9rem;}
.promociones-modal .modal-content .promocion span strong{font-size: 2.8rem;}
.promociones-modal .modal-content h3{color: #43425D;font-size: 1.9rem;margin:1rem 0;}
.promociones-modal button.close{position: static!important;margin-left: auto!important;color: #43425D;font-size: 1.20rem;margin-top: 10px;margin-right: 10px;}
.promociones-modal .promociones-generales{-webkit-box-shadow: none;box-shadow: none;border-radius: 15px;background-color: transparent;}
.promociones-modal.promociones-cliente .modal-content{background-color: #43425D;color: #fff;}
.promociones-modal.promociones-cliente .modal-content h3, .promociones-modal.promociones-cliente button.close{color: #fff;}


#pedido-cart-modal, #presupuesto-cart-modal{z-index: 9999;}
#table-view-stock, #table-view-img{z-index: 99999;}

#presupuesto-modal .cart-list, #pedido-cart-modal .cart-list, #reservas-modal .cart-list, #presupuestos-ampliar .cart-list, #pedidos-ampliar .cart-list{height: 51vh;overflow-y: auto;}
/*header styles*/

.header-peralba{background-color: #000;height: auto;padding-top: 0.1rem;}
.header-peralba .tool-settings i{margin: 0 1.5rem;font-size: 1.2rem;}
.header-peralba .notifications{margin-right: 0.5rem;}
.header-peralba .tool-notifications i{margin-right: 1rem;font-size: 1rem;}
.header-peralba .navbar{padding-right: 0;padding-left: 0;}
.header-peralba .navbar-brand{margin-left: 2rem;}
.header-peralba .navbar-brand img{width: 12vw;}
.header-peralba i{color: #fff;}
.header-peralba .navbar-brand span{color: #fff;font-weight: 300;font-size: 1.2rem;position: relative;top: 0.5rem;left: 1rem;}
.header-peralba .tool-settings .form-control{margin:0;border-radius: 0px 20px 20px 0!important;border:none!important;height: 38px;}
.header-peralba .tool-settings .input-group-text{border-radius: 20px 0 0 20px!important;border:0;background: #fff;height: 38px;padding: 0;}
.header-peralba .tool-settings .input-group-text i{color: rgba(0,0,0,.5);font-size: 1rem;}
.header-peralba .tool-settings a, .header-peralba .tool-settings a:hover{font-size: 0.9rem;color: #fff;margin: 0 0.5rem;}
.header-peralba .dropdown-menu{position: absolute;}
.header-peralba .dropdown-toggle::after{display: none;}
.header-peralba .nav-item i{padding-top: 0.3rem;}

.dropdown-menu.dropdown-menu-right.show.arrow-up:after, .dropdown-menu.dropdown-menu-right.show.arrow-up:before{left: auto;right: 2rem;}
.dropdown-menu.show.arrow-up:before{
    content: "";
    position: absolute;
    top: -0.8rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid rgba(0,0,0,0.15);
}
.dropdown-menu.show.arrow-up:after{
    content: "";
    position: absolute;
    top: -0.7rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
}


.dropdown-menu.show.arrow-down:before{
    content: "";
    position: absolute;
    bottom: -0.8rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid rgba(0,0,0,0.15);
}
.dropdown-menu.show.arrow-down:after{
    content: "";
    position: absolute;
    bottom: -0.7rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #fff;
}
/*buscar-referencia*/
/*.buscar-referencia{height: 16vh;}*/
.buscar-referencia .select2-container--default .select2-selection--single, .buscar-referencia .select2-container{background-color: #ECEEF4;border-color: #43425D;height: 6vh;border-left: none!important;border-right: none!important;border-radius: 0!important;}
.buscar-referencia .select2-container--default .select2-selection--single .select2-selection__arrow{top: 0.8rem;display: none!important;}
.buscar-referencia .select2-container .select2-selection--single .select2-selection__rendered{padding: 0.6rem 0;}
.buscar-referencia .input-group-prepend{border:none!important;}
.buscar-referencia .input-group-text{border-right: none!important;background-color: #ECEEF4!important;color: #999!important;height: 6vh!important;}
.buscar-referencia .unidades, .buscar-referencia .unidades .form-control{height: 6vh;}
.buscar-referencia .unidades .input-group-text{border-radius: 0!important;background-color: #D3D6DE!important;}
.buscar-referencia .btn{height: 6vh;padding-right: 3rem;padding-left: 3rem;border-radius: 0 .25rem .25rem 0;}

/*buscar cliente*/
.buscar-cliente{height: 14vh;padding: 0.5rem 0;}
.buscar-cliente img{margin-right: 0.5rem;}
.buscar-cliente h2{color: #333333;margin-bottom: 0;}
#select-customer .input-group-prepend{border-bottom:2px solid #E9E9F0;color: #43425D;}
.buscar-cliente .input-group-text{background-color: transparent;border-radius: 0;border:0;border-bottom:2px solid #E9E9F0;}
.buscar-cliente .select2-container--default .select2-selection--single .select2-selection__rendered,.buscar-cliente .select2-container--default .select2-selection--single{border:none;border-bottom:2px solid #E9E9F0;border-radius: 0;}
.buscar-cliente .nombre-cliente h3{color: #333333;font-size: 1.2rem;font-weight: 600;margin:0;}
.buscar-cliente .nombre-cliente p{font-size: 0.9rem;color: #999;margin:0;}
.buscar-cliente .nombre-cliente p strong{color: #43425D;font-weight: 400;}
.buscar-cliente .nombre-cliente p span{color: #FAAB16;font-weight: 600;margin-right: 2rem;}
.buscar-cliente .nombre-cliente img{margin:0 2rem;}
.buscar-cliente .nombre-cliente .info{margin-left: 1rem;}
.buscar-cliente h2 span{color: #FAAB16;}
.buscar-cliente .notifications{margin-top: -3px;margin-left: 0.5rem;}
/*table styles*/
.cart-search{height: auto!important;}
.cart-list{height: 40vh;overflow-y: auto;}
.cart-list-modal{height: 65vh;overflow-y: auto;}
.cart-list::-webkit-scrollbar{
    width: 5px;
}
.cart-list::-webkit-scrollbar-track, .cart-list::-webkit-scrollbar-track:horizontal{
    background: #f5f5f5;
}
.cart-list::-webkit-scrollbar-thumb, .cart-list::-webkit-scrollbar-thumb:horizontal{
    background: #ccc;
    border-radius: 20px;
}
.cart-list::-webkit-scrollbar:horizontal{
    height: 5px;
}
.cart-list .fa-star{color: #FAAB16;position: absolute;left: -15px;top: 1.2rem;}
.cart-list .fa-exclamation-triangle{color: #FAAB16;position: absolute;left: -15px;top: 1.2rem;}
.cart-list .importe-baja{color: #A2C336;font-weight: 600;}
.cart-list .importe-sube{color: #FA2F38;font-weight: 600;}
.bg-warning-tr{
    background:rgba(255, 195, 36, .4)
}
.table tbody tr:nth-of-type(even){background-color: rgba(67, 66, 93, .05)}
.table tbody tr:nth-of-type(even).bg-warning-tr{background:rgba(255, 195, 36, .4)}
.table td{vertical-align: middle;border-color: #e5e5e5;}
.table thead tr{background-color: #43425D;color: #fff;border:none;}
.table thead th{font-size: 0.7rem;text-transform: uppercase;font-weight: 400;color: #fff;}
.table tbody td{font-size: 0.8rem;font-weight: 400;color: #43425D;}
.table tbody td small{font-size: 0.9rem;}
.table a{color: inherit;}

.unidades .form-group{width: 133px;margin: 0;}
/*.unidades .input-group{height: 30px;}*/
.unidades span{border-color: #707070;}
.unidades span i{color: #43425D;}
.unidades .form-control{height: 100%;margin:0;border:none;border:1px solid #707070;text-align: center;}
.unidades .form-control:focus{border-color: #43425D;}

.notifications{background-color: #B52628;height: auto;text-align: center;color: #fff!important;border-radius: 11px;font-size: 1rem!important;padding: 0 0.5rem;}

.stock{width: 18px;height: 18px;border-radius: 100%;background-color: #ccc;display: block;margin: auto;}
.stock-green{background-color: #A2C336;}
.stock-red{background-color: #B52628;}
.stock-yellow{background-color: #FAAB16;}

.paga-senal strong{position: relative;}
.paga-senal span{width: 7px;height: 7px;background-color: #FA2F38;border-radius: 100%;position: absolute;top: -5px;right: 0px;}

/*promociones generales*/
.promociones-generales{-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);box-shadow: 0 0 10px 0 rgba(0,0,0,.15);width: 100%;height: 23vh;background-color: #fff;position: relative;}
.promociones-generales h4{font-size: 0.875rem;padding-top: 1rem;}
.promociones-generales figure{overflow: hidden;position: relative;background-color: #ccc;border: 1px solid #E5E5E5;}
.promociones-generales figure:before{content: "";display: block;padding-top: 100%;}
.promociones-generales figure img{position: absolute;top: 0;left: 0;width: 100%;height:100%;-o-object-fit: cover;object-fit: unset;}
.promociones-generales .promocion{position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,.6);color: #fff;padding: 0.3rem;}
.promociones-generales .promocion strong{font-size: 1rem;}
.promociones-generales .promocion span{font-size: 0.8125rem;display: block;line-height: 1.3em;}
.promociones-generales .in{background-color: #43425D;height: 23vh;margin-left: -15px;margin-right: -15px;padding: 0 15px;}
.promociones-generales .in h4{color: #fff;}

.precio-total{margin-right: 245px;height: 27vh;margin-top: 2rem;}
.precio-total p{font-size: 0.875rem;color: #43425D;font-weight: 400;text-transform: uppercase;}
.precio-total h5{font-size: 1rem;color: #43425D;font-weight: 600;}
.precio-total span{float: right;text-align: right;padding-right: 15px;}/*padding right here is very important*/
.precio-total .btn{width: 100%;border-radius: 0;float: right;}
.precio-total .dropup{position: fixed;right: 0;bottom: 0;width: 18.5%;margin-right: 250px;}
.precio-total .orden-compra form span{float: none;text-align: left;padding-right: 0;}
.precio-total .orden-compra .select2-container{width: 100%!important;}
.precio-total .orden-compra .select2-container--default .select2-selection--single{border:none;border-bottom: 2px solid #E9E9F0;border-radius: 0;text-transform: uppercase;}
.precio-total .orden-compra h4{font-size: 1.2rem;color: #333333;text-transform: uppercase;}
.precio-total .orden-compra h4 small{font-size: 0.9rem;color: #999999;text-transform: uppercase;}
.precio-total .orden-compra h5{font-size: 1rem;color: #333333;font-weight: 600;}
.precio-total .orden-compra h5 small{font-size: 1rem;color: #333333;font-weight: 400;}
.precio-total .orden-compra .in h4{font-size: 1rem;color: #43425D;font-weight: 600;}
.precio-total .orden-compra .in h4 span{font-size: 3.8rem;color: #A2C336;font-weight: 400;padding: 0;display: block;width: 100%;margin: 1rem 0;text-align: right;}
.precio-total .orden-compra .in p{font-size: 1rem;color: #43425D;margin:0;display: block;}
.precio-total .orden-compra .in p span{float: none;text-align: right;margin-left: 1rem;padding-right: 0;display: inline-table;}
.precio-total .orden-compra .btn-ghost-primary{border-radius: .4px;}
.precio-total .orden-compra .btn-ghost-primary img{position: absolute;top: 0.8rem;left: 2rem;}
.precio-total .orden-compra .btn-ghost-primary img.view-hover{display: none;}
.precio-total .orden-compra .btn-ghost-primary:hover img.view-hover{display: block;}
.precio-total .orden-compra .btn-ghost-primary:hover img.view-normal{display: none;}
.precio-total .orden-compra .btn-ghost-primary{border-radius: 4px;}
.precio-total .orden-compra .btn-primary img{position: absolute;top: 0.8rem;left: 2rem;}

/*carrito*/
.ver-informacion img{display: block;}
.ver-informacion a{display: block;color: #C2E353;font-size: 0.8125rem;text-transform: uppercase;}

.view-cart p, .view-cart h5, .view-cart small, .view-cart span, .view-cart h4, .view-cart a{color: #fff;}
.view-cart small span{font-size: 0.9rem;}
.view-cart p, .view-cart small, .view-cart span, .view-cart a{font-weight: 300;}
.view-cart h5{font-size: 0.9rem;font-weight: 600;text-transform: uppercase;margin-top: 0.5rem;}
.view-cart hr{background-color: rgba(247, 248, 250, .25);border-color: rgba(247, 248, 250, .25);}
.view-cart .close-collapse{position: absolute;top: 1rem;right: 0;}
.view-cart .table th, .view-cart .table td{color: #fff;}
.view-cart .table th{border-top: 0;}
.view-cart .table td, .view-cart .table th{border-color: rgba(255, 255, 255, .17);}
.view-cart .nav-tabs .nav-link{padding-left:2rem;padding-right:2rem;color: #fff;font-size: 0.875rem;font-weight: 600;background-color: rgba(255, 255, 255, 0.25);border:1px solid transparent;border-bottom-color:#727186;margin-left: 20px;}
.view-cart .nav-tabs .nav-link.active{background-color: transparent;border-color: rgba(255, 255, 255, .25);border-bottom-color:#43425D;}
.view-cart .nav-tabs{border-bottom: 1px solid rgba(255, 255, 255, .25);margin-bottom: -0.2rem;margin-left: -20px;margin-right: -20px;}
.view-cart .cliente-cart h4{font-size: 1.22rem;}
.view-cart .cliente-cart h4 small{font-size: 0.9rem;}
.view-cart .cliente-cart p{margin-bottom: 0;font-size: 0.8125rem;font-weight: 600;}
.view-cart .cliente-cart p span{color: #FAAB16;margin-left: 0.5rem;}
.view-cart p{font-size: 0.9rem;}
.view-cart .ver-informacion a{color: #A2C336;font-size: 0.8125rem;}
.view-cart .ver-informacion em{color: #A2C336;font-style: normal;}
.view-cart .ver-informacion small{font-size: 0.9rem;line-height: 0em;font-weight: 600;}
.view-cart p strong{font-size: 1rem;}
.view-cart .fa-eye{font-size: 1.20rem;}
.view-cart .nota p{color: rgba(255, 255, 255, .70);font-weight: 300;}
.view-cart .nota{height: 18vh;}
.view-cart .footer-notas{height: 10vh;}
.view-cart .pedidos-form, .view-cart .nota:first-child{margin-top: 2rem;}



.pagination{margin-bottom: 0;}
.pagination .page-link{padding: 0.2rem 0.5rem;border:1px solid #43425D;background-color: rgba(255, 255, 255, .37);color: #43425D;font-size: 0.875rem;}
.pagination .page-item.active .page-link{background-color: #fff;border-color:#43425D;color: #43425D;}
.pagination .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.pagination .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px;}
.pagination-dark .page-item.active .page-link, .pagination-dark .page-item.active:hover .page-link{background-color:  #43425D;color: #fff;}
.pagination-dark .page-item:hover .page-link{background-color: rgba(67, 66, 93, 0.2);}

.pagination-label{margin-bottom: 0;}
.pagination-label .page-link{padding: 0.4rem 1rem;border:1px solid #43425D;background-color: rgba(255, 255, 255, .37);color: #43425D;font-size: 1.2rem;}
.pagination-label .page-item.active .page-link{background-color: #43425D;border-color:#43425D;color: #fff;}
.pagination-label .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.pagination-label .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px;}
.otras-formas p span{min-width: 30%; float: left;}

.pedidos-form .form-control{margin:0;background: transparent;color: #fff;border:0;border-bottom: 2px solid #E9E9F0;border-radius: 0;}
.pedidos-form .form-control::-webkit-input-placeholder{color: #fff;}
.pedidos-form .form-control:-ms-input-placeholder{color: #fff;}
.pedidos-form .form-control::-ms-input-placeholder{color: #fff;}
.pedidos-form .form-control::-moz-placeholder{color: #fff;}
.pedidos-form .form-control::placeholder{color: #fff;}
.pedidos-form span{background-color: transparent;border:none;border-bottom: 2px solid #E9E9F0;border-radius: 0;}


.promocion-carrito-up{background-color: #43425D;border-radius: 14px 14px 0 0 ;color: #fff;position: absolute;right: 15px;bottom:100%;width: 30%;padding: 0.5rem 1rem;cursor: pointer;}
.promocion-carrito-up .collapse{background-color: #43425D;}
.promocion-carrito-up h5{font-size: 0.875rem;text-transform: uppercase;color: #fff;margin: 0.5rem 0;}
.promocion-carrito-up .fa-angle-up{position:absolute;right:1rem;top:0.5rem;text-align: right;font-size: 1.20rem;color: #fff;margin: 0.3rem 0;}
.promocion-carrito-up .card{background-color: #43425D;border:none;}
.promocion-carrito-up .card p{font-size: 0.875rem;color: #fff;font-weight: 300;}
.promocion-carrito-up .card p span{color: #A2C336;font-size: 2.1rem;font-weight: 400;display: block;}

.collapse-td{border:none!important;background-color: #43425D;color: #fff;-webkit-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;transition: all 0.1s ease-in;opacity: 0;z-index: -1;}
.collapse-td.show{-webkit-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;transition: all 0.1s ease-in;opacity: 1;z-index: -1;display: table-row;}
.collapse-td h3{color: #fff;font-size: 1.20rem;text-transform: uppercase;font-weight: 600;margin-top: 0.8rem;}
.collapse-td .fa-star{position: static;float: left;margin-right: 1rem;margin-top: 0.3rem;}
.collapse-td p{color: #fff;font-size: 1.22rem;font-weight: 300;padding-left: 34px;}
.times-square{width: 35px;height: 35px;border-radius: 4px;background-color: #fff;position: absolute;top: 1rem;right: 1rem;}
.times-square i{color: #43425D;font-size: 30px;text-align: center;display: block;margin: 0.2rem auto;}



.orden-compra.dropdown-menu.show{margin-right:250px;position: fixed!important;bottom: 5rem!important;top:auto!important;height: auto;left: 15px!important;right:15px!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;}
.orden-compra:before{
    content: "";
    position: absolute;
    bottom: -1.7rem;
    right: 14%;
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 26px solid rgba(0,0,0,0.15);
}
.orden-compra:after{
    content: "";
    position: absolute;
    bottom: -1.5rem;
    right: 14%;
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 26px solid #fff;
}


.orden-compra figure, .codigo-barras figure{background-color: #43425D;border-radius: 14px;position: relative;overflow: hidden;cursor: pointer;}
.orden-compra figure:before, .codigo-barras figure:before{content:"";display: block;padding-top: 100%;}
.orden-compra figure img, .orden-compra figure i, .codigo-barras figure img, .codigo-barras figure i{color:#fff;font-size:4.8rem;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto!important;height: auto!important;padding: 3rem;}
.orden-compra figure small, .codigo-barras figure small{position: absolute;bottom: 5px;right: 0;left: 0;margin:auto;color: #fff;text-align: center;font-size: 0.875rem;}
.orden-compra .in{background-color: transparent;border-left:5px dotted rgba(153, 153, 153, 0.25);}
.orden-compra .invalid-payment figure{opacity: .63;cursor: default;}
.orden-compra .invalid-payment::before{
    content: url(../img/bann-circle.png);
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
    text-align: center;
}

.orden-compra .selected-payment::before, .codigo-barras .selected-payment::before{
    content: url(../img/tic-circle.png);
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
    text-align: center;

}

.orden-compra .no-selected{opacity: .63;}



/*direccion envio*/
.cart-list .fa-angle-double-right{font-size: 1.20rem;color: #999999;position: absolute;left: -15px;top: 1rem;}
.cart-list.direccion-envio{height: 100vh;}
.direccion-envio .in .nav-tabs{margin-right: -15px;margin-left: -15px;}
.direccion-envio .in .nav-link{margin-left: 15px;background:#43425D!important;border-bottom: 2px solid #43425D!important;}

.direccion-envio .checkbox{display: inline-block;}
.direccion-envio .in{height: 100vh;padding: 15px;background-color: #43425D;margin-right: -15px;}
.direccion-envio .tab-content{height: 85vh;overflow-y: auto;overflow-x: hidden;padding:15px;}
.direccion-envio h4{font-size: 1.2rem;color: #43425D;font-weight: 600;padding: 2rem 0;}
.direccion-envio h4 small{text-transform: uppercase;font-weight: 400;color: #666666;font-size: 0.875rem;display: block;line-height: 1.3em;}
.direccion-envio h4 .input-group-text{background: transparent;border:none;border-bottom: 2px solid #E9E9F0;border-radius: 0;}
.direccion-envio .in h5{color: #fff;font-size: 1.2rem;margin:2rem 0;font-weight: 600;}
.direccion-envio .in p{color: #fff;}
.direccion-envio .in .d-flex p{padding-top: 0.4rem;padding-left: 1rem;}
.direccion-envio .in address{color: #fff;font-size: 1rem;}
.direccion-envio .in address a{color: inherit;}
.direccion-envio .in hr{background-color: rgba(255, 255, 255, .25);border-color: rgba(255, 255, 255, .25)}
.direccion-envio .in .btn-ghost{padding-left: 2rem;padding-right: 2rem;}
.direccion-envio .in .select2-container{width: 90%!important;}

.direccion-envio .table-overflow{overflow-x: hidden;overflow-y: auto;height: 80vh;display: block;width: 100%;padding-right: 15px;}
.direccion-envio .in label{color: rgba(255, 255, 255, 0.9);font-size: 0.875rem;margin-bottom: 0;}
.direccion-envio .in .input-group-prepend .input-group-text{border:1px solid rgba(255, 255, 255, 0.75);border-right-color: transparent;border-radius: 4px 0 0 4px;}
.direccion-envio .in .input-group .form-control{border-left: none;}
.direccion-envio .in .form-control:focus{border:1px solid rgba(255, 255, 255, 0.75);}
.direccion-envio .in .input-group .form-control:focus{border-radius: 0 4px 4px 0;border-left: none;}
.direccion-envio .in select option {color: #43425D;}
.direccion-envio .bg-dark{padding:15px;}
.direccion-envio .bg-dark p{color: #fff;font-size: 0.875rem;margin-bottom: 0;}
.direccion-envio .container-row{padding: 15px;}
.direccion-envio .table-body .row:nth-of-type(even) .container-row{background-color: rgba(67, 66, 93, .05);}
.direccion-envio .btn-dark{font-size: 0.875rem;margin-right: 15px;}
.direccion-envio .btn-dark i{margin-right: 0.3rem;}
.direccion-envio .btn-primary{color: #fff!important;}

.direccion-envio .spinner-cube{margin:1rem auto;}
.direccion-envio .loading-message{
    display: -webkit-box!important;
    display: flex!important;
    display: -ms-flexbox!important;
    -ms-flex-wrap: wrap!important;
    -ms-flex-direction: column!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    flex-direction: column!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    -ms-flex-pack: center!important;
    -ms-flex-align: center!important;
    -webkit-box-align: center!important;
    align-items: center!important;
    height: 100vh;
}

/*modal wrapper*/
.modal-mask .modal-wrapper{position: relative;}
.modal-mask .modal-header .btn{position: absolute;top: -3rem;right: 0;background-color: transparent;font-size: 2rem;}
.modal-mask .modal-body .btn{margin: 1rem 0;}
.modal-mask .modal-header h3{font-size: 1rem;}

/*categorias*/
.categorias .buscar-cliente .select2-container{min-width: 25%!important;}
.categorias.cart-list{height: 80vh;}
.filtrar-categoria{height: 10vh;}
.tabs-categoria{height: 90vh;}
.tabs-categoria .no-gutters{margin-right: -15px;margin-left: -15px;}
.tabs-categoria i{display: none;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.tabs-categoria .nav-link.active i, .tabs-categoria .nav-link:hover i{display: inline-block;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.tabs-categoria .nav-link{background-color: #fff;border:1px solid transparent;border-radius: 0;color: #666666;font-size: 0.875rem;text-transform: uppercase;font-weight: 400;}
.tabs-categoria .nav-link.active, .tabs-categoria .nav-link:hover{background-color: #f5f5f5;border-color: #e5e5e5;color: #666666;font-size: 0.875rem;text-transform: uppercase;font-weight: 400;}
.tabs-categoria .last-tab-content{height: 100%;}
.tabs-categoria .last-tab-content .nav-link.active, .tabs-categoria .last-tab-content .nav-link:hover{background: #fff;border:transparent;}
.tabs-categoria .tab-content, .tabs-categoria .tab-pane, .tabs-categoria .last-tab-content .nav-link{height: 82vh;}

.tabs-categoria .last-tab-content .nav-link{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
}

.tabs-categoria .last-tab-content .btn{width: 80%;}
.tabs-categoria .last-tab-content h2{font-size: 72px;color: #43425D;font-weight: 400;}

.resultados-busqueda{height: 16vh;background-color:#43425D;color:#fff;padding: 1rem 0;}


/*codigo barras*/
.codigo-barras .dropdown-menu{position: absolute;left: -10rem;width: 25rem;height: auto;padding:35px 15px 0px 15px;border-radius: 15px;}
.cash-drop .dropdown-menu{position: absolute;left:auto;right:-4rem;width: 25rem;height: auto;padding:15px;border-radius: 15px;}
.cash-drop .dropdown-menu.show.arrow-up:after{left: 60%;}
.cash-drop a{color: #43425D;text-transform: uppercase;font-size: 0.875rem;display: block;width: 100%;}
/*clintes*/
.clientes-busqueda .form-control{background-color: transparent;color: #fff;border-color: rgba(255, 255, 255, .75);}
.clientes-busqueda .form-control::-webkit-input-placeholder{color: #fff;}
.clientes-busqueda .form-control:-ms-input-placeholder{color: #fff;}
.clientes-busqueda .form-control::-ms-input-placeholder{color: #fff;}
.clientes-busqueda .form-control::-moz-placeholder{color: #fff;}
.clientes-busqueda .form-control::placeholder{color: #fff;}
.clientes-busqueda .form-control:focus{border-color: rgba(255, 255, 255, 1);}
.clientes-busqueda .input-group-text{background-color: transparent;color: #fff;border:none;border-bottom: 2px solid rgba(255, 255, 255, .75);border-radius: 0;}
.clientes-busqueda .select2-container--default .select2-selection--single{background-color: transparent;color: #fff;border-radius: 0;border:none;border-bottom: 2px solid rgba(255, 255, 255, .75);height: 40px;}
.clientes-busqueda .select2-container .select2-selection--single .select2-selection__rendered{color: #fff;padding-top: 6px;}

.clientes-list{height:71vh;overflow-y: auto;}
.clientes-list thead tr{background-color: transparent;}
.clientes-list thead th{color: #43425D;font-size: 1rem;font-weight: 600;text-transform: uppercase;border-top: none;}
.clientes-list td .fa-eye{margin-top: 0.8rem; margin-right: 1rem;font-size: 0.8rem;}
.clientes-list .table tbody td{font-weight: 600;font-size: 0.8rem;text-transform: uppercase;color: #000000;}
.clientes-list .table tbody .children td{font-weight: 400;}
.clientes-list a.btn{color: #fff!important;}
.clientes-tab .tab-content .in{background-color: #43425D;color: #fff;padding: 15px;margin-left: -15px;margin-right: -15px;padding-bottom: 15px;margin-bottom: 1rem;}
.clientes-tab .tab-content .in small{font-size: 1.2rem;line-height: 1.3em;display: inline-block;}
.clientes-tab .tab-content .in small span{font-size:0.9rem;font-weight: 400;}
.clientes-tab .tab-content .in .w-25 a{position: absolute;left: auto;bottom: -1rem;}
.clientes-tab .tab-content .in .vertical-divider img{margin-bottom: 1rem;}
.clientes-tab .tab-content .in p strong{font-size: 1.2rem;font-weight: 600;}
.clientes-tab .tab-content .in p{font-size: 0.875rem;font-weight: 400;}
.clientes-tab .tab-content .in p span{text-align: right;float: right;margin-left: 0.5rem;}
.clientes-tab .nav-item{background-color:rgba(67, 66, 93, .25) ;border:none;color: #43425D;margin-left: 10px;font-size: 0.875rem;border-radius: 10px 10px 0 0;}
.clientes-tab .nav-item.active{background: #43425D;color: #fff;}
.clientes-tab .tab-content .in h5{color: #fff;font-size: 1rem;}
.clientes-tab .tab-content .in i{color: #fff;}
.clientes-modal .table thead th{border-top: 0;}
.clientes-modal .table tbody tr:nth-of-type(even){background-color: rgba(255, 255, 255, .09)!important;}
.clientes-modal .table td{color: #fff;border-color: rgba(255, 255, 255, .09);}
.clientes-modal .table td small{font-size: 0.9rem!important;}
.clientes-modal .modal-body{height: auto!important;padding: 0;}
.clientes-modal .badge{background-color: #FAAB16;color: #fff!important;text-transform: uppercase;font-weight: 600;}
.clientes-modal .informacion-contacto{height: 37vh;overflow-y: auto;overflow-x: hidden;}
.clientes-modal .informacion-contacto p{font-size: 0.9rem;color: #43425D;}
.clientes-modal .informacion-contacto .condiciones p{width: 30%;}
.clientes-modal .informacion-contacto .condiciones p span{text-align: right;float: right;}
.clientes-modal .informacion-contacto h4{font-size: 1.20rem;color: #43425D;font-weight: 600;}
.clientes-modal .informacion-contacto a{color: inherit;}
.clientes-modal .seleccionar-cliente{height: 8vh;}
.clientes-modal .carousel-arrows{height:10vh;margin-top: 1rem;}
.clientes-modal .carousel-control-next, .clientes-modal .carousel-control-prev{bottom: -5rem;}
#clientes-modal-carousel .seleccionar-cliente h5 span{font-size: 0.875rem;color: #999999;text-transform: uppercase;}
#clientes-modal-carousel .seleccionar-cliente p{font-size: 0.9rem;color: #333;font-weight: 600;margin-bottom: 0;}
#clientes-modal-carousel .seleccionar-cliente p span{color:#FAAB16;}
.clientes-modal .tab-pane{height: 63vh;}
.clientes-notas-tab .in{height: 63vh;}
.clientes-notas-tab textarea:focus{background-color: rgba(255, 255, 255, .25);border-bottom: 0;color: #fff;}
.clientes-notas-tab textarea{height: 47vh;background-color: rgba(255, 255, 255, .25);border-bottom: 0;color: #fff;font-size: 1rem;}
.clientes-modal .in .clientes-pedidos-list{height: 40vh;overflow-y: auto;overflow-x: hidden;}
.clientes-modal hr{margin-top: 0;}
.clientes-modal .tab-content .in .clientes-nota hr{margin-top: 1rem!important;}
#anadir-contacto-cliente .form-group, #anadir-direccion-cliente .form-group{margin-bottom: 2rem;}

.nota h5{color: #FFFFFF;font-size: 0.875rem;font-weight: 600;}
.nota p{font-size: 0.9rem;color: rgba(255, 255, 255, .7);font-weight: 400;margin-bottom: 0.5rem;}
.nota small{font-size: 0.8125rem!important;color: #A2C336;font-weight: 400;}
.nota .fa-pencil-alt{color: rgba(255, 255, 255, 1);margin-right: 1rem;}
.clientes-modal .tab-content .in hr{border-color: rgba(255, 255, 255, .17);background-color: rgba(255, 255, 255, .17);}

/*perfil*/
.foto-perfil{padding: 1rem 0;height:32vh;}
.perfil figure{width: 150px;height: 150px;overflow: hidden;border-radius: 100%;background-color: #f5f5f5;position: relative;display: block;margin:auto;}
.perfil figure img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 100%;padding: 0.3rem;}
.perfil h5{text-align: center;font-size: 1.9rem;color: #333333;text-transform:uppercase;margin:1rem 0;font-weight: 400;}
.perfil h5 small{font-size: 1.2rem;color: #999999;font-weight: 400;}
.perfil .in{background-color: #43425D;color: #fff;height: 60vh;}
.perfil .in small{font-size: 1rem;font-weight: 400;display: block;}
.perfil .in small span{color: #F7F8FA;text-align: right;float: right;}
.perfil .in h5{text-align: left;color: #fff;font-size: 0.9rem;font-weight: 300;margin:0.5rem 0;}
.perfil .in h5 img{margin-right: 0.5rem;margin-top: -8px;width: 1.3rem;}
.perfil .in h4 strong{font-size: 2.5rem;color: rgba(255, 255, 255, .7);font-weight: 300;}

.perfil .in .box{padding: 1.5rem;background-color: transparent;border: 2px solid rgba(255, 255, 255, .34);border-radius: 10px;margin: 1rem 0;}
.perfil .in .box img{cursor: pointer;}
.perfil .in .box h4{font-size: 0.875rem;font-weight: 400;color: #fff;}
.perfil .dropup .dropdown-toggle::after{display: none;}
.perfil .dropdown-menu.show{right: -2rem;-webkit-transform:translate3d(0px, -15px, 0px)!important;transform:translate3d(0px, -15px, 0px)!important;bottom: 0rem;top: auto!important;}
.perfil .dropdown-menu{border-radius: 15px;padding:2rem;right: -2rem;margin-bottom: 1rem;}
.perfil .dropdown-menu h5{color: #43425D;font-size: 1rem;text-transform: uppercase;font-weight: 400;}
.perfil .dropdown-menu p, .perfil .dropdown-menu li{font-size: 0.875rem;}
.perfil .dropdown-menu ul{padding: 15px;}
.perfil .arrow-down:after, .perfil .arrow-down:before{left:auto!important;right: 2.3rem!important;}


.bar-percent{height: 7px;position: relative;display: block;z-index: 0;background-color: #F7F8FA;margin:0.5rem 0;}
.dinamic-bar{
    position: absolute;
    top: 0;
    left: 0;
    height: 7px;
    z-index: 9;
}
.bar-green{background-color: #A2C336;}
.bar-yellow{background-color: #FAAB16;}
.bar-red{background-color: #FA2F38;}

/*nuevo*/
.peralba-albaranes.cart-list{height:65vh;overflow-y: auto;}
.albaran .cart-list{height: 66vh;overflow-y: auto;}
.albaran .info-albaran{margin-top: -1.5rem;height: 12vh;}
.albaran .info-albaran h5{color: #43425D;font-size: 1.9rem;font-weight: 600;margin-bottom: 0;}
.albaran .info-albaran h5 small{color: #43425D;font-size: 0.875rem;}
.albaran .info-albaran h5 span{color: #FAAB16;}
.albaran .info-albaran .btn-group{margin-top: 1.5rem;float: right;}
.albaran .info-albaran .btn-group .btn{border-radius: 6px 0 0 6px;padding: 10px;height: auto;}
.albaran .info-albaran .dropdown-menu a{font-size: 0.9rem;color: #666;text-transform: uppercase;}
.albaran .info-albaran .btn-group .dropdown-toggle-split{border-radius: 0 6px 6px 0!important;border-left:1px solid #fff!important;}

.albaran .cart-list .form-control{border: none;background: transparent;font-weight: 600;font-size: 1rem;-webkit-box-shadow: none;box-shadow: none;text-align: right;}
.albaran-timing{background: #43425D;height: 12vh;color: #fff;padding: 15px;}
.albaran-timing h5{font-size: 0.875rem;}
.albaran-timing h5 span{font-size: 1.2rem;font-weight: 600;display: block;}
.albaran .cart-list .form-control{max-width: 46px;display:inline-block;margin-left:auto;margin-right:1rem;text-align: right;background: #fff;border: 1px solid #707070;border-radius: 0;height: auto;padding-top: 2px;padding-bottom: 2px;}
.albaran .cart-list i{font-size: 1.22rem;}
.albaran .cart-list label{font-size: 0.75rem;text-align: right;width: 50%;float: left;margin-right: -5rem;}
.albaran .cart-list tbody .checkbox{width: 30%;float: left;}
.albaran .nota-drop .dropdown-menu{padding:15px;min-width: 290px;border-radius: 15px;-webkit-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #ccc;}
.albaran .nota-drop .dropdown-menu .form-control{text-align:left;font-weight:400;min-width: 100%!important;border: none;background: transparent;}
.albaran .nota-drop .dropdown-menu .btn{width: 50%;float: left;}
.albaran .nota-drop .dropdown-menu i{color: #43425D;font-size: 16px;float: right;padding-top: 1rem;}
.albaran .nota-drop i[aria-expanded="true"]{color: #A2C336;}
.albaran .nota-drop .dropdown-menu-right{left: 80%!important;top: 1rem!important;margin-left: 2rem;}


.pedidos-retrasados{background: #FA2F38;font-size: 1.20rem;text-align: center;padding: 15px;color: #fff;max-width: 50%;display: block;margin: auto;min-height: 25vh;padding-top: 3rem;}
.pedidos-retrasados i{font-size: 2.8rem;}
/*--------------------------RESPONSIVE--------------------------*/

/* Small Devices, Tablets */


@media (max-width: 1024px) {
    /*heights*/
    .modal.show .modal-dialog{-webkit-transform: translateY(10%);-ms-transform: translateY(10%);transform: translateY(10%);}
    .cart-list{height: 35vh;}
    /*.buscar-referencia{height: 10vh;}*/
    .promociones-generales, .promociones-generales .in{height: 21vh;}
    .crear-nota .form-control{height: 65vh;}
    .view-cart .nota{height: 15vh;}
    #presupuesto-modal .cart-list, #pedido-cart-modal .cart-list, #reservas-modal .cart-list, #presupuestos-ampliar .cart-list, #pedidos-ampliar .cart-list{height: 40vh;}
    .modal-completo .modal-full .promociones-generales{height: 37vh;}
    .sidebar-nav.list-group-flush{height: 78vh;}
    .sidebar-nav.user-log{height: 22vh;}
    .tabs-categoria .tab-content, .tabs-categoria .tab-pane, .tabs-categoria .last-tab-content .nav-link{height: 70vh;}
    .clientes-modal .informacion-contacto{height: 30vh;}
    .clientes-modal .in .clientes-pedidos-list{height: 33vh;}
    .clientes-notas-tab .in{height: 49vh;overflow-x: hidden;overflow-y: scroll;}
    .badge-estado{height: 20px;}
    .perfil figure{width: 100px;height: 100px;}
    .foto-perfil{height: 24vh;}
    .notifications{height: 18px;}
    .direccion-envio .tab-content{height: 65vh;}
    .direccion-envio .in form .select2-container{width: 80%!important;}
    /*font size*/
    .btn-ghost-primary i{font-size: 1rem;}
    .perfil h5{font-size: 1.22rem;margin:0.5rem 0;}
    .perfil h5 small{font-size: 1rem;}
    /*others*/
    .clientes-modal .carousel-arrows{position: fixed;bottom: 1rem;left: 0;width: 100%;}


}

@media (min-width: 1600px){
    /*.buscar-referencia{height: 13vh;}*/
    .promociones-generales, .promociones-generales .in{height: 26.5vh;}
    .notifications{height: auto;}

    .view-cart p{font-size:1rem;}
    .perfil .in h4 strong{font-size: 2.4rem;}
    .view-cart .ver-informacion small{font-size: 0.8125rem;}
    .promociones-generales h4{font-size: 0.875rem;}
    .promociones-generales .promocion strong{font-size: 0.9rem;}

}


/*nuevo 7/11*/
.busqueda-manual .dropdown-toggle::after{display: none;}
.busqueda-manual .btn-dark{border-radius: 4px;padding:15px 20px;font-size: 1.2rem;}
.busqueda-manual .dropdown-menu{padding: 25px;}
.busqueda-manual .dropdown-menu.show{
    position: fixed!important;
    bottom: auto!important;
    top: 11rem!important;
    height: auto;
    left: 15px!important;
    right: 15px!important;
    -webkit-transform: translate3d(0,0,0)!important;
    transform: translate3d(0,0,0)!important;
    border:none;
    -webkit-box-shadow: 0px -2px 11px 6px rgba(0,0,0,0.1);
    box-shadow: 0px -2px 11px 6px rgba(0,0,0,0.1);
}

.busqueda-manual .dropdown-menu::after{
    content: "";
    position: absolute;
    bottom: auto;
    top: -0.6rem;
    left: 1rem;
    right: 0;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #fff;
}

.busqueda-manual .select2-container--default .select2-selection--single, .busqueda-manual .select2-container{height: 50px;background-color: transparent;border-top:none;width: 100%!important;}
.busqueda-manual .select2-container--default .select2-selection--single{border-width: 0px;}
.busqueda-manual .form-control{height: 50px;border-bottom: 2px solid #43425D;border-top:none;padding: 0;font-size: 0.875rem;color: #333;}
.busqueda-manual .form-control::-webkit-input-placeholder{color: #43425D;}
.busqueda-manual .form-control:-ms-input-placeholder{color: #43425D;}
.busqueda-manual .form-control::-ms-input-placeholder{color: #43425D;}
.busqueda-manual .form-control::-moz-placeholder{color: #43425D;}
.busqueda-manual .form-control::placeholder{color: #43425D;}
.busqueda-manual .select2-container .select2-selection--single .select2-selection__rendered{padding: 0.3rem 0;}
.busqueda-manual .input-group-text{background-color: transparent;border-top:none;border-bottom: 2px solid #43425D;height: 50px;border-radius: 0;color: #43425D;}
.busqueda-manual .unidades{max-height: inherit;}
.busqueda-manual .unidades .form-control{height: 50px;border:1px solid #707070;}
.busqueda-manual .unidades .input-group-text{border:1px solid #707070;background-color: #e9ecef;}
.busqueda-manual .unidades .input-group-append .input-group-text{border-radius: 0 6px 6px 0;}
.busqueda-manual .unidades .input-group-prepend .input-group-text{border-radius: 6px 0 0 6px;}
.busqueda-manual .dropdown-menu .btn-dark{height: 50px;width: 100%;padding-right: 1rem;padding-left: 1rem;font-size: 0.875rem;line-height: 0em;}
.busqueda-manual .close{color: #43425D;opacity: 0.9;}
.busqueda-manual .btn-dark:first-child{border-radius: 4px!important;}

/*toastr*/


@media(max-width: 1600px){
    .busqueda-manual .dropdown-menu::after{left: 21.5%;}
}

@media(max-width: 1200px){
    .busqueda-manual .dropdown-menu::after{left: 14%;}
    .buscar-cliente{height: 14vh;}
    /*  .buscar-referencia{height: 14vh;}*/
}


[v-cloak] {display: none;}

.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.modal-wrapper {
    vertical-align: middle;
}
.modal-container {
    width: 800px;
    margin: 0px auto;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.modal-header h3 {
    margin-top: 0;
}
.modal-body {
    margin: 20px 0;
}
.modal-default-button {
    float: right;
}
/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */
.modal-enter {
    opacity: 0;
}
.modal-leave-active {
    opacity: 0;
}
.modal-enter .modal-container,
.modal-leave-active .modal-container {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/*19/11/2018*/
.clientes-list td .btn-group .dropdown-toggle::after{display: none;}
.clientes-list td .btn-group .dropdown-menu{font-size: 0.875rem!important;}
.clientes-list td .btn-group .dropdown-menu i{font-size: 1rem!important;color: #666;margin: 0;margin-right: 0.3rem;}

/*20/11/2018*/
#show-alert{position: absolute;top: 0.3rem;left: 16.66%;}

/*12/12/2018*/
.color-white{color: #fff!important;}
.border-default{border:1px solid #e5e5e5!important;}

.acceso-pin-vue button.close{position: fixed;right: 1.5rem;top: 1.5rem;}
.acceso-pin-vue .modal-container{width:500px;border-radius: 15px;padding: 2rem;position:absolute!important;top: 50%!important;left: 50%!important;-webkit-transform: translate(-50%, -50%)!important;-ms-transform: translate(-50%, -50%)!important;transform: translate(-50%, -50%)!important;}
.acceso-pin-vue .modal-header{border-bottom:0;padding-top:0;}
.acceso-pin-vue .modal-header h2{font-size: 2.3rem}
.acceso-pin-vue .form-control{min-height: 6rem;border: 1px solid #E9E9F0;font-size: 1.9rem;}
.acceso-pin-vue .modal-body{height: auto;}
.acceso-pin-vue .modal-wrapper{position:absolute; top: 0; left:0;height:100%!important;width: 100%!important;}
.acceso-pin-vue .input-group-append{width: 30%;background: #E9E9F0;border: 1px solid #E9E9F0;cursor: pointer;}
.acceso-pin-vue .input-group-append .input-group-text{width: 100%;text-align: center;display: block;padding-top: 10%;font-size: 1.9rem;background: transparent;border: none;}
.acceso-pin-vue p{color: #A2C336;font-size: 2.4rem;text-align: center; margin: 1rem 0;}
.acceso-pin-vue.ko p{color: #FF3B30;}
.header-modal{font-size: 1.6vmax;color: #43425D;font-weight: 600;text-transform: uppercase;}
.header-modal span {font-size: 1.6vmax;color: #FAAB16;font-weight: 400;text-transform: uppercase;line-height: 1em;}


/*22 enero 2019*/


.select2-table .select2-results{background-color: #fff!important;position: fixed!important;left: 0!important;right: 0!important;margin: auto!important;width: 90%!important;}
.select2-table .select2-results__option--highlighted[aria-selected]{background-color: #f5f5f5!important;}
.select2-table .select2-results>.select2-results__options{border:1px solid #ccc;max-height: 450px;}
.select2-table .select2-results__option[aria-selected]{padding: 0 15px!important;}


.select2-table .col-md-24{padding: 0!important;}
.select2-table .first-head{position: fixed;z-index: 9;width: 89.6%;}
.select2-table .first-head th{font-size: 0.875rem;}
.select2-table li.select2-results__option:first-child tbody tr{border-top: 4rem solid #fff;}

.buscar-referencia .select2-container .select2-selection--single .select2-selection__rendered{font-size:0.875rem;border:none!important;margin: 0!important;height: 100%!important;}
/*
.select2-table .table th, .select2-table .table td{width: 23.3%!important;}
.select2-table .table th:nth-child(3), .select2-table .table td:nth-child(3){width: 60%!important;}
.select2-table .table th:first-child, .select2-table .table th:nth-child(2), .select2-table .table td:first-child, .select2-table .table td:nth-child(2){width: 8.3%!important;}
.select2-table .table th, .select2-table .table td{width: 16.6%!important;}*/



.disable-width.select2-results{background-color: #fff!important;position: static!important;left: 0!important;right: 0!important;margin: auto!important;width: auto!important;}
.disable-width.select2-results>.select2-results__options{border:none;}
.disable-width.select2-results>.select2-results__options>.select2-results__option:not(.loading-results){display: none!important;}

.promociones-generales .show-modal-campaign .promocion{text-align: center;}
.promociones-generales .show-modal-campaign{
    width: 18%;
    display: inline-block;
    margin: 0;
    margin-right: 5px;
}

.promociones-modal figure{width: 100%;}


/*6 febrero*/
.wrapper{height: 100%;}
.buscar-referencia{border:1px solid #43425D!important;border-radius: 5px!important;overflow: hidden;}
.buscar-referencia .unidades .form-control{border:none;}
.buscar-referencia .unidades .input-group-append{border-left: 2px solid #43425D!important;}
.buscar-referencia .unidades .input-group-prepend{border-left: 1px solid #43425D!important;border-right: 2px solid #43425d!important;}
.buscar-referencia .btn{width: 100%;}
.buscar-referencia .input-group{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.promociones-generales .in{height: auto;}
.promociones-generales{height: auto;position: fixed;bottom: 0;}
#modal-campaigns .promociones-generales{position: static!important;}
#wrapper{height: 100vh;}

.ui-sortable tr{cursor: move;}
.stock-red{cursor: pointer;}

.block-tr{opacity: 0.6!important;cursor: default!important;}
.block-tr td:not(:last-child):not(.td-unidades):not(.td-stock):not(.td-name){pointer-events: none;-ms-touch-action:none;touch-action:none;}

.disable-all td:not(:last-child){pointer-events: none;-ms-touch-action:none;touch-action:none;}

@media(max-width: 1200px){
    .buscar-referencia .form-group{width: 52%;}
}

@media(max-width: 1024px){
    .buscar-referencia .btn-dark{width: 100%;padding: 0 25%;font-size: 14px;}
}
.white{color:#fff!important}
/*5 abril*/

.promociones-generales{height: 10.5rem;}
.precio-total p, .modal-completo .carousel-item p{margin: 0.2rem;}
.cart-list{height: 55vh;}
#presupuesto-modal .cart-list, #pedido-cart-modal .cart-list, #reservas-modal .cart-list, #presupuestos-ampliar .cart-list, #pedidos-ampliar .cart-list{height: 55vh;}
.precio-total h5, .precio-total h5 *{font-size: 1rem;}
.precio-total p, .precio-total p *{font-size: 0.875rem;}
.nav-item h4{font-size: 1rem;margin: 0.8rem 0;padding: 0;}
#select-customer .input-group-prepend{margin-top: -3.6px;}
#select-customer .select2-selection__rendered{border:none;}
.promociones-generales .show-modal-campaign{width: 14%;}
.promociones-generales .col-md-8:not(:last-child){height: 11rem;overflow-y: auto;}
#select-customer .select2-selection--single{border-width: 4px;}
.info i{font-size: 1.20rem;}
.buscar-cliente .nombre-cliente p{margin: 0.3rem 0;}
.view-cart .ver-informacion small{line-height: 1.2em;}
.ver-informacion img{margin-bottom: 1rem;}
.header-peralba i{font-size: 1.20rem;}
.cash-drop a{color: #43425D!important;}
td.acciones i{padding-top: 1rem;}
div#notas .btn{margin-top: 2rem;}
.select2-results__option{font-size: 0.95rem;}
.select2-table .select2-results__option--highlighted[aria-selected]{background-color: #e5e5e5!important;}
.direccion-envio thead th{font-size: 10px;}
.ver-informacion .btn{padding-left: 2rem;padding-right: 2rem;margin-top: 0.8rem;}
.cart-list .input-group i{font-size: 0.75rem;}
.modal-completo .generar-albaran{height: 10.5rem;padding: 15px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}
.checkbox span{font-size: 1.125rem;}
.cart-list .form-control{height: 30px;font-size: 0.875rem;}
.cart-list .form-group .input-group-text{padding: 5px;}
.cart-list .unidades .form-group{max-width:90%!important;}
.cart-list .unidades .input-group{-ms-flex-wrap: nowrap!important;flex-wrap: nowrap!important;}
.floatThead-container{z-index: 1!important;}
.promociones-generales{z-index: 2!important;}
.orden-compra .form-control{margin-bottom: 2rem;}
.cart-list .form-control{min-width: 35px;padding: .375rem 5px;}

.mt--1{margin-top: -1rem;}
#pagination-fixed{position: fixed;z-index: 9;bottom: 4rem;left: 30px;}
#modal-telematel-search .modal-footer{border:none!important;}
#btn-fixed{position: fixed;bottom: 4rem;right: 30px;min-width: 30%;}
#btn-fixed .btn{border-radius: 0;width: 100%;text-transform: uppercase;}

.type-xs{font-size: 0.7rem!important;}
.row-scroll{overflow: scroll;height: 45vh;}
.modal-mask .modal-container{max-height: 90vh;}
/*.modal-mask .modal-body{max-height: 21rem;}*/
.modal-mask .modal-body > div{max-height: 18rem!important;}


/*editable click 3-06-2019*/
.editableform .form-group div{display: -webkit-box;display: -ms-flexbox;display: flex;}
.editableform .editable-buttons button{height: auto;min-width: 2rem;}
.editableform .editable-buttons .editable-cancel{background-color: #FA2F38;}
.editableform .editable-input .form-control{height: 100%!important;}
.editable-click, a.editable-click, a.editable-click:hover{border: none;}
.editableform .has-error{border: none!important;}
.editableform .has-error div:last-child{margin-left: 10px;color: #FA2F38;}
.editable-click::before, a.editable-click::before{content:"\f303";font-family: 'Font Awesome 5 Free';font-weight: 900;opacity: 1;color: #999;margin-right: 10px;}
.cart-list .form-control.edit-price:focus, .cart-list .form-control.only-decimal:focus{border: 1px solid #b5babf!important;}
.cart-list a:not([href]):not(.btn-ghost):not([tabindex]):hover, .cart-list a:not([href]):not([tabindex]):focus, .table a{color: inherit!important;}


/*1 julio 2019*/
#desglose-caja .close-modal-top{top: 15px!important;right: 15px!important;}
#desglose-caja .modal-centered{top: 50%!important;-webkit-transform: translateY(-50%)!important;-ms-transform: translateY(-50%)!important;transform: translateY(-50%)!important;}

.view-cart .tab-content{max-height: 80vh; overflow-y: auto;overflow-x: hidden;padding-top: 2rem;margin-top: 15px;}
.view-cart .tab-pane{max-width:98%;}
.view-cart .tab-pane .pedidos-form{position: fixed;width: 94%;z-index: 9;margin-top: -2rem; background: #43425d;padding: 1rem;}
.view-cart .tab-pane .footer-notas{position: fixed;bottom: 13px;width: 94%;background: #43425d;padding: 1rem 0;}

.perfil .in{overflow-x: hidden;overflow-y: auto;}
.perfil .in .row{max-width: 100%;}
.perfil .in .row > div:last-child .vertical-divider{border:none;}
#myTab{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;max-width: 100%;overflow-x: auto;overflow-y: hidden;}
#myTab::-webkit-scrollbar{width: 0;height: 0;}

.h-35{max-height: 35%!important;}
.vh-85{max-height: 85vh!important;}
.overflow-y{overflow-y: auto;}

/*10 julio*/
#modal-signature-vue .modal-container{min-height: 800px;}
@media (max-width: 1500px){
    .table thead th{font-size: 0.65rem;}
    .table tbody td, .table tbody td i, .table .badge{font-size: 0.75rem!important;line-height: 1em;}
    tbody .form-control{height:30px!important;font-size: 0.75rem;padding: 5px;}
    tbody .input-group-text{padding: 5px;}
    .stock{width: 13px;height: 13px;}
    .table tbody img{max-width: 1.5rem;}
    .buscar-referencia .unidades .form-control{min-width: 3rem;}
    .buscar-referencia .btn{padding-right: 2rem;padding-left: 2rem;}
    /* .cart-list .unidades .form-group{max-width: 90px!important;}*/
    .cart-list .input-group{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
    .cart-list .input-group i{font-size: .65rem;}
    .checkbox span{font-size: 1rem;}
   
}

@media(max-width: 1290px){
    /*.cart-list .unidades .form-group{max-width: 55%!important;}*/
    .cart-list .form-control{min-width: 35px;font-size: 0.75rem;}
    .cart-list .form-control.edit-price{min-width: 54px;}
    .table tbody td, .table tbody td i, .table .badge{font-size: 0.65rem!important;}
    .header-peralba .navbar-brand{margin-right: 0!important;}
    .header-peralba .navbar-brand span{font-size: 0.875rem;top: 0}
    .header-peralba .tool-settings .form-control, .header-peralba .tool-settings .input-group-text{height: 27px;}
    .header-peralba ul.navbar-nav.tool-settings .nav-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .header-peralba .nav-item .input-group-text i{padding-top: 0;margin: 0 0.5rem;}
    .header-peralba .tool-settings .input-group .input-group-prepend{max-width: 2rem;}
    .header-peralba .tool-settings img{max-width: 2rem;}
    .header-peralba nav.navbar{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
    .header-peralba .ml-auto.tool-notifications .navbar-nav{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .header-peralba .ml-auto.tool-notifications .nav-item{margin: 0 2px!important;}
    .header-peralba .tool-notifications i{margin-right: 0.2rem;font-size: 0.875rem;}
    .header-peralba .notifications{font-size: 0.70rem!important;padding: 0.1rem 0.3rem;margin-right: 0.3rem;}
    .header-peralba .tool-notifications img{max-width: 1rem;}
    .header-peralba .select2-container .select2-selection--single .select2-selection__rendered{font-size: 0.75rem;}
    .header-peralba .select2-container{max-width: 8.5rem;}
    .header-peralba .codigo-barras{max-width: 2rem;}
    .header-peralba .codigo-barras i{margin: 0!important;font-size: 1rem;}
    .header-peralba .show-telematel{font-size: 0.75rem;}
    /*.cart-list td[align="right"] .d-inline-flex{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}*/
}

.disabled, .busqueda-manual .form-control.disabled + div{
    opacity: 0.5;
    touch-action: none;
    pointer-events: none;
}
.busqueda-manual .select2-container .select2-selection--single .select2-selection__rendered{
    padding: 0.6rem 0;
    height: 50px;
}
.busqueda-manual .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px}

#div-family + .select2-container--default .select2-selection--multiple{
    height: auto!important;
}
#select2-family-results{
    max-height: 500px!important;
}

#name-family-global + .select2-container--default .select2-selection--multiple{
    height: auto!important;
}
#select2-name-family-global-results{
    max-height: 500px!important;
}

#group_discount + .select2-container--default .select2-selection--multiple{
    height: auto!important;
}
#select2-group_discount-results{
    max-height: 500px!important;
}
.bigdrop {
    width: 600px !important;
    height: auto !important;
    min-height:300px!important;
}
.bigdrop2 {
    width: 350px !important;
    height: auto !important;
    min-height:300px!important;
}
.from-tpv {font-weight: bold!important}
.from-tpv td { font-weight: bold!important}
.box-data{
    background: #f5f5f5;
    padding: 1rem;
    border-radius: 5px;
    margin-right: 1rem;
}
.box-data p{margin-bottom:0;}
table.table.table-fixed{margin-bottom:0;}
.line-product td{padding:0 15px;}
@media (max-width: 1500px){
    .table thead th{font-size:0.75rem}
    .table tbody td, .table tbody td i, .table .badge{font-size:0.85rem!important}
}
.final-price{white-space:nowrap;}
.select2-table li.select2-results__option:first-child tbody tr{border-top:3rem solid #fff}
.pasos{
    margin: 35px 0;
}
.pasos .paso{
    background-color: #f5f5f5;
    padding: 10px 15px;
    font-size: 18px;
    color: #999;
    font-weight: 300;
}
.paso a{
    color : inherit;
}
.pasos .active{
    background-color: #43425D;
    color: #fff;
}
label.label_config{
    font-size: 18px;
    color: #666;
    font-weight: 400;
    margin: 15px 0;
}
input.input_config{
    border-radius: 0!important;
    height: 50px;
}
input.radio_config{
    font-size: 60px;
}
form.configuracion .radio-inline {
    font-size: 20px;
    font-weight: 400;
    color: #666;
    margin: 10px 60px 0 0;
}
form.configuracion .help-block{
    font-weight: 300;
}
form.configuracion .radio_config label {
    display: block;
    padding: 20px;
    border:1px solid #e5e5e5;
}
form.configuracion .radio_config label.selected{
    border:1px solid #2DAF32!important;
}
form.configuracion .radio_config label h4 {
    margin: 0 0 20px 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #666;
}
form.configuracion .radio_config label h4 strong {
    font-weight: 400!important;
    font-size: 16px;
    color: #000;
}
form.configuracion .radio_config label input{
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
}
form.configuracion .radio_config label .btn_config{
    display: block;
    background-color: #999;
    color: #fff;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 300!important;
}
form.configuracion .radio_config label.selected .btn_config{
    background-color: #2DAF32!important;
}
form.configuracion button.btn_config2{
    background-color: #43425D!important;
    padding: 15px;
    text-align: center;
    display: block;
    font-size: 16px;
    color: #fff;
    border:none;
    width: 100%;
    margin: 40px 0;
}
.infoEtiquetas p{
    font-size: 16px;
    font-weight: 300;
    color: #666;
}
.infoEtiquetas p strong{
    color: #333;
    font-weight: 500;
}
.infoEtiquetas p a{
    color: #43425D;
    font-weight: 300;
    font-size: 12px;
    text-decoration: underline;
}
hr.gris{
    width: 100px;
    height: 5px;
    background-color: #999;
    border:none;
    margin: 20px 0;
}
.infoProductos .nav-tabs{
    border-bottom: 0;
    margin-bottom: 30px;
}
.infoProductos .nav-tabs>li>a {
    color: #666;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    border:none;
    border-bottom: 3px solid #ccc;
    margin-right: 30px;
}
.infoProductos .nav>li>a:focus, .nav>li>a:hover {
    background-color: #A2C336;
}
.infoProductos .nav-tabs>li.active>a, .infoProductos .nav-tabs>li.active>a:focus, .infoProductos .nav-tabs>li.active>a:hover {
    color: #43425D;
    border:none;
    border-bottom: 3px solid #A2C336;
}
#direccion-tab .active {
    background: #A2C336!important;
    border-bottom: 2px solid #A2C336!important;
}
.infoProductos form label{
    font-weight: 300;
}
.infoProductos form select.no-radius{
    border:none;
    -webkit-box-shadow: none;
    box-shadow: transparent;
    -webkit-transition: transparent;
    -o-transition: transparent;
    background-color: transparent;
    height: 50px;
}
.infoProductos form span.select-wrapper{
    background-color: #e5e5e5;
    display: block;
    height: 50px;
    margin-top: 25px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.infoProductos button.btnBuscar{
    background-color: #666;
    color: #fff;
    border-radius: 0;
    border:none;
    height: 50px;
    margin-top: 25px;
    display: block;
    width: 50%;
    margin-left: 25px;
    font-size: 18px;
}
.boxIntroducidas{
    border:2px solid #ccc;
    padding: 15px;
}
.boxIntroducidas h4, .modalListado h4, .productosSeleccionados h4{
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 400!important;
}
.boxIntroducidas p{
    font-size: 14px;
    margin: 10px 0;
    color: #666;
}
.boxIntroducidas h4 strong, .modalListado h4 strong{
    color: #43425D;
}
.boxIntroducidas a{
    color: #43425D;
    font-size: 12px;
    text-decoration: underline;
    margin-top: 15px;
    display: block;
}
.boxIntroducidas a.btn_boxIntroducidas{
    background-color: #43425D;
    color: #fff;
    text-align: center;
    padding: 13px;
    text-decoration: none;
}
.boxIntroducidas a.btn_boxIntroducidas img{
    margin-right: 15px;
}
.infoEncontrados h3{
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight:400;
    color: #333;
    margin-bottom: 30px;
}
.infoEncontrados h3 strong{
    color: #43425D;
    font-weight:400;
}
.box-producto {
    flex: 0 1 auto;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    min-width: 0;
    min-height: auto;
    margin-bottom: 30px;
}.box-producto-in {
     overflow: visible;
 }
.box-producto-in {
    border: 1px solid #e5e5e5;
    position: relative;
    height: 285px;
    padding-bottom: 60px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.box-producto-foto {
    height: 165px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.box-producto-foto .tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #000;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}
.box-producto-foto .datos {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
    width: 40%;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #333;
}
.bottom-label{
    position:absolute;
    top:100%;
    left:0px;
    width:100%;
}
.box-producto-foto .datos p {
    margin: 0 0 5px 0;
    line-height: 120%;
}
.box-producto-foto .zoom {
    position: absolute;
    top: 140px;
    left: 50%;
    color: #000;
}
.box-producto-info {
    padding: 10px;
    position: relative;
    height: 215px;
}
.box-producto-info h4 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #333;
    height:50px;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 6px 0;
}
.box-producto-info h4 a {
    color: #333;
}
.box-producto-foto img {
    height: inherit;
    width: 60%;
}
.box-producto-info h5 {
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    color: #666;
    margin: 0 0 10px 0;
}
.box-producto .form-group label {
    font-weight: 400;
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
}
.box-producto-info .cantidad {
    padding: 0 20px;
    clear: both;
}
.box-producto-info h5 a {
    color: #666;
}
.form-control2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button.add-product{
    background-color: #666;
    border:none;
    border-radius: 0;
    font-size: 12px;
    padding: 8px 0;
    font-weight: 300;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
button:hover.add-product{
    background-color: #2DAF32;
}
button.selected{
    background-color: #2DAF32;
    border:none;
    border-radius: 0;
    font-size: 12px;
    padding: 8px 0;
    position: relative;
}
button:hover.selected{
    background-color: #2DAF32;
}
button.selected i.fa{
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 18px;
}
.contentAnadido {
    z-index: 9;
    width: 200px;
    height: 200px;
    background-color: rgba(45,175,50,.8);
    border-radius: 10px;
    text-align: center;
    padding: 30px;
    color: #fff;
    font-size: 18px;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-100px;/* half width*/
    margin-top:-100px;/* half height*/
}
.contentAnadido i{
    font-size: 60px;
    margin-bottom: 10px;
}
.modalListado .modal-dialog{
    width: 95%;
    max-width: 95%;
    transform: translateY(0%)!important;
}
.modalListado .modal-body{
   height:auto;
}
.boxEtiqueta1{
    margin: 20px 0;
    border:1px solid #f5f5f5;
    padding: 20px;
}
.boxEtiqueta1 p.codigo, .boxEtiqueta1 a.categoria, .boxEtiqueta1 form label{
    font-size: 12px;
    font-weight: 300;
    color: #666;
}
.boxEtiqueta1 p{
    margin: 0;
}
.boxEtiqueta1 p.codigo strong{
    font-weight: 300;
    color: #43425D;
}
.boxEtiqueta1 p.producto{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.boxEtiqueta1 form{
    margin-top: 10px;
}
.boxEtiqueta1 form input{
    border-radius: 0;
}
.boxEtiqueta1 form .form-group{
    margin: 0;
}
.boxEtiqueta1 a.eliminar{
    display: block;
    font-size: 24px;
    color: #DB0F0F;
}
.modalListado{
    overflow-y: scroll;
}
.boxEtiqueta1 p.infoBoxetiqueta{
    font-size: 11px;
    font-weight: 300;
}
.boxEtiqueta1 p.infoBoxetiqueta strong{
    font-size: 14px;
    font-weight: 500;
}
.boxEtiqueta1 hr{
    margin: 10px 0;
}
.table-search th{
    font-size:0.8rem!important;
}
.first-head th{
    font-size:0.8rem!important;
}
.table-search td{
    font-size:0.8rem!important;
    padding:10px;
}
.bg-danger > .bg-success-margin{background:rgba(152, 188,48,1);}
.bg-danger >.bg-warning-margin{background:rgba(255, 195, 36, 1);}
.bg-danger{
    background-color: #F8D7DA !important;
}
.bg-success-margin{background:rgba(152, 188,48,.4)!important;}
.bg-warning-margin{background:rgba(255, 195, 36, .25)!important;}
.bg-ok-margin{background:rgba(251, 140, 0, 0.4)!important;}
.form-control2{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.special-label{
    display: inline-block!important;
    margin-bottom: .5rem!important;
    width:40%!important;
    font-size:0.75rem!important;
    text-align:left!important;
}

.vdp-datepicker input {
    border: 1px solid #ced4da!important;
}

.input-multiple{width:120px}
.bg-info-order{
    background: #bbdefb!important;
}
@media screen and (min-width: 800px) and (max-width: 1280px) and (orientation:landscape) {
    .payment-type { width: 18%!important; }
    .offset-md-6 { margin-left: 0!important; }
    .precio-total .orden-compra .in h4 span { font-size:1.8rem!important; }
    .content-btn-ipad { width: 33%!important;flex: 0 0 33%!important;max-width: 33%!important;}
    .promociones-generales .show-modal-campaign{
        width: 31%!important;
        margin-bottom : 15px!important
    }
    .nav-tabs .nav-item {
        margin-bottom: 30px!important;
    }
    .dropdown-item {
        padding: 15px!important;
    }
    
    .promociones-generales{
        height: auto!important;
    }
    .precio-total p{
        margin: 0.1rem!important;
    }
    .precio-total h5{
        margin: 0.1rem!important;
    }
    .precio-total p, .precio-total p * {
        font-size: 0.6rem!important;
    }
    .precio-total h5, .precio-total h5 *{
        font-size: 0.7rem!important;
    }
    .promociones-generales .btn{
        height: 35px!important;
        font-size: 0.9rem!important;
    }
    .precio-total .dropup {
        position: fixed;
        right: 0;
        bottom: 90px!important;
    }
    .line-products td {
        word-break: break-all;
    }
    .sidebar-nav.list-group-flush{
        height: 65vh!important;
    }
    .modal-mask h3 {
        font-size: 1.2rem!important;
    }
    .modal-mask .modal-body {
        margin:0!important;
    }
    .modal-mask .modal-body .btn{
        margin: 0.1rem 0!important;
    }
    .promociones-generales .col-md-8:not(:last-child){
        height: 6rem!important;
    }
    /*
    .modal-mask .modal-header{
        padding: 3rem!important
    }
    */
    .modal-mask .modal-header{
        padding: 0.5rem!important;
    }
    .modal-mask .modal-header h2{
        font-size: 1.2rem!important;
    }
    .modal:not(.acceso-pin), .modal-body {
        min-height: 500px!important;
        height: auto!important;
    }
    .modal:not(.view-stock), .modal-body {
        min-height: 500px!important;
        height: auto!important;
    }
    .modal-mask .modal-body{
        min-height: 500px!important;
        overflow: scroll;
    }
    .modal-mask .modal-container{
        max-height: 70vh;
        overflow: scroll;
    }
    #modal-signature-vue .modal-container{
        min-height: 500px!important;
    }

    .acceso-pin .modal-body{
        height: auto!important;
        min-height: auto!important;
    }

    .acceso-pin-vue {
        min-height: 200px!important;
    }
    .acceso-pin-vue .modal-body {
        height: 200px!important;
        min-height: 200px!important;
    }
    #pagination-fixed {
        bottom: 10rem;
    }
    #btn-fixed {
        bottom: 10rem;
    }
    .modal-full .modal-body{
        height: 45vh!important;
    }

    .direccion-envio h4 {
        font-size: 1.1rem!important;
    }
    .view-cart .tab-content{
        max-height: 60vh;
    }

    #ampliacion-collapse textarea {
        min-height: inherit!important;
    }
    .albaran .info-albaran{
        margin-top: inherit!important;
    }
    .view-cart .ver-informacion a{
        font-size: 0.8rem!important;
    }
    .special-height {
        height: 15rem!important;
    }
    .special-height-div {
        height: 25vh!important;
    }
    .btn-ghost{
        font-size: 0.8rem;
    }
    .modal .modal-dialog {
        margin: auto auto!important;
    }
    h5 {
        font-size: 0.9rem!important;
    }
    .clientes-list{
        height: 52vh;
        overflow: auto;
    }
    .cart-list{
        height: 400px;
        overflow-y: auto!important;
    }
    .cart-list .form-control{
        min-width: 60px;
    }

    .modal-filter .modal-title{
        font-size: 1.2rem;
    }
    .modal-filter .modal-body{
        margin: 0;
        height: auto!important;
    }
    .modal-filter .modal-dialog {
        bottom: 20%;
    }
    .tooltip{
        z-index: 9 !important;
      }
    .view-stock .modal-body {
        height: auto!important;
        min-height:inherit!important;
        margin: 0;
        padding:0 1rem;
    }
    .view-stock ul li {
        font-size: 0.7rem;
    }
}

.editable-buttons{
    z-index: 9999;
}
 body.mode-presupuesto .cart-list .table {
    background-color: #d4edda; /* verde claro */
  }
  body.mode-albaranes .cart-list .table {
    background-color: #cfe2ff; /* azul claro */
  }
  .bg-delivery{
    background: #0d6efd;
  }
  .list-menu-item.active{
    background:#43425D;
    color:#fff;
    border-color:#fff
  }
  .list-menu-item.active a{
    color:#fff;
  }
.active-collapsed div{
    background:transparent;
}
.list-menu-item.active:hover{
    background:#43425D;
    color:#fff;
    border-color:#fff
}
.list-menu-item.active-submenu{
    background:#fff;
    color:#43425D;
    /*border-color:#43425D;*/
    font-weight: 900;
    /*border-bottom:1px solid #43425D!important;*/
  }
  .list-menu-item.active-submenu a{
    color:#43425D;
    font-weight: 900;
    border-color: #43425D;
  }
  .list-menu-item.active-submenu a:hover{
    color:#43425D;
    font-weight: 900;
    border-color: #43425D;
  }

  .list-menu-item.active a:hover{
    background:#43425D;
    color:#fff!important;
  }
  .list-menu-item.active a:active{
    background:#43425D;
    color:#fff!important;
  }
  .list-menu-item.active a:focus{
    background:#43425D;
    color:#fff!important;
  }
  .list-menu-item.active a:hover i{
    background:#43425D;
    color:#fff!important;
  }
  .list-menu-item.active a:active i{
    background:#43425D;
    color:#fff!important;
  }
  .list-menu-item.active a:focus i{
    background:#43425D;
    color:#fff!important;
  }
  .list-menu-item a:hover{
    color:#43425D!important;
    border-color:#43425D;
  }

  .list-menu-item.list-submenu a:hover{
    background:transparent;
    color:#43425D!important;
  }
  .list-menu-item.list-submenu a:active{
    background:transparent;
    color:#43425D!important;
  }
  .list-menu-item.list-submenu a:focus{
    background:transparent;
    color:#43425D!important;
  }
#wrapper-header,
#wrapper-elements {
    margin-right: 0;
}
.promociones-generales .precio-total{
    margin-right: 0;
}
.promociones-generales .dropup{
    margin-right: 0;
}
.orden-compra.dropdown-menu.show{
    margin-right: 0;
}
.busqueda-manual.dropdown-menu.show{
    margin-right: 0;
}
#view-cart.show{
    margin-right: 0;
}

/* Cuando #wrapper tiene la clase "toggled" */
#wrapper.toggled #wrapper-header,
#wrapper.toggled #wrapper-elements {
margin-right: 250px;
}

#wrapper.toggled .promociones-generales .precio-total,
#wrapper.toggled .promociones-generales .dropup,
#wrapper.toggled .orden-compra.dropdown-menu.show,
#wrapper.toggled .busqueda-manual .dropdown-menu.show {
    margin-right: 250px;
}
.editable-input input {
    z-index: 999999;
}

#wrapper.toggled #view-cart.show{
    margin-right: 250px;    
}

.circle-stock-yellow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FAAB16;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.circle-stock-red {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #B52628;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.circle-stock-green {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #A2C336;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}