a {
    color: #333;
    cursor: pointer;
}

.error {
    background-color: #fffcfc;
    color: #cc5965;
    /*display: inline-block;
    margin-left: 5px;*/
}

label.error {
    background-color: #fff2f4;
    color: #cc5965;
    display: inline-block;
    margin-left: 5px;
    padding: 5px;
    margin: 1px;
}

.label-order-status {
    background-color: #007bff;
    padding: 5px;
    font-size: 10px !important;
}

.label-order-status-danger {
    background-color: #d9534f;
    padding: 5px;
    font-size: 10px !important;
}

.label-order-payment-status {
    background-color: #f0ad4e;
    padding: 5px;
    font-size: 10px !important;
}

.label-order-payment-status-danger {
    background-color: #d9534f;
    padding: 5px;
    font-size: 10px !important;
}

.rating {
    display: block !important;
}

/*.children {
    display:none;
}*/

.coupon-code {
    color: #f1f1f1;
    font-weight: bold;
    font-style: italic;
}

.coupon-code-negative {
    color: white;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
}

.default-link {
    color: #3498db;
}

    .default-link:hover {
        color: #3498db;
        text-decoration: underline;
    }

.success-link-to-process-order {
    color: white;
    cursor: pointer;
    text-decoration: underline;
}

    .success-link-to-process-order:hover {
        color: #e6e6e6;
        cursor: pointer;
        text-decoration: underline;
    }

.close-button-modal {
    font-size: 30px;
    color: white;
    z-index: 4000;
    position: relative;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #46b8da !important;
    -webkit-box-shadow: 2px 3px 5px 1px rgba(0,0,0,.6);
    -moz-box-shadow: 2px 3px 5px 1px rgba(0,0,0,.6);
    box-shadow: 2px 3px 5px 1px rgba(0,0,0,.6);
}

.hand {
    cursor: pointer;
}

/*@media (max-width:768px) {

    #SpanWelcome {
        display: none;
    }
}*/

.select-site {
    padding: 5px 15px 5px 5px;
    border-radius: 2px;
    /*font-size: 16px;*/
    vertical-align: baseline;
}

/*.input-main {
    width: 50%;
}*/

.input-main .btn-default {
    height: 43px;
}

@media (max-width:768px) {

    .input-main {
        margin: 5px;
        width: 100%;
    }
}

.a-letter-space {
    display: inline-block;
}

.product-line {
    font-size: 16px;
    margin-top: 12px;
}

    .product-line .active {
        color: #f1f1f1;
    }

.border-input-main {
    border: 1px solid #a9a9a9;
}

.order-review-logo {
    height: 50px;
    width: 80px;
}

.order-bank-logo {
    width: 200px;
    margin: 20px 0px;
}

.payment-method-logo {
    width: 220px;
}

.shipping-select option {
    padding: 10px;
    margin: 0 -12px;
}

.text-default {
    /*color: #f1f1f1;*/
    color: #616161;
}

.coupon {
    padding: 5px;
    background-color: #f1f1f1;
    max-width: 280px;
    text-align: center;
    margin: 5px;
}

.single-coupon {
    /*padding: 2px;*/
    /*background-color: #f1f1f1;*/
    /*max-width: 280px;*/
    /*text-align: center;*/
    /*margin: 5px;*/
    cursor: pointer;
}

    .single-coupon a {
        color: #616161;
    }

.coupon-dashed-single {
    border: 1px dashed #616161;
    padding: 5px 3px 0px;
}


.coupon-header {
    font-size: 20px;
    color: white;
    font-weight: bold;
    padding-bottom: 10px;
}

.coupon-body {
    /*margin-top:-10px;*/
    color: white;
    padding-bottom: 10px;
}

.coupon-footer {
    color: white;
    font-size: 12px;
    margin-bottom: -15px;
    text-align: right;
}

.coupon-dashed {
    border: 2px dashed white;
    padding: 20px 5px;
}

.badge-default {
    counter-reset: li;
    margin-left: 15px;
}

    .badge-default > li::before {
        /*display: inline-block;*/
        width: 1em;
        margin-left: -1.9em;
        margin-right: 0.5em;
        text-align: right;
        direction: rtl;
        counter-increment: li;
        content: counter(li);
        min-width: 10px;
        padding: 0px 5px;
        color: #fff;
        vertical-align: middle;
        background-color: #f1f1f1;
        border-radius: 10px;
    }

.panel-heading-change {
    float: right;
    margin-top: -20px;
    background-color: #f6f6f6;
    z-index: 9999;
    position: relative
}

.panel-minHeight {
    min-height: 170px;
}

.navbar-menu a {
    color: gray !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-size: 16px !important;
    margin-top: 15px !important;
    padding-bottom: 10px !important;
}


    .navbar-menu a:hover {
        text-decoration: underline !important;
        color: gray !important;
    }

/*.navbar-menu .navbar .navbar-nav li a:focus, .navbar .navbar-nav li a:hover {
    color: gray !important;
}*/


/*autocomplete*/
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    /*display: inline-block;*/
}

    .autocomplete input {
        border: 0px solid transparent;
        background-color: #f1f1f1;
        padding: 10px;
        font-size: 16px;
        width: 100%;
    }

        .autocomplete input[type=text] {
            background-color: #f1f1f1;
            width: 100%;
        }

        .autocomplete input[type=submit] {
            background-color: DodgerBlue;
            color: #fff;
            cursor: pointer;
        }

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*border-bottom: none;*/
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 0px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}


.avatar {
    /*vertical-align: middle;*/
    /*width: 40px;
    height: 40px;*/
    /*border-radius: 50%;*/
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid gray;
    padding: 3px;
    /*margin-left: 25px;*/
    /*margin-left: 15px;*/
}

.avatar-position {
    margin-left: 25px;
    margin-top: -10px;
}

@media (max-width:768px) {

    .avatar-position {
        margin-left: 0px;
        margin-top: -10px;
    }
}

.table {
    margin-bottom: 0px !important;
}

.panel-body > h5 {
    margin-top: -5px;
}

.icon-fixed-top {
    position: fixed !important;
}

.purchase-id-holder {
    font-size: 20px;
    color: #f1f1f1;
    margin: 20px;
}

.send-screenshot-link {
    text-decoration: underline !important;
    /*color: gray !important;*/
}

