/* variables */
:root {
    --white: #fff;
    --primary: #19a382;
    --black: #161D25;
    --light-blue: #006FBB;
    --dark-blue: #004466;
    --brown: #795548;
    --pink: #e91e63;
    --red: #de3618;
    --teal: #009688;
    --lime: #cddc39;
    --orange: #ff5722;
    --green: #50B83C;
    --purple: #673ab7;
    --gray: #9FA1A3;
    --ansinhmed: #19A382;
    --ansinhmedhover: #DE3618;
    --t-black: rgba(0, 0, 0, 0.1);
    --radius: 0;
    --radius-li: 4px 0 0 4px;
    --radius-menu: 0 4px 4px 0;
}

::-ms-reveal {
    display: none;
}

.custom-select:disabled {
    background-color: #F7F7F7;
    border-color: #F7F7F7;
}

.status.pending {
    color: #161D25 !important;
    font-weight: 500;
}

.status.complete,
.status.completed,
.status.accepted {
    color: #50B83C !important;
    font-weight: 500;
}

.status.cancelled,
.status.rejected {
    color: #DE3618 !important;
    font-weight: 500;
}

.status.processing {
    color: #DA690A !important;
    font-weight: 500;
}

.status-shipment.delivered {
    color: #368C10 !important;
}

.status-shipment.shipped {
    color: #006FBB !important;
}

.status-shipment.pending,
.status-shipment.processing {
    color: #EF590B !important;
}

b, strong {
    font-weight: 600;
}
/* backgrounds */
.bg-black,
.flag-label .black {
    background-color: #1c1b1b;
}

.bg-dark {
    background-color: #1c1b1b !important;
}

.bg-brown,
.flag-label .brown {
    background: #795548;
}

.bg-pink,
.flag-label .pink {
    background: #e91e63;
}

.bg-red,
.flag-label .red,
.flag-label .danger {
    background: #f44336;
}

.bg-blue,
.flag-label .blue {
    background: var(--light-blue);
}

.bg-cyan,
.flag-label .cyan {
    background: Cyan;
}

.bg-teal,
.flag-label .teal {
    background: #009688;
}

.bg-lime,
.flag-label .lime {
    background: #cddc39;
}

.bg-orange,
.flag-label .orange {
    background: #ff5722;
}

.bg-green,
.flag-label .green {
    background: #4caf50;
}

.bg-purple,
.flag-label .purple {
    background: #673ab7;
}

.bg-gray,
.flag-label .gray {
    background: #777;
}

/* color classes */

.text-gray {
    color: var(--gray);
}

.text-gray-1 {
    color: #6D6F71;
}

.text-brown {
    color: var(--brown);
}

.text-blue {
    color: var(--light-blue);
}

.text-pink {
    color: var(--pink);
}

.text-red {
    color: var(--red);
}

.text-teal {
    color: var(--teal);
}

.text-lime {
    color: var(--lime);
}

.text-orange {
    color: var(--orange);
}

.text-green {
    color: var(--green);
}

.text-purple {
    color: var(--purple);
}

.text-gold {
    color: #ffc107;
}

textarea:not([resize="true"]) {
    resize: none !important;
}

textarea.ordernote {
    border-radius: 5px;
}

/* card */

.card {
    border-radius: 0;
}

/* 404 */

.page-not-found {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 550px;
}

.not-found-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}

    .not-found-container h1 {
        margin: 0;
        font-size: 120px;
        font-weight: 900;
        line-height: 0.7;
    }

    .not-found-container .bottom {
        color: var(--light-blue);
        margin: 0 0 0 auto;
        font-size: 23px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .not-found-container .content {
        font-size: 28px;
        font-weight: 300;
        text-transform: uppercase;
    }

.page-not-found ul {
    margin: 0;
    padding: 0;
}

/* commons */
#app {
    overflow: clip;
}

.generalTitle {
    position: relative;
    font-size: 1.75rem;
    line-height: 1.571;
    letter-spacing: 0.2px;
    font-weight: 500;
    /* padding: 0 25px; */
}

.medgo-icon-fixed {
    margin-top: -3px;
}

.medgo-see-all {
    font-size: 0.875rem;
    letter-spacing: 0.18px;
    font-weight: 400;
    color: #000000;
    display: inline-flex;
    align-items: center;
    min-width: 107px;
}

    .medgo-see-all > img {
        margin-left: 8px;
        transition: all 0.2s ease;
    }

    .medgo-see-all:hover {
        color: #000000;
    }

        .medgo-see-all:hover > img {
            margin-left: 12px;
        }

.arrow-see-all-16 {
    width: 16px !important;
    height: 16px !important
}

.icon-16 {
    height: 16px;
    width: 16px;
}

.icon-20 {
    height: 20px;
    width: 20px;
}

.medgo-mx-1 {
    margin-left: 0.375rem !important;
    margin-right: 0.375rem !important;
}

.medgo-my-1 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
}

.medgo-mx-2 {
    margin-left: 0.5625rem !important;
    margin-right: 0.5625rem !important;
}

.medgo-my-2 {
    margin-top: 0.5625rem !important;
    margin-bottom: 0.5625rem !important;
}

.medgo-px-1 {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
}

.medgo-px-2 {
    padding-left: 0.5625rem !important;
    padding-right: 0.5625rem !important;
}

.medgo-px-3 {
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
}

.medgo-py-1 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

.medgo-px-2 {
    padding-left: 0.5625rem !important;
    padding-right: 0.5625rem !important;
}

.medgo-py-2 {
    padding-top: 0.5625rem !important;
    padding-bottom: 0.5625rem !important;
}

.medgo-mt-1 {
    margin-top: 0.375rem !important;
}

.medgo-mt-2 {
    margin-top: 0.5625rem !important;
}

.medgo-mt-3 {
    margin-top: 0.875rem !important;
}

.mdg-mt-4 {
    margin-top: 2rem !important;
}

.medgo-mb-1 {
    margin-bottom: 0.375rem !important;
}

.medgo-mb-2 {
    margin-bottom: 0.5625rem !important;
}

.medgo-mb-3 {
    margin-bottom: 0.875rem !important;
}

.mdg-mb-4 {
    margin-bottom: 2rem !important;
}

.medgo-mr-1 {
    margin-right: 0.375rem !important;
}

.medgo-mr-2 {
    margin-right: 0.5625rem !important;
}

.medgo-mr-3 {
    margin-right: 0.875rem !important;
}

.medgo-ml-1 {
    margin-left: 0.375rem !important;
}

.medgo-ml-2 {
    margin-left: 0.5625rem !important;
}

.medgo-ml-3 {
    margin-left: 0.875rem !important;
}

.medgo-mx-n3 {
    margin-left: -0.875rem !important;
    margin-right: -0.875rem !important;
}

.medgo-product-name {
    color: var(--black);
    font-size: 0.875rem;
    line-height: 1.429;
    font-weight: 400;
    margin-bottom: 6px;
}

.medgo-price {
    font-size: 0.875rem;
    line-height: 1.429;
    font-weight: 500;
    color: var(--red);
}

.generalTitle span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 1px;
    background: var(--t-black);
    z-index: -1;
}

a {
    color: var(--primary);
}

    a:hover, .title-blog-post:hover {
        color: var(--ansinhmed);
        text-decoration: none;
    }

    a.view-less,
    a.view-more {
        cursor: pointer;
    }

.date-text {
    color: #4c5357;
}

.dropdown-menu {
    min-width: unset;
}

.required {
    color: #dc3545;
}

.form-group {
    margin-bottom: 1.25rem;
}

.col-form-label {
    font-weight: 500;
    line-height: 1.429;
    color: var(--black);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.form-control {
    padding: 7px 28px 5px 16px;
    font-size: 0.875rem;
    line-height: 1.429;
    font-weight: 400;
    /* color: var(--black); */
    border: 1px solid #E3E3E3;
    border-radius: 0 !important;

}

.custom-select {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right 0.875rem center;
    background-size: 11px 10px;
}

.form-control:hover {
    border-color: #BDBDBD;
    box-shadow: 0 0 4px 0 rgba(224, 224, 224, 0.5);
}

.form-control:active,
.form-control:focus {
    /* border-color: #696969; */
    box-shadow: 0 0 4px 0 rgba(224, 224, 224, 0.5);
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
    border-color: #E3E3E3;
}

    .form-control.is-valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: #696969;
        box-shadow: none;
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.form-control.is-invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid,
.was-validated .form-control:invalid:focus {
    box-shadow: none;
    border-color: #F8574E;
    background-color: #FFFAF9;
    background-image: none;
}

.create-update-address .custom-select {
}


.field-validation-error {
    color: #dc3545;
}

.message-error ul {
    padding: 0;
    margin-bottom: 0;
    color: #000;
    letter-spacing: -0.1px;
    font-weight: 500;
    text-align: left !important;
}

.custom-control {
    cursor: pointer;
    min-height: 1.1rem;
}

.disabled {
    pointer-events: none;
}

.cookie-bar-notification {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050;
}

body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--black);
    /* background-color: #edf0f3; */
}

    body:not(.modal-open) {
        overflow-x: hidden;
    }

.modal {
    -webkit-transition: none;
    transition: none;
}

    .modal + .modal-backdrop {
        opacity: 0;
        -webkit-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
    }

    .modal.fade + .modal-backdrop {
        opacity: 0.5;
    }

[v-cloak] .page-loader-container::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 1041;
}

[v-cloak] .page-loader,
[v-cloak] .page-loader:before,
[v-cloak] .page-loader:after {
    border-radius: 50%;
}

[v-cloak] .page-loader {
    color: #01b7f4;
    margin: 22.5px auto;
    position: fixed;
    top: calc(50% - 22.5px);
    left: calc(50% - 22.5px);
    width: 53px;
    height: 53px;
    box-shadow: inset 0 0 0 5px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1041;
}

    [v-cloak] .page-loader:before,
    [v-cloak] .page-loader:after {
        position: absolute;
        content: "";
    }

    [v-cloak] .page-loader:before {
        width: 27.5px;
        height: 55px;
        background: #01b7f4;
        background-color: #fff;
        border-radius: 55px 0 0 55px;
        top: -1px;
        left: -1px;
        -webkit-transform-origin: 27.5px 27.5px;
        transform-origin: 27.5px 27.5px;
        -webkit-animation: load2 2s infinite ease 1.5s;
        animation: load2 2s infinite ease 1.5s;
    }

    [v-cloak] .page-loader:after {
        width: 27.5px;
        height: 55px;
        background: #01b7f4;
        background-color: #fff;
        border-radius: 0 27.5px 27.5px 0;
        top: -1px;
        left: 27.5px;
        -webkit-transform-origin: -1px 27.5px;
        transform-origin: -1px 27.5px;
        -webkit-animation: load2 2s infinite ease;
        animation: load2 2s infinite ease;
    }

.promotion-title {
    /*background: -webkit-linear-gradient(left, #FFB840, #FF5D18);*/
    background: -webkit-linear-gradient(left, #2ccba5, #19a382);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
}


@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.up-btn {
    position: fixed;
    right: 0;
    bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 46px;
    font-size: 24px;
    background: var(--ansinhmed);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 1039;
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

    .up-btn.up-btn__hide {
        width: 0;
        height: 0;
        transform: translateX(calc(100% + 15px));
    }

    .up-btn:not(.up-btn__hide) div {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .up-btn:not(.up-btn__hide) div::before {
            content: "";
            position: absolute;
            left: 30px;
            width: 15px;
            height: 2px;
            background: #fff;
            transform: rotate(45deg);
        }

        .up-btn:not(.up-btn__hide) div::after {
            content: "";
            position: absolute;
            right: 29px;
            width: 15px;
            height: 2px;
            background: #fff;
            transform: rotate(-45deg);
        }

/* badge */

.badge {
    padding: 3px 6px;
    border-radius: 4px;
}

/* swiper customs */

.swiper-button-next,
.swiper-button-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 80px;
    opacity: 0;
    -webkit-transition: all.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: -1px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -1px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.swiper-container:hover > .swiper-button-prev,
.swiper-container:hover > .swiper-button-next {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 24px;
  background: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* .swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    background-color: var(--light-blue);
} */

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    bottom: 5%;
}

.swiper-pagination-fraction {
    justify-content: flex-end;
    right: 5%;
    left: unset;
}

    .swiper-pagination-fraction .swiper-pagination-current {
        font-size: 24px;
        font-weight: 900;
    }

    .swiper-pagination-fraction .swiper-pagination-total {
        font-size: 18px;
        font-weight: 700;
    }

.swiper-pagination-bullet {
    background: #000;
    width: 25px;
    height: 10px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
        opacity: 1;
        background: var(--light-blue);
        width: 40px;
    }

.swiper-pagination-bullet-active {
    background: #1c1b1b;
    width: 40px;
    height: 10px;
}

.swiper-container-horizontal > .swiper-scrollbar {
    bottom: unset;
    bottom: 0;
    left: 0;
    width: 100%;
}

.swiper-scrollbar.progressAnimation .swiper-scrollbar-drag {
    animation-name: mymove;
    animation-timing-function: linear;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100% !important;
    transform: none !important;
    position: relative;
    background: #25b232;
    border-radius: 0;
    left: 0;
    top: 0;
}

.swiper-lazy {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.swiper-lazy-loading,
.swiper-lazy {
    opacity: 0;
    visibility: hidden;
}

.swiper-lazy-loaded.swiper-lazy {
    opacity: 1;
    visibility: visible;
}

.swiper-container.o-visible {
    overflow: visible;
}

.swiper-cube-shadow {
    border-radius: 30%;
}

@-webkit-keyframes mymove {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}
/* toast */
.b-toaster.b-toaster-top-right {
    top: 48px;
}

.mdg-toast-info {
    border: 0;
}

    .mdg-toast-info .toast-body {
        background-color: #fff;
        background-image: url("/Themes/Ansinh/Content/images/Icon/20/c-check.svg");
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: 12px center;
        padding: 12px 12px 12px 44px;
        border-radius: 5px;
        color: #161D25;
    }

/* alert */
.alert {
    font-size: 0.875rem;
    font-weight: 400;
}

    .alert.no-data,
    .alert.no-result {
        background-color: var(--white);
        border-color: var(--white);
        color: #6D6F71;
        padding: 15px 16px;
    }

.alert-secondary {
    color: #6D6F71;
    background-color: #F2F2F2;
    border-color: #F2F2F2;
}

/* sidebar common */
.b-sidebar {
    font-family: "Roboto", sans-serif;
    height: 100%;
}

.b-sidebar-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    background-color: #f5f5f5;
}

.b-sidebar-body::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5;
}

.b-sidebar-body::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: none;
    background-color: #ddd;
}

