/* input(1010,33): run-time error CSS1035: Expected colon, found 'cursor' */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@font-face {
    font-family: 'Muli';
    src: url('/fonts/Muli-Bold.ttf?v=CJZwtWUD0WgZ6JJYk_B4NaNQ21k') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli';
    src: url('/fonts/Muli-Light.ttf?v=CJZwtWUD0WgZ6JJYk_B4NaNQ21k') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli';
    src: url('/fonts/Muli.ttf?v=OZLNXLk8DZiU2iq2I7_vPsMStWg') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

    a.link-color {
        color: #0366d6 !important;
    }

    a:hover {
        color: #0056b3;
        text-decoration: none;
    }

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn-no-importance {
    color: #fff;
    background-color: #9c9fa2;
    border-color: #9c9fa2;
}

a.btn-primary, a.btn-no-importance, a.btn-danger, a.btn-outline-light {
    color: #fff !important;
    cursor: pointer;
}

a.btn.btn-outline-light {
    height: 32px;
    line-height: 1.4;
}

.btn-outline-light:hover {
    background-color: #fefefe2b;
    color: white;
}

.btn-outline-light:not(:disabled):not(.disabled):active {
    color: white;
}

.btn-outline-light:focus {
    box-shadow: none !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

input[type="radio"], input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

    input[type="radio"].right, input[type="checkbox"].right {
        right: 0px;
    }

    input[type="radio"].left, input[type="checkbox"].left {
        left: 0px;
    }

a.btn, input.btn, input.txt {
    font-size: 12px;
}

a.btn, input.btn {
    height: 28px;
    padding: 6px 10px 5px 10px;
}

    input.btn.btn-login {
        height: 35px;
        padding: 4px 10px 5px 10px;
    }

input.txt {
    height: 28px;
}

.btn {
    min-width: 100px;
    font-size: 12px;
    line-height: 1.2;
}

@media (max-width: 500px) {
    .btn {
        min-width: 70px;
    }

    .ficha-tecnica-producto {
        padding-left: 0;
        padding-right: 0;
        font-size: 10px;
    }

    .area-buttons-list-products a.btn {
        margin-left: 0;
        margin-right: 0;
        max-width: 30px;
        min-width: 30px;
    }
}

.btn.small {
    min-width: 70px;
}

.btn + .btn {
    margin-left: 5px;
}

@media (max-width: 992px) {
    .btn.btn-icon-responsive {
        max-width: 34px;
        min-width: 34px;
    }
}

.btn.btn-externo {
    padding: 15px 60px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    text-align: center;
    height: 50px;
    border-radius: 0;
}

.btn.btn-primary.btn-externo {
    background-color: #0d57ff;
}

.text-search, .text-search-icon {
    margin-top: -5px;
    height: 38px !important;
}

.text-search {
    min-width: 220px;
}

@media (max-width: 1200px) {
    .text-search {
        max-width: 135px;
        min-width: 90px;
    }
}

@media (max-width: 992px) {
    .text-search {
        max-width: calc(100% - 50px);
        min-width: calc(100% - 50px);
    }
}

.c-pointer {
    cursor: pointer;
}

.font-muli {
    font-family: Muli, sans-serif;
    line-height: 18px;
    font-weight: 300;
    font-size: 11px;
}

    .font-muli.title, .font-muli .title {
        padding-bottom: 2px;
        font-weight: 500;
        font-size: 14px;
    }

        .font-muli.title.filter, .font-muli .title.filter {
            font-size: 10px;
        }

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: relative;
    top: 105px;
    width: 100%;
    line-height: 0px; /* Vertically center the text there */
}

    .footer.info-empresa {
        top: 235px;
    }

    .footer.info-empresa-no-cards {
        top: 125px !important;
    }

/* HEADER */
.section-navbar {
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 0;
    padding: 0 15px 0 15px;
}

    .section-navbar.navbar-menu {
        top: 40px;
        height: 67px;
        background-color: #fff;
    }

        .section-navbar.navbar-menu.info-empresa {
            height: 199px;
        }

        .section-navbar.navbar-menu.info-empresa-no-cards {
            height: 94px;
        }

.navbar-top {
    position: fixed;
    width: 100%;
    height: 40px;
    background-color: #0a1f4f;
    z-index: 99999;
}

.navbar-bottom {
    position: fixed;
    top: 40px;
    width: 100%;
    height: 67px;
    background-color: #fff;
    z-index: 999;
    /*box-shadow: 0 .5rem 1.5rem rgba(13, 87, 255, 0.15);*/
    max-width: 1400px;
}

    .navbar-bottom.info-empresa {
        height: 220px;
    }

    .navbar-bottom.info-empresa-no-cards {
        height: 117px !important;
    }

.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
}

.container-large {
    position: relative;
    max-width: 1900px;
    min-height: 32px;
    -o-object-fit: fill;
    object-fit: fill;
}

.link-login {
    position: relative;
    display: block;
    width: auto;
    padding-left: 10px;
    float: right;
    clear: right;
    font-family: Muli, sans-serif;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    height: 40px;
}

    .link-login:hover {
        text-decoration: none;
        color: #fff;
    }

.btn-login-navbar {
    background-color: #3c90ce;
    font-size: 12px;
    line-height: 10px;
    font-weight: 400;
    letter-spacing: 0.3px;
    text-decoration: none;
    padding: 10px 20px !important;
    height: 32px;
}

.link-cart {
    /*  padding-left: 10px;
    padding-top: 5px;*/
    float: right;
    clear: right;
    color: #fff !important;
    /*font-size: 18px;*/
    text-decoration: none;
    height: 40px;
}

    .link-cart:hover {
        text-decoration: none;
        color: #fff;
    }

.cantidad-cart {
    color: white;
    font-size: 11px;
    margin-bottom: 5px;
    vertical-align: super;
}

.social-media {
    position: relative;
    height: 26px;
    max-width: 225px;
    margin-top: 5px;
    padding-right: 5px;
    float: right;
    border-right: 1px solid #959595;
}

.tipo-cambio {
    position: relative;
    height: 26px;
    max-width: 225px;
    margin-top: 5px;
    padding-right: 5px;
    float: right;
    border-right: 1px solid #959595;
    color: white;
    font-size: 13px;
}


.pipeline-right {
    position: relative;
    height: 26px;
    max-width: 200px;
    margin-top: 5px;
    padding-right: 5px;
    float: right;
    border-right: 1px solid #959595;
}

.link-social-media {
    color: white;
    font-size: 18px;
}

    .link-social-media:hover {
        text-decoration: none;
        color: white !important;
    }

#loginModal .modal-dialog {
    width: 340px;
}

.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

@media (max-width: 992px) {
    .navbar-brand {
        text-align: left;
    }

        .navbar-brand img {
            max-width: 170px;
        }
}

.navbar-menu-options {
    position: relative;
}

    .navbar-menu-options .nav-item {
        background-color: #fff;
    }

.navbar-nav .nav-link, .navbar-nav .dropdown-item {
    padding-right: 35px;
    padding-left: 15px;
    font-family: Muli, sans-serif;
    color: #0a1f4f !important;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0.3px;
    text-decoration: none;
    cursor: pointer;
}

.navbar-nav .dropdown-item {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 32px;
    font-weight: 300;
}

    .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover {
        background-color: #FFF;
        font-weight: 400;
        border-left: 4px solid #3C90CE;
        padding-left: 16px;
        color: #3C90CE !important;
    }

.navbar-nav .nav-item {
    max-width: 1400px;
    display: inline-block;
    position: relative;
    text-align: left;
    padding: 12px 8px 13px 8px;
}

.navbar-nav .nav-link.nav-button {
    margin-top: 8px;
    padding: 10px 32px;
    background-color: #3c90ce;
    color: #fff;
}

.navbar-nav .nav-item .dropdown-menu {
    margin-top: -2px;
    border-radius: 0;
    border: 1px solid #428bca61;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dropdown-auto:hover .dropdown-auto-menu, .dropdown-auto .dropdown-auto-menu:hover {
    display: block;
}

@media (max-width : 640px) {
    .dropdown-auto.dropdown-cart .dropdown-auto-menu {
        display: none;
    }
}

.dropdown .dropdown-menu.menu-logged {
    top: 38px !important;
}

.dropdown-menu-center {
    left: 50%;
    transform: translateX(-50%);
}

.dropdown-menu-cart {
    left: -62% !important;
    transform: translateX(-81%) !important;
}

.navbar-nav .nav-textbox {
    margin-top: 15px;
    font-family: Muli, sans-serif;
    font-size: 13px;
    line-height: 26px;
    font-weight: 400;
}

    .navbar-nav .nav-textbox input {
        border-right: none;
        color: #959595;
    }

    .navbar-nav .nav-textbox .input-group-append, .navbar-nav .nav-textbox .input-group-append .input-group-text {
        border-left: none;
        background-color: transparent;
        color: #959595;
    }

/* FOOTER */
.section-footer {
    width: 100%;
    min-height: 150px;
    padding: 30px 15px 15px 15px;
    float: left;
    clear: none;
    background-color: #0a1f4f;
    -o-object-fit: fill;
    object-fit: fill;
}

.footer-top {
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
}

.footer-bottom {
    padding-top: 15px;
}

.footer-text {
    opacity: 1;
    font-family: Muli, sans-serif;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    font-weight: 300;
    text-decoration: none;
}

    .footer-text.opacity-50 {
        opacity: 0.5;
    }

    .footer-text.center {
        position: relative;
        text-align: center;
    }

    .footer-text.link-footer {
        display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 10px;
        font-size: 14px;
    }

        .footer-text .link-footer:hover {
            color: lightgray;
            text-decoration: none;
        }