.marketing-group-link-more {
    font-size: 14px;
    font-weight: normal;
    margin-left: 15px;
    color: gray;
}

.search-change-view {
    font-size: 25px;
    vertical-align: middle;
    margin: 0 8px 0;
    cursor: pointer;
}



@media (width <= 991px) {

    .section-categories, .section-marketing-group, .section-categories-list {
        display: none;
    }

    .section-categories-device, .section-marketing-group-device {
        display: block;
    }
}

@media (width > 991px) {

    .section-categories-device, .section-marketing-group-device {
        display: none;
    }
}


.section-categories, .section-marketing-group {
}

    .section-categories h4 {
        margin-top: 10px;
        font-weight: 200;
    }

    .section-categories ul li::before {
        width: 1em;
        /*margin-left: -1.9em;
        margin-right: 0.5em;*/
        /*text-align: right;
        direction: rtl;
        counter-increment: li;*/
        /*font-family: 'FontAwesome';
        content: '\f054';*/
        min-width: 10px;
        padding: 0px 5px;
        /*color: #fff;
        vertical-align: middle;
        background-color: #f1f1f1;
        border-radius: 10px;*/
    }

    .section-marketing-group h4 {
        margin-top: 10px;
        font-weight: 200;
    }

    .section-marketing-group ul li::before {
        width: 1em;
        /*margin-left: -1.9em;
        margin-right: 0.5em;*/
        /*text-align: right;
        direction: rtl;
        counter-increment: li;*/
        /*font-family: 'FontAwesome';
        content: '\f054';*/
        min-width: 10px;
        padding: 0px 5px;
        /*color: #fff;
        vertical-align: middle;
        background-color: #f1f1f1;
        border-radius: 10px;*/
    }


#imgLoading {
    /*padding: 50px;*/
}

.imgLoading-centered {
    margin-left: 45%;
}

.imgLoading-product-index {
    padding: 0px !important;
    width: 17px;
    display: none;
}

.imgLoading-product-index-main-image {
    margin-left: 44%;
    margin-top: 45%;
}

.landing-lineCode {
    /*width: 150px;*/
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.brand-img {
    border-radius: 5px;
    border: 1px solid transparent;
    padding: 2px;
    max-width: 100px;
    /*margin-left: auto;*/
    margin-right: auto;
    display: block;
}

.brand-img-active {
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    padding: 2px;
    max-width: 100px;
}

.remove-filter-button {
    margin-bottom: 10px;
}

.column-4 {
    float: left;
    width: 25%;
    padding: 5px;
}

.column-3 {
    float: left;
    width: 33.33%;
    padding: 5px;
}

.column-2 {
    float: left;
    width: 50%;
    padding: 5px;
}

.active-text {
    color: #f1f1f1;
}

.back-link {
    /*text-decoration: underline;*/
    /*color:#f1f1f1;*/
}

    .back-link::before {
        width: 1em;
        font-family: 'FontAwesome';
        content: '\f060';
        min-width: 10px;
        padding: 0px 5px;
    }

.bigSize {
    font-size: 50px;
}

.margin-bottom {
    margin-bottom: 20px;
}

#HelpPage ul li img {
    padding: 5px;
}

.fullscreen {
    /*height: 100%;*/
    position: relative;
    width: 100%;
    /*max-height: fit-content;*/
    max-height: max-content !important;
}

td.details-control {
    background: url('../../build/img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../../build/img/details_close.png') no-repeat center center;
}

.page-body {
    font-size: 14px;
}

.purchase-order-product-table {
    /*border-spacing: 5px;
    border-collapse: separate;*/
}

.purchase-order-table td {
    padding: 0px 10px;
}

@media (max-width:991px) {

    .purchase-order-summary {
        text-align: left !important;
        margin: 10px 0px 10px;
    }

        .purchase-order-summary .text-right {
            text-align: left !important;
        }

    .purchase-order-buttons {
        margin-top: 20px;
    }

    .purchase-order-tracking {
        text-align: left !important;
        /*margin: 10px 0px 10px;*/
    }
}

.ibox-tools {
    /*display: block;*/
    /*float: none;*/
    /*margin-top: 0;*/
    /*top: 10px;*/
    /*float: right;
    margin-top: -20px;
    right: 30px;
    padding: 0;
    text-align: right;*/
}

.ibox-tools-panel-heading {
    float: right;
    margin-top: -20px;
    right: 30px;
    padding: 0;
    text-align: right;
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

    .ibox-tools i {
        color: #a8a0b2;
    }



.message-sent {
    background: #e1ffc7;
    border: 1px solid #e1ffc7;
    padding: 3px 20px;
    margin: 10px 0 0 40%;
    border-radius: 5px 0px 5px 5px;
    float: right;
}

.message-sent-left {
    background: #e1ffc7;
    border: 1px solid #e1ffc7;
    padding: 3px 20px;
    margin: 10px 40% 0px 0;
    border-radius: 0px 5px 5px 5px;
    float: left;
}

.message-received {
    background: #fff;
    border: 1px solid #e0eded;
    padding: 3px 20px;
    margin: 10px 40% 0px 0;
    border-radius: 0px 5px 5px 5px;
    float: left;
}

.metadata {
    display: inline-block;
    float: right;
    padding: 0 0 0 7px;
    position: relative;
    bottom: -4px;
    margin-right: -10px;
}

.time {
    color: rgba(0, 0, 0, .45);
    font-size: 11px;
    display: inline-block;
}

/*added*/
/*@media (max-width:768px) {

    #no-more-tables-Cart .cart-table .product-thumbnail {
        width: 30%;
    }
}*/
/*-------*/

#no-more-tables-Cart .cart-table > tbody .product-quantity > .quantity {
    text-align: center;
    margin-left: 0px !important;
}

#no-more-tables-Cart .quantity {
    float: none;
}