/* category item */

.medgo-category-item img {
    max-width: 100%;
}

.medgo-category-item .content {
    padding: 10px 0;
}

    .medgo-category-item .content h6.title {
        color: #000;
        font-size: 18px;
        font-weight: 700;
    }

        .medgo-category-item .content h6.title + span {
            color: #000;
            font-weight: 200;
        }

/* Menu */

.Menu {
    display: none;
    position: relative;
}
/* Three basic menu layouts */
/* This also enforces that menu is a ul, and that * layout modifier is specified */
ul.Menu.-vertical {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 304px;
    background-color: #fff;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
}

    ul.Menu.-vertical.fly-menu {
        position: absolute;
        width: auto;
        min-width: 300px;
        margin: 0;
        height: auto;
        z-index: 1040;
    }

.fly-menu-container {
    min-width: 288px;
}

    .fly-menu-container .fly-menu-heading {
        font-size: 0.875rem;
        font-weight: 500;
        text-transform: uppercase;
        padding: 0 2px 8px 2px;
        border-bottom: 1px solid #e5e5e6;
    }

@keyframes flymenu {
    from {
        display: none;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
    }

    to {
        display: flex;
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
}

@keyframes flymenuDesktop {
    from {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    to {
        display: flex;
        opacity: 1;
        visibility: visible;
    }
}

ul.Menu.-floating {
    display: block;
    position: absolute;
}
/* Menu and menu-item layout */
.Menu,
.Menu li,
.Menu li > ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .Menu li.-hasSubmenu:not(.other-links) {
        border-radius: 0;
    }

    .Menu li {
        align-items: flex-start;
        border-radius: var(--radius);
        word-break: break-word;
        cursor: pointer;
    }

    .Menu > li {
        padding: 0;
    }

        .Menu > li.-hasSubmenu:not(.other-links):hover {
            margin-left: -8px;
            padding-left: 8px;
            box-shadow: 0 0 6px 0 rgba(186, 186, 186, 0.5);
        }

            .Menu > li.-hasSubmenu:not(.other-links):hover > a {
                background-color: #fff;
                z-index: 99;
            }

    .Menu li ul li:after {
        display: none;
    }

    .Menu li.other-links {
        width: 100%;
    }

    .Menu > li:hover > a {
        color: var(--red);
    }

    .Menu li > a {
        color: var(--black);
    }


    .Menu li:not(.other-links):hover ul li:hover > a {
        color: var(--red);
    }

    .Menu li.category img {
        width: 25px;
        height: 25px;
        margin: 0 12px 0 0;
        border: 0;
        border-radius: 50%;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .Menu li.category.other img {
        width: auto;
        height: auto;
    }

    .Menu li.category .img-cycle {
        width: 32px;
        height: 32px;
        margin-right: 12px;
        border-radius: 50%;
        background-color: #f3f3f3;
    }

    .Menu > li.other-links:first-of-type {
        margin: 15px 0 0 0;
    }

    .Menu li .badge {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 12px;
    }

    .Menu li .category-icon + span + .badge {
        left: 33px;
    }

    .Menu li.sub-cat-name-container a {
        font-weight: 500;
    }

    .Menu li .back {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 10px;
        font-weight: 500;
    }

        .Menu li .back .b-icon.bi {
            font-size: 16px;
            margin: 0 15px 0 0;
        }

    .Menu li > * {
        display: block;
        position: relative;
    }

    .Menu li > ul {
        position: absolute;
        min-width: 200px;
        top: 0;
        right: 0;
        left: unset;
        display: none;
        opacity: 0;
        -webkit-transform: rotateX(90deg) translateX(100%);
        transform: rotateX(90deg) translateX(100%);
        visibility: hidden;
    }

        .Menu li > ul.next-level {
            display: block;
            position: static;
            visibility: visible;
            transform: none;
        }

    .Menu li.other-links > ul {
        display: block;
        position: static;
        opacity: 1;
        visibility: visible;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        width: 100%;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .Menu li > ul.gallery > li {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        height: 100%;
        margin: 0 24px 24px 0;
    }

        .Menu li > ul.gallery > li.-hasSubmenu > .next-level {
            display: flex;
            flex-direction: column;
            position: static;
            width: 100%;
            -webkit-transform: none;
            transform: none;
            padding: 0;
            border: 0;
            opacity: 1;
            visibility: visible;
            padding-left: 44px;
        }

        .Menu li > ul.gallery > li.-hasSubmenu > a:after {
            display: none;
        }

    .Menu .second-level {
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-between;
        height: 100%;
        min-height: 200px;
        padding: 20px 32px 0px 32px;
        min-width: 288px;
    }

        .Menu .second-level.cc-2 {
            width: 512px;
        }

            .Menu .second-level.cc-2 li.category {
                width: calc((100% - 24px) / 2);
            }

        .Menu .second-level.cc-3 {
            width: 736px;
        }

            .Menu .second-level.cc-3 li.category {
                width: calc((100% - 36px) / 3);
            }

        .Menu .second-level.cc-4 {
            width: 960px;
        }

            .Menu .second-level.cc-4 li.category {
                width: calc((100% - 48px) / 4);
            }

        .Menu .second-level li.category {
            margin-bottom: 16px;
        }

        .Menu .second-level::-webkit-scrollbar {
            width: 9px;
        }

        /* Track */
        .Menu .second-level::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px transparent;
            border-radius: 10px;
        }

        /* Handle */
        .Menu .second-level::-webkit-scrollbar-thumb {
            background: #eee;
            border-radius: 10px;
        }

            /* Handle on hover */
            .Menu .second-level::-webkit-scrollbar-thumb:hover {
                background: #ddd;
            }

        .Menu .second-level .second-level-layout {
            display: flex;
            flex-wrap: wrap;
        }

            .Menu .second-level .second-level-layout > li:nth-child(3n) {
                margin-right: 0;
            }

.fly-category:hover .categories {
    display: block;
    visibility: visible;
    opacity: 1;
}

.fly-category:hover > a {
    color: var(--red);
}

.categories.fly {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    display: none;
    min-width: 304px;
    z-index: 999;
    padding-left: 16px;
    border-radius: 2px;
    box-shadow: 0 6px 16px 0 rgba(0, 0,0, 0.16);
}

    .categories.fly ul.Menu.-vertical {
        min-height: auto;
    }

.navbar-brand {
    padding: 0;
}

.form-control:focus {
    box-shadow: none;
}

@keyframes fadeInMenu {
    from {
        display: none;
        opacity: 0;
        -webkit-transform: rotateX(25deg) translateX(100%);
        transform: rotateX(25deg) translateX(100%);
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotateX(0) translateX(100%);
        transform: rotateX(0) translateX(100%);
        display: flex;
    }
}

@keyframes fadeOutMenu {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotateX(0) translateX(100%);
        transform: rotateX(0) translateX(100%);
        display: flex;
    }

    to {
        display: none;
        opacity: 0;
        -webkit-transform: rotateX(25deg) translateX(100%);
        transform: rotateX(25deg) translateX(100%);
        visibility: hidden;
    }
}
/* Menu behaviour */
.Menu li > ul.-visible,
ul.Menu.-floating.-visible {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: rotateX(0) translateX(100%);
    box-shadow: 0 6px 16px 0 rgba(0, 0,0, 0.14);
    z-index: 50;
}

    .Menu li > ul.-visible.-animating {
        /* animation: fadeOutMenu 0.3s ease-out; */
    }

    .Menu li > ul.-visible.gallery {
        width: max-content;
        max-width: 805px;
        flex-direction: row;
        flex-wrap: wrap;
    }

.Menu li.-hasSubmenu > .go-forward {
    display: none;
}
/* Menu animation */
.Menu ul.-visible li > ul,
.Menu li > ul,
.Menu.-floating {
    opacity: 1;
    /* transform: scale(1) translateY(0px) translateX(100%); */
    /* transform-origin: left top; */
}

    .Menu.-alignRight li > ul,
    .Menu.-floating.-alignRight {
        /* transform-origin: right top; */
    }
/* Menu item icons */
.Menu *[data-icon]:before {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
}

.Menu .Icon,
.Menu *[data-icon]:before {
    line-height: inherit;
}

.Menu .Icon {
    padding: 0px;
}

.Menu *:empty[data-icon] {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/* Submenu chevrons */
.Menu > li.-hasSubmenu > a:after,
.Menu > li.-hasSubmenu > div:after {
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    right: 8px;
    bottom: 0px;
    top: 0px;
    margin: auto 0px;
    transform: rotate(45deg);
    border-width: 1px;
    border-color: black;
    border-style: solid solid none none;
    content: "";
}

.Menu li.-hasSubmenu.-noChevron > a:after,
.Menu li.-hasSubmenu.-noChevron > div:after {
    display: none;
}

.Menu {
    /* font-family: "Open Sans", sans-serif; */
}

    .Menu *[data-icon]:before,
    .Menu .Icon {
        width: 40px;
        height: 40px;
    }

    .Menu *[data-icon] {
        min-width: 40px;
        min-height: 40px;
        padding-left: 40px;
    }
/* Default font settings for menu */
.Menu {
    /*font-size: 16px;*/
}
    /* Icon font sizes */
    .Menu *[data-icon]:before,
    .Menu .Icon {
        font-size: 24px;
    }
    /* For submenus */
    .Menu > li ul .Icon,
    .Menu.-floating .Icon,
    .Menu > li ul *[data-icon]:before,
    .Menu.-floating *[data-icon]:before {
        font-size: 18px;
    }
    /* Colouring of menus */
    /* Foreground */
    .Menu,
    .Menu li.-hasSubmenu > a:after,
    .Menu li.-hasSubmenu > div:after {
        color: var(--black);
        border-color: #D2D0D0;
        /* chevron colour */
    }

        .Menu li.-hasSubmenu:hover > a:after,
        .Menu li.-hasSubmenu:hover > div:after {
            /* border-color: var(--white); */
        }
        /* Background */
        .Menu ul,
        .Menu.-floating {
            background-color: #fff;
        }

            .Menu ul.opacity {
                background-color: rgba(28, 27, 27, 0.95);
            }
        /* Padding for each menu item */
        .Menu li > * {
            padding: 0px 12px;
        }
        /* Indent of chevron */
        .Menu > li.-hasSubmenu > a:after {
            right: 17px;
        }

        .Menu li li.-hasSubmenu > a {
            padding-right: 28px;
        }
        /* Minimum width of dropdown menus */
        .Menu.-floating {
            min-width: 200px;
        }
        /* Styling of hyperlink text */
        .Menu li > a,
        .Menu li > div {
            display: flex;
            align-items: center;
            width: 100%;
            min-width: 100%;
            padding: 11px 0;
            /*font-size: 0.875rem;*/
            letter-spacing: 0.16px;
            font-weight: 400;
            text-decoration: none;
        }

        .Menu li .category-icon {
            margin: 0 10px 0 0;
            font-size: 24px;
        }

        .Menu li.-hasSubmenu ul li a {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            padding: 0;
        }

        /* Animation speed of :hover shading */
        .Menu li > a:first-child {
            /* transition: background-color 0.2s; */
        }

/* bootstrap slider */

#GrandCarousel .link {
    cursor: pointer;
}

/* buttons */

.btn {

    padding: 18px 30px;
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    line-height: 1.5;
    align-items: center;
    overflow: hidden;
}

.btn-group-lg > .btn, .btn-lg {
    padding: 9px 25px;
}

.btn-secondary {
    background-color: #029e76;
    border-color: #029e76;
}


.btn.focus, .btn:focus {
    box-shadow: none;
}

.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    background-color: #029e76;
    border-color: #029e76;
}

    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-secondary.dropdown-toggle:focus,
    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: none;
    }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

.mdg-control {
    position: relative;
    z-index: 1;
    display: block;
    line-height: 1.125rem;
    min-height: 1.125rem;
    padding-left: 1.125rem;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-print-color-adjust: exact;
}

    .mdg-control.labeled {
        padding-left: 1.5rem;
    }

.mdg-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1.125rem;
    height: 1.125rem;
    opacity: 0;
}

.mdg-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    cursor: pointer;
}

    .mdg-control-label:after,
    .mdg-control-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: -1.125rem;
        display: block;
        width: 1.125rem;
        height: 1.125rem;
    }

.mdg-control.labeled .mdg-control-label:after,
.mdg-control.labeled .mdg-control-label:before {
    left: -1.5rem;
}

.mdg-control-label::before {
    pointer-events: none;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #989EA4;
}

.mdg-control-label::after {
    background: 50%/50% 50% no-repeat;
}

.mdg-control-input:checked ~ .mdg-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}