.icon-button-style {
    font-size: 16px;
    padding: 0.15rem !important;
    color: #fff;
    min-width: 35px;
    text-align: center;
}


/* BODY */
.body-container {
    position: relative;
    top: 107px;
}

    .body-container.info-empresa {
        top: 237px;
    }

    .body-container.info-empresa-no-cards {
        top: 132px !important;
    }


.container-view {
    width: 100%;
    height: 100%;
    background: #f4f4f4;
}

.banner-inicio {
    /*height: 200px;*/
}

.banner {
    height: 250px;
}

    .banner.background-blue {
        background-color: #3c90ce;
    }

    .banner.background-image{
        background-size: auto;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner-inicio.background-image {
        background-size: auto;
        background-repeat: no-repeat;
        background-size: contain;
    }

.background-skeleton {
    background-color: #ccc;
}

.banner.background-arrow, .banner-inicio.background-arrow {
    background-image: url(../images/banners/bg-arrow.svg?v=GeFw6fqyqFfrgQaojW6LZJAS4oc);
    background-position: 0px -10px;
    background-size: auto;
}

.banner .title {
    height: 250px;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-pack: center;
    display: flex;
}

    .banner .title h1 {
        font-size: 45px;
        font-family: Muli, sans-serif;
        font-weight: 300;
        color: #fff;
        text-decoration: none;
    }

@media (max-width: 900px) {
    .banner .title h1 {
        font-size: 35px;
    }
}

@media (max-width: 600px) {
    .banner .title h1 {
        font-size: 22px;
    }
}

/* Menu horizontal sin scroll */
.h-menu-sticky {
    position: sticky;
    top: 106px;
    z-index: 99;
    background: #f4f4f4;
}

    .h-menu-sticky.sticky-top-0 {
        top: 0px;
        padding-top: 5px;
    }

.h-list {
    position: relative;
    max-width: 1351px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

    .h-list .h-container-items {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: auto;
        text-align: center;
    }

/*#listCategorias {
    max-width: 1561px;
}*/

.sessionCardProductos {
    max-width: 1500px;
}

#listCategorias.h-list {
    height: 117px;
}

    #listCategorias.h-list .h-container-items {
        height: 140px; /* more place for scrollbar, is hidden under parent box */
    }

#listMarcas.h-list {
    height: 33px;
}

    #listMarcas.h-list .h-container-items, #listCaracteristicas.h-list .h-container-items, #listCategoriasOutlet.h-list .h-container-items {
        height: 50px; /* more place for scrollbar, is hidden under parent box */
    }

#listCaracteristicas.h-list {
    height: 33px;
}

    #listCaracteristicas.h-list .h-container-items {
        height: 50px; /* more place for scrollbar, is hidden under parent box */
        padding-left: 1px;
    }

#listCategoriasOutlet.h-list, listCategoriasOutlet.h-list {
    height: 34px;
}

    #listCategoriasOutlet.h-list .h-container-items {
        height: 50px; /* more place for scrollbar, is hidden under parent box */
        padding-left: 1px;
    }

#listCategoriasOutlet .h-item img {
    max-height: 58px;
}

#listCardsDashboard.h-list {
    height: 91px;
}

    #listCardsDashboard.h-list .h-container-items {
        height: 120px; /* more place for scrollbar, is hidden under parent box */
    }

#prodVideosTecnico.h-list {
    height: 315px;
    display: grid;
}

#prodVideosComercial.h-list {
    height: 315px;
    display: grid;
}

#prodRelacionados.h-list {
    height: 315px;
    display: grid;
}

#prodVideosTecnico.h-list .h-container-items {
    height: 335px; /* more place for scrollbar, is hidden under parent box */
}

#prodVideosComercial.h-list .h-container-items {
    height: 335px; /* more place for scrollbar, is hidden under parent box */
}

#prodRelacionados.h-list .h-container-items {
    height: 335px; /* more place for scrollbar, is hidden under parent box */
}

#prodRelacionados.h-list .h-item {
    width: 18%;
    min-width: 240px;
}

.h-item {
    display: inline-flex;
    text-align: center;
    background: #fff;
}

    .h-item.card {
        width: 146px;
        /*width: 155px;*/
        height: 115px;
        position: relative;
    }

@media (max-width: 600px) {
    .h-item.card {
        width: 120px;
        height: 89px;
        position: relative;
    }

    #listCategorias.h-list {
        height: 91px;
    }

        #listCategorias.h-list .h-container-items {
            height: 120px; /* more place for scrollbar, is hidden under parent box */
        }
}

.h-item.active {
    border: 1px solid #3c90ce;
    background-color: rgba(135,206,250,0.3);
}

.h-item img {
    max-height: 80%;
    max-width: 98.2%;
    /* max-width: 92%;*/
    /*margin-bottom: 3px;*/
}

.menu-categorias .font-muli {
    line-height: 14px !important;
    font-size: 12px;
}

.h-item .item-title {
    white-space: normal;
}

.title-category-products {
    position: absolute;
    /*bottom: 0;*/
    left: 0;
    width: 100%;
    font-weight: bold;
}

.item-title.title-category-products {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 3px;
    padding-left: 3px;
}

.menu-marcas-normal {
    margin-left: 94px !important;
}

.menu-marcas-scroll {
    margin-left: 110px !important;
}

.h-item.active .item-title.title-category-products, .menu-marcas .h-item.active, .menu-caracteristicas .h-item.active, .todas-marcas .h-item.active {
    color: #005CB9;
}

/* Men� de marcas */
.h-list .h-container-items.menu-marcas {
    text-align: left;
}

.menu-marcas .h-item.card, .todas-marcas .h-item.card {
    height: 32px;
    width: 130px;
    max-width: 150px;
    font-weight: bold;
    letter-spacing: 0.3px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    /*border-radius: 16px;*/
}

.margin-todas-marcas-scroll {
    margin-left: 16px;
}

.menu-marcas .h-item .container-img {
    height: 31px;
}

    .menu-marcas .h-item .container-img img {
        max-width: 75%;
        max-height: 20px;
        margin-bottom: 0;
    }

/* Men�  de Caracter�sticas*/
.h-list .h-container-items.menu-caracteristicas, .h-list .h-container-items.menu-categorias-outlet {
    text-align: left;
}

.menu-caracteristicas .h-item.card {
    height: 32px;
    width: auto;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    overflow: hidden;
    margin-left: -1px;
    margin-right: -1px;
}

.menu-categorias-outlet .h-item.card {
    /*height: 100%;*/
    height: 33px;
    width: auto;
    /*width: 200px;*/
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    overflow: hidden;
    margin-left: -1px;
    margin-right: -1px;
    padding-bottom: 2px;
}

/* Listado des cards center dashboard */
.list-cards .h-item .card.quote, .list-cards .h-item .card.bill, .list-cards .h-item .card.credit-note, .list-cards .h-item .card.payment {
    height: 84px;
    width: 320px;
}

.list-cards .h-item .card.order {
    height: 84px;
    width: 250px;
}

#listCardsDashboard.h-list .btn-scroll {
    z-index: 500;
}

/* Botones para controllar scroll en menu horizontal*/
.h-list .btn-scroll {
    text-align: center;
    height: 100%;
}

.btn-scroll {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 998;
    cursor: pointer;
}

    .btn-scroll.left {
        left: 0px;
    }

    .btn-scroll.right {
        right: 0px;
    }

        .btn-scroll.left a, .btn-scroll.right a, .btn-scroll.left span, .btn-scroll.right span {
            margin-top: auto;
            margin-bottom: auto;
            cursor: pointer;
            font-size: 23px;
            color: rgba(60, 144, 206, 1);
        }

.btn-todos {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 998;
    .text-Precio-Normal-product cursor: pointer;
}


/* Vista Grid de productos*/
.card-product {
    /* height: 205px;*/
    /*height: 278px;*/
    height: 268px;
}

    .card-product:hover {
        box-shadow: 0 0 1rem rgba(13, 87, 255, 0.25);
    }

   /* .card-product.session {
        height: 345px;
    }*/
  /*  .card-product.session {
        height: 460px;
    }*/
    .card-product.session {
        height: 434px;
    }

    .card-product .container-img {
        min-height: 95px;
        text-align: center;
        padding: inherit;
        display: flex;
    }

        .card-product .container-img img {
            /* max-width: 100%;*/
            max-width: 100px;
            height: auto;
            max-height: 90px;
            vertical-align: middle
        }

    .card-product .container-txt {
        font-weight: 500;
        height: 80px;
        text-align: left;
        color: #005CB9;
        white-space: normal;
        overflow: hidden;
        font-size: 12px;
    }

        .card-product .container-txt.session {
            height: 55px;
        }

    .card-product .container-price {
        font-weight: 600;
        text-align: right;
        font-size: 13px;
        color: #3c90ce;
    }

    .card-product .original-price, .detail-original-price {
        font-weight: 300;
        font-size: 13px;
        text-decoration: line-through;
        text-align: right;
    }

.detail-original-price {
    font-size: 12px;
    text-align: right;
}

.card-product a:hover {
    text-decoration: none;
}


.canvasjs-chart-credit {
    display: none !important;
}

.card-chart-nivel {
    height: 275px;
}

.card-chart {
    height: 260px;
}

    .card-chart:hover, .card-chart-nivel:hover {
        box-shadow: none;
    }

    .card-chart .card-header, .card-chart-nivel .card.card-header {
        background-color: rgba(0, 0, 0, 0.03);
        color: #656565;
        padding: 5px 10px;
    }

/* Table, formato default*/
.table-xlstore tr th {
    color: #000;
    font-weight: 400;
    background-color: #F3F7FF;
}

.transportistas .table-xlstore tr th {
    background-color: #dadee5;
}

tr.transportistas:hover {
    background-color: #fff !important;
}