.focus {
    /*background-color: #eee;*/
    /*background-color: #f9f9f9;*/
    background-color: #f6f6f6;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}

    ul.timeline:before {
        content: ' ';
        background: #d4d9df;
        display: inline-block;
        position: absolute;
        left: 29px;
        width: 2px;
        height: 100%;
        z-index: 400;
    }

    ul.timeline > li {
        margin: 20px 0 0 30px;
        padding-left: 20px;
    }

        ul.timeline > li p.date {
            color: #9E9E9E;
            margin-top: -13px;
            font-size: 12px;
        }

        ul.timeline > li.processed:before {
            content: '\f00c';
            font-family: "FontAwesome";
            /*position: relative;*/
            background: white;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            border: 3px solid #f1f1f1;
            left: 17px;
            width: 25px;
            height: 25px;
            z-index: 400;
            text-align: center;
            color: #f1f1f1;
        }

        ul.timeline > li.no-processed:before {
            content: '\f00d';
            font-family: "FontAwesome";
            /*position: relative;*/
            background: white;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            border: 3px solid #d4d9df;
            left: 17px;
            width: 25px;
            height: 25px;
            z-index: 400;
            text-align: center;
            color: #d4d9df;
        }

.wrap-body {
    min-height: calc(100vh - 150px);
}


.badge-sale {
    background: orange;
}

.badge-new {
    background: orange;
}

.badge-hot {
    background: orange;
}

.center-img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.return-icons {
    width: 70px;
    margin-left: 15px;
    margin-right: 15px;
}

.profile-section {
    float: right;
    margin-top: 10px;
    /*margin-right: 10px;*/
}

    .profile-section a {
        font-size: 14px !important;
        color: gray !important;
    }


        .profile-section a:hover {
            font-size: 14px !important;
            text-decoration: underline !important;
            color: gray !important;
        }

.profile-section-movil {
    float: right;
    margin-right: 10px;
}

    .profile-section-movil a {
        font-size: 14px !important;
        color: gray !important;
    }


        .profile-section-movil a:hover {
            font-size: 14px !important;
            text-decoration: underline !important;
            color: gray !important;
        }


.language-section {
    float: right;
    /*margin-top: 10px;*/
    margin-right: 10px;
}

.language-section-movil {
    float: left;
    margin-top: 2px;
    margin-left: 5px;
    display: none;
    position: sticky; /*added to avoid overlaping any modal*/
}

    .language-section-movil img {
        width: 30px;
    }


/*@media (max-width:993px) {*/
@media (max-width:1142px) {

    .profile-section-movil {
        display: block;
    }

    .profile-section {
        display: none;
    }

    .language-section {
        display: none;
    }

    .language-section-movil {
        display: block;
        margin-bottom: 10px;
        z-index: 1000;
        position: absolute;
    }
}

.language-icon, .currency-icon {
    float: left;
    margin-top: 7px;
    font-size: 18px;
}


.culture-icons {
    width: 42px;
    /*float: left;*/
    padding: 3px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 5px;
}

#sub-navbar-header {
    display: none;
}

@media (max-width:1142px) {

    .culture-icons {
        width: 42px;
        float: left;
        padding: 3px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #sub-navbar-header {
        display: block;
    }
}

.announcement-icons {
    width: 80px;
    margin: 5px;
}

.progtrckr-text {
}

.header-items-row {
    margin-left: 180px;
}


@media (max-width:993px) {

    .progtrckr-text {
        font-size: 8px;
    }

    .header-items-row {
        /*margin-bottom: 30px;*/
        margin-bottom: 15px;
        margin-left: auto;
    }

    .pull-right-to-left {
        float: left !important;
        margin-top: 10px;
    }

    .productlinecode-section {
        /*padding-top: 10px;
        border-top: 30px solid #f6f7f2;*/
    }

    #yourProducts {
        margin-top: 30px;
    }

    #OrderPage h5 {
        margin-top: 15px;
    }

    .btn-return {
        float: none !important;
    }

    .separator-body {
        /*margin-bottom: 50px;*/
        /*padding:40px;*/
        /*border-bottom: 30px solid #f6f7f2;*/
    }
}

@media (width < 768px) {

    #filterPanel {
        display: none;
    }

    #filterPanelMovil {
        display: block;
    }
}

@media (width > 767px) {

    #filterPanel {
        display: block;
    }

    #filterPanelMovil {
        display: none;
    }
}



.order-item-subtotal {
    padding-right: 70px;
    text-align: right;
    vertical-align: middle;
    font-weight: 700;
}


.header-back-link {
    float: right;
}

.pull-right-to-left {
    float: right;
}


.productlinecode-section {
}

.review-form {
    border: 1px solid #ddd;
    margin-top: 20px;
    padding: 20px;
}

.related-products {
    padding-top: 20px;
}

.page-head-icons {
    width: 40px;
}










/*--------------------*/


.panel-sidebar-1 {
    border-radius: 2px !important;
}

    .panel-sidebar-1 .panel-heading {
        /*padding: 15px;*/
    }

        .panel-sidebar-1 .panel-heading h2 {
            margin: 0;
            padding: 0;
            font-size: 16px;
            font-weight: 400;
            /*text-transform: capitalize;*/
        }

    .panel-sidebar-1 h4 {
        padding: 15px;
        font-size: 13px;
        font-weight: normal;
        text-transform: capitalize;
        color: #3498db;
    }

    .panel-sidebar-1 .panel-body h4 {
        padding: 0;
    }

    .panel-sidebar-1 .panel-body ul.list-group {
        border-bottom: 1px solid #e0eded;
    }

        .panel-sidebar-1 .panel-body ul.list-group:last-child {
            border: 0;
        }

        .panel-sidebar-1 .panel-body ul.list-group li {
            border: 0;
            padding: 5px 0 5px 10px;
        }

    .panel-sidebar-1 ul.categories {
        border-left: 0;
        border-right: 0;
    }


@media (width < 600px) {
    /* .property-selections {
        display: none;
    }

    .property-selections-movil {
        display: block;
    }*/
}

@media (width > 600px) {
    /* .property-selections {
        display: block;
    }

    .property-selections-movil {
        display: none;
    }*/
}

.panel-base {
    border: 0;
    background: #3498db;
}

    .panel-base .panel-heading {
        background: #2a8ed1;
        padding: 25px 15px;
        color: #fff;
        border-bottom: 1px solid #2084c7;
    }

        .panel-base .panel-heading.panel-heading-lg {
            padding: 25px;
            font-size: 20px;
            font-weight: 600;
        }

    .panel-base .form-base label {
        color: #fff;
        margin-bottom: 6px;
    }






.cart-table > tbody .product-quantity > .quantity {
    text-align: center;
    margin-left: 25%;
}