.mdg-control-input:checked ~ .mdg-control-label::before {
    border-color: #50B83C;
    background-color: #50B83C;
}

.mdg-radio {
    position: relative;
    z-index: 1;
    display: block;
    line-height: 1.125rem;
    min-height: 1.125rem;
    padding-left: 1.125rem;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-print-color-adjust: exact;
}

    .mdg-radio.labeled {
        padding-left: 1.5rem;
    }

.mdg-radio-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.mdg-radio-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1.125rem;
    height: 1.125rem;
    opacity: 0;
}



.mdg-radio-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    cursor: pointer;
}

    .mdg-radio-label:after,
    .mdg-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: -1.125rem;
        display: block;
        width: 1.125rem;
        height: 1.125rem;
    }

.mdg-radio.labeled .mdg-radio-label:after,
.mdg-radio.labeled .mdg-radio-label:before {
    left: -1.5rem;
}

.mdg-radio-label::before {
    pointer-events: none;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #989EA4;
}

.mdg-radio-label::after {
    padding: 4px;
}

.mdg-radio-input:checked ~ .mdg-radio-label:after {
    background: #50b83c;
    background-clip: content-box;
    border-radius: 50%;
}


.mdg-radio-input:checked ~ .mdg-radio-label::before {
    border-color: #50b83c;
    background-color: #fff;
}

.custom-control-label {
    cursor: pointer;
}

    .custom-control-label::after {
        width: 1.1rem;
        height: 1.1rem;
    }

    .custom-control-label::before {
        width: 1.1rem;
        height: 1.1rem;
        border-color: #CDCDCD;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #50B83C;
    background-color: #50B83C;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fff;
    background-color: #50B83C;
}

.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
    top: 0.0625rem;
}

.btn-info {
    background-color: var(--light-blue);
    border-color: var(--light-blue);
}

    .btn-info:hover,
    .btn-info.focus,
    .btn-info:focus,
    .btn-info:not(:disabled):not(.disabled).active,
    .btn-info:not(:disabled):not(.disabled):active,
    .show > .btn-info.dropdown-toggle {
        background-color: var(--dark-blue);
        border-color: var(--dark-blue);
    }

.btn-outline-info {
    color: var(--light-blue);
    border-color: var(--light-blue);
}

    .btn-outline-info:hover,
    .btn-info.focus,
    .btn-outline-info:focus,
    .btn-outline-info:not(:disabled):not(.disabled).active,
    .btn-outline-info:not(:disabled):not(.disabled):active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: var(--light-blue);
        border-color: var(--light-blue);
    }

.btn-outline-secondary {
    color: var(--black);
    border-color: #E3E3E3;
}

    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-secondary.dropdown-toggle,
    .btn-outline-secondary:hover,
    .btn-outline-secondary.hover {
        background-color: #F0F0F0;
        border-color: #E3E3E3;
        color: var(--black);
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus,
        .btn-outline-secondary:focus,
        .btn-outline-secondary.focus {
            box-shadow: none;
        }

.btn-danger {
    color: var(--white);
    background-color: var(--red);
    border-color: var(--red);
    box-shadow: none;
}

    .btn-danger:disabled,
    .btn-danger.disabled {
        background-color: #D2D0D0;
        border-color: #D2D0D0;
    }

    .btn-danger:not(:disabled):not(.disabled).hover, .btn-danger:not(:disabled):not(.disabled):hover {
        color: var(--white);
        background-color: #1bcba1;
        border-color: #1bcba1;
    }

    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .show > .btn-danger.dropdown-toggle {
        color: var(--white);
        background-color: #CF3216;
        border-color: #CF3216;
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus,
        .btn-danger:not(:disabled):not(.disabled):active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-ansinhmed {
    color: var(--white);
    background-color: var(--ansinhmed);
    border-color: var(--ansinhmed);
    box-shadow: none;
}

    .btn-ansinhmed:disabled,
    .btn-ansinhmed.disabled {
        background-color: #D2D0D0;
        border-color: #D2D0D0;
    }

    .btn-ansinhmed:not(:disabled):not(.disabled).hover, .btn-ansinhmed:not(:disabled):not(.disabled):hover {
        color: var(--white);
        background-color: #1bcba1;
        border-color: #1bcba1;
    }

    .btn-ansinhmed:not(:disabled):not(.disabled).active,
    .btn-ansinhmed:not(:disabled):not(.disabled):active,
    .show > .btn-ansinhmed.dropdown-toggle {
        color: var(--white);
        background-color: #CF3216;
        border-color: #CF3216;
    }

        .btn-ansinhmed:not(:disabled):not(.disabled).active:focus,
        .btn-ansinhmed:not(:disabled):not(.disabled):active:focus,
        .show > .btn-ansinhmed.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-outline-danger {
    color: var(--ansinhmed);
    background-color: transparent;
    border-color: var(--ansinhmed);
}

    .btn-outline-danger:disabled,
    .btn-outline-danger.disabled {
        opacity: 0.6;
    }

    .btn-outline-danger:not(:disabled):not(.disabled).hover,
    .btn-outline-danger:not(:disabled):not(.disabled):hover {
        color: #E7583F;
        background-color: transparent;
        border-color: #E7583F;
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active,
    .btn-outline-danger:not(:disabled):not(.disabled):active {
        color: #CF3216;
        background-color: transparent;
        border-color: #CF3216;
    }

.text-danger {
    color: #DE3618 !important;
}

.text-success {
    color: #368C10 !important;
}

.text-ansinhmed {
    color: var(--ansinhmed) !important;
}

.text-highlight {
    color: #000000 !important;
    font-weight: 500;
}
/* headings */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
}

dl,
ol,
ul {
    list-style-type: none;
}

#desscription-tab ol {
    list-style-type: decimal;
}

#desscription-tab ul {
    list-style-type: none;
    padding-left: 16px;
}

    #desscription-tab ul li {
        margin-top: 13px;
    }

        #desscription-tab ul li:before {
            content: "•";
            color: #999999;
            font-weight: bold;
            display: inline-block;
            width: 8px;
            font-size: 23px;
            left: 0;
            position: absolute;
            height: 8px;
        }

.h1 {
    font-size: 2rem;
    line-height: 1.5;
}

.h2 {
    font-size: 1.75rem;
    line-height: 1.572;
}

.h3 {
    font-size: 1.5rem;
    line-height: 1.334;
}

.h4 {
    font-size: 1.375rem;
    line-height: 1.364;
}

.h5 {
    font-size: 1.25rem;
    line-height: 1.2;
}

.h6 {
    font-size: 1.125rem;
    line-height: 1.334;
}

/* utilities */

.generalMarginSupporter {
    /* margin: 15px 0; */
}