.table-xlstore tr th, .table-xlstore tr td {
    border-left-color: transparent;
    border-right-color: transparent;
    vertical-align: middle;
    text-align: center;
}

/* Vista Table de productos*/
.table-product .container-img {
    min-height: 70px;
    text-align: center;
    padding: inherit;
}

    .table-product .container-img img {
        max-width: 100%;
        height: auto;
        max-height: 55px;
        min-height: 40px;
    }

.table-product .container-txt {
    font-weight: 500;
    text-align: left;
    color: #000;
    white-space: normal;
}

.table-product .container-price {
    font-weight: 600;
    text-align: right;
    color: #3c90ce;
}

.table-product .original-price {
    font-weight: 300;
    font-size: 10px;
    text-decoration: line-through;
    text-align: right;
}

.table-product a:hover {
    text-decoration: none;
}

.table-product td.description {
    width: 25%;
}

.table-product td.modelo {
    width: 15%;
}

.table-product td.image, .table-product td.image:hover {
    background-color: #fff;
    width: 100px;
    min-width: 100px;
}

.row-selected {
    background-color: rgba(37, 152, 228, 0.3) !important;
}

.bg-cantidad-surtida-0 {
    background-color: #FFFD73 !important;
}

/* input[type="number] */
.input-number input[type="number"]::-webkit-inner-spin-button,
.input-number input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inline-group {
    max-width: 9rem;
}

    .inline-group .form-control {
        text-align: right;
    }

.input-number .btn, .input-number input[type="number"] {
    width: 23px;
    min-width: 23px;
    height: 28px;
    border: 1px solid #959595;
    padding-left: 5px;
    font-size: 11px;
    background-color: #fff;
}

    .input-number .btn:hover {
        color: unset;
        background-color: lightgrey;
    }


/* Detalle de productos */
.card-product-detail {
    padding-left: 50px;
    padding-right: 50px;
}

    .card-product-detail .container-img {
        min-height: 300px;
        text-align: center;
        padding: inherit;
        display: flex;
    }

        .card-product-detail .container-img img {
            max-width: 100%;
            height: auto;
            max-height: 300px;
            vertical-align: middle;
        }

    .card-product-detail .propuesta.container-img {
        min-height: unset;
        padding: 0;
    }

        .card-product-detail .propuesta.container-img img {
            align-self: flex-start;
            width: 100%;
        }

    .card-product-detail .card-product {
        height: 300px;
    }

    /*.card-product-detail .title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }*/

    .card-product-detail .title, .card-body .title, header .title, .tablero-title {
        color: #3c90ce;
        font-weight: bold;
        font-size: 18px;
    }

    .subtitle, .card-product-detail .subtitle {
        color: #000;
        font-size: 13px;
        font-weight: bolder;
    }

.subtitle-price {
    color: #3c90ce !important;
}

.card-product-detail .logo-marca img {
    max-width: 100%;
    height: auto;
    max-height: 20px;
    min-height: 15px;
}

.card-header {
    background-color: #e6efff;
}

/* Productos relacionados*/
.prod-relacionados .h-item + .h-item {
    margin-left: 13px
}

.card-product-detail .prod-relacionados .container-img {
    min-height: 170px;
}

    .card-product-detail .prod-relacionados .container-img img {
        max-height: 160px;
        min-height: 150px;
    }

/* Paginaci�n */
.lbl-page {
    font-size: 13px;
}

.btn-page {
    min-width: 30px;
    padding: 5px !important;
    border-radius: unset;
    background-color: rgba(60, 144, 206, 0.6);
}


@media (max-width:1112px) {
    .subtitle {
        font-size: 11.5px;
    }

    .card-product .container-price {
        font-size: 11px;
    }
}

@media (max-width:501px) {
    .btn-page {
        min-width: 25px;
        padding: 5px 3px 5px 3px !important;
    }

    .card-product .container-img img {
        max-width: 56px;
    }

    .subtitle {
        font-size: 10.5px;
    }

    .card-product .container-price {
        font-size: 10px;
    }
}

@media (min-width:577px) and (max-width:1140px) {
    .card-product .btn-agregar-grid {
        min-width: 70px;
        max-width: 70px;
    }
    .card-product .btn-agregar-grid span{
        display:none !important;
    }
}

@media (min-width:1320px) and (max-width:1426px) {
    .card-product .btn-agregar-grid {
        min-width: 88px;
        max-width: 88px;
        padding-left: 2px;
        padding-right: 2px;
    }
}


.btn-page.active {
    color: #fff !important;
    background-color: rgba(60, 144, 206, 1);
}

.area-buttons-list-products a.btn {
    height: 28px;
    padding: 5px 10px 5px 10px;
    margin-top: 2px;
}


/* Dev express*/
.dx-datagrid.dx-gridbase-container {
    font-family: Muli, sans-serif;
    line-height: 18px;
    font-size: 11px;
}

.dx-widget, .dx-widget input {
    font-weight: 300 !important;
    font-family: Muli, sans-serif !important;
    line-height: 18px !important;
    font-size: 13px !important;
}

    .dx-widget input {
        height: 30px !important;
    }

.dx-datagrid-headers {
    font-weight: bolder;
    color: #000 !important;
}

    .dx-datagrid-headers table tr {
        background-color: #F3F7FF !important;
    }

.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #EFF8FF !important;
}

.dx-datagrid-rowsview .blue {
    color: #3c90ce !important;
}

.dx-texteditor-input {
    min-height: unset !important;
}

.dx-datagrid-search-panel {
    width: 260px !important;
}


.section-filters-responsive {
    width: unset;
}

@media (max-width: 700px) {
    .section-filters-responsive {
        width: 100%;
    }

    .dx-datagrid-search-panel {
        width: 100% !important;
        margin-left: 0px !important;
    }
}

.m-listado-mobile li {
    margin-bottom: 5px !important;
}

.m-listado-mobile.cancel li {
    margin-bottom: -1px !important;
}

/* Cabecero del cliente*/
.container-info-client {
    padding: 3px 3px;
}

/*  */
.process-phases {
}

    .process-phases.row {
        margin-left: unset;
        margin-right: unset;
    }

    .process-phases .phase {
        height: 55px;
        /*line-height: 15px;*/
        padding: 5px 5px 0 5px;
        background-color: #fff;
        color: #0a1f4f;
        font-size: 12px;
        font-weight: 500;
        text-align: left;
        border-bottom: 1px solid #dee2e6;
    }

@media (max-width: 1250px) {
    .process-phases .phase {
        height: auto;
    }
}

.process-phases .phase.active {
    background-color: #1b6ec2;
    color: #fff;
    border-bottom: none;
}

.process-phases .phase {
    padding-left: 10px;
    padding-right: unset;
}


.phase-container {
    padding: 10px;
}

    .phase-container.border-blue {
        border-width: 1px;
        border-style: solid;
        border-color: #428bca;
        border-top-color: transparent;
    }

/* Modal existencias */
.cart-product-existencias {
    margin-bottom: 10px;
}

    .cart-product-existencias .container-img {
        min-height: 130px;
        text-align: center;
        padding: inherit;
    }

        .cart-product-existencias .container-img img {
            max-width: 100%;
            height: auto;
            max-height: 130px;
            min-height: 100px;
            vertical-align: middle;
        }

/* Tabs */
.nav-tabs {
    padding-top: 10px;
    background-color: #428bca;
    padding: 5px 5px 0 5px;
    border-bottom: 0px;
}

    .nav-tabs > li {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-item {
        min-width: 100px;
        text-align: center;
        font-weight: bolder;
        color: #fff;
        background-color: #428bca;
    }

        .nav-tabs .nav-item.small {
            min-width: 50px;
        }

@media (max-width: 500px) {
    .nav-tabs .nav-item {
        min-width: 50px;
    }

    .nav-tabs .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }

    .link-social-media {
        font-size: 11px;
    }

        .link-social-media img {
            max-height: 13px;
        }
}

@media (max-width: 400px) {
    .tipo-cambio {
        margin-top: -13px;
        height: 20px;
    }
}

.nav-tabs .nav-link {
    border-width: 1px;
    border-color: #fff !important;
    background-color: #3171AA;
    padding-left: 10px;
    padding-right: 10px;
}

    .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        color: #3171AA !important;
        background-color: #fff !important;
    }

    .nav-tabs .nav-link:hover {
        color: #fff;
        background-color: #3171AA;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: transparent;
    }

.navbar-expand-sm .navbar-nav .nav-link {
    padding-left: 0px;
}

.tab-container {
    border-width: 1px;
    border-style: solid;
    border-color: #428bca;
    padding: 10px;
}

.modal .modal-body {
    margin: auto;
}

.modal, .modal.fade {
    z-index: 99999;
}

.modal-dialog {
    margin-left: auto;
    margin-right: auto;
}