.cart-table .form-control {
    background-color: #F6F6F6;
}

.cart-table .product-thumbnail {
    width: 8%;
    min-width: 75px;
}

.cart-table .product-name > a {
    font-size: 16px;
}

.cart-table thead {
    font-size: 15px;
}



.cart-table .product-subtotal {
    font-weight: 700;
    text-align: center;
}

.cart-table > tbody .product-subtotal {
    color: #f1f1f1;
    text-align: right !important;
}

.cart-table .product-remove {
    /*width: 2.5%;*/
    width: 5.5%;
    font-size: 30px;
    opacity: 1;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

@media (max-width:1000px) {

    .cart-table .product-remove {
        text-align: center !important;
    }
}

@media (width < 1000px) {

    .product-price {
        display: none;
    }

    .amount-mode-1000 {
        display: block;
    }
}

@media (width >= 1000px) {

    /*.product-price {
        display: none;
    }*/

    .amount-mode-1000 {
        display: none;
    }
}

@media (width < 600px) {

    .product-subtotal {
        display: none;
    }

    .product-subtotal-movil {
        display: block;
    }
}

@media (width > 600px) {

    .product-subtotal-movil {
        display: none;
    }
}

.cart-table .item:hover .product-remove {
    opacity: .9;
}

.cart-table > thead > tr > th {
    border-bottom: 1px solid #eee;
}

.cart-table tbody > tr > td, .cart-table tbody > tr > th, .cart-table tfoot > tr > td, .cart-table tfoot > tr > th, .cart-table thead > tr > td, .cart-table thead > tr > th {
    vertical-align: middle;
    border-color: #eee;
}

.cart-table > tbody > tr > td, .cart-table > tbody > tr > th, .cart-table > tfoot > tr > td, .cart-table > tfoot > tr > th, .cart-table > thead > tr > td, .cart-table > thead > tr > th {
    /*padding-top: 15px;
    padding-bottom: 15px;*/
}

.cart-table .variation {
    margin-top: 5px;
}

    .cart-table .variation > tbody > tr > th {
        padding-right: 5px;
    }

    .cart-table .variation > tbody > tr > td {
        color: #bbb;
    }

.cart-table td.actions {
    padding-right: 0;
    padding-left: 0;
    padding-top: 25px;
}

.cart-table .actions .coupon, .cart-table .actions .coupon .form-control {
    margin-bottom: 20px;
}

.cart-table .cart-totals * > tr > td, .cart-table .cart-totals * > tr > th {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cart-table .cart-totals > h2 {
    margin-top: 0;
    margin-bottom: 15px;
}

.cart-table .shipping-calculator-button {
    margin-bottom: 20px;
    display: inline-block;
}

.scroll-review-container {
    min-height: 300px;
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #e0eded;
    padding: 30px;
    overflow-x: hidden;
}

.options-menu-info {
    max-width: 130px;
    margin: 0px 10px 10px;
    text-align: justify;
    line-height: 10px;
}

    .options-menu-info i {
        margin-right: 5px;
    }


.checkout-icons {
    width: 80px;
}

.page-head-checkout {
    /*border-top: 1px solid #e9e9e9;*/ /*added*/
    /*border-bottom: 1px solid #e9e9e9;*/ /*added*/
    /*background-color: #F9F9F9;*/
    background-color: #fff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.checkout-icons-warning {
    float: left;
    width: 50px;
    margin-top: 10px;
    margin-right: 10px;
}

.page-head-checkout-success {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    opacity: 0.15;
}

.page-head-checkout-fail {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    opacity: 0.15;
    margin: 20px;
}

@media (max-width:768px) {

    h2 {
        font-size: 20px;
    }

    h4 {
        font-size: 15px;
    }

    .purchase-id-holder {
        font-size: 18px;
    }

    .checkout-icons-warning {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50px;
    }
}


.quantity {
    float: left;
    margin-right: 15px;
    background-color: #eee;
    position: relative;
    width: 80px;
    overflow: hidden;
}

    .quantity input {
        margin: 0;
        text-align: center;
        width: 15px;
        height: 15px;
        padding: 0;
        float: right;
        color: #000;
        font-size: 20px;
        border: 0;
        outline: 0;
        background-color: #F6F6F6;
    }

        .quantity input.qty {
            position: relative;
            border: 0;
            width: 100%;
            height: 40px;
            padding: 10px 25px 10px 10px;
            text-align: center;
            font-weight: 400;
            font-size: 15px;
            border-radius: 0;
            background-clip: padding-box;
        }

    .quantity .minus, .quantity .plus {
        line-height: 0;
        background-clip: padding-box;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-background-size: 6px 30px;
        -moz-background-size: 6px 30px;
        color: #bbb;
        font-size: 20px;
        position: absolute;
        height: 50%;
        border: 0;
        right: 0;
        padding: 0;
        width: 25px;
        z-index: 3;
    }

        .quantity .minus:hover, .quantity .plus:hover {
            background-color: #111820;
        }

    .quantity .minus {
        bottom: 0;
    }

.btn-link:hover, .btn-link:focus {
    color: #111820;
    text-decoration: underline;
    background-color: transparent;
}

.title {
    font-size: 15px;
    margin-bottom: 25px;
}

.datatable-buttons {
    text-align: right;
    padding: 10px;
}

    .datatable-buttons .btn-default {
        color: inherit;
        background: white;
        border: 1px solid #e7eaec;
    }

.ibox-margin-bottom {
    margin-bottom: 60px !important;
}

.loading-centered {
    float: right;
    margin-right: 50%;
}

.product-view-container {
    padding: 15px 20px;
}

.product-details {
    z-index: 500;
    position: relative;
    /*float: left;*/
    margin-top: auto; /*added*/
}

.search-product-page {
    margin-top: auto; /*added*/
}

/* Browser css */
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}

/*-----------------------------------*/

/*.navbar-nav {
    margin-left: 10px;
}

    .navbar-nav .autocomplete input {
        background-color: white !important;
    }

    .navbar-nav .nav-item {
        padding: 10px;
        padding-left: 0px;
    }
    */
.panel-body .autocomplete input {
    background-color: white !important;
    border: 1px solid #f3f3f4;
    /*width:250px!important;*/
}


.table-image {
    width: 20%;
    min-width: 100px;
    text-align: center;
    vertical-align: middle !important;
}

.table-sku {
    width: 50%;
    min-width: 100px;
}

.table-property {
    width: 20%;
    min-width: 200px;
}

.table-action {
    width: 10%;
    min-width: 100px;
}

.table {
    table-layout: fixed;
}

@media only screen and (max-width: 800px) {
    .table-image {
        width: 50%;
    }

    .table-sku {
        width: 100%;
    }

    .table-property {
        width: 100%;
    }

    .table-action {
        width: 100%;
    }
}

.product-row-header-separator {
    padding-bottom: 20px;
    height: 20px;
    font-weight: bold;
}

.product-row-header-separator-dashed-line {
    margin-bottom: 10px !important;
    margin-top: 0px !important;
}

.product-row-header-separator-panel-body {
    padding: 15px !important;
    border: 0px !important;
    background: transparent !important;
}

.form-group-small {
    margin-bottom: 5px;
}

    .form-group-small .form-control, .single-line {
        background-color: #FFFFFF;
        background-image: none;
        border: 1px solid #e5e6e7;
        border-radius: 1px;
        color: inherit;
        display: block;
        padding: 3px 6px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
    }

    .form-group-small .form-control {
        display: block;
        width: 100%;
        height: 25px;
        padding: 3px 6px;
        font-size: 12px;
        line-height: 1.32857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -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;
    }

.row-small-img-span {
    display: flex;
    flex-direction: row;
    /*height: 70px;*/
    /*padding: 10px 0;*/
}

    .row-small-img-span img {
        max-width: 55px;
        margin-right: 15px;
    }

.row-small-img-span-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.span-warning-for-tabs {
    color: #f8ac59;
    float: right;
    margin-top: -25px;
    margin-right: 8px;
    z-index: 500;
    position: relative;
}

/*.onsale-hot-icon {
     font-size: 30px;
    color: #9cd70e;
    float: right;
    margin-right: 3px;    
}*/

.tag-hotsale-icon {
    font-size: 30px;
    float: right;
    margin-right: 3px;
    color: #bd362f;
}

.tag-onsale-icon {
    font-size: 30px;
    float: right;
    margin-right: 3px;
    color: orange;
}

.tag-new-icon {
    font-size: 30px;
    float: right;
    margin-right: 3px;
    color: #9cd70e;
}


/*---------------------------------------------------------------*/

/*On sale-----------------------*/

.tag-onsale {
    background-color: orange;
    color: white;
    font-size: 8px;
    font-weight: bold;
    /*padding: 2px 25px 2px 20px;*/
    padding: 0px 12px 0px 9px;
    /*position: relative;*/

    text-align: center;
    transform: rotate(-22deg);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px; /* Redondear los bordes */
    clip-path: polygon( 0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%, 12% 50% );
    width: fit-content;
    display: inline-flex;
    align-items: center;
}

    .tag-onsale > .tag-onsale-text-product {
        margin-left: 2px;
        margin-right: 3px;
        margin-top: -3px;
        margin-bottom: -3px;
    }

    .tag-onsale > .tag-onsale-text-grid {
        margin-left: 2px;
        margin-right: 3px;
    }

    .tag-onsale::before,
    .tag-onsale::after {
        content: '';
        position: absolute;
        /* background-color: #ff4d4d;*/
    }

    .tag-onsale::before {
        width: 10px;
        height: 10px;
        top: 50%;
        left: -5px;
        transform: translateY(-50%) rotate(45deg);
    }

    .tag-onsale::after {
        width: 10px;
        height: 10px;
        top: 50%;
        right: -5px;
        transform: translateY(-50%) rotate(45deg);
    }

/*Hot sale-----------------------*/

.tag-hotsale {
    background-color: #bd362f;
    color: white;
    font-size: 8px;
    font-weight: bold;
    padding: 0px 12px 0px 9px;
    /*position: relative;*/

    text-align: center;
    transform: rotate(-22deg);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px; /* Redondear los bordes */
    clip-path: polygon( 0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%, 12% 50% );
    width: fit-content;
    display: inline-flex;
    align-items: center;
}

    .tag-hotsale > .tag-hotsale-text-product {
        margin-left: 2px;
        margin-right: 3px;
        margin-top: -3px;
        margin-bottom: -3px;
    }

    .tag-hotsale > .tag-hotsale-text-grid {
        margin-left: 2px;
        margin-right: 3px;
    }

    .tag-hotsale::before,
    .tag-hotsale::after {
        content: '';
        position: absolute;
        /* background-color: #ff4d4d;*/
    }

    .tag-hotsale::before {
        width: 10px;
        height: 10px;
        top: 50%;
        left: -5px;
        transform: translateY(-50%) rotate(45deg);
    }

    .tag-hotsale::after {
        width: 10px;
        height: 10px;
        top: 50%;
        right: -5px;
        transform: translateY(-50%) rotate(45deg);
    }

/*New -----------------------*/

.tag-new {
    background-color: #9cd70e;
    color: white;
    font-size: 8px;
    font-weight: bold;
    padding: 0px 8px 0px 10px;
    /* position: relative; */
    text-align: center;
    transform: rotate(-90deg);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 98% 100%, 0% 100%, 12% 50%);
    width: min-content;
    z-index: 999;
}

    .tag-new > .hole {
        display: none;
    }

    /*.tag-new {
    background-color: #9cd70e;
    color: white;
    font-size: 9px;*/
    /*font-weight: bold;*/
    /*padding: 0px 15px 0px 10px;*/
    /*position: relative;*/
    /*text-align: center;
    transform: rotate(-90deg);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;*/ /* Redondear los bordes */
    /*clip-path: polygon( 0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%, 12% 50% );
    width: min-content;
}*/
    .tag-new > .tag-new-text {
        transform: rotate(90deg);
        margin-top: 3px;
        margin-bottom: 3px;
        margin-left: 5px;
    }
    /*.tag-new > .tag-new-text {
        transform: rotate(90deg);
        margin-top: 4px;
        margin-bottom: 4px;
    }*/

    .tag-new::before,
    .tag-new::after {
        content: '';
        position: absolute;
        /* background-color: #ff4d4d;*/
    }

    .tag-new::before {
        width: 10px;
        height: 10px;
        top: 50%;
        left: -5px;
        transform: translateY(-50%) rotate(45deg);
    }

    .tag-new::after {
        width: 10px;
        height: 10px;
        top: 50%;
        right: -5px;
        transform: translateY(-50%) rotate(45deg);
    }