.share-info {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* modals */

.modal-close {
    position: absolute;
    top: 6px;
    right: 0;
    width: auto;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-color: transparent;
    color: #212529;
    font-size: 28px;
    cursor: pointer;
    z-index: 3;
}

    .modal-close:hover,
    .modal-close:focus,
    .modal-close:not(:disabled):not(.disabled):active {
        color: #17a2b8;
        background-color: transparent;
        border-color: transparent;
        box-shadow: none !important;
    }

.modal-place .b-overlay-wrap {
    position: fixed !important;
    width: 100%;
    height: 100%;
    z-index: 1050;
}

.add-product-success {
    width: 375px;
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 400;
}

.dropdown .mdg-arrow:before {
    content: '';
    border-width: 0 12px 8px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    bottom: -8px;
    left: 10px;
    z-index: 1001;
    display: none;
}

.dropdown.show .mdg-arrow:before {
    display: block;
}

.add-product-success.dropdown-menu {
    box-shadow: 0 -2px 13px 0 rgba(101, 99, 99, 0.5);
    margin-top: 7px;
    border: none;
}

.add-product-success .heading {
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 400;
    color: #50B83C;
}

.add-product-success .product-name {
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 2px;
}

.add-product-success .price {
    color: var(--red);
    font-weight: 500;
}

.add-product-success .jumbotron {
    background-color: #F0F0F0;
    padding: 8px 16px 8px 12px;
}

    .add-product-success .jumbotron h5 {
        font-size: 12px;
        line-height: 16px;
        color: #6D6F71;
        font-weight: 400;
    }

.add-product-success .lead {
    padding-left: 19px;
    border-left: 1px solid #D5D5D5;
}

    .add-product-success .lead .subtotal {
        font-size: 10px;
        line-height: 16px;
        color: #6D6F71;
    }

    .add-product-success .lead .price {
        font-size: 12px;
        line-height: 16px;
        color: #DE3618;
    }

[dark-theme="true"] .modal-close .b-icon.bi {
    color: #fff;
}

/* review */

.review-text {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

/* quickview */

#ModalQuickView .modal-body {
    padding: 32px;
}

.qv-title {
    margin: 0;
    font-size: 22px;
    line-height: 1.364;
    font-weight: 500;
}

    .qv-title a {
        color: var(--black);
    }

.quick-view .accordion {
    margin: 15px 0 0 0;
}

.quick-view .review-count {
    margin: 0 0 0 5px;
    color: #777;
    font-size: 12px;
    font-weight: 400;
}

.quick-view .quick-view-close {
    color: #454F5B;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}

.quick-view .gallery + div {
    padding-left: 32px !important;
}

.quick-view .gallery .main-product-img-container {
    margin-bottom: 0;
}

.quick-view .product-properties-page {
    margin-bottom: 32px;
}

.quick-view-overview .add-to-compare-list-button {
    color: #6D6F71;
    cursor: pointer;
    font-weight: 500;
}

.quick-view-overview .prices {
    margin: 0;
}

.quick-view-overview .b-rating .b-rating-value {
    order: -1;
    font-weight: 500;
}

.quick-view-overview .b-rating .b-rating-star {
    margin-top: -3px;
}

.quick-view-overview .review-scroll-button {
    margin-left: 18px;
    font-weight: 500;
    color: #9FA1A3;
}

.quick-view-overview .actual-price {
    color: var(--red);
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 1.571;
    white-space: nowrap;
}

.quick-view-overview .bid {
    color: #000;
    font-size: 22px;
}

.quick-view-overview .old-price {
    color: #999;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
    line-height: 1;
}

.quick-view-overview input:checked ~ .color-container .color::before {
    top: -6px;
    left: 13px;
}

.quick-view-overview .b-rating-star {
    color: #EEC200;
}

.quick-view-overview .qty-input,
.quick-view-overview .qty-dropdown {
    max-width: 65px;
    min-width: 65px;
    height: 60px;
    border: 1px solid #bebebe;
}

.quick-view-overview .bid-input {
    height: 45px;
}

.quick-view .quick-view-overview .add-to-cart-button:disabled {
    /*opacity: 1;*/
}

.quick-view .spec-container tr {
    width: 100%;
    border-bottom: 1px solid #dee2e6;
}

    .quick-view .spec-container tr td {
        display: inline-flex;
        border: 0;
        color: #000;
    }

.quick-view .spec-container .spec-name {
    font-size: 16px;
    font-weight: 500;
}

.linked-swiper-container {
    overflow: hidden;
    margin: -15px;
    position: relative
}

    .linked-swiper-container > .swiper-container {
        overflow: visible;
        padding: 15px;
    }

    .linked-swiper-container .swiper-slide {
        height: auto;
    }

    .linked-swiper-container .liked.swiper-button-prev {
        left: 1px;
    }

    .linked-swiper-container .liked.swiper-button-next {
        right: 1px;
    }

    .linked-swiper-container .liked.swiper-button-prev, .linked-swiper-container .liked.swiper-button-next {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        overflow: hidden;
        border: 1px solid #E3E3E3;
        box-shadow: 0 1px 2px 0 rgba(186, 186, 186, 0.5);
        transform: translate(0);
    }

        .linked-swiper-container .liked.swiper-button-prev.swiper-button-disabled,
        .linked-swiper-container .liked.swiper-button-next.swiper-button-disabled {
            opacity: 0;
            pointer-events: auto;
        }

        .linked-swiper-container .liked.swiper-button-next:after,
        .linked-swiper-container .liked.swiper-button-prev:after {
            color: #3F3F3F;
            background-color: #fff;
            font-size: 16px;
            font-weight: bold;
        }

.modal-open .image-square-tooltip {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

    .modal-open .image-square-tooltip img {
        max-width: 165px;
    }

.quick-view-overview .accordion .btn.collapse-button {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 0 8px 0;
    padding: 8px 12px;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    background-color: var(--light-blue);
    border: 2px solid var(--light-blue);
    color: #fff;
}

    .quick-view-overview .accordion .btn.collapse-button .b-icon {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .quick-view-overview .accordion .btn.collapse-button.not-collapsed .b-icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.quick-view-overview .collapse-panel {
    padding: 7px 0 15px 0;
}

.quick-view .product-gallery img {
    max-width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.quick-view .product-gallery {
    display: flex;
    /*flex-direction: column;*/
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
}

    .quick-view .product-gallery .swiper-container {
        width: 100%;
    }

    .quick-view .product-gallery .thumbs {
        margin: 10px 0 0 0;
    }

        .quick-view .product-gallery .thumbs .swiper-slide {
            border: 2px solid transparent;
            cursor: pointer;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

.quick-view .thumbs .swiper-slide-active,
.quick-view .thumbs .swiper-slide:hover {
    border: 2px solid #000;
}

.quick-view .linked-product-grid {
    border-top: 1px solid #ddd;
    margin: 7.5px 0;
    padding: 7.5px 0;
}

.quick-view .qty-controls {
    margin-right: 20px;
}

.quick-view .add-to-cart-button {
    margin-right: 20px;
}

.quick-view .qv-description {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    line-height: 22px;
}

/* color squares */
.color-squares input {
    position: absolute;
    visibility: hidden;
}

input ~ .color-container .color {
    position: relative;
    cursor: pointer;
}

input:checked ~ .color-container .color::before {
    content: "\2713";
    position: absolute;
    top: 0;
    left: 5px;
    color: #efefef;
    background: var(--light-blue);
    width: 14px;
    height: 14px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

/* rating */

.b-rating {
    background-color: transparent;
}

/* product box */

.product-box {
    border: 0;
}

    .product-box:hover {
        z-index: 3;
    }

    .product-box *,
    .product-box .card-footer * {
        z-index: 2;
    }

    .product-box .sale-label,
    .product-box .flag-label {
        position: absolute;
        left: 0;
        top: 10px;
        z-index: 3;
    }

        .product-box .badge,
        .product-box .flag-label span:not(.badge) {
            color: #fff;
            font-size: 0.875rem;
            font-weight: 400;
            padding: 2px 20px 2px 12px;
            line-height: 1.429;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 68px;
            height: 24px;
            clip-path: polygon(0 0%, calc(100% - 17px) 0, 100% 100%, 0% 100%);
        }

        .product-box .sale-label + .flag-label {
            top: 40px;
        }

    .product-box .picture-container {
        position: relative;
        overflow: hidden;
        background-color: #FFF;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding: 20px 30px;
    }

    .product-box:hover .picture-container {
        /* box-shadow: 0 25px 35px -5px rgb(0 0 0 / 10%);
	background-color: #e5e5e5; */
    }

    .product-box .picture-container .img-container {
        display: block;
        position: relative;
    }

        .product-box .picture-container .img-container::before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        .product-box .picture-container .img-container img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            margin: auto;
            background-color: #FFF;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        /* .product-box .picture-container .img-slider-container {
	display: block;
	position: relative;
}
.product-box .picture-container .img-slider-container::before {
	content: "";
	display: block;
	padding-top: 100%;
} */
        .product-box .picture-container .img-container .product-item-slider {
            position: absolute;
            inset: 0;
        }

    /* .product-box:hover .picture-container .img-container img {
	background-color: #e5e5e5;
} */
    .product-box .hover-img {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .product-box:hover .hover-img {
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }

    .product-box .hover-img.img-second {
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }

    .product-box .attr-container {
        position: absolute;
        bottom: 55px;
        right: 5px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .product-box:hover .attr-container {
        opacity: 1;
        visibility: visible;
    }

    .product-box.list .attr-container {
        position: static;
        opacity: 1;
        visibility: visible;
    }

    .product-box .card-body {
        padding: 0px 12px 20px;
    }

    .product-box .quick-view-button {
        position: absolute;
        bottom: 12px;
        left: 12px;
        right: 12px;
        /* width: 100%; */
        padding: 16px 10px;
        background-color: var(--light-blue);
        color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        border-radius: 0;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        transform: translateY(30%);
        -webkit-transform: translateY(30%);
        transform-style: preserve-3d;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
    }

    .product-box:hover .quick-view-button {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    .product-box .card-title {
        font-size: 0.875rem;
        line-height: 1.429;
        margin: 0 0 4px 0;
        height: 41px;
    }

        .product-box .card-title a {
            color: var(--black);
            font-size: 0.875rem;
            line-height: 1.429;
            font-weight: 400;
            font-family: "Roboto", sans-serif;
        }

    .product-box:not(.list) .card-title a .mdg-badge-outstock {
        font-size: 11px;
        line-height: 20px;
        padding: 0px 7px;
    }

    .product-box .rating {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        width: 100%;
    }

    .product-box .b-rating {
        height: 100%;
    }

        .product-box .b-rating .b-rating-star {
            padding: 0 2px;
            font-size: 12px;
        }

            .product-box .b-rating .b-rating-star:first-child {
                padding-left: 0;
            }

    /*.b-rating .b-rating-star .bi-star {
    color: #999;
}*/

    .product-box .rating .b-rating + a {
        color: #212529;
        position: relative;
        font-size: 14px;
        font-weight: 500;
    }

        .product-box .rating .b-rating + a::before {
            content: "/";
            margin: 0 3px;
        }

    .product-box .prices {
        display: flex;
        flex-direction: column;
        min-height: 41px;
    }

    .product-box .actual-price {
        color: var(--red);
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.429;
    }

    .product-box .old-price {
        color: #CDCDCD;
        font-size: 0.875rem;
        line-height: 1.429;
        font-weight: 400;
        text-decoration: line-through;
    }

    .product-box .card-footer {
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        background-color: #fff;
        border: 0;
        padding: 0;
        z-index: 2;
    }

    .product-box:hover .card-footer {
        opacity: 1;
        visibility: visible;
    }

    .product-box .card-footer::before {
        content: "";
        position: absolute;
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px;
        background-color: #fff;
        border: 1px solid transparent;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
        border-top: 0;
        border-radius: 0.25rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        z-index: -1;
    }

    .product-box:hover .card-footer::before {
        border-color: rgba(0, 0, 0, 0.2);
    }

    .product-box .attr-name {
        font-size: 14px;
        font-weight: 700;
    }

    .product-box .attr-value {
        margin: 0 0 0 5px;
    }

        .product-box .attr-value .btn {
            margin: 0 3px 3px 0;
            padding: 3px 6px;
            font-size: 12px;
            font-weight: 700;
        }

            .product-box .attr-value .btn.color-container {
                padding: 0;
            }

    .product-box .desc {
        position: relative;
        color: #777;
        font-size: 14px;
        max-height: 85px;
        margin: 0;
        overflow: hidden;
    }

    .product-box.list .desc {
        max-height: 130px;
    }

    .product-box .btn-group {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .product-box .add-cart-text {
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .product-box .catalog-quantity {
        max-width: 60px;
    }

    .product-box .spec-container {
        margin: 10px 0 0 0;
    }

    .product-box.grid-box .spec-container table,
    .product-box.list-box .spec-container table {
        border-bottom: 0;
    }

        .product-box .spec-container table,
        .product-box.grid-box .spec-container table td {
            width: 100%;
        }

            .product-box .spec-container table td {
                padding: 0 0 5px 0;
            }

            .product-box.grid-box .spec-container table td:nth-child(2) {
                display: inline-flex;
                justify-content: flex-end;
            }

    .product-box .spec {
        display: inline-flex;
        width: 100%;
        line-height: 1;
    }

        .product-box .spec:not(:last-child) {
            border-bottom: 1px dashed #dfdfdf;
        }

    .product-box .spec-name {
        color: #292929;
        font-size: 14px;
        font-weight: 500;
        border: 0;
    }

    .product-box .spec-value {
        position: relative;
        margin: 0 0 0 5px;
        color: #777;
        font-size: 14px;
        font-weight: 400;
        border: 0;
    }

        .product-box .spec-value span:not(:first-child):not(:last-child)::after,
        .product-box .spec-value span:not(:last-child)::after {
            content: ",";
            position: relative;
            bottom: 0;
            right: 0;
            margin: 0 2px 0 0;
        }

.countdown-box > span {
    display: inline-flex;
    align-items: center;
}

    .countdown-box > span span:not(:last-child)::after {
        content: ":";
        position: relative;
        margin: 0 3px;
    }

.product-box .other-buttons {
    position: absolute;
    top: 8px;
    right: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    /* -webkit-transform: translateX(30%); */
    /* transform: translateX(30%); */
    /* opacity: 0; */
    /* visibility: hidden; */
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.product-box:hover .other-buttons,
.product-box.list .other-buttons {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.product-box .other-buttons .box-button {
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 24px;*/
    /*height: 24px;*/
    /* opacity: 0; */
    /* visibility: hidden; */
    /* -webkit-transform: scale(0); */
    /* transform: scale(0); */
    margin: 0 0 -1px 0;
    font-size: 18px;
    color: #CDCDCD;
    border-radius: 0;
    background-color: transparent;
    border-radius: 50%;
    /*border: 1px solid #E3E3E3;*/
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .product-box .other-buttons .box-button:hover {
        color: var(--red);
    }

.product-box:hover .other-buttons .box-button,
.product-box.list .other-buttons .box-button {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

    .product-box:hover .other-buttons .box-button:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

    .product-box:hover .other-buttons .box-button:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
/* Custom selectors*/
.medgo-selectors {
    /*background-color: #F0F0F0;*/
    border-radius: 4px;
    /*padding: 10px 20px;*/
}

    .medgo-selectors .sort-container:not(:last-child) {
        border-radius: 4px;
        box-shadow: 0 1px 2px 0 rgba(186, 186, 186, 0.5);
        margin-right: 12px;
        overflow: hidden;
    }

    .medgo-selectors .sort-container .custom-select {
        border: none;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .medgo-selectors .btn-selector {
        background-color: var(--white);
        color: var(--black);
        border: none;
        font-weight: 400;
        padding: 7px 12px;
    }

        .medgo-selectors .sort-container .custom-select.act,
        .medgo-selectors .btn-selector.act {
            background-color: var(--ansinhmed);
            color: var(--white);
        }

    .medgo-selectors .sort-container .custom-select.act {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    }

        .medgo-selectors .sort-container .custom-select.act option {
            background-color: var(--white);
            color: var(--black);
        }

.medgo-pagination .page-item {
    display: inline-flex;
    min-width: 34px;
    height: 34px;
    white-space: nowrap;
    background-color: var(--white);
    align-items: center;
    justify-content: center;
    margin-left: 3px;
    border-radius: 2px;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(186, 186, 186, 0.5);
}

.medgo-paper {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .medgo-paper .page-item {
        display: inline-flex;
        min-width: 34px;
        height: 34px;
        white-space: nowrap;
        background-color: var(--white);
        align-items: center;
        justify-content: center;
        margin-left: 3px;
        border-radius: 2px;
        cursor: pointer;
        box-shadow: 0 1px 2px 0 rgba(186, 186, 186, 0.5);
    }

        .medgo-paper .page-item.current {
            background-color: var(--red);
            color: var(--white);
        }

        .medgo-paper .page-item.disabled {
            opacity: 0.6;
        }

.medgo-pagination .page-item:first-child {
    margin-left: 0;
}

.medgo-pagination .page-item.disabled {
    opacity: 0.7;
}

/* custom product box */
.medgo-product-shadow {
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.04);
}

.medgo-product-box {
    background-color: var(--white);
    /* border-radius: 0.75rem; */
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.04);
    overflow: hidden;
    height: 100%;
    border: 1px solid #fff;
    transition: all 0.3s ease-out;
}

    .medgo-product-box:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.14);
        border: 1px solid var(--ansinhmed);
    }

    .medgo-product-box .swiper-button-next,
    .medgo-product-box .swiper-button-prev {
        width: 24px;
        height: 56px;
        /* background-color: #1B1D20; */
    }

        .medgo-product-box .swiper-button-next:after,
        .medgo-product-box .swiper-button-prev:after {
            font-size: 14px;
            font-weight: bold;
            background-color: #1B1D20;
            opacity: 0.4;
        }

    .medgo-product-box .swiper-container .swiper-button-prev:not(.swiper-button-disabled):hover:after,
    .medgo-product-box .swiper-container .swiper-button-next:not(.swiper-button-disabled):hover:after {
        opacity: 1;
    }

    .medgo-product-box .swiper-button-next.swiper-button-disabled,
    .medgo-product-box .swiper-button-prev.swiper-button-disabled {
        pointer-events: auto;
    }

    .medgo-product-box .actual-price {
        font-size: 1rem;
        line-height: 1.375;
        font-weight: 500;
    }

    .medgo-product-box .old-price {
        font-size: 0.8125rem;
        line-height: 1.334;
    }

    .medgo-product-box .fly-product-action {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #1B1D20;
        color: var(--white);
        display: flex;
        align-items: stretch;
        border-radius: 0;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        transform: translateY(30%);
        -webkit-transform: translateY(30%);
        transform-style: preserve-3d;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
    }

        .medgo-product-box .fly-product-action .box-button {
            padding: 10px 12px;
            color: var(--white);
            border-left: 1px solid var(--white);
            max-height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .medgo-product-box .fly-product-action .box-button:first-child {
                border-left: 0;
            }

    .medgo-product-box:hover .fly-product-action {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        z-index: 999;
    }


    .notshadow .medgo-product-box:hover {
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.24);
    }

/* product properties */
.product-properties-page {
    /*    border: 1px solid #F0F0F0;
    background-color: #FAFAFA;*/
    padding: 16px 0px;
    border-radius: 4px;
    margin-bottom: 32px;
}

.product-properties-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 6px;
}

.product-properties-body {
    border-top: 1px solid #E3E3E3;
    padding-top: 12px;
    margin-top: 12px;
    /*display: grid;*/
    /*grid-template-columns: 50% 50%;*/
    /*grid-gap: 6px;*/
}

.product-properties-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

    .product-properties-table div:first-child .line {
        margin-right: -10px;
    }

.product-properties-column {
    display: grid;
    grid-template-columns: minmax(30px, auto) 2fr;
    grid-gap: 10px;
    height: min-content;
}

    .product-properties-column .empty {
        grid-column: 1 / span 2;
    }

    .product-properties-column .line {
        grid-column: 1 / span 2;
        border-bottom: 1px solid #E3E3E3;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .product-properties-column .key {
        color: #787878;
        white-space: nowrap;
    }

    .product-properties-column .value {
        color: #000000;
    }

.product-properties-list-table {
    display: grid;
    grid-template-columns: minmax(30px, max-content) auto;
    grid-gap: 16px;
    font-size: 16px;
    column-gap: 32px;
    line-height: 24px;
}

    .product-properties-list-table .line {
        grid-column: 1 / span 4;
        border-bottom: 1px solid #E3E3E3;
        margin-top: 2px;
        margin-bottom: 2px;
    }

/* product box list */
.product-box.list {
    flex-direction: row;
    width: 100%;
    padding: 0;
}

    .product-box.list .actual-price {
        color: var(--red);
        font-size: 1.125rem;
        line-height: 1.334;
    }

    .product-box.list .card-title a {
        font-size: 1.125rem;
        font-weight: 500;
    }

    .product-box.list .card-block-top {
        /*padding-bottom: 32px;*/
        /*border-bottom: 1px solid #DBDBDC;*/
    }

    .product-box.list .picture-container {
        flex: 1;
    }

    .product-box.list .card-body {
        flex: 3;
        padding: 12px 32px 12px 12px;
    }

    .product-box.list::before {
        border-bottom: 1px solid transparent;
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .product-box.list:hover::before {
        border-bottom-color: rgba(0, 0, 0, 0.2);
    }

    .product-box.list .btn-group {
        width: auto;
    }

.product-box.mobile::before {
    display: none;
}

.product-box.mobile .quick-view-button {
    display: none;
}

.product-box.mobile:hover .card-footer {
    opacity: 0;
    visibility: hidden;
}

.product-box.list .product-properties-page {
    max-width: 530px;
}
/* .product-box.list .prices-rating {
	max-width: 422px;
	display: flex;
	justify-content: space-between;
} */
.product-box.list .product-properties-body {
    grid-template-columns: 1fr 1fr 1fr;
}

/* category grid */

.categoryGrid a {
    color: #333;
    text-decoration: none;
}

.categoryGrid .card-img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* container wide */

.main-container.container-fluid .product-box.list .card-body {
    flex: 4;
}

.main-container {
    min-height: 350px;
}

/* color container */

.btn.color-container {
    margin: 0 3px 3px 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    border-radius: 100%;
}

.color-container .color {
    display: flex;
    width: 25px;
    height: 25px;
    border: 1px solid #efefef;
    border-radius: 100%;
}

/* autocomplete */

.vbt-autcomplete-list[data-v-48792d67] {
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    padding-top: 5px;
    position: absolute;
    z-index: 999;
}

/* breadcrumb */

.breadcrumb {
    padding: 16px 0;
    /* padding: 0; */
    background-color: transparent;
    font-size: 0.875rem;
}

.breadcrumb-item.active {
    color: var(--black);
}

    .breadcrumb-item.active strong {
        font-weight: 400;
    }

.breadcrumb-item > a {
    color: #6D6F71;
}

/* newsletter */
.newsletter {
    margin: 0 0 30px 0;
    padding: 10px 20px 0 0;
}

    .newsletter .newsletter-title {
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
    }

    .newsletter .newsletter-desc {
        margin: 0 0 15px 0;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
    }

.newsletter-email {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 12px 16px;
    height: auto;
}

    .newsletter-email::placeholder {
        color: #fff;
        font-size: 14px;
    }

.newsletter-email-button {
    padding: 0 10px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}

.newsletter-result,
.newsletter-validation {
    position: relative;
}

    .newsletter-result .alert,
    .newsletter-validation .please-wait {
        position: absolute;
        top: 7px;
        margin: 0;
    }

/* footer */

.footer {
    background-color: #fff;
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    margin: 0;
    border-top: 0;
    box-shadow: 0 0 6px 0 rgba(186, 186, 186, 0.5);
}

    .footer .copyright {
        font-size: 0.875rem;
        line-height: 1.429;
        font-weight: 500;
    }

    .footer .info .text-title {
        font-size: 16px;
        font-weight: 300;
        margin: 0 3px 0 0;
    }

    .footer .info .text {
        font-size: 16px;
        font-weight: 700;
    }

    .footer .section {
        padding: 40px 0;
    }

    .footer a {
        color: var(--black);
        font-size: 0.875rem;
        line-height: 1.5;
    }

        .footer a:hover,
        .footer ul.social-icons li .icons:hover {
            color: var(--ansinhmed);
        }

    .footer .block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer ul {
        padding: 0;
        margin: 0;
    }

    .footer li {
        margin: 0 0 12px 0;
    }

    .footer ul.social-icons {
        display: inline-flex;
        align-items: center;
        margin: 0 0 30px 0;
    }

        .footer ul.social-icons li {
            filter: invert(1);
        }

            .footer ul.social-icons li:not(:last-child) {
                margin: 0 15px 0 0;
            }

            .footer ul.social-icons li:last-child {
                margin: 0;
            }

    .footer ul li .bi {
        margin: 0 5px 0 0;
    }

    .footer .about-us .logo img {
        max-height: 35px;
    }

    .footer .inside-section {
        margin: 0 0 30px 0;
    }

    .footer .title {
        font-size: 0.875rem;
        line-height: 1.429;
        font-weight: 500;
        text-transform: uppercase;
        margin: 0 0 16px 0;
    }

    .footer .footer-bottom {
        background-color: #f7f7f7;
    }

        .footer .footer-bottom .section {
            padding: 12px 0 8px;
        }

/* forum */

.quote {
    margin: 5px 0;
    padding: 10px;
    border: 1px dashed #ddd;
}

/* custom */
.medgo-tag-small {
    font-size: 0.8125rem;
    line-height: 1.333;
}

.medgo-sale-label {
    max-height: 24px;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.429;
    letter-spacing: 0.16px;
    min-width: 68px;
    font-weight: 400;
    padding: 2px 20px 2px 12px;
    clip-path: polygon(0 0%, calc(100% - 17px) 0, 100% 100%, 0% 100%);
}

    .medgo-sale-label.hot {
        background-color: #3664e0;
    }

    .medgo-sale-label.sale {
        background-color: var(--red);
    }

.medgo-product-item {
    position: relative;
    padding: 12px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

    .medgo-product-item:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.14);
    }

        .medgo-product-item:hover .medgo-img-wrapp > img {
            transform: scale(1.1);
        }

        .medgo-product-item:hover .medgo-action-box {
            display: block;
        }

    .medgo-product-item .fly-top-left {
        position: absolute;
        top: 9px;
        left: 0;
    }

.wishlist-page .medgo-product-item .fly-top-left {
    top: 16px;
}

.medgo-product-item .medgo-product-title {
    font-size: 0.875rem;
    letter-spacing: 0.16px;
    line-height: 1.429;
    font-weight: 400;
    height: 40px;
    color: var(--black);
}

.medgo-product-item .medgo-action-box {
    position: absolute;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #000;
    opacity: 0.9;
    inset: auto 0 0;
    display: none;
    transition: all 0.2s ease;
}

.medgo-action-box .medgo-action-btn {
    padding: 9px 14px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

    .medgo-action-box .medgo-action-btn + .medgo-action-btn {
        border-left: 1px solid #fff;
    }

.medgo-price-box .price {
    font-size: 1rem;
    line-height: 1.375;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--red);
}

.medgo-price-box .sold {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
    color: #9fa1a3;
    text-align: right;
}

.medgo-most-popular-item {
    /* border-radius: 0.75rem; */
    padding: 10px 0 10px 12px;
    background-color: #fff;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.04);
}

    .medgo-most-popular-item:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.14);
    }

        .medgo-most-popular-item:hover .most-popular-title {
            color: #666;
        }

    .medgo-most-popular-item .most-popular-title {
        font-size: 0.825rem;
        letter-spacing: 0;
        line-height: 1.429;
        font-weight: 500;
        margin-bottom: 7px;
        color: var(--black);
    }

    .medgo-most-popular-item .most-popular-qty {
        color: #9fa1a3;
        font-size: 0.75rem;
    }

.text-overflow-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.text-overflow-ellipsis-2 {
    white-space: break-spaces;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.block-overflow-ellipsis {
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wishlist-cycle {
    inset: 16px 16px auto auto;
    height: 24px;
    width: 24px;
    z-index: 2;
    cursor: pointer;
    color: white;
}

    .wishlist-cycle:hover {
        color: var(--red);
    }

/* Image responsive */
.medgo-img-wrapp {
    display: block;
    position: relative;
    overflow: hidden;
}

    .medgo-img-wrapp:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .medgo-img-wrapp > img {
        position: absolute;
        inset: 0 0 0 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        background-color: #FFF;
        transition: transform 0.3s ease;
    }

.mdg-fixed-thumb {
    width: 72px;
}

/* Rating Star */
.mdg-rating-star {
    display: flex;
    align-items: center;
    padding-left: 1px;
    padding-right: 1px;
    line-height: 20px;
}

    .mdg-rating-star:first-child {
        padding-left: 0;
    }

    .mdg-rating-star .mdg-rating-icon {
        margin-top: -2px;
    }

.mdg-rating-value {
    margin-right: 5px;
    font-weight: 500;
}

/* Action heading */
.medgo-action-hedding .medgo-act {
    font-size: 0.875rem;
    line-height: 1.429;
}

.medgo-action-hedding .clear-list {
    font-size: 14px;
    line-height: 20px;
    color: var(--red);
    cursor: pointer;
}

/* Background fuild */
.bg-fuild-white {
    background-color: #fff;
    position: relative !important;
}

    .bg-fuild-white:after,
    .bg-fuild-white::before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .bg-fuild-white:after {
        right: 100%;
        width: 50vw;
        background-color: #fff;
    }

    .bg-fuild-white:before {
        left: 100%;
        width: 50vw;
        background-color: #fff;
    }

/* badge*/
.medgo-badge {
    background-color: rgba(80, 184, 60, 0.1);
    white-space: nowrap;
    color: #50B83C;
    padding: 5px 9px;
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 500;
    border-radius: 4px;
}

.medgo-generalTitle {
    font-size: 1.5rem;
    line-height: 1.333;
    letter-spacing: 0.2px;
    font-weight: 500;
}

.medgo-regular-price {
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 500;
    color: var(--red);
}

/* Custom table */
.mdg-table.table {
    margin-bottom: 0;
}

    .mdg-table.table td,
    .mdg-table.table th {
        vertical-align: middle;
        border-top: 1px solid #e3e3e3;
    }

    .mdg-table.table th {
        font-weight: 500;
    }

    .mdg-table.table tr:first-child th {
        border-top: 0;
    }

    .mdg-table.table tr:last-child td {
        /*border-bottom: 1px solid #e3e3e3;*/
    }

    .mdg-table.table.nottitle thead {
        display: none;
    }

    .mdg-table.table.nottitle tr:first-child td {
        border-top: 0;
    }

    .mdg-table.table.nottitle tr:last-child td {
        border-bottom: 0;
    }

.mdg-table-compare {
    border: 1px solid #F0F0F0;
    border-radius: 6px;
    color: var(--black);
}

    .mdg-table-compare td,
    .mdg-table-compare th {
        border: none;
        padding: 8px 20px 8px 12px;
    }

    .mdg-table-compare .remove-button {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 9;
        color: #989EA4;
    }

    .mdg-table-compare tr:not(.product-picture) td,
    .mdg-table-compare tr:not(.product-picture) td {
        vertical-align: middle;
    }

    .mdg-table-compare .remove-button:hover {
        color: #DE3618;
    }

    .mdg-table-compare label {
        margin-bottom: 0;
        font-weight: 500;
    }

    .mdg-table-compare .product-name a {
        font-weight: 500;
        color: var(--black);
    }

    .mdg-table-compare .product-picture {
        padding: 12px;
    }

    .mdg-table-compare .product-price td {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .mdg-table-compare tbody tr td {
        background-color: #fff;
    }

        .mdg-table-compare tbody tr td.empty,
        .mdg-table-compare tbody tr:nth-child(2n) td {
            background-color: #F7F7F7;
        }

            .mdg-table-compare tbody tr:nth-child(2n) td.attr-title {
                background-color: #F0F0F0;
            }

/* Custom select option */
.medgo-bg-gray.custom-select {
    background-color: #F7F7F7;
    border: none;
}

/* Page */
/* .page:not(.home-blog):not(.product-details-page):not(.registration-page) {
    padding-bottom: 112px;
} */

.page-view .page {
    padding-bottom: 0;
}

.page-view #TwoColumns {
    padding-bottom: 112px;
}

.contact-page {
    max-width: 527px;
    margin: 0 auto;
}


/* media */
@media (min-width: 1230px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1230px;
    }
}

@media (min-width: 992px) {
    ul.Menu.-vertical {
        /* animation: flymenuDesktop 0.2s ease-in; */
    }

    .main-container.container-fluid .product-grid .product-container.col-lg-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .Menu li > ul.gallery.columns-2 > li {
        -ms-flex: 0 0 calc(50% - 24px);
        flex: 0 0 calc(50% - 24px);
        max-width: calc(50% - 24px);
    }

    .Menu li > ul.gallery.columns-3 > li {
        -ms-flex: 0 0 calc(33.3333% - 24px);
        flex: 0 0 calc(33.3333% - 24px);
        max-width: calc(33.3333% - 24px);
    }

    .Menu li > ul.gallery.columns-4 > li {
        -ms-flex: 0 0 calc(25% - 24px);
        flex: 0 0 calc(25% - 24px);
        max-width: calc(25% - 24px);
    }

    .Menu li > ul.gallery.columns-5 > li {
        -ms-flex: 0 0 calc(20% - 24px);
        flex: 0 0 calc(20% - 24px);
        max-width: calc(20% - 24px);
    }
}

/* qty input */
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.qty-input[type=number] {
    -moz-appearance: textfield;
}

.minus, .plus,
.qty-input, .qty-dropdown {
    max-width: 40px;
    min-width: 34px;
    height: 34px;
    padding: 4px;
    color: #000;
    font-size: 0.875rem;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 4px !important;
}

.giftbasket.minus, .giftbasket.plus, .giftbasket.qty-input, .giftbasket.qty-dropdown.minus, .giftbasket.plus, .giftbasket.qty-dropdown {
    max-width: 30px;
    min-width: 30px;
    height: 30px;
}

.giftbasket.qty-input {
    max-width: 34px;
    min-width: 30px;
}

.minus, .plus {
    cursor: pointer;
}

.mdg-price {
    font-weight: 500;
    color: #DE3618;
}

/* Medgo custom card */
.medgo-card {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px 16px 24px;
}

.medgo-card-2 {
    border-radius: 2px;
    background-color: #fff;
}

.mdg-card-4 {
    border-radius: 0.75rem;
    background-color: #fff;
}

.mdg-card-4-shadow {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 12px 24px 0 rgba(0, 0,0, 0.04);
}

.medgo-card-8 {
    border-radius: 8px;
    background-color: #fff;
}

.medgo-card-8-bordered {
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
}

.medgo-bordered {
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}

.medgo-card-title {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 0.2px;
    font-weight: 500;
    color: var(--black);
}

.medgo-card-sub-title {
    color: #9FA1A3;
}

.medgo-col-form-label {
    font-size: 1.125rem;
    line-height: 1.334;
    color: var(--black);
    font-weight: 500;
    display: block;
    margin-bottom: 12px;
}

/* alert */
.alert.alert-danger {
    background: url("/Themes/Ansinh/Content/images/Icon/16/c-warning.svg") no-repeat 12px center;
    padding: 12px 16px 12px 40px;
    background-color: #F5F5F5;
    border-color: #DE3618;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.1px;
}

.alert.mdg-alert-success {
    background: url("/Themes/Ansinh/Content/images/Icon/25/Check.svg") no-repeat 12px center;
    padding: 7px 16px 7px 40px;
    border-color: #50B83C;
    color: #50B83C;
}

/* Medgo table */
.table-address-list tbody td {
    padding: 24px 8px;
    border-bottom: 1px solid #e3e3e3;
}

    .table-address-list tbody td:first-child {
        padding-left: 32px;
    }

    .table-address-list tbody td:last-child {
        padding-right: 24px;
    }

.table-address-list tbody tr:last-child td {
    border-bottom: none;
}

@media (min-width: 1600px) {
    .table-address-list tbody td {
        padding-left: 32px;
        padding-right: 32px;
    }
}

/* Text styles */
.mdg-title {
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 1.429;
    font-weight: 500;
}

.medgo-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375;
    color: var(--black);
}

.medgo-hyperlink {
    color: var(--black);
}

.mdg-text-link {
    color: #006FBB !important;
}

.mdg-text-medium {
    font-weight: 500;
}

.medgo-text-medium {
    font-weight: 500;
}

.medgo-text-bold {
    font-weight: 700;
}

.mdg-toggle-pwd {
    position: absolute;
    right: 11px;
    top: 16px;
    transform: translateY(-8px);
    display: flex;
    cursor: pointer;
    color: #989EA4;
}

input[type="password"] + .mdg-toggle-pwd {
    display: none;
}

input[type="password"].changed + .mdg-toggle-pwd {
    display: block;
}

input[type="password"] + .mdg-toggle-pwd .mdg-show-eye {
    display: block;
}

input[type="password"] + .mdg-toggle-pwd .mdg-hide-eye {
    display: none;
}

input[type="text"] + .mdg-toggle-pwd .mdg-show-eye {
    display: none;
}

input[type="text"] + .mdg-toggle-pwd .mdg-hide-eye {
    display: block;
}

/* Slider */
[slider] {
    /* width: 300px; */
    position: relative;
    /* height: 5px; */
    margin: 24px 0 0 0;
}

    [slider] > div:first-child {
        position: absolute;
        left: 0;
        right: 0;
        height: 5px;
    }

    [slider] > div > [inverse-left] {
        position: absolute;
        left: 0;
        height: 4px;
        border-radius: 4px;
        background-color: rgba(0, 111, 187, 0.1);
        margin: 0;
    }

    [slider] > div > [inverse-right] {
        position: absolute;
        right: 0;
        height: 4px;
        border-radius: 4px;
        background-color: rgba(0, 111, 187, 0.1);
        margin: 0;
    }


    [slider] > div > [range] {
        position: absolute;
        left: 0;
        height: 4px;
        border-radius: 14px;
        background-color: rgba(0, 111, 187, 0.7);
    }

    [slider] > div > [thumb] {
        position: absolute;
        top: -6px;
        z-index: 2;
        height: 16px;
        width: 16px;
        text-align: left;
        /* margin-left: -11px; */
        cursor: pointer;
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.06);
        background-color: #006FBB;
        border-radius: 50%;
        outline: none;
    }

        [slider] > div > [thumb] + [thumb] {
            margin-left: -16px;
        }

    [slider] > input[type=range] {
        position: absolute;
        cursor: pointer;
        pointer-events: none;
        -webkit-appearance: none;
        z-index: 3;
        height: 14px;
        top: -2px;
        width: 100%;
        opacity: 0;
    }

div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
}

div[slider] > input[type=range]:focus {
    outline: none;
}

div[slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
    -webkit-appearance: none;
}

div[slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
}

div[slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
}

div[slider] > input[type=range]::-ms-tooltip {
    display: none;
}

[slider] > div > [sign] {
    opacity: 0;
    position: absolute;
    margin-left: -11px;
    top: -39px;
    z-index: 3;
    background-color: #d02128;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

    [slider] > div > [sign]:after {
        position: absolute;
        content: '';
        left: 0;
        border-radius: 16px;
        top: 19px;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top-width: 16px;
        border-top-style: solid;
        border-top-color: #d02128;
    }

    [slider] > div > [sign] > span {
        font-size: 12px;
        font-weight: 700;
        line-height: 28px;
    }

[slider]:hover > div > [sign] {
    opacity: 1;
}

@media (min-width: 1230px) {
    .b-toaster.b-toaster-top-right {
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media (min-width: 1430px) {
    .main-container {
        min-height: 507px;
    }

    .b-toaster.b-toaster-top-right {
        max-width: 1400px;
        margin: 0 auto;
    }
}

@media (min-width: 1400px) {
    .flex-xxl-row {
        flex-direction: row !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .mr-xxl-2 {
        margin-right: 0.5rem !important;
    }
}

@media (min-width: 1200px) {
    .main-container.container-fluid .categoryGrid .col-md-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .main-container.container-fluid .product-grid .product-container.col-xl-3 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .main-container.container-fluid .featured-product-container.col-xl-6 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 1400px) {
    .main-container.container-fluid .categoryGrid .col-xl-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1212px;
    }
}

@media (min-width: 1600px) {
    .container-xxl {
        max-width: 1212px;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .d-xxl-block {
        display: block !important;
    }
}

@media (max-width: 1199px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .footer .footer-bottom {
        margin: 0 0 50px 0;
    }

    .footer .block {
        align-items: center;
    }

    .footer .section {
        text-align: center;
    }

    .footer .title {
        margin: 15px 0;
    }

    .fly-menu-container {
        display: none;
    }

        .fly-menu-container.show {
            display: block;
        }

    ul.Menu.-vertical {
        animation: flymenu 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .Menu li.-hasSubmenu > a:after,
    .Menu li.-hasSubmenu > div:after {
        display: none;
    }

    ul.Menu.-vertical,
    ul.Menu.-vertical.fly-menu {
        position: fixed;
        top: 91px;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 0;
        max-width: unset;
        max-height: calc(100vh - 160px);
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0;
        border-width: 1px 0;
        border-radius: 0;
        z-index: 1033;
    }

    .Menu li.-hasSubmenu > .go-forward,
    .Menu li.-hasSubmenu > .go-back {
        display: block;
        position: absolute;
        top: 0;
        right: 20px;
        width: 38px;
        height: 48px;
        z-index: 2;
    }

        .Menu li.-hasSubmenu > .go-forward::before {
            display: block;
            position: absolute;
            width: 14px;
            height: 2px;
            right: 17px;
            bottom: 0px;
            top: 0px;
            margin: auto 0px;
            transform: rotate(0deg);
            background: #000;
            content: "";
        }

        .Menu li.-hasSubmenu > .go-forward::after {
            display: block;
            position: absolute;
            width: 14px;
            height: 2px;
            right: 17px;
            bottom: 0px;
            top: 0px;
            margin: auto 0;
            transform: rotate(90deg);
            background: #000;
            content: "";
        }

        .Menu li.-hasSubmenu > .go-back.-visible + .go-forward {
            display: none;
        }

    .Menu li.-hasSubmenu > .go-back {
        display: none;
    }

        .Menu li.-hasSubmenu > .go-back::before {
            position: absolute;
            width: 14px;
            height: 2px;
            right: 17px;
            bottom: 0px;
            top: 0px;
            margin: auto 0px;
            transform: rotate(0);
            background: #000;
            content: "";
        }

        .Menu li.-hasSubmenu > .go-back.-visible {
            display: block;
        }

    .Menu li.-hasSubmenu > ul.gallery > li > .go-forward::after,
    .Menu li.-hasSubmenu > ul.gallery > li > .go-forward::before {
        display: none;
    }

    .Menu li.home-link {
        width: 100%;
    }

    .Menu > li:hover {
        background-color: transparent;
    }

    .Menu li:hover > a {
        color: var(--black);
    }

    .Menu li > ul.gallery > li {
        width: 100%;
        max-width: 100%;
        margin: 0 15px 5px 0;
    }

    .Menu li > ul,
    .Menu li > ul.gallery {
        position: absolute;
        top: 48px;
        left: 0;
        width: 100%;
        border-left: 0;
        border-right: 0;
        transform: none;
        z-index: 2;
    }

    .Menu li.-hasSubmenu > ul.gallery > li > a picture {
        display: none;
    }

    .Menu li > ul.-visible.gallery {
        max-width: 100%;
    }

    .Menu li.-hasSubmenu ul li a {
        font-size: 14px;
    }

    .Menu li.-hasSubmenu > ul.gallery > li > a {
        font-size: 16px;
    }

    .Menu li > ul.-visible,
    ul.Menu.-floating.-visible {
        z-index: 3;
    }

    footer .list-group-item:not(.list-group-item-action) {
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
        text-align: right;
    }

    .up-btn {
        bottom: 75px;
    }
}

@media (max-width: 768px) {
    .product-box.list .picture-container {
        flex: 2;
    }
    .sticky-mobile {
        position: sticky;
        top: 50px
    }
    .categoryGrid .card .card-body {
        padding: 12px 10px;
    }

        .categoryGrid .card .card-body h5 {
            font-size: 18px;
            margin: 0;
        }
}

@media (max-width: 575px) {
    .product-box.list .other-buttons {
        opacity: 0;
        visibility: hidden;
    }

    .product-box:not(.list) .attr-container {
        display: none;
    }

    .product-box .rating .b-rating-value,
    .product-box .rating output + span {
        display: none;
    }

    .product-box .quick-view-button {
        font-size: 14px;
    }

    .b-sidebar > .b-sidebar-header {
        font-size: 16px;
    }

    .product-box .rating .b-rating + a {
        display: none;
    }

    .product-box .countdown-box {
        padding: 10px;
    }

        .product-box .countdown-box .col-form-label {
            width: 100%;
            display: flex;
            padding: 0;
            line-height: 1;
        }
}

@media (max-width: 380px) {
    .b-sidebar > .b-sidebar-header {
        font-size: 14px;
    }
}


/* Dùng chung cho product detail, vendor list, vendor detail, style alert when follow */
.swal2-container {
    opacity: 0.85;
}

.swal-follow-container .alert-follow {
    font-size: 14px;
    font-weight: 400;
}

.swal-follow-container .swal2-popup {
    border-radius: 10px;
}

.swal-follow-container .ico-follow {
    position: relative;
    margin-right: 11px;
}

.swal-follow-container #swal2-title {
    padding: 16px;
}

/* Dùng chung cho product detail, vendor list, vendor detail, style badge Nhà sản xuất, Nhà phân phối của vendor*/
.vendor-badge-flex {
    display: flex;
}

.badge-catalog {
    margin-right: 4px;
}

.vendor-badge .badge-catalog span {
    font-size: 10px;
    font-weight: 400;
    width: fit-content;
    height: 18px;
    background-color: #F1F1F1;
    display: block;
    border-radius: 13px;
    text-align: center;
    color: #060606;
    text-transform: uppercase;
    line-height: 19px;
    padding: 0 10px;
    max-width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.medgo-sticker {
    position: absolute;
    z-index: 3;
}

    .medgo-sticker img {
        position: relative !important; /*overwrite css ở catalog.css thì mới hiển thị được sticker ở các block sản phẩm liên quan, sản phẩm quen thuộc*/
    }

.vendor-sticker {
    max-width: 120px;
}

.badge-catalog, .vendor-sticker {
    display: inline-block !important;
}

.vendor-sticker-img {
    width: auto;
    max-width: 120px;
    height: 18px;
}

.collection-more .btn {
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    min-width: 212px;
    border: 1px solid #D8D8D8
}

.collection-page .type-picture .img-title {
    font-size: 18px;
    color: #30353A;
    font-weight: 500;
    margin-top: 20px;
    line-height: 24px;
    text-transform: uppercase;
}

.collection-page .btn-control {
    position: absolute;
    z-index: 10;
    top: 50%;
    background: #fff;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    color: rgb(123, 123, 123);
    transform: translateY(-50%);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 15px 1px;
}

.collection-page .collection-button-prev {
    left: -5px
}

.collection-page .collection-button-next {
    right: -5px
}

.collection-page .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px;
    background: #fff;
    opacity: 1;
    border-radius: 100%;
    transform: scale(1);
}

.collection-page .swiper-pagination-bullet-active {
    background: #DE3618;
}

.collection-page .container {
    max-width: 1124px
}

.page-body img {
    max-width: 100% !important
}

.login-modal {
    max-width: 656px;
    min-height: 412px;
    border: none;
    position: relative;
}

    .login-modal .modal-header {
        position: absolute;
        z-index: 10;
        right: -15px;
        top: -15px;
        border: none;
    }

        .login-modal .modal-header .close {
            width: 28px;
            height: 28px;
            background: #fff;
            border-radius: 100%;
            opacity: 1;
            padding: 0;
            color: #767676;
            box-shadow: 0 1px 1px 0 rgba(159, 159, 159, 0.5)
        }

            .login-modal .modal-header .close:hover {
                color: #DE3618;
                opacity: 1;
            }

    .login-modal .modal-body {
        padding: 0
    }

    .login-modal .login-content {
        overflow: hidden;
        border-radius: 8px;
    }

    .login-modal .welcome {
        font-size: 20px;
        font-weight: 500
    }

    .login-modal .right-content {
        width: 219px;
        position: relative
    }

    .login-modal .left-content {
        width: calc(100% - 219px)
    }

        .login-modal .left-content input {
            height: 38px
        }

    .login-modal .right-content .fly {
        position: absolute;
        inset: auto 0 0 0;
        color: #fff;
        padding: 60% 18px 30px;
        background: linear-gradient(180deg, rgba(69,86,102,0) 0%, rgba(55,69,83,0.39) 29%, rgba(33,43,54,1) 100%);
    }

        .login-modal .right-content .fly .paragraph {
            color: #9FA1A3;
            font-size: 9px;
            line-height: 12px
        }

.menu-footer-category {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
}

    .menu-footer-category .item-menu-footer a:not(:last-child):after {
        content: " /"
    }

    .menu-footer-category.item-title {
        font-size: 0.875rem;
        line-height: 1.429;
        font-weight: 500;
        text-transform: uppercase;
        margin: 0 0 5px 0;
    }

    .menu-footer-category div:nth-child(8) {
        order: 10;
    }

    .menu-footer-category div:nth-child(7) {
        order: 8;
    }

.footer-content-intro a, .footer-content-promotion a {
    color: #06c
}

.description-category {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    padding: 1.25rem;
    border-top: 2px solid #57C3B6;
}

.description-category {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    padding: 1.25rem;
    border-top: 2px solid #57C3B6;
}

.category-description-body::after {
    content: "";
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 90%);
    height: 3rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.custom-description {
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-showmore-des {
    padding: 1rem;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}

.showmore-description, .showless-description {
    display: none;
    background: none;
    border: none;
    color: #DE3168;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #E3E3E3 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 4px
}

form .select2-container .select2-selection--single {
    height: 34px;
    border: 1px solid #E3E3E3;
}

form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    font-size: 0.875rem;
    color: var(--black);
    padding-left: 16px;
}

form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 31px
}

form .select2-container {
    width: 100% !important;
}

.content-notfound {
    color: #DE3618;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 50px;
}

.not-found-container {
    width: 90%;
    background: #FFFFFF;
    padding: 30px 0 20px 0;
}

    .not-found-container ul li {
        display: inline-block;
    }

.menu-notfound ul li {
    display: inline-block;
}

.title-menu-notfound {
    color: #090908;
    font-weight: 400;
    margin-top: 30px;
    font-size: 14px;
    margin-bottom: 20px;
}

.not-found-container hr {
    width: 87%;
    border-top: 1px solid #F9F9F9;
}

.container-menunotfound img {
    width: 64px;
    height: 64px;
}

.container-menunotfound ul li {
    text-align: center;
    margin: 10px;
}

.not-found-container .name {
    font-size: 13px;
    color: #161D25;
    max-width: 77px;
}

.footer-notfound {
    display: flex;
}

    .footer-notfound div {
        border: 1px solid #e3e3e3;
        padding: 5px 10px;
        display: flex;
        align-items: center;
        border-radius: 4px;
    }

    .footer-notfound a {
        font-size: 14px;
        font-weight: 500;
        color: #161D25;
    }

a.gohomepage {
    margin-top: 4px;
}

.footer-notfound .btn-comeback {
    border: none;
    background: none;
    font-weight: 500;
}

.container-menunotfound ul {
    display: flex;
    align-items: self-start;
}

#dropdown-notify {
    padding: 0;
    position: relative;
    z-index: 1043;
}

    #dropdown-notify .dropdown-header {
        font-size: 14px;
        font-weight: 500;
        color: #161D25;
        margin-bottom: 12px;
        text-transform: uppercase;
        border-bottom: 1px solid #EFEFEF
    }

    #dropdown-notify .item:not(:last-child) {
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 1px solid #EFEFEF
    }

    #dropdown-notify .dropdown-item {
        background: transparent
    }

    #dropdown-notify .dropdown-item {
        padding: 0
    }

    #dropdown-notify .img-thumb {
        width: 64px
    }

    #dropdown-notify .content {
        width: calc(100% - 64px)
    }

    #dropdown-notify .dropdown-menu {
        width: 434px;
        border: none;
        border-radius: 4px;
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.06);
    }

    #dropdown-notify .order-text {
        white-space: normal;
    }

        #dropdown-notify .order-text .title {
            line-height: 1
        }

            #dropdown-notify .order-text .title button {
                font-size: 14px;
                font-weight: 500;
            }

        #dropdown-notify .order-text .mes-text {
            font-size: 12px;
        }

        #dropdown-notify .order-text .title button {
            color: #8C8C8C
        }

        #dropdown-notify .order-text .mes-text {
            color: #868686
        }

    #dropdown-notify .unreditem .order-text .title button {
        color: #101010
    }

    #dropdown-notify .unreditem .order-text .mes-text {
        color: #262626
    }

    #dropdown-notify .item:hover .order-text .mes-text,
    #dropdown-notify .item:hover .order-text .title button {
        color: #0162B6
    }

    #dropdown-notify .img-thumb .product-total {
        position: absolute;
        color: #0162B6;
        font-size: 12px;
        right: 0;
        bottom: 0;
        background: #EEEEEE;
        border-radius: 4px;
        padding: 1px 5px;
    }

    #dropdown-notify .img-thumb .unread {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #DE3618;
        position: absolute;
        top: -5px;
        right: -5px;
        z-index: 10;
    }

    #dropdown-notify .dropdown-toggle {
        border: none;
        padding: .5rem;
        background: transparent;
    }

        #dropdown-notify .dropdown-toggle::after {
            display: none
        }

    #dropdown-notify .more a {
        color: #DE3618;
        font-size: 14px
    }

    #dropdown-notify .dropdown-menu.show {
        top: 0px !important;
        left: -44px !important;
    }

        #dropdown-notify .dropdown-menu.show::after {
            content: "";
            display: inline-block;
            position: absolute;
            left: 108px;
            top: -10px;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 10px solid #fff;
        }