/* TIMELINE */
.cbp_tmtimeline {
    font-weight: normal;
    font-style: normal;
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

    /* The line */
    .cbp_tmtimeline:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 10px;
        background: #afdcf8;
        left: 19%;
        margin-left: -10px;
    }

    .cbp_tmtimeline > li {
        position: relative;
    }

        /* The date/time */
        .cbp_tmtimeline > li .cbp_tmtime {
            display: block;
            /*width: 60%;*/
            padding-right: 310px;
            position: absolute;
        }

            .cbp_tmtimeline > li .cbp_tmtime span {
                display: block;
                text-align: right;
            }

                .cbp_tmtimeline > li .cbp_tmtime span:first-child {
                    font-size: 14px;
                    /*color: steelblue;*/
                }

                .cbp_tmtimeline > li .cbp_tmtime span:last-child {
                    font-size: 13px;
                    /*color: #3594cb;*/
                }

        .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
            /*color: #6cbfee;*/
        }

        /* Right content */
        .cbp_tmtimeline > li .cbp_tmlabel {
            margin: 0 0 15px 24%;
            background: #3594cb;
            color: #fff;
            padding-top: .1em;
            padding-left: .5em;
            font-size: 1em;
            font-weight: 300;
            line-height: 1.4;
            position: relative;
            border-radius: 5px;
        }

            /*.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
    background: #6cbfee;
}*/

            .cbp_tmtimeline > li .cbp_tmlabel h2 {
                margin-top: 0px;
                padding: 0 0 10px 0;
                border-bottom: 1px solid rgba(255,255,255,0.4);
            }

            /* The triangle */
            .cbp_tmtimeline > li .cbp_tmlabel:after {
                right: 100%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-right-color: #3594cb;
                border-width: 10px;
                top: 5px;
            }

        /*.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: steelblue;
}*/

        /* The icons */
        .cbp_tmtimeline > li .cbp_tmicon {
            width: 25px;
            height: 25px;
            font-family: 'ecoico';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            font-size: 1em;
            line-height: 25px;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            color: #fff;
            background: #46a4da;
            border-radius: 50%;
            box-shadow: 0 0 0 8px #afdcf8;
            text-align: center;
            left: 20%;
            top: 5px;
            margin: 0 0 0 -25px;
        }

@media (max-width:500px) {
    .cbp_tmtimeline > li .cbp_tmicon {
        left: 40px;
    }

    .cbp_tmtimeline:before {
        left: 33px;
    }
}


.ventas-cliente {
    height: 100% !important;
}

/* Color Verde */
.cbp_tmtimeline > li .cbp_tmicon_GreenElement {
    background: green !important;
    box-shadow: 0 0 0 8px lightgreen !important;
}
/*.cbp_tmtimeline:before {
    background: lightgreen !important;
}*/
.cbp_tmtimeline > li .cbp_tmlabel_GreenElement {
    background: green !important;
}

    .cbp_tmtimeline > li .cbp_tmlabel_GreenElement:after {
        border-right-color: green !important;
    }

/* Color Amarillo */
.cbp_tmtimeline > li .cbp_tmicon_YellowElement {
    background: gold !important;
    box-shadow: 0 0 0 8px khaki !important;
    color: black;
}
/*.cbp_tmtimeline:before {
    background: khaki !important;
}*/
.cbp_tmtimeline > li .cbp_tmlabel_YellowElement {
    background: gold !important;
    color: black;
}

    .cbp_tmtimeline > li .cbp_tmlabel_YellowElement:after {
        border-right-color: gold !important;
    }

/* Color Rojo */
.cbp_tmtimeline > li .cbp_tmicon_RedElement {
    background: Red !important;
    box-shadow: 0 0 0 8px lightcoral !important;
}
/*.cbp_tmtimeline:before {
    background: Red !important;
}*/
.cbp_tmtimeline > li .cbp_tmlabel_RedElement {
    background: Red !important;
}

    .cbp_tmtimeline > li .cbp_tmlabel_RedElement:after {
        border-right-color: Red !important;
    }


.w-1350px, .modal-dialog.w-13500px {
    width: 1350px !important;
    max-width: 1350px !important;
}

.w-1100px, .modal-dialog.w-1100px {
    width: 1100px !important;
    max-width: 1100px !important;
}

.w-1000px, .modal-dialog.w-1000px {
    width: 1000px !important;
    max-width: 1000px !important;
}

.w-750px, .modal-dialog.w-750px {
    width: 750px !important;
    max-width: 750px !important;
}

.w-500px, .modal-dialog.w-500px {
    width: 500px !important;
    max-width: 500px !important;
}

.w-550px, .modal-dialog.w-550px {
    width: 550px !important;
    max-width: 550px !important;
}

.w-450px, .modal-dialog.w-450px {
    width: 450px !important;
    max-width: 450px !important;
}

.w-400px, .modal-dialog.w-400px {
    width: 400px !important;
    max-width: 400px !important;
}

.w-350px, .modal-dialog.w-350px {
    width: 350px !important;
    max-width: 350px !important;
}

.w-300px, .modal-dialog.w-300px {
    width: 300px !important;
    max-width: 300px !important;
}

.w-320px, .modal-dialog.w-320px {
    width: 320px !important;
    max-width: 320px !important;
}

.w-250px, .modal-dialog.w-250px {
    width: 250px !important;
    max-width: 250px !important;
}

.w-min-225px {
    min-width: 225px !important;
    max-width: 225px !important;
}

.w-fit-content {
    width: fit-content;
}

@media (max-width: 500px) {
    .w-350px-mobile, .modal-dialog.w-350px-mobile {
        width: 350px !important;
        max-width: 350px !important;
    }

    .w-1000px.w-max-mobile, .modal-dialog.w-1000px.w-max-mobile {
        width: calc(100vw - 5px) !important;
        max-width: calc(100vw - 5px) !important;
    }
}

/* Para detail container o cualquier modal las mismas clases */
@media (max-width: 1010px) {
    .modal-dialog.w-1000px.w-max-mobile {
        width: calc(100vw - 25px) !important;
        max-width: calc(100vw - 25px) !important;
    }

        .modal-dialog.w-1000px.w-max-mobile .modal-body {
            overflow-x: auto;
        }

            .modal-dialog.w-1000px.w-max-mobile .modal-body div {
                width: 1000px !important;
            }
}

@media (max-width: 1350px) {
    .modal-dialog.w-1350px.w-max-mobile {
        width: calc(100vw - 25px) !important;
        max-width: calc(100vw - 25px) !important;
    }

        .modal-dialog.w-1350px.w-max-mobile .modal-body {
            overflow-x: auto;
        }
}

@media (max-width: 1100px) {
    .modal-dialog.w-1100px.w-max-mobile {
        width: calc(100vw - 25px) !important;
        max-width: calc(100vw - 25px) !important;
    }

        .modal-dialog.w-1100px.w-max-mobile .modal-body {
            overflow-x: auto;
        }
}

.backgroud-default {
    background-color: #F3F7FF;
}

.border-default {
    border: 1px solid #DDD;
}

.darkblue {
    color: #0a1f4f !important;
}

.blue {
    color: #3c90ce !important;
}

.blue-link {
    color: #0056b3 !important;
}

.orange-title {
    color: #fa6426 !important;
}

.text-9x {
    font-size: 9px !important;
}

.text-10x {
    font-size: 10px !important;
}

.text-11x {
    font-size: 11px !important;
}

.text-12x {
    font-size: 12px !important;
}

.text-13x {
    font-size: 13px !important;
}

@media(max-width:500px) {
    .text-14x.text-sm-13x, .text-15x.text-sm-13x, .text-16x.text-sm-13x {
        font-size: 13px !important;
    }
}

.text-14x {
    font-size: 14px !important;
}

.text-15x {
    font-size: 15px !important;
}

.text-16x {
    font-size: 16px !important;
}

.text-20x {
    font-size: 20px !important;
}

.text-28x {
    font-size: 28px !important;
}

.font-size-label-chart {
    font-size: 9px !important;
}

@media(min-width:1100px) and (max-width:1350px) {
    .font-size-label-chart {
        font-size: 8px !important;
    }
}

@media(min-width:992px) and (max-width:1100px) {
    .font-size-label-chart {
        font-size: 7px !important;
    }
}

.alert {
    display: none;
}

.requirements {
    list-style-type: none;
}

.wrong .fa-check {
    display: none;
}

.good .fa-times {
    display: none;
}

.alert-warning {
    color: #fff;
    background-color: #ff902b;
    border-color: #ff902b;
}

.alert-info {
    color: #fff;
    background-color: #23b7e5;
    border-color: #23b7e5;
}

.alert-success {
    color: #fff;
    background-color: #27c24c;
    border-color: #27c24c;
}

.alert-primary {
    color: #fff;
    background-color: #5d9cec;
    border-color: #5d9cec;
}

.alert-secondary {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.alert-danger {
    color: #fff;
    background-color: #f05050;
    border-color: #f05050;
}

.btn-danger {
    color: #fff !important;
}

.bootstrap-select .dropdown-toggle {
    border: 1px solid #ced4da !important;
}

    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        /* margin-top: -5px; */
        font-size: 0.725rem;
        max-width: 500px;
    }

.bootstrap-select .dropdown-menu {
    min-width: 100% !important;
    /* max-width: 100px;*/
    max-width: 271px;
}

.form-control {
    font-size: 0.725rem;
    padding: 0.2rem 0.2rem;
    margin-bottom: 0.1px;
    height: 30px;
}

.input-validation-error {
    border-bottom: solid red !important;
}

.bootstrap-select .dropdown-menu li a {
    font-size: 13px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-top: 1px;
    padding-bottom: 1px;
}

.quantity {
    text-align: center !important;
}

.section-close-session {
    text-align: center;
}

.fa-check-icon {
    color: green;
    font-size: 15px;
}

.fa-times-icon {
    color: red;
    font-size: 15px;
}

.product-container-brand {
    /*text-align: center !important;*/
    text-align: right !important;
    padding: 1px !important;
    padding-top: 10px !important;
}

.product-container-brand-image {
    /*max-width: 100%;*/
    max-width: 100px;
    height: auto;
}

.product-container-warranty-image {
    max-width: 70%;
    height: auto;
}

.product-detail-container-brand-image {
    max-width: 90%;
    max-height: 30px !important;
}

.product-detail-container-warranty-image {
    max-width: 100%;
    max-height: 70px !important;
}

.px-default-productos {
    padding: 0px 2px 2px 0px;
}

.py-2_5 {
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
}

.margin-card-top {
    margin-top: 3.2px !important;
}

/*colores de fondo*/
.bg-primary {
    background-color: #5d9cec !important;
    color: #fff !important;
}