.hole {
    width: 6px;
    height: 6px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 85%;
    transform: translate(-50%, -50%);
    margin-left: 1px;
    /*box-shadow: 0 0 0 2px #ff4d4d;*/
}








/*End of tags-----------------------*/











.image-grid .row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.image-grid .column {
    flex: 12.5%;
    max-width: 12.5%;
    padding: 0 4px;
}

    .image-grid .column img {
        margin-top: 4px;
        vertical-align: middle;
        width: 100%;
    }


/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width:1142px) {
    .image-grid .column {
        flex: 16.66%;
        max-width: 16.66%;
    }
}

@media (max-width:991px) {
    .image-grid .column {
        flex: 20%;
        max-width: 20%;
    }
}

@media screen and (max-width: 800px) {
    .image-grid .column {
        flex: 25%;
        max-width: 25%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .image-grid .column {
        flex: 33%;
        max-width: 33%;
    }
}





/* Create four equal columns that sits next to each other */
.image-grid .column-md {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

    .image-grid .column-md img {
        margin-top: 4px;
        vertical-align: middle;
        width: 100%;
    }


/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width:1142px) {
    .image-grid .column-md {
        flex: 33%;
        max-width: 33%;
    }
}

@media (max-width:991px) {
    .image-grid .column-md {
        flex: 33%;
        max-width: 33%;
    }
}

@media screen and (max-width: 800px) {
    .image-grid .column-md {
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .image-grid .column-md {
        flex: 50%;
        max-width: 50%;
    }
}









.drop-down {
    position: relative;
    display: inline-block;
    width: auto;
    margin-top: 0;
    font-family: verdana;
}

    .drop-down select {
        display: none;
    }

    .drop-down .select-list {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        margin-top: 40px;
        padding: 0;
        background-color: #595959;
    }

        .drop-down .select-list li {
            display: none;
        }

            .drop-down .select-list li span {
                display: inline-block;
                min-height: 40px;
                min-width: 280px;
                width: 100%;
                padding: 5px 15px 5px 35px;
                background-color: #595959;
                background-position: left 10px center;
                background-repeat: no-repeat;
                font-size: 16px;
                text-align: left;
                color: #FFF;
                opacity: 0.7;
                box-sizing: border-box;
            }

                .drop-down .select-list li span:hover,
                .drop-down .select-list li span:focus {
                    opacity: 1;
                }




.branding-list-group-overflow {
    max-height: 180px;
    overflow: auto;
}



/* width */
.widget ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.widget ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.widget ::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .widget ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }



.owl-theme .owl-controls .owl-page {
    display: inline-block;
}

    .owl-theme .owl-controls .owl-page span {
        background: none repeat scroll 0 0 #869791;
        border-radius: 20px;
        display: block;
        height: 12px;
        margin: 5px 7px;
        opacity: 0.5;
        width: 12px;
    }

.sky-form-text {
    color: #616161 !important;
}

.alignRight {
    text-align: right;
}

.error-box-content {
    /*padding: 35px 0 0px !important;*/
}

.error-box-404 {
    font-size: 60px;
}

.error-box-content > h1, .error-box-content > h2, .error-box-content > p {
    color: white !important;
}

.slice-bg-base-padding {
    padding: 60px 0 60px !important;
}

.error-box-circle {
    width: 120px;
    background-color: white !important;
    border-radius: 50%;
    height: 120px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 20px;
}

.error-box-img {
    margin-top: 19px;
    margin-left: -13px;
    width: 100px;
}

.success-box-img {
    margin-top: 3px;
    margin-left: -10px;
    width: 140px;
}

@media (max-width:991px) {
    .error-box-content {
        /* padding: 20px 0 0px !important;*/
    }

        .error-box-content > h1 {
            font-size: 25px;
        }

    .error-box-circle {
        width: 100px;
        height: 100px;
        /*margin-bottom: 30px;*/
        margin-top: 20px;
    }

    .error-box-img {
        margin-top: 15px;
        /*margin-left: 0px;*/
        width: 95px;
    }

    .success-box-img {
        margin-top: 3px;
        margin-left: -10px;
        width: 115px;
    }

    .error-box-404 {
        font-size: 60px;
    }
}


.product-title {
    margin-bottom: -5px;
}





/*grid containers-------------------------------*/

.grid-container1 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 10px));
    grid-gap: 1px;
    /*justify-items: center;*/
    justify-content: center;
}