.category-header {
    position: relative;
    overflow: hidden;
    border-radius: 0.75rem;
}

    .category-header .category-banner + h1 {
        position: absolute;
        color: #ff0000;
        top: 12px;
        left: 34px;
        font-size: 38px;
        text-transform: capitalize;
    }

/*start chat*/
#medgo-mini-chat, .src-pages-Entry-index {
    position: fixed;
    right: 16px;
    bottom: 0;
    z-index: 99999;
    background: #FFFFFF;
    /*border: 1px solid #C4C4C4;*/
    border-radius: 6px 6px 0 0;
    box-shadow: 0 0 4px 0 rgba(224, 224, 224, 0.5);
}

.medgo-mini-chat {
    display: none;
    border: 1px solid #dcdce0;
}

.src-pages-ChatWindow-index__container {
    position: relative;
    width: 710px;
    height: 500px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 4px 0 rgba(224, 224, 224, 0.5);
    transform: translateX(0);
    transition: width .25s cubic-bezier(.4,0.8,0.74,1);
}

.src-pages-ChatWindow-index__header {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 4px 0 rgba(224, 224, 224, 0.5);
}



.seeall-icon {
    color: #333;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 10px;
}

    .seeall-icon:hover {
        background: #f7f7f7;
    }

.src-pages-ChatWindow-index__operator-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 12px;
}