.bg-primary-light {
    background-color: #8bb8f1;
    color: #fff !important;
}

.bg-primary-dark {
    background-color: #2f80e7 !important;
    color: #fff !important;
}

.bg-primary small {
    color: inherit;
}

.bg-success {
    background-color: #27c24c;
    color: #fff !important;
}

.bg-success-light {
    background-color: #43d967;
    color: #fff !important;
}

.bg-success-dark {
    background-color: #1e983b;
    color: #fff !important;
}

.bg-success small {
    color: inherit;
}

.bg-info {
    background-color: #23b7e5;
    color: #fff !important;
}

.bg-info-light {
    background-color: #51c6ea;
    color: #fff !important;
}

.bg-info-dark {
    background-color: #1797be;
    color: #fff !important;
}

.bg-info small {
    color: inherit;
}

.bg-warning {
    background-color: #ff902b !important;
    color: #fff !important;
}

.bg-warning-light {
    background-color: #ffab5e !important;
    color: #fff !important;
}

.bg-warning-dark {
    background-color: #f77600 !important;
    color: #fff !important;
}

.bg-warning small {
    color: inherit;
}

.bg-danger {
    background-color: #f05050 !important;
    color: #fff !important;
}

.bg-danger-light {
    background-color: #f47f7f !important;
    color: #fff !important;
}

.bg-danger-dark {
    background-color: #ec2121 !important;
    color: #fff !important;
}

.bg-danger small {
    color: inherit;
}

.bg-green {
    background-color: #37bc9b !important;
    color: #fff !important;
}

.bg-green-light {
    background-color: #58ceb1 !important;
    color: #fff !important;
}

.bg-green-dark {
    background-color: #2b957a !important;
    color: #fff !important;
}

.bg-green small {
    color: inherit;
}

.bg-pink {
    background-color: #f532e5 !important;
    color: #fff !important;
}

.bg-pink-light {
    background-color: #f763eb !important;
    color: #fff !important;
}

.bg-pink-dark {
    background-color: #e90bd6 !important;
    color: #fff !important;
}

.bg-pink small {
    color: inherit;
}

.bg-purple {
    background-color: #7266ba !important;
    color: #fff !important;
}

.bg-purple-light {
    background-color: #9289ca !important;
    color: #fff !important;
}

.bg-purple-dark {
    background-color: #564aa3 !important;
    color: #fff !important;
}

.bg-purple small {
    color: inherit;
}

.bg-inverse {
    background-color: #131e26 !important;
    color: #fff !important;
}

.bg-inverse-light {
    background-color: #243948 !important;
    color: #fff !important;
}

.bg-inverse-dark {
    background-color: #020304 !important;
    color: #fff !important;
}

.bg-inverse small {
    color: inherit;
}

.bg-yellow {
    background-color: #fad732 !important;
    color: #fff !important;
}

.bg-yellow-light {
    background-color: #fbe164 !important;
    color: #fff !important;
}

.bg-yellow-dark {
    background-color: #f3ca06 !important;
    color: #fff !important;
}

.bg-yellow small {
    color: inherit;
}

.bg-white {
    background-color: #fff !important;
    color: inherit !important;
}

.bg-gray-darker {
    background-color: #232735 !important;
    color: #fff !important;
}

.bg-gray-dark {
    background-color: #3a3f51 !important;
    color: #fff !important;
}

.bg-gray {
    background-color: #dde6e9;
    color: #656565 !important;
}

.bg-gray-light {
    background-color: #e4eaec;
    color: #656565 !important;
}

.bg-gray-lighter {
    background-color: #edf1f2;
    color: #656565 !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-cover {
    background-size: cover;
}

/*fin colores de fondo*/

/* Tooltip */
.tooltip-inner {
    background-color: #fff;
    color: #000;
    box-shadow: 2px 2px 5px #999;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #fff !important;
    display: none;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-right-color: #fff !important;
    display: none;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: #fff !important;
    display: none;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-right-color: #fff !important;
    display: none;
}

td.dropdown-product-modelo {
    width: 222px;
    max-width: 222px;
}

    td.dropdown-product-modelo .dropdown button {
        width: 210px;
        max-width: 210px;
    }

td.dropdown-product-descripcion {
    width: 272px;
    max-width: 272px;
}

    td.dropdown-product-descripcion .dropdown button {
        width: 260px;
        max-width: 260px;
    }

.row {
    margin-bottom: 1px;
    margin-right: -3px;
    margin-left: -3px;
}

    .row .col.container-selectpicker {
        max-width: 66.5%;
    }

@media (max-width: 767px) {
    .text-right {
        text-align: right !important;
    }

    .row .col.container-selectpicker {
        max-width: 100%;
    }

    .text-sm-left {
        text-align: left !important;
    }
}

@media (min-width: 767px) {
    .text-md-right {
        text-align: right !important;
    }
}


.dropzone-title {
    height: 35px;
    position: relative;
}

    .dropzone-title label {
        position: absolute;
        bottom: 0;
        margin: 0;
        width: 100%;
        text-align: center;
    }

.dropzone .dz-preview {
    width: unset;
}



.dropdown-products-preview {
    margin-right: -50px;
    margin-top: 0px;
    border: 3px solid rgba(0,0,0,.15);
    padding: 0;
}

    .dropdown-products-preview .dropdown-item {
        border-top: 1px solid rgba(0,0,0,.15)
    }

    .dropdown-products-preview .container-img {
        min-height: 60px;
        text-align: center;
        padding: inherit;
    }

        .dropdown-products-preview .container-img img {
            max-width: 100%;
            height: auto;
            max-height: 55px;
            min-height: 40px;
        }

.total-quote tr td {
    font-weight: bold;
}

    .total-quote tr td#totalPrecioWatt, .total-quote tr td#totalPrecio {
        text-align: right;
    }

.modal-with-scroll .modal-dialog {
    overflow-y: initial !important
}

.modal-with-scroll .modal-body {
    /*height: 80vh;*/
    overflow-y: auto;
}


.card.order, .card.quote {
    cursor: pointer;
}

    .card.order.active, .card.quote.active {
        background-color: #000;
        opacity: .4;
    }

.prealta textarea {
    margin-left: -3px;
}

@media (max-width:760px) {
    .prealta textarea {
        margin-left: 0;
    }
}


.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

    .text-ellipsis.lines-1 {
        height: 19px;
        -webkit-line-clamp: 1;
    }

    .text-ellipsis.lines-2 {
        height: 37px;
        -webkit-line-clamp: 2;
    }


/* SKELETON */
.pending_el {
    animation-duration: 1s !important;
}

.card-category-skeleton .skeleton-img {
    height: 70px;
}

@media (max-width: 600px) {
    .card-category-skeleton .skeleton-img {
        height: 47px;
    }
}


.background-arco {
    background-image: url(../images/banners/arco-270-360.svg?v=tIN1Fl9gy__hVSm_NkQih9ZSuJI);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto;
}

.background-image .carousel, .background-image .carousel .carousel-inner, .background-image .carousel .carousel-inner .carousel-item {
    height: 100%;
    width: 100%;
}

.card-body-dashboard {
    min-height: 133px;
}

.card-header-dashboard h4 {
    margin-bottom: 0px;
}

.button-filter-selected {
    border: 1px solid #3c90ce;
    background-color: rgba(135,206,250,1);
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
    padding: 10px !important;
}


.checkbox-user-list {
    margin: 0 auto;
    width: 18px !important;
    height: 18px !important;
}

.checkbox-user-form {
    width: 18px !important;
    height: 18px !important;
}

.popover {
    z-index: 99999;
}

.EmailValidation, .UsuarioValidation {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef47 !important;
}

.dx-datagrid-total-footer > .dx-datagrid-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .dx-datagrid-total-footer > .dx-datagrid-content .dx-row > td {
        padding-top: 3px;
        padding-bottom: 3px;
    }

#cookit-link {
    font-weight: 600;
}

#cookit-button {
    color: white !important;
}

.container-promotion-product {
    height: 63%;
}

.container-promotions {
    padding-top: 5px;
    text-align: right;
}

.icon-promotion-product-grid {
    max-height: 25px;
    /*position: absolute;*/
    bottom: 0;
}

.icon-promotion-product-grid-detail {
    max-height: 35px;
    position: absolute;
    bottom: 0;
}

.icon-promotion-product-list {
    max-height: 25px;
}

#tabsCotizacionList .btn {
    min-width: 75px;
}

#navbarMenuXLStore {
    background-color: #3c90ce;
    color: #fff;
    border-radius: 0;
    margin-right: 30px !important;
}

    #navbarMenuXLStore:focus {
        outline: 0;
    }

    #navbarMenuXLStore .fa-bars {
        padding: 16px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }

.display-link {
    display: contents;
}

.dropdown-menu-usuario {
    min-width: 125px;
}

#ProductListTable thead th {
    position: sticky;
    top: 0;
    z-index: 5;
}


#FormSuscribirBlog label {
    font-family: Muli, sans-serif !important;
    color: #fff !important;
    opacity: 0.5;
    font-size: 16px !important;
    line-height: 24px !important;
    font-style: normal;
    font-weight: 300;
}


#FormSuscribirBlog .hs-input {
    height: 45px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #979797;
    background-color: #fff;
    margin-bottom: 12px;
}

#FormSuscribirBlog .hs-button {
    display: block;
    padding: 15px 60px;
    float: left;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-color: #0d57ff;
    font-family: Muli, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    border: none;
    color: #fff;
}

#FormSuscribirBlog .submitted-message {
    overflow: visible;
}

.container-doc-alta {
    min-height: 280px;
}

.container-img-alta {
    min-height: 104px;
    display: flex;
    justify-content: center;
}

.squareFabricante {
    height: 80px !important;
    display: flex;
    align-items: center;
}