.grid-container1-no-space {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 0px));
    grid-gap: 1px;
    justify-content: center;
}

.grid-container1-no-space-products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 0px));
    grid-gap: 1px;
    justify-content: start;
}

.grid-categories-no-space-products {
    display: grid;
    /*grid-template-columns: repeat(auto-fit, minmax(300px, 0px));*/
    grid-template-columns: repeat(auto-fit, minmax(33%, 0px));
    grid-gap: 1px;
    justify-content: start;
}

.grid-container-line-code {
    display: grid;
    /*grid-template-columns: repeat(auto-fit, minmax(150px, 0px));*/
    grid-template-columns: repeat(auto-fit, minmax(189px, 0px));
    grid-gap: 1px;
    /*justify-items: center;*/
    justify-items: stretch;
    justify-content: center;
}

.grid-container2-no-space-products {
    display: grid;
    /*grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));*/
    grid-template-columns: repeat(auto-fit, minmax(350px, 0px));
    grid-gap: 1px;
    /*justify-items: center;*/
}

/*.grid-container-product-page-skus {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 0px));*/
/*grid-template-columns: repeat(auto-fit, minmax(160px, 0px));*/
/*grid-gap: 1px;
    justify-content: end;

}*/

.line-code {
    margin-top: 25px;
}


.grid-item1 {
    border: 1px solid #efefef;
    border-radius: 3px;
    padding: 5px;
    display: flex; /*added*/
    flex-direction: column; /*added*/
}

.grid-category-item1 {
    border: 1px solid #efefef;
    border-radius: 3px;
    padding: 15px;
    margin: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}

.grid-item1-no-border {
    border: 0px solid #efefef;
    border-radius: 3px;
    padding: 5px;
    justify-content: center;
}