.src-pages-ChatWindow-index__operator-item-wrapper {
    /*margin-left:16px;*/
}

.src-pages-ChatWindow-index__logo-wrapper {
    display: flex;
    padding: 0 12px;
    align-items: center;
    justify-content: flex-start;
}

    .src-pages-ChatWindow-index__logo-wrapper span {
        color: #ee4d2d;
        font-size: 16px;
    }

.src-components-Common-Toast-index__hide--AnmmH {
    width: 0;
    padding: 0;
    box-shadow: none;
}

.src-components-Common-Toast-index__root {
    width: 100%;
    font-size: 12px;
    max-width: 264px;
    padding: 8px 12px;
    display: flex;
    position: absolute;
    left: 282px;
    bottom: 296px;
    align-items: center;
    box-sizing: border-box;
    transform: translate(50%,100%);
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(224, 224, 224, 0.5);
    /*box-shadow: rgb(0, 0, 0, 0.12)  0 1px 8px;*/
    z-index: -1;
    font-family: Helvetica,Helvetica Neue,InterRegular,Droid Sans,Arial,sans-serif;
    color: #555;
}

.src-pages-ChatWindow-index__details {
    order: 2;
    position: relative;
    flex: 1;
    width: 286px;
    height: 100%;
    opacity: 1;
    border-left: 1px solid #e4e6e8;
    transform: translateX(0);
    transition: width .25s cubic-bezier(0.4,0.8,0.74,1),border .1s ease,opacity .1s ease .15s;
    z-index: 999;
}