.max-xl-w60p {
    max-width: 60% !important;
}

.selectpicker-mes .dropdown-toggle {
    line-height: initial !important;
}

.selectpicker-mes .dropdown-menu {
    min-height: 110px !important;
}

.text-caracteristica {
    font-size: 14px !important;
    font-weight: 500;
    /*text-transform: capitalize;*/
}

.cursor-auto {
    cursor: auto;
}

.sectionValidateAddCart {
    padding: 20px;
    padding-top: 0px;
    font-size: 12px;
    color: black;
}

.tooltip.show {
    z-index: 99999;
}

.menu-sesion-client {
    top: 33px !important;
    transform: initial !important;
}

.dropdown-menu-vendedor {
    transform: initial !important;
}

.padding-0 {
    padding: 0;
}

#prod-pagination-inferior {
    padding-right: 90px;
}

.centered-button {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #4bacf4;
    color: white;
    text-align: center;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
}

.card-home {
    border-radius: initial;
}

    .card-home:hover {
        box-shadow: 1px 8px 20px grey;
        -webkit-transition: box-shadow .1s ease-in;
    }

.accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.icon-promocion {
    border-radius: 75px 75px;
    background: red;
    color: white;
    text-align: center;
    width: 112px;
    height: 21px;
}

.icon-promocion-detail {
    width: 135px;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.color-price-promotion {
    color: red !important;
    text-align: right;
}

/* common */
.ribbon {
    width: 160px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    margin: 9px;
    z-index: 1;
}

    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: 1;
        content: '';
        display: block;
        border: 5px solid darkred;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 255px;
        padding: 5px 0;
        background-color: red;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #fff;
        font: 700 8px/1 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
    }

/* top left*/
.ribbon-top-left {
    top: -10px;
    left: -9px;
}

    .ribbon-top-left::before,
    .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 90px;
    }

    .ribbon-top-left::after {
        bottom: 80px;
        left: -1px;
    }

    .ribbon-top-left span {
        right: 5px;
        top: 20px;
        transform: rotate(-45deg);
    }

/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}

    .ribbon-top-right::before,
    .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 0;
    }

    .ribbon-top-right::after {
        bottom: 0;
        right: 0;
    }

    .ribbon-top-right span {
        left: -25px;
        top: 30px;
        transform: rotate(45deg);
    }

/* bottom left*/
.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}

    .ribbon-bottom-left::before,
    .ribbon-bottom-left::after {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-bottom-left::before {
        bottom: 0;
        right: 0;
    }

    .ribbon-bottom-left::after {
        top: 0;
        left: 0;
    }

    .ribbon-bottom-left span {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }

/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}

    .ribbon-bottom-right::before,
    .ribbon-bottom-right::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-bottom-right::before {
        bottom: 0;
        left: 0;
    }

    .ribbon-bottom-right::after {
        top: 0;
        right: 0;
    }

    .ribbon-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }

/*.btn-agregar {
    background-color: #F9AB2A;
    border-color: #ffbe51;
}*/

.btn-agregar {
    background-color: #f8991d;
    border-color: #ffbe51;
}

.title-articulo {
    color: #1A6DC2;
    font-weight: 600;
    font-size: 17px;
}

.description-articulo {
    color: #212529;
    font-weight: 400;
    font-size: 15px;
}

.product-articulo {
    color: #212529;
    font-size: 13px;
}

.firma-articulo {
    color: #8f919d;
    font-size: 13px;
}


.title-articulo-detalle {
    color: #1A6DC2;
    font-weight: 600;
    font-size: 33px;
}

.description-articulo-detalle {
    /*color: #3c90ce;*/
    font-weight: 400;
    font-size: 17px;
}

.body-articulo-detalle {
    font-size: 17px;
    color: #565867;
}

.score-articulo-detalle {
    padding: 12px;
    text-align: center;
    color: #777;
    background-color: #f0f3f5;
    margin: 0px -30px -2px;
    border-radius: 8px;
}

.score-title-articulo-detalle {
    padding-top: 9px;
    padding-bottom: 4px;
    text-align: center;
    font-size: 15px;
}

.articulo-reaction {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: none;
    width: 50px;
    height: 100%;
    display: inline-block;
    text-align: center;
    font-size: 32px;
    transition: transform 0.16s cubic-bezier(0.65, 0.61, 0.18, 1.8) 0.02s, filter 0.32s linear;
    cursor: pointer;
    transform-origin: 50% 60%;
}

.articulo-reaction img {
        max-width: 46px;
    }

.score-articulo-detalle-selected .articulo-reaction {
    filter: grayscale(100%);
}

.score-articulo-detalle-selected .articulo-reaction-selected {
    filter: grayscale(0%);
    transform: scale(1.32);
}


.score-articulo-detalle .articulo-reaction:hover, .score-articulo-detalle .articulo-reaction:focus {
    transform: scale(1.32);
    transition: transform .04s;
}

.score-articulo-detalle-selected .articulo-reaction-selected:hover {
    transform: scale(1.32);
}
.intercom-container {
    text-align: center;
}

.notas-articulo-detalle {
    text-align: center !important;
    font-size: 17px;
    color: #565867;
    white-space: pre-wrap;
    white-space: break-spaces;
}

.direction-articulo-detalle {
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    color: #8f919d;
    margin: 0 7px 7px 0;
    padding-right: 16px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #F9AB2A;
    border-color: #ffbe51;
}

.title-color-product {
    color: #212529;
}

/*.text-color-product {
    color: #052C65;
}*/
.text-color-product {
    color: #949494;
}



/* Tama�o por defecto para laptops y desktops */
.text-size-title-product {
    font-size: 13.2px;
}
.text-size-descrption-product {
    /*font-size: 12.7px;*/
    font-size: 12.5px;
    line-height: 1.5;
}

.text-Precio-Normal-product {
    margin-bottom: 0rem !important;
    font-weight: 600;
    font-size: 13.5px;
}
.text-Precio-Oferta-product {
    margin-bottom: 0rem !important;
    font-size: 13.1px;
}
.text-PrecioxWatts-product {
    margin-bottom: 0rem !important;
    font-weight: 600;
    color: #329966;
    font-size: 13.4px;
}
.text-Local-product {
    font-size: 12.8px;
    color: #979797;
    font-weight: bolder;
}
.text-Local-existencias-product {
    min-width: initial;
    width: 55px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 22px ;
    font-weight: 800;
    color: #1c6ec4
}
.text-Cedis-product {
    font-size: 12.8px;
    color: #979797;
    font-weight: bolder;
}
.text-Cedis-existencias-product {
    min-width: initial;
    width: 55px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 22px ;
    font-weight: 800;
    color: #1c6ec4
}
.btn-menos-addProduct {
    font-size: 14.5px !important;
    height: 38px !important;
    border: 1px solid #b6b6b6 !important;
}
.text-cantidad-addProduct {
    font-size: 14.5px !important;
    height: 38px !important;
    border: 1px solid #b6b6b6 !important;
}

.btn-mas-addProduct {
    font-size: 14.5px !important;
    height: 38px !important;
    border: 1px solid #b6b6b6 !important;
}


.btn-aadProduct-tamanio {
    height: 38px !important;
    padding-top: 8px !important;
    font-weight: 100;
    font-size: 16.5px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    padding-left: 6px !important;
}
.ValidarIcono{
    display:none;
}
.d-nones {
    display: block !important;
}
.mostrartextobtn {
    display: inline-block !important;
}
.nomostrarnombrenavbarMobile {
    display: inline-block !important;
}


.mostrariconousernavbarMobile {
    display: none !important;
}

.mostrariconousernavbarPC {
    display: inline-block !important;
}
.mostrarentrelineapc {
    border-right: 1px solid #959595;
}
.validariconotipocambiomobile {
    display: none !important;
}
.mostrartipocambiopc {
    display: inline-block !important;
}

.posicionbuscador {
    top: 6.5px;
    width: 258px;
    left: 1px;
    position: fixed;
}

#TxtSearchProductoMobile::placeholder { /* For Chrome, Safari, Opera */
    color: #0a1f4f !important;
    font-size:12pxpx;
}