.grid-item-line-code {
    border: 1px solid #efefef;
    border-radius: 3px;
    padding: 5px;
    /*margin: 4px 4px;*/
    margin: 1px 1px;
}

.grid-item2 {
    border: 1px solid #efefef;
    border-radius: 3px;
    padding: 5px;
}

/*.grid-item-product-page-sku {
    border: 0px solid #efefef;
    border-radius: 3px;
    padding: 5px;
}*/


@media (width < 994px) {

    .grid-container1-no-space-products {
        /*justify-content: center;*/
        grid-template-columns: repeat(auto-fit, minmax(150px, 0px));
    }
}

@media (width < 497px) {

    .grid-container1-no-space-products {
        /*justify-content: center;*/
        grid-template-columns: auto auto;
    }

    .grid-container-line-code {
        grid-template-columns: auto auto auto;
        justify-content: center;
    }
}

@media (width < 991px) {
    .grid-container-line-code {
        grid-template-columns: repeat(auto-fit, minmax(239px, 0px));
    }
}

@media (width < 764px) {
    .grid-container-line-code {
        grid-template-columns: repeat(auto-fit, minmax(238px, 0px));
    }
}

@media (width < 522px) {
    .grid-container-line-code {
        grid-template-columns: repeat(auto-fit, minmax(220px, 0px));
    }
}

@media (width < 497px) {
    .grid-container-line-code {
        grid-template-columns: repeat(auto-fit, minmax(130px, 0px));
    }
}

@media (width < 648px) {

    .grid-categories-no-space-products {
        grid-template-columns: repeat(auto-fit, minmax(220px, 0px));
    }
}

@media (width < 497px) {

    .grid-categories-no-space-products {
        grid-template-columns: repeat(auto-fit, minmax(200px, 0px));
    }
}


.dissapear-767 {
    display: block;
}

@media (width < 767px) {

    .dissapear-767 {
        display: none;
    }
}

@media (width > 767px) {

    .dissapear-767 {
        display: block;
    }
}

.shopping-cart-button {
    margin-top: 50px;
}

.product-details-title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 100%;
    color: black;
}

.product-details-item {
    /*font-size: 85%;*/
    margin-bottom: 15px;
}

.product-details-leyend {
    background-color: #ffdda8;
    float: left;
    color: #525252;
    padding: 7px 12px;
    border-radius: 5px;
    font-weight: bold;
}

.product-details-leyend-comments {
    background-color: #e0eded;
    float: left;
    color: #525252;
    padding: 7px 12px;
}

.product-details-table {
    border: 1px solid #e0eded;
    width: 300px;
}

    .product-details-table td:first-child {
        width: 150px;
    }

    .product-details-table td:nth-child(2) {
        width: 150px;
    }

.product-name {
    margin: 10px 0px 0px;
}

.product-return-item {
}

.btn.btn-product-selection, .btn-product-selection:focus {
    background-color: white;
    color: inherit;
    border-color: #bfc2c7;
    margin-bottom: 2px;
}


.btn-product-selection.active, .btn-product-selection:hover {
    background-color: #111820;
    color: #fff;
    border-color: #111820;
}





/*product images options admin*/

div .product-images-show-options {
    position: relative;
    float: left;
    margin: 5px;
}

    div.product-images-show-options:hover img {
        opacity: 0.5;
    }

    div.product-images-show-options:hover button {
        display: block;
    }

    div.product-images-show-options button {
        position: absolute;
        display: none;
    }

        div.product-images-show-options button.btn {
            top: 0;
            left: 0;
            right: 0;
            /*bottom:0;*/
        }
/**/
/*---------------------------------------------*/


.table-bordered-sku-preview {
    border-collapse: collapse;
    font-size: 12px;
}

    .table-bordered-sku-preview td, .table-bordered-sku-preview th {
        border: 1px solid black;
        padding: 2px !important;
    }

    .table-bordered-sku-preview .header {
        background-color: #F5F5F6
    }



.green {
    background-color: #C6EFCE !important;
    color: #006100;
}

.green-text {
    color: #006100;
}

.configuring {
    background-color: #ffffbd !important;
}

.btn-icon-go-back:before {
    content: "\f104";
    font-size: 20px;
    font-weight: bold;
}
/*************** ERROR PAGES ********************************/
.btn-error-page {
    border: 1px solid transparent;
    width: 150px;
    padding: 15px;
    color: white;
    margin: auto;
}

    .btn-error-page:hover {
        background-color: #0f73b7;
        border: 1px solid transparent;
    }

/************************************************************/

/*

    skeleton-container
*/

/* Contenedor general del skeleton */
.skeleton-container {
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Contenedor de todos los cards */
.skeleton-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Ajusta según el espacio disponible */
    gap: 20px;
    padding: 20px;
    /* background-color: #f9f9f9;*/
    background-color: #fdfdfd;
}

/* Contenedor individual del card */
.skeleton-card {
    /*width: 200px;*/ /* Tamaño del card */
    height: 300px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /*border: 1px solid #e0e0e0;*/
    border-radius: 8px;
    /*background-color: #ffffff;*/
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
}