.src-pages-ConversationLists-index__root {
    width: 350px;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
}

.src-components-Common-Toast-index__message {
    margin-left: 8px;
    color: #624410;
    white-space: normal;
}

.src-pages-ChatWindow-index__blank {
    display: flex;
    height: 100%;
    padding: 0 8px;
    flex-grow: 1;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.src-pages-ChatWindow-index__plate {
    height: 84px;
}

.src-pages-ChatWindow-index__title {
    user-select: none;
    -webkit-user-drag: none;
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    color: #333;
    font-weight: 500;
}

.src-pages-ChatWindow-index__content {
    font-size: 12px;
    color: #bbb;
    font-weight: 500;
}

.src-pages-ChatWindow-index__subtitle {
    color: #bbb;
    font-size: 12px;
    user-select: none;
    -webkit-user-drag: none;
}

.src-pages-ChatWindow-index__windows {
    display: flex;
    height: 460px;
}

.src-pages-ConversationLists-Headerbar-index__root {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 8px 10px 8px 12px;
}

.src-pages-ConversationLists-Headerbar-index__search {
    width: 100%;
    height: 100%;
    font-size: 12px;
    position: relative;
    border: solid 1px;
    border-color: #E4E4E4;
    border-radius: 4px
}

.src-pages-ConversationLists-Headerbar-index__input {
    position: relative;
    border: none;
    width: 100%;
    height: 100%;
    color: #333;
    padding: 0 0 0 30px;
    background: transparent;
    font-size: 12px;
    box-sizing: border-box;
    z-index: 10;
}

    .src-pages-ConversationLists-Headerbar-index__input:focus-visible {
        outline: none;
        border: 1px solid #0088ff;
    }

.src-pages-ConversationLists-Headerbar-index__wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 2px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: flex-start;
    border: 1px solid transparent;
    z-index: 9;
    background: #f4f4f6;
}

.src-pages-ConversationLists-Headerbar-index__icon {
    width: 30px;
    height: 100%;
    color: #bbb;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swaper-MVc6-6sBJu {
    cursor: pointer;
}

.src-pages-ConversationLists-Headerbar-index__selected {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
    transition: color .25s ease;
    font-weight: 700;
    word-break: keep-all;
}

.src-pages-ConversationLists-Headerbar-index__arrow-down {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    color: #333;
}

._3B-_5RU5ih {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
}

._7-BLd7BF4x {
    flex: 1;
    overflow: hidden;
}

.src-components-Common-InfiniteList-index__root {
    width: 100%;
    height: 100%;
}

.src-components-Common-InfiniteList-index__list {
    outline: 0 none;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}

.src-pages-ConversationLists-ConversationCells-index__root {
    display: flex;
    padding: 8px 12px;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
}

    .src-pages-ConversationLists-ConversationCells-index__root:hover {
        background: #F0F2F5;
    }

.src-pages-ConversationLists-ConversationCells-index__avatar {
    width: 50px;
    ;
    height: 50px;
}

.src-pages-ConversationLists-ConversationCells-index__container {
    flex-shrink: 0;
    width: 156px;
    display: flex;
    margin-left: 10px;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.src-components-Common-Avatar-index__avatar-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.src-components-Common-Avatar-index__avatar-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.1);
}

.src-pages-Entry-index__logo-wrapper {
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    padding: 14px;
}

    .src-pages-Entry-index__logo-wrapper > span {
        font-size: 16px;
        margin-left: 5px;
        color: #ED1C24;
    }

.src-pages-Entry-index__chat {
    margin-right: 4px;
    padding: 2px 0;
    width: 20px;
    height: 20px;
}

.src-pages-ConversationDetail-index__header {
    width: 100%;
    height: 60px;
    box-shadow: 0 0 4px 0 rgba(224, 224, 224, 0.5);
    display: none;
}

.__header_child_3d {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 12px;
    box-sizing: border-box;
    overflow: hidden;
}

.img-child_3d img {
    width: 36px;
}

.img-child_3d {
    margin-right: 10px;
    border: 1px solid #E3E3E3;
    border-radius: 100px;
    height: 36px;
    height: 36px;
}