.mostrarbuscadorenMobile {
    display: none !important;
}
.mostrarbuscadorenPC {
    display: inline-block !important;
}
.carritobtnicono {
    position: relative;
    display: inline-block;
    font-size: 1.25rem;
    color: #333;
    left: -15px;
}
.estilocarritospan {
    position: absolute;
    top: -4.5px;
    left: 16px;
    min-width: 20px;
    height: 18px;
    padding: 0px 0.25rem;
    font-family: var(--font-family-default);
    font-size: 11�0.5px;
    font-weight: 700;
    line-height: 1rem;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #3c90ce;
    border-radius: 62.5rem;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ajustaretiquetaNuevo {
    /*width: 117.5px;*/
    width: 95.5px;
    height: auto;
    max-width: 1007px;
    display: block;
    margin-left: -10px;
    float: left;
    position: absolute;
    z-index: 1;
}

.ajustaretiquetaOutlet {
    /*   width: 117.5px;*/
    width: 95.5px;
    height: auto;
    max-width: 1007px;
    display: block;
    margin-left: -10px;
    float: left;
    position: absolute;
    z-index: 1;
    margin-top: -4.5px;
    /* margin-top: -5px;*/
}

.ajustaretiquetaLlegaPronto {
    /* width: 118px;*/
    width: 121px;
    height: auto;
    max-width: 984px;
    display: block;
    margin-right: -5px;
    float: right;
    position: absolute;
    right: 0;
    z-index: 1;
    margin-top: 0px;
}

.ajustaretiquetaLlegaInmediato {
     width: 118px;
    height: auto;
    max-width: 984px;
    display: block;
    margin-right: -2px;
    float: right;
    position: absolute;
    right: 0;
    z-index: 1;
    margin-top: 1px;
}

.posicionlogomarcaproducto {
    position: absolute;
    left: 0px;
    top: 0.5px;
    height: auto;
    width: 70px;
    display: block;
    background-color: rgba(255, 255, 255, 0.82);
    /*background-color: white;*/
}
.text-ellipsis.lines-1-Modificado {
    height: 18px;
    -webkit-line-clamp: 1;
}
.text-ellipsis.lines-2-Modificado {
    height: 37px;
    -webkit-line-clamp: 2;
}
/* M�viles muy peque�os (360px o menos) */
@media (max-width: 360px) {
    .text-size-title-product {
        font-size: 9.3px;
    }
    .text-size-descrption-product {
        /*font-size: 9.2px;*/
        font-size: 8.3px;
    }
    .text-ellipsis.lines-1-Modificado {
        height: 15px;
        -webkit-line-clamp: 1;
    }

    .text-ellipsis.lines-2-Modificado {
        height: 36px;
        -webkit-line-clamp: 2;
    }
    .text-Precio-Normal-product {
        font-size: 7.6px;
    }

    .text-Precio-Oferta-product {
        font-size: 7.3px;
    }

    .text-PrecioxWatts-product {
        font-size: 7.5px;
    }
    .text-Local-product {
        font-size: 9.5px;
    }

    .text-Local-existencias-product {
        font-size: 17.2px ;
    }

    .text-Cedis-product {
        font-size: 9.5px;
    }

    .text-Cedis-existencias-product {
        font-size: 17.2px ;
    }
    .btn-menos-addProduct {
        font-size: 7.5px !important;
        height: 30px !important;
    }

    .text-cantidad-addProduct {
        font-size: 7.5px !important;
        height: 30px !important;
    }

    .btn-mas-addProduct {
        font-size: 7.5px !important;
        height: 30px !important;
    }
    .btn-aadProduct-tamanio {
        height: 30px !important;
        padding-top: 6px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        padding-left: 6px !important;
    }
    .ValidarIcono {
        display: block;
    }
    .d-nones {
        display: none !important;
    }
    .mostrartextobtn {
        display: none !important;
    }
    .nomostrarnombrenavbarMobile {
        display: none !important;
    }
    .mostrariconousernavbarMobile {
        display: inline-block !important;
    }
    .mostrariconousernavbarPC {
        display: none !important;
    }
    .dropdown-menu-usuario {
        min-width: 32px;
    }
    .validariconotipocambiomobile {
        display: inline-block !important;
    }
    .mostrarentrelineapc {
        border-right: none;
    }
    .mostrartipocambiopc {
        display: none !important;
    }
    .posicionbuscador {
        top: 6.5px;
        /*width: 112px;*/
        width: 124px;
        left: 6.5px;
        position: fixed;
    }
    .mostrarbuscadorenMobile {
        display: inline-block !important;
    }
    .mostrarbuscadorenPC {
        display: none !important;
    }
    .ajustaretiquetaNuevo {
        /*width: 72px;
        height: auto;
        margin-left: -6px;*/
        width: 53.4px;
        height: auto;
        margin-left: -6px;
    }
    .ajustaretiquetaOutlet {
        /* width: 72px;
        height: auto;
        margin-left: -6px;*/
        width: 53.4px;
        height: auto;
        margin-left: -6px;
        margin-top: -2px;
    }
    .ajustaretiquetaLlegaPronto {
        width: 67.5px;
        margin-right: -3px;
        margin-top: 0px;
    }
    .ajustaretiquetaLlegaInmediato {
        width: 64px;
        margin-right: -3px;
        margin-top: 0px;
    }
    .posicionlogomarcaproducto {
        width: 52px;
    }
    .card-product.session {
        height: 417px;
    }
}

/* M�viles medianos (361px � 400px) */
@media (min-width: 361px) and (max-width: 400px) {
    .text-size-title-product {
        font-size: 11.2px;
    }
    .text-size-descrption-product {
        font-size: 10.2px;
    }
    .text-ellipsis.lines-1-Modificado {
        height: 16px;
        -webkit-line-clamp: 1;
    }

    .text-ellipsis.lines-2-Modificado {
        height: 29px;
        -webkit-line-clamp: 2;
    }

    .text-Precio-Normal-product {
        font-size: 9.3px;
    }

    .text-Precio-Oferta-product {
        font-size: 9px;
    }

    .text-PrecioxWatts-product {
        font-size: 9.2px;
    }
    .text-Local-product {
        font-size: 10.5px;
    }

    .text-Local-existencias-product {
        font-size: 18.2px;
    }

    .text-Cedis-product {
        font-size: 10.5px;
    }

    .text-Cedis-existencias-product {
        font-size: 18.2px;
    }
    .btn-menos-addProduct {
        font-size: 12px !important;
        height: 32px !important;
    }

    .text-cantidad-addProduct {
        font-size: 12px !important;
        height: 32px !important;
    }

    .btn-mas-addProduct {
        font-size: 12px !important;
        height: 32px !important;
    }
    .btn-aadProduct-tamanio {
        height: 32px !important;
        padding-top: 7px !important;
        min-width: 37px !important;
        max-width: 37px !important;
        padding-left: 7px !important;
    }
    .ValidarIcono {
        display: block;
    }
    .d-nones {
        display: none !important;
    }
    .mostrartextobtn {
        display: inline-block !important;
    }
    .nomostrarnombrenavbarMobile {
        display: none !important;
    }

    .mostrariconousernavbarMobile {
        display: inline-block !important;
    }

    .mostrariconousernavbarPC {
        display: none !important;
    }

    .dropdown-menu-usuario {
        min-width: 38px;
    }
    .validariconotipocambiomobile {
        display: inline-block !important;
    }
    .mostrarentrelineapc {
        border-right:none;
    }
    .mostrartipocambiopc {
        display: none !important;
    }
    .posicionbuscador {
        top: 6.5px;
        /* width: 145px;*/
        width: 157px; 
        left: 6.5px;
        position: fixed;
    }
    .mostrarbuscadorenMobile {
        display: inline-block !important;
    }
    .mostrarbuscadorenPC {
        display: none !important;
    }
    .ajustaretiquetaNuevo {
        /* width: 85px;
        height: auto;
        margin-left: -6px;*/
        width: 65px;
        height: auto;
        margin-left: -6px;
    }
    .ajustaretiquetaOutlet {
        /*width: 85px;
        height: auto;
        margin-left: -6px;*/
        width: 65px;
        height: auto;
        margin-left: -6px;
        margin-top: -2px;
    }
    .ajustaretiquetaLlegaPronto {
        width: 82.5px;
        margin-right: -3.5px;
        margin-top: 0.5px;
    }
    .ajustaretiquetaLlegaInmediato {
        width: 76px;
        margin-right: -1px;
        margin-top: 1px;
    }
    .posicionlogomarcaproducto {
        width: 59px;
    }
    .card-product.session {
        height: 422px;
    }
}

/* Tablets (401px � 768px) */
@media (min-width: 401px) and (max-width: 768.98px) {
    .text-size-title-product {
        font-size: 12.2px;
    }
    .text-size-descrption-product {
        font-size: 11.2px;
    }
    .text-ellipsis.lines-1-Modificado {
        height: 16px;
        -webkit-line-clamp: 1;
    }

    .text-ellipsis.lines-2-Modificado {
        /* height: 37px;*/
        height: 31.5px;
        -webkit-line-clamp: 2;
    }
    .text-Precio-Normal-product {
        font-size: 10.2px;
    }

    .text-Precio-Oferta-product {
        font-size: 10px;
    }

    .text-PrecioxWatts-product {
        font-size: 10.3px;
    }
    .text-Local-product {
        font-size: 11.5px;
    }

    .text-Local-existencias-product {
        font-size: 20.2px ;
    }

    .text-Cedis-product {
        font-size: 11.5px;
    }

    .text-Cedis-existencias-product {
        font-size: 20.2px ;
    }
    .btn-menos-addProduct {
        font-size: 12.5px !important;
        height: 34px !important;
    }

    .text-cantidad-addProduct {
        font-size: 12.5px !important;
        height: 34px !important;
    }

    .btn-mas-addProduct {
        font-size: 12.5px !important;
        height: 34px !important;
    }
    .btn-aadProduct-tamanio {
        height: 34px !important;
        padding-top: 8px !important;
        min-width: 55px !important;
        max-width: 55px !important;
        padding-left: 11px !important;
    }
    .ValidarIcono {
        display: block;
    }
    .d-nones {
        display: none !important;
    }
    .mostrartextobtn {
        display: inline-block !important ;
    }
    .nomostrarnombrenavbarMobile {
        display: none !important;
    }

    .mostrariconousernavbarMobile {
        display: inline-block !important;
    }

    .mostrariconousernavbarPC {
        display: none !important;
    }

    .dropdown-menu-usuario {
        min-width: 38px;
    }
    .validariconotipocambiomobile {
        display: inline-block !important;
    }
    .mostrarentrelineapc {
        border-right: none;
    }
    .mostrartipocambiopc {
        display: none !important;
    }
    .posicionbuscador {
        top: 6.5px;
        /*width: 211px;*/
        width: 215px;
        left: 6.5px;
        position: fixed;
    }
    .mostrarbuscadorenMobile {
        display: inline-block !important;
    }
    .mostrarbuscadorenPC {
        display: none !important;
    }
    .ajustaretiquetaNuevo {
        /*   width: 98px;
        height: auto;
        margin-left: -6px;*/
        /*width: 78px;*/
        width: 82px;
        height: auto;
        margin-left: -6px;
    }
    .ajustaretiquetaOutlet {
        /* width: 98px;
        height: auto;
        margin-left: -6px;*/
        /* width: 78px;*/
        width: 82px;
        height: auto;
        margin-left: -6px;
        margin-top: -3px;
    }
    .ajustaretiquetaLlegaPronto {
        /* width: 96px;*/
        width: 102px;
        margin-right: -4px;
        margin-top: 0.5px;
    }
    .ajustaretiquetaLlegaInmediato {
        width: 97px;
        margin-right: -1.5px;
        margin-top: 1px;
    }
    .posicionlogomarcaproducto {
        width: 65px;
    }
    .card-product.session {
        height: 417px;
    }
}

@media (min-width: 769px) and (max-width: 820px) {
    .text-size-title-product {
        font-size: 12.2px;
    }

    .text-size-descrption-product {
        font-size: 11.2px;
    }

    .text-ellipsis.lines-1-Modificado {
        height: 16px;
        -webkit-line-clamp: 1;
    }

    .text-ellipsis.lines-2-Modificado {
        height: 34px;
        -webkit-line-clamp: 2;
    }

    .text-Precio-Normal-product {
        font-size: 10.9px;
    }

    .text-Precio-Oferta-product {
        font-size: 10.6px;
    }

    .text-PrecioxWatts-product {
        font-size: 10.8px;
    }

    .text-Local-product {
        font-size: 11.5px;
    }

    .text-Local-existencias-product {
        font-size: 20.2px;
    }

    .text-Cedis-product {
        font-size: 11.5px;
    }

    .text-Cedis-existencias-product {
        font-size: 20.2px;
    }

    .btn-menos-addProduct {
        font-size: 12.5px !important;
        height: 34px !important;
    }

    .text-cantidad-addProduct {
        font-size: 12.5px !important;
        height: 34px !important;
    }

    .btn-mas-addProduct {
        font-size: 12.5px !important;
        height: 34px !important;
    }

    .btn-aadProduct-tamanio {
        height: 34px !important;
        padding-top: 8px !important;
        min-width: 55px !important;
        max-width: 55px !important;
        padding-left: 11px !important;
    }

    .ValidarIcono {
        display: block;
    }

    .d-nones {
        display: none !important;
    }

    .mostrartextobtn {
        display: inline-block !important;
    }

    .nomostrarnombrenavbarMobile {
        display: none !important;
    }

    .mostrariconousernavbarMobile {
        display: inline-block !important;
    }

    .mostrariconousernavbarPC {
        display: none !important;
    }

    .dropdown-menu-usuario {
        min-width: 38px;
    }

    .validariconotipocambiomobile {
        display: inline-block !important;
    }

    .mostrarentrelineapc {
        border-right: none;
    }

    .mostrartipocambiopc {
        display: none !important;
    }

    .posicionbuscador {
        top: 6.5px;
        /*width: 222px;*/
        width: 234px;
        left: 6.5px;
        position: fixed;
    }

    .mostrarbuscadorenMobile {
        display: inline-block !important;
    }

    .mostrarbuscadorenPC {
        display: none !important;
    }
    .ajustaretiquetaNuevo {
        width: 98px;
        height: auto;
        margin-left: -6px;
    }
    .ajustaretiquetaOutlet {
        width: 98px;
        height: auto;
        margin-left: -6px;
        margin-top: -4px;
    }
    .ajustaretiquetaEntrega {
        width: 107px;
        margin-right: -8px;
        margin-top: -4px;
    }

    .ajustaretiquetaLlegaPronto {
        width: 126px;
        margin-right: -5px;
        margin-top: 0px;
    }
    .ajustaretiquetaLlegaInmediato {
        width: 117px;
        margin-right: -1.5px;
        margin-top: 0.5px;
    }
    .posicionlogomarcaproducto {
        width: 67px;
    }
    .card-product.session {
        height: 424px;
    }
}

@media (min-width: 821px) and (max-width: 991px) {
    .text-size-title-product {
        font-size: 12.2px;
    }

    .text-size-descrption-product {
        font-size: 11.2px;
    }

    .text-ellipsis.lines-1-Modificado {
        height: 16px;
        -webkit-line-clamp: 1;
    }

    .text-ellipsis.lines-2-Modificado {
        height: 32px;
        -webkit-line-clamp: 2;
    }

    .text-Precio-Normal-product {
        font-size: 10.9px;
    }

    .text-Precio-Oferta-product {
        font-size: 10.6px;
    }

    .text-PrecioxWatts-product {
        font-size: 10.8px;
    }

    .text-Local-product {
        font-size: 11.5px;
    }

    .text-Local-existencias-product {
        font-size: 20.2px;
    }

    .text-Cedis-product {
        font-size: 11.5px;
    }

    .text-Cedis-existencias-product {
        font-size: 20.2px;
    }

    .btn-menos-addProduct {
        font-size: 12.5px !important;
        height: 34px !important;
    }

    .text-cantidad-addProduct {
        font-size: 12.5px !important;
        height: 34px !important;
    }

    .btn-mas-addProduct {
        font-size: 12.5px !important;
        height: 34px !important;
    }

    .btn-aadProduct-tamanio {
        height: 34px !important;
        padding-top: 8px !important;
        min-width: 55px !important;
        max-width: 55px !important;
        padding-left: 11px !important;
    }

    .ValidarIcono {
        display: block;
    }

    .d-nones {
        display: none !important;
    }

    .mostrartextobtn {
        display: inline-block !important;
    }

    .nomostrarnombrenavbarMobile {
        display: none !important;
    }

    .mostrariconousernavbarMobile {
        display: inline-block !important;
    }

    .mostrariconousernavbarPC {
        display: none !important;
    }

    .dropdown-menu-usuario {
        min-width: 38px;
    }

    .validariconotipocambiomobile {
        display: inline-block !important;
    }

    .mostrarentrelineapc {
        border-right: none;
    }

    .mostrartipocambiopc {
        display: none !important;
    }

    .posicionbuscador {
        top: 6.5px;
        /*width: 222px;*/
        width: 234px;
        left: 6.5px;
        position: fixed;
    }

    .mostrarbuscadorenMobile {
        display: inline-block !important;
    }

    .mostrarbuscadorenPC {
        display: none !important;
    }

    .ajustaretiquetaNuevo {
        width: 98px;
        height: auto;
        margin-left: -6px;
    }

    .ajustaretiquetaOutlet {
        width: 98px;
        height: auto;
        margin-left: -6px;
        margin-top: -4px;
    }

    .ajustaretiquetaEntrega {
        width: 107px;
        margin-right: -8px;
        margin-top: -4px;
    }

    .ajustaretiquetaLlegaPronto {
        width: 126px;
        margin-right: -5px;
        margin-top: 0px;
    }

    .ajustaretiquetaLlegaInmediato {
        width: 117px;
        margin-right: -1.5px;
        margin-top: 0.5px;
    }

    .posicionlogomarcaproducto {
        width: 67px;
    }
    .card-product.session {
        height: 420px;
    }
}

/* Laptops y desktops (>768px) */
/* No es necesario porque ya est� definido el tama�o por defecto */




/*bootstrap 5 column auto*/
.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1320px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.col-4dot8,
.col-sm-4dot8,
.col-md-4dot8,
.col-lg-4dot8,
.col-xl-4dot8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-4dot8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

@media (min-width: 540px) {
    .col-sm-4dot8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 740px) {
    .col-md-4dot8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 960px) {
    .col-lg-4dot8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 1140px) {
    .col-xl-4dot8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

.col-7dot2,
.col-sm-7dot2,
.col-md-7dot2,
.col-lg-7dot2,
.col-xl-7dot2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-7dot2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

@media (min-width: 540px) {
    .col-sm-7dot2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 740px) {
    .col-md-7dot2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 960px) {
    .col-lg-7dot2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 1140px) {
    .col-xl-7dot2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}


.col-9dot6,
.col-sm-9dot6,
.col-md-9dot6,
.col-lg-9dot6,
.col-xl-9dot6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-9dot6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

@media (min-width: 540px) {
    .col-sm-9dot6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 740px) {
    .col-md-9dot6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 960px) {
    .col-lg-9dot6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 1140px) {
    .col-xl-9dot6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}
.btn-default {
    border-color: #a3a3a3;
}
.btn-unselect {
    background-color: gainsboro;
    color: #6e6e6e;
}
/*end bootstrap 5 column auto*/

/*BOOSTRAP-TABLE RECOLECCION*/
#contentDetailDelivery, #contentDetailDelivery .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 11px !important;

}

#contentDetailDelivery {
    font-family: "Source Sans Pro", sans-serif;
    color: #656565;

    /*  font-size: 0.875rem;*/
}

.custom-selectpicker + .dropdown-toggle {
    padding: 10px;
}

.showtime-preview {
    font-size: 11px;
    color: white;   
    white-space: normal !important;
}
.dx-scheduler .dx-toolbar-items-container .dx-toolbar-before {
    margin-left: 200px;
    /*margin-block: -8px;*/
}

.hidden {
    display: none;
    visibility: hidden;
}

#contentDetailDelivery .dropdown-menu li a span.text, #contentDetailActivity .dropdown-menu li a span.text {
    /*max-width: 108px;*/
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden;
    margin-right: 0px !important;
}

/*END BOOSTRAP-TABLE RECOLECCION*/

/*.dz-progress {*/
/* progress bar covers file name */
/*display: none !important;
}*/

.disabled-dropzone {
    pointer-events: none;
    
    cursor: default;
   
}

.mobile-only-content {
    display: none; /* Hidden by default */
}

@media screen and (max-width: 768px) { /* Adjust breakpoint as needed */
    .mobile-only-content {
        display: block; /* Show on screens up to 767px wide */
    }
}

.mobile-only-card {

}

@media screen and (max-width: 768px) {
    .mobile-only-card {
        display: inline-grid !important;
    }
}