/* Efecto de esqueleto */
.skeleton {
    /*background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);*/
    background: linear-gradient(90deg, #f7f7f7 25%, #eaeaea 50%, #f7f7f7 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
}

/* Skeleton para imagen */
.skeleton-image {
    width: 100%;
    height: 150px; /* Proporción de la imagen */
    border-radius: 8px; /* Redondeo para simular una imagen */
}

/* Skeleton para el título */
.skeleton-title {
    width: 80%;
    height: 20px;
    margin-top: 10px;
}

/* Skeleton para el texto */
.skeleton-text {
    width: 100%;
    height: 14px;
}

/* Animación del shimmer */
@keyframes shimmer {
    from {
        background-position: -200% 0;
    }

    to {
        background-position: 200% 0;
    }
}


/*------------------------------------------------------*/

.skeleton-table {
    width: 100%;
    border-collapse: collapse; /* Elimina los espacios entre las celdas */
    margin: 20px 0;
}

    /* Estilo para las celdas */
    .skeleton-table th, .skeleton-table td {
        padding: 10px;
        text-align: left;
        vertical-align: middle; /* Centrado vertical */
        background-color: white; /* Fondo blanco para las celdas */
        border: none; /* Elimina los bordes de las celdas */
    }

        /* Anchos de las columnas con los porcentajes que mencionaste */
        .skeleton-table th:nth-child(1), .skeleton-table td:nth-child(1) {
            width: 10%;
        }

        .skeleton-table th:nth-child(2), .skeleton-table td:nth-child(2) {
            width: 35%;
        }

        .skeleton-table th:nth-child(3), .skeleton-table td:nth-child(3) {
            width: 20%;
        }

        .skeleton-table th:nth-child(4), .skeleton-table td:nth-child(4) {
            width: 25%;
        }

        .skeleton-table th:nth-child(5), .skeleton-table td:nth-child(5) {
            width: 10%;
        }

    /* Estilo para las filas, agregamos una línea entre ellas */
    .skeleton-table thead {
        background-color: #f6f6f6;
    }

    .skeleton-table tbody {
        border: 1px solid #eee;
    }

    .skeleton-table tr {
        border-bottom: 1px solid #eee; /* Línea de separación entre filas */
    }


/* Animación de pulsación */
@keyframes pulse {
    0% {
        background-color: #e0e0e0;
    }

    50% {
        background-color: #f5f5f5;
    }

    100% {
        background-color: #e0e0e0;
    }
}

/* Estilo para la imagen (más grande y no cuadrada) */
.skeleton-table .skeleton-image {
    width: 60px;
    height: 80px; /* Imagen rectangular */
    background-color: #ccc;
    border-radius: 4px; /* Bordes redondeados */
    left: 10%;
    right: 10%;
    position: relative;
}

/* Estilo para la descripción del nombre del producto */
.skeleton-name {
    height: 50px;
    background-color: #ccc;
    border-radius: 4px;
    width: 100%; /* Ocupa todo el espacio disponible */
    left: 0%;
    right: 0%;
    position: relative;
}

/* Estilo para el precio (o cualquier otra columna de contenido similar) */
.skeleton-price {
    height: 50px;
    background-color: #ccc;
    border-radius: 4px;
    /*width: 80%;*/ /* Ajustable según el contenido */
    left: 10%;
    right: 10%;
    position: relative;
}

.skeleton-button {
    height: 50px;
    background-color: #ccc;
    border-radius: 4px;
    width: 90%; /* Ajustable según el contenido */
    left: 10%;
    /*right: 25%;*/
    position: relative;
}

/* Estilo para la acción (última columna) */
.skeleton-action {
    height: 50px;
    background-color: #ccc;
    border-radius: 4px;
    width: 50%; /* Ajustable según el contenido */
    left: 25%;
    position: relative;
}

.inner-productX, .product-images, .grid-item-product-page-sku {
    background-color: #fbfbfb !important;
}

.contactus-channels > li {
    margin: 0px 5px;
    display: flex;
    /*align-items: center;*/
    margin-bottom: 8px;
    line-height: normal;
}

    .contactus-channels > li > span {
        /*display: flex;*/
        align-items: center;
        /*margin-bottom: 8px;*/
        margin-right: 10px;
        margin-top: 5px;
    }



.swiper {
    height: 400px; /* tú defines el tamaño general del contenedor */
    width: 200px;
    overflow: hidden;
    /*background: red;*/
}

.swiper-slide {
    height: auto !important;
    box-sizing: border-box;
    background: #fbfbfb !important;
    padding: 0;
    margin: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
}

    .swiper-slide img {
        width: 100%; /* que ocupe todo el ancho del slide */
        height: auto; /* que mantenga proporción */
        max-width: 150px;
        object-fit: contain; /* para que nunca se corte, ni se deforme */
        /*display: block;*/
    }

.carousel-container {
    position: relative;
    width: 160px; /* Ancho deseado */
    height: 400px; /* Alto deseado */
    margin: auto;
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    background: #fbfbfb;
}

.arrow {
    font-size: 24px;
    color: #333;
    cursor: pointer;
    user-select: none;
    padding: 5px;
    z-index: 10;
}


.chevron {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    font-size: 15px;
    color: #c5c5c5;
    cursor: pointer;
    user-select: none;
    background: rgba(255,255,255,0.8);
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.2s;
    opacity: 80%;
}

    .chevron:hover {
        background: rgba(255,255,255,1);
    }

.chevron-up {
    top: 5px;
}

.chevron-down {
    bottom: 5px;
}


@media (max-width:1000px) {

    /*.swiper {
        height: auto;
        min-height: 200px;
        max-height: 200px;
        width: 125px;
        margin-top: auto;
    }

    .swiper-slide img {*/
    /*width: 100px;*/
    /*height: auto;
        object-fit: cover;
    }

    .carousel-container {
        height: 200px;
        width: 125px;
    }*/
}

@media (max-width:767px) {

    .swiper {
        height: auto;
        min-height: 300px;
        max-height: 300px;
    }

    .swiper-slide img {
        /* width: 100px;*/
        /*height: auto;*/
        object-fit: cover;
    }

    .carousel-container {
        height: 300px;
        width: 200px;
    }
}

@media (max-width:630px) {

    .swiper {
        /*height: auto;
        min-height: 300px;
        max-height: 300px;*/
    }

    .carousel-container {
        /*height: 300px;*/
        width: 125px;
    }
}

/*.divider-xs {
    display: none;
}

@media (width < 768px) {*/ /* xs screen */
/*.divider-xs {
        display: block;
        align-items: center;
        text-align: center;
        color: #666;
        margin: 1rem 0;
    }

        .divider-xs::before,
        .divider-xs::after {
            content: "";
            flex: 1;
            border-top: 1px solid #ccc;
            margin: 0 10px;
        }
}*/
.hr-text-xs {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #111820;
    margin: 20px 0;
    position: relative;
    margin: 15px;
    margin-bottom: 30px;
}

    .hr-text-xs::before,
    .hr-text-xs::after {
        content: "";
        position: absolute;
        /*top: 50%;*/
        /*width: 40%;*/
        width: 35%;
        height: 1px;
        background: #ccc;
        margin-top: 11px;
    }

    .hr-text-xs::before {
        left: 0;
    }

    .hr-text-xs::after {
        right: 0;
    }

/* Ocultar en pantallas grandes */
@media (width > 767px) {
    .hr-text-xs {
        display: none;
    }
}