.src-pages-ConversationDetail-index__zone {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    display: none;
    flex-direction: column;
}

.src-pages-ConversationDetail-index__message {
    position: relative;
    height: 100%;
    min-width: 6px;
    border-top: 1px solid #eff2f4;
    background: #F5F5F5;
}

._3b_message {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
}

._7chip_message {
    flex: 1;
    overflow: hidden;
    height: 100%;
}

.src-pages-ConversationDetail-index__input {
    z-index: 11;
    width: 100%;
    border-top: 1px solid #eff2f4;
}

.swapper_input_chat {
    height: auto;
    box-sizing: border-box;
    background: white;
}

.text_area_chat {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.bottom_send_chat {
    position: absolute;
    right: 8px;
    bottom: -23px;
    cursor: pointer;
}

.option_file_chat {
    width: 100%;
    height: 22px;
}

.child_file_chat {
    display: flex;
    height: 100%;
    padding-top: 4px;
    flex-direction: row;
    box-sizing: border-box;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: white;
}

.swapper_file_chat {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.text_area_chat textarea {
    border: none;
    outline: none;
}

.src-pages-ConversationLists-index__conversation-lists {
    flex: 1;
    height: 0;
    overflow: hidden;
}

.swaper_conver {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
}

._conversation_child {
    flex: 1;
    overflow: hidden;
}

.src-pages-ConversationLists-ConversationCells-index__upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.src-pages-ConversationLists-ConversationCells-index__username {
    color: #333;
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
    max-width: 80%;
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.src-pages-ConversationLists-ConversationCells-index__lower {
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.src-pages-ConversationLists-ConversationCells-index__message {
    color: #888;
    max-width: 80%;
    font-size: 12px;
    line-height: 14px;
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.src-pages-ConversationLists-ConversationCells-index__timestamp {
    color: #bbb;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    transform: scale(.91) translateX(2px);
}

.src-components-Common-Avatar-index__root {
    color: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: rgba(238,77,45,.15);
    font-weight: 500;
    font-size: 0;
}

.ReactVirtualized__Grid {
    outline: 0 none;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}



#scollbar_chat_container::-webkit-scrollbar {
    width: 4px;
}

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

/* Handle */
#scollbar_chat_container::-webkit-scrollbar-thumb {
    background: #888;
    height: 120px;
}
    /* Handle on hover */
    #scollbar_chat_container::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

#scrollbar_list_chat::-webkit-scrollbar {
    width: 4px;
}

#scrollbar_list_chat::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#scrollbar_list_chat::-webkit-scrollbar-thumb {
    background: #888;
}


#txtinput_chat::-webkit-scrollbar {
    width: 4px;
}

#txtinput_chat::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#txtinput_chat::-webkit-scrollbar-thumb {
    background: #888;
}

._swapper_mut_media_chat::-webkit-scrollbar {
    height: 6px;
}

._swapper_mut_media_chat::-webkit-scrollbar-track {
    background: #f1f1f1;
}

._swapper_mut_media_chat::-webkit-scrollbar-thumb {
    background: #888;
}

.content-chat {
    align-items: center;
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    padding: 5px 0 5px 0;
}

.timestame_content {
    margin-top: 12px;
    font-size: 12px;
    color: rgba(0,0,0,0.4);
    text-align: center;
}

.swaper-content_chat {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.container_chat_child {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.meta_conetnt {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.pre_content_chat {
    margin: 0;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 14px;
    line-height: 21px;
    word-wrap: break-word;
    white-space: pre-wrap;
    border-radius: 5px;
    background-color: #d7e4ff;
    color: #000;
    max-width: 100%;
}

.pre_content_out {
    margin: 0;
    box-sizing: border-box;
    padding: 8px;
    font-size: 15px;
    line-height: 20px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    white-space: pre-wrap;
    border-radius: 5px;
    background-color: #fff;
    color: #000;
    max-width: 100%;
}

.content_out {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    padding: 5px 0 5px 0;
}

#custom_btn-search_chat > button {
    background: none;
    border: none;
    color: #000000;
}

    #custom_btn-search_chat > button:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ee4d2d;
        margin-right: 4px;
    }

.txtinput_chat {
    width: 100%;
    height: auto;
    padding-right: 8px;
    flex-grow: 1;
    color: #9FA1A3;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    resize: none;
    border: none;
    outline: none;
    word-break: break-word;
    box-sizing: border-box;
    overflow: hidden;
}

.current_name {
    color: #161D25;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.src-pages-ConversationDetail-index__mediaPreviewerWrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.swapper_media {
    position: relative;
    width: 100%;
    height: 0px;
    display: flex;
    background-color: #fff;
    border-top: 1px solid #eff2f4;
    box-sizing: border-box;
}

._swapper_mut_media_chat {
    margin-left: 9px;
    flex: 1 1 auto;
    padding: 9px 0;
    overflow-y: hidden;
    overflow-x: overlay;
    box-sizing: border-box;
    height: 64px;
}

._swapper_mut_child_chat {
    display: inline-flex;
    align-items: center;
}

.item_meida_child_chat {
    width: 46px;
    height: 46px;
    margin-right: 10px;
    flex: 0 0 auto;
    border: 1px solid #eff2f4;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
}

.swapper_type_input {
    width: 46px;
    height: 46px;
    border: 1px solid #eff2f4;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.remove_icon_file {
    position: absolute;
    width: 12px;
    height: 12px;
    right: -6px;
    top: -6px;
    cursor: pointer;
}

.inline_icon-remove {
    display: none;
    line-height: 0;
    fill: currentColor;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top {
    margin-top: -200px !important;
}

.emojionearea {
    position: unset !important;
}

    .emojionearea .emojionearea-editor {
        min-height: unset !important;
    }

.no_person_icon_list_user svg {
    padding: 7px;
}

.active_choose_user {
    background: #e4eaf3;
}

.close_choose_files {
    width: 24px;
    height: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
}

.icon_close_choose_files {
    width: 10px;
    height: 10px;
    margin-top: 6px;
    color: #bbb;
    cursor: pointer;
}

.close_icon_chat {
    display: inline-block;
    line-height: 0;
    fill: currentColor;
}

i.icon-svg {
    cursor: pointer;
}

.meta_conetnt a {
    color: #0088ff;
    text-decoration: underline;
}

    .meta_conetnt a:hover {
        color: #0088ff;
    }

.moment_message {
    display: flex;
    flex-direction: column;
    align-items: end;
    text-align: end;
    position: relative;
}

.moment_message_left {
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: end;
    position: relative;
    padding-left: 10px;
}

span.time_moment {
    margin: 0;
    /*box-sizing: border-box;*/
    padding: 0 10px 0 0;
    font-size: 10px;
    /*line-height: 21px;
        word-wrap: break-word;
        white-space: pre-wrap;
        border-radius: 5px;
        background-color: #d7e4ff;
        color: #333;
        max-width: 100%;*/
}

.scale_image_chat {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 232323232;
    background: #161d25;
    opacity: 0.8;
    display: none;
}

.close_scale_image_chat {
    position: absolute;
    top: 10px;
    left: 18px;
    color: #fff;
    font-size: 34px;
    cursor: default;
}

.image_scale_chat {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    max-width: 100%;
    margin: auto;
    background-color: #FFF;
    padding: 35px;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

div.btn-add_chat {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 2px 12px 0 12px;
    border: 1px solid rgb(13,92,182);
    border-radius: 4px;
    cursor: pointer;
}

.position_icon_add_room {
    position: absolute;
    height: 40px;
    width: 40px;
    bottom: 1px;
    right: 0px;
}

.number__Notification {
    position: absolute;
    top: -8px;
    right: -10px;
    background: rgb(255, 196, 0);
    border-radius: 100px;
    padding: 0px 6px;
    font-size: 12px;
    border: 1px solid rgb(255, 255, 255);
    font-weight: 500;
    height: 20px;
}

i.collapse_screen_chat {
    display: none;
}

.question {
    border: 1px solid #E3E3E3;
    background: #fff;
    padding: 7px;
    border-radius: 7px;
}

    .question pre {
        font-weight: 700
    }

    .question div {
        color: #0b74e5;
        text-align: center;
        border: 1px solid #0b74e5;
        border-radius: 7px;
        font-weight: 500
    }
/*end chat*/
.pt-32px {
    padding-top: 32px;
}

.pt-64px {
    padding-top: 64px;
}

.pb-32px {
    padding-bottom: 32px;
}

.mt-32px {
    margin-top: 32px;
}

.mb-32px {
    margin-bottom: 32px;
}

.estore-tag {
    cursor: pointer;
    overflow: hidden;
    will-change: transform;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.estore-tag-box {
    background: #ffffff;
    border: #c1c8d1;
    color: #020b27;
    background: #edf0f3;
    color: #4a4f63;
    border: 1px solid #edf0f3;
    height: 24px;
    max-width: 100%;
}

.estore-tag-text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blogpost-page p, .content p, .description-category p {
    margin: 1rem 0;
}

p img {
    max-width: 100% !important;
}


.loadingBar {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bars-4 {
    width: 45px;
    aspect-ratio: 1;
    --c: no-repeat linear-gradient(red calc(50% - 10px),transparent 0 calc(50% + 10px),red 0);
    background: var(--c) 0% 100%, var(--c) 50% 100%, var(--c) 100% 100%;
    background-size: 20% calc(200% + 20px);
    animation: b4 1s infinite linear;
}

@keyframes b4 {
    33% {
        background-position: 0% 50%,50% 100%,100% 100%
    }

    50% {
        background-position: 0% 0%,50% 50%,100% 100%
    }

    66% {
        background-position: 0% 0%,50% 0%,100% 50%
    }

    100% {
        background-position: 0% 0%,50% 0%,100% 0%
    }
}
/*Style cho footer*/
.new-title {
    color: #677585;
}

.link a {
    color: blue;
}

.cert-wrap .wrapper-certicate .certification-item img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.payment-icon .li {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
/* style cho Menu*/
.tab-item.active p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}

.tab-item a:hover {
    color: blue;
}

.tab-item a {
    color: var(--gray-700);
    padding: 10px 16px;
    display: inline-block;
    width: 100%;
}

.tab-item.menu-active {
    background-color: #eaeffa;
    font-weight: 600;
}



.heading {
    background-color: #f6f7f9;
    color: #677585;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

    .heading p {
        font-size: 16px;
    }

.tab-item-menu {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
     list-style:none;
  flex:0 0 auto;
  white-space:nowrap;
}

.sticky-top {
   top: 5.9em;
    z-index: auto;
}

.policy-page {
    padding-top: 20px
}

/* style breadcrumbs */

.breadcrumb-container {
    background-color: #edf0f3;
}

.Home-breadcrumb {
    color: blue;
}

/* style Chi tiết đơn hàng */
/* Tittle */
.order-status {
    color:red;
    font-weight:500;
      
}

.total-detail {
    color: #677585;
}

.total-value {
    font-weight: 500 !important;
}
/*Breadcrumb*/
.order-breadcrumb{
    font-weight: 500!important;
}
/*amount*/
.total-amount{
    font-size:20px;
}
.total-table{
    font-size:14px;
}

/* style checkout page*/
.checkout-tab {
    margin-top: 40px !important;
}
/*Style cho footer*/
.new-title {
    color: #677585;
}

.link a {
    color: #1250dc;
}

.cert-wrap .wrapper-certicate .certification-item img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.payment-icon .li {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
/* style cho Menu*/
.tab-item.active p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}

.tab-item a:hover {
    color: blue;
}

.tab-item a {
    color: var(--gray-700);
    padding: 10px 16px;
    display: inline-block;
    width: 100%;
}

/*.tab-item.active {
    background-color: #eaeffa;
}

.tab-item.active {
    background-color: #eaeffa;
}*/

.heading {
    background-color: #f6f7f9;
    color: #677585;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

    .heading p {
        font-size: 16px;
    }

.tab-item-menu {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

.sticky-top {
    top: 5.9em;
}

.policy-page {
    padding-top: 20px
}

/* style breadcrumbs */

.breadcrumb-container {
    background-color: #edf0f3;
}

.Home-breadcrumb {
    color: blue;
}

.card-border-radius {
    border-radius: 0.75rem;
}

.page-body p {
    margin-top: 0;
    margin-bottom: 1rem;
}

/* contact */
.container__content-contact{
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}
.container {
    max-width: 1212px;
    margin-right: auto;
    margin-left: auto;
}

.contact__list-items{
    padding: 0;
}
.contact__list-item{
    margin-bottom: 10px;
}
.contact-details {
    padding-top: 3rem !important;
}
.box__contact-item{
    width: 45%;
}
.contact__iframe{
    width: 100%;
    height: 270px;
}
/* Đặt relative để mega position tuyệt đối bám theo .container */
.main-bar .container { position: relative; }

/* Li giữ Product không cần relative nữa để không giới hạn con */
.header-nav .navbar-nav > li.has-mega-menu { position: static; }

/* Mega menu style */
#megaMenu {
  position: absolute;
  left: 0;
  right: 0;          /* = width 100% theo container */
  top: 100%;         /* nằm ngay dưới header-nav trong container */
  z-index: 1000;
  display: none;     /* ẩn mặc định, JS sẽ bật */
}

/* Mặc định nhiều theme đặt width:100% theo nav, ép lại nếu cần */
.header-nav #megaMenu { width: auto !important; }

/* Trang trí nền/trắng/đổ bóng tuỳ theme */
#megaMenu.open {
  display: block;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.swiper-lazy-loaded.swiper-lazy{
    min-height: auto !important;
}
@media only screen and (max-width: 767px) {
     .mdg-radio-label:after, .mdg-radio-label:before {

        top: -8px !important;
}
    }