/* CINZA */
/* :root {
    --primary-color: #818080;
    --primary-dark-color: #474747;
    --primary-surface-color: #eeeeee;
    --primary-link-focus-color: #292b29;
    --primary-footer: #e7e7e7;
    --primary-background: #ffffff;
    --primary-header: #292929;
    --danger-color: #ca3e3e;
    --primary-darker-color: #353535;
    --success-color: #71c451;
    --text-primary-color: #fff;
    --text-secondary-color: #000;
    --text-body-color: #242323;
} */

/* ROXO */
/* :root {
    --primary-color: #444885;
    --primary-dark-color: #32366e;
    --primary-surface-color: #e9ebff;
    --primary-link-focus-color: #5f65bd;
    --primary-footer: #a4a8d3;
    --primary-background: #fdfdfd;
    --primary-header: #f3f3f3;
    --danger-color: #ca3e3e;
    --primary-darker-color: #0b123d;
    --success-color: #62ad45;
    --text-primary-color: #42478d;
    --text-secondary-color: #000;
    --text-body-color: #1a1f30;
} */

/* VERMELHO */
/* :root {
    --primary-color: #d83434;
    --primary-dark-color: #dd4f4f;
    --primary-surface-color: #fce3e3;
    --primary-link-focus-color: #b93e3e;
    --primary-footer: #a03c3c;
    --primary-background: #fffbfb;
    --primary-header: #941818;
    --danger-color: #643333;
    --primary-darker-color: #301313;
    --success-color: #74c255;
    --text-primary-color: #fff;
    --text-secondary-color: #fff;
    --text-body-color: #14161b;
} */

/* AZUL */
:root {
    --primary-color: #4995ac;
    --primary-dark-color: #314d68;
    --primary-surface-color: #f1fdfb;
    --primary-link-focus-color: #3b6d8f;
    --primary-footer: #12181a;
    --primary-background: #f7f7f7;
    --primary-header: #163358;
    --danger-color: #ca3e3e;
    --primary-darker-color: #132530;
    --success-color: #61a845;
    --text-primary-color: #fff;
    --text-secondary-color: #fff;
    --text-body-color: #000000;
}

body {
    min-width: 340px !important;
}

#signin-modal .nav-link {
    font-size: 1.5em !important;
}


summary i:not(a i):not(button i) {
    color: var(--primary-dark-color) !important;
    margin-right: 8px;
}


.tab-content {
    border-radius: 5px !important;
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-surface-color) !important;
}

.select2-search__field:after,
.select2-search__field:focus,
.select2-search__field:active {
    border-color: var(--primary-color) !important;
    ;
}

.group-list .spinner-border,
.promotion-list .spinner-border,
.profile-dropdown p {
    color: var(--text-primary-color) !important;
}

.profile-dropdown {
    text-align: center;
}


.brand-list .spinner-border {
    color: black !important;
}

.brand-list:hover .spinner-border {
    color: white !important;
}


.select2-selection__arrow {
    align-self: center;
}

.select2-selection {
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    padding: .85rem 2rem !important;
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    font-weight: 300 !important;
    color: #777 !important;
    background-color: #fafafa !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    transition: all 0.3s !important;
    box-shadow: none !important;
    width: auto !important;
}


.spinner-border {
    color: var(--primary-color) !important;
}

.category-dropdown a,
*:not(i):not(thead *):not(span):not(.v-toast__text):not(button):not(.btn):not(a):not(.error *):not(button *):not(header *):not(footer *):not(.card-starter *):not(.modal-body h5):not(form input):not(.ratings-val):not(.text-success):not(.text-danger):not(.promotion-success *):not(.spinner-border):not(.ratings-container *):not(.spinner-grow) {
    color: var(--text-body-color) !important;
}

.mobile-menu * {
    color: var(--text-primary-color) !important;
}

.btn-cart:focus * {
    color: var(--text-primary-color) !important;
}

.dashboard-logo {
    margin-right: 10px !important;
}

.menu li a:focus {
    color: var(--primary-color) !important;
}

.card-starter-carousel {
    border: 1px solid var(--primary-header) !important;
}

footer p {
    text-align: start !important;
}

@media (max-width: 600px) {
    footer p {
        text-align: center !important;

    }
}


.card-starter h4 {
    color: var(--text-primary-color) !important;
}

.vue-carousel__control {
    width: 40px !important;
    height: 40px !important;
}

.vue-carousel__control::before {
    width: 10px !important;
    height: 10px !important;
}

.vue-carousel__indicators {
    margin-bottom: 10px !important;
}

.vue-carousel__indicator::before {
    width: 10px !important;
    height: 10px !important;
    border-radius: 10px !important;
    border: 1px solid var(--primary-header);
}

.vue-carousel__indicator--active::before {
    background-color: var(--primary-header) !important;
    width: 11px !important;
    height: 11px !important;
}

.vue-carousel__control {
    background-color: var(--primary-header) !important;
    color: var(--text-primary-color) !important;
}

.vue-carousel__control:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}



.card-starter {

    background-color: var(--primary-header) !important;
    border: 2px solid var(--primary-footer);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu li>a,
.megamenu a {
    color: var(--text-body-color);
}

/*
.category-dropdown a{
    color: #000 !important;
} */

.file-name {
    word-wrap: break-word;
}

#select-file,
.select-file {
    display: none;
}

#select-file-label,
.select-file {
    cursor: pointer;
    height: 50px;
}

.main-nav a:not(a:focus):not(a:active):not(.sf-with-ul + ul *),
.header-bottom .header-right *:not(.error-msg):not(.btn-primary *):not(.profile-options *):not(.form-control),
.cart-dropdown .dropdown-toggle,
.cart-dropdown .dropdown-toggle p,
.mobile-menu-toggler {
    color: var(--text-primary-color) !important;
}



footer *,
footer p {
    color: var(--text-secondary-color) !important;
}


.category-dropdown a:hover {
    color: var(--primary-dark-color) !important;
}

.nav-link {
    font-weight: normal !important;
}

.danger .icon-box-icon i {
    color: var(--danger-color) !important;
}

.logo img,
.footer-logo {
    min-width: 150px !important;
    max-width: 200px !important;
    min-height: 40px !important;
    max-height: 80px !important;
}

input[type="checkbox"] {
    accent-color: var(--primary-color);
}

.bg-danger,
.btn-danger,
.alert-dange {
    background-color: var(--danger-color) !important;
}

.btn-danger {
    border-color: var(--danger-color) !important;
}

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

.border-pane {
    border-radius: 7px;
    box-shadow: 1px 1px 2px 1px var(--primary-color) !important;

}

@media (max-width: 767px) {
    #cep-modal {
        max-width: 100%;
    }

    #user-details {
        max-width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        max-width: 781px;
    }

    #user-details {
        max-width: 80%;
    }

    #cep-modal {
        max-width: 420px;
    }

    .form-box {
        max-width: 100% !important;
    }

}

.input-group {
    margin-bottom: 15px !important;

}

.input-group-text {
    color: white;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    border-radius: 0px;
    padding: 0px 15px;
    font-size: small;
}

.form-control:not(.header-search-wrapper *),
.input-group-text {
    box-shadow: 1px 1px 1px var(--primary-dark-color);
    /* box-shadow: var(--primary-color) 0px 1px; */
}

.form-control:not(:disabled):not(.header-search-wrapper .form-control) {
    background-color: var(--primary-background) !important;
}

.table-primary {
    background-color: var(--primary-color) !important;
}

.thead * {
    color: white !important;
}

.v-toast__text {
    color: white !important;
}

.v-toast__item--success {
    background-color: var(--success-color) !important;
}

.v-toast__item--error {
    background-color: var(--danger-color) !important;
}


.mobile-menu-container {
    background-color: var(--primary-darker-color) !important;
}

.form-control {
    transition: border 0.2s linear;
    /* Adiciona uma transição para a propriedade border */
}

.error .form-control {
    transition: border 0.2s linear;
    /* Adiciona uma transição para a propriedade border */
}

.error .input-group-text {
    transition: background-color 0.2s step-start;
}

.error .form-control:not(input[type="checkbox"]),
.error .input-group {
    margin: 0px;
}

.error .form-control,
.error .input-group {
    box-shadow: 1px 1px 1px var(--danger-color);
}

.error .form-control:focus {
    border-color: var(--danger-color) !important;
    box-shadow: 1px 1px 1px var(--danger-color);
}

.error .input-group-text,
.error #select-file-label {
    background-color: var(--danger-color) !important;
    border-color: var(--danger-color) !important;
    box-shadow: 1px 1px 1px var(--danger-color);
}

.error .error-msg {
    margin: 5px;
    color: var(--danger-color);
    font-weight: normal;
}

.header,
.header-bottom,
.megamenu-container {
    background-color: var(--primary-header) !important;

}

label {
    font-weight: 600 !important;
}


label,
p,
input {
    color: #000 !important;
}

body {

    background-color: var(--primary-background);
}

::-moz-selection {
    background-color: var(--primary-color)
}

::selection {
    background-color: var(--primary-color)
}

.bg-primary {
    background-color: var(--primary-color) !important
}

.bg-primary:hover {
    background-color: var(--primary-color) !important
}

.bg-secondary {
    background-color: var(--primary-dark-color) !important
}

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

a:hover,
a:focus {
    color: var(--primary-link-focus-color)
}

.link-underline {
    box-shadow: 0 1px 0 0 var(--primary-color)
}

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

.text-secondary {
    color: var(--primary-dark-color) !important
}

.alert-primary {
    background-color: var(--primary-color)
}

.banner-badge .banner-link:hover .banner-link-text,
.banner-badge .banner-link:focus .banner-link-text {
    background-color: var(--primary-color)
}

.header-3 .header-search-extended .btn,
.header-4 .header-search-extended .btn {
    background-color: transparent;
    color: #333
}

.header-3 .header-search-extended .btn:hover,
.header-3 .header-search-extended .btn:focus,
.header-4 .header-search-extended .btn:hover,
.header-4 .header-search-extended .btn:focus {
    color: var(--primary-color)
}

.btn-video {
    color: var(--primary-color)
}

.btn-video:hover,
.btn-video:focus {
    background-color: var(--primary-dark-color)
}

.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
    color: var(--primary-color)
}

.btn-link {
    color: var(--primary-color)
}

.btn-link:hover,
.btn-link:focus,
.btn-link .btn-link-dark:hover,
.btn-link .btn-link-dark:focus {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

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

.btn-primary:hover,
.btn-primary:active {
    border-color: var(--primary-color) !important;
}

/* .btn-primary:hover, */
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--primary-dark-color);
    border-color: var(--primary-color);
    box-shadow: none;
    color: white !important;
}

.spinner-grow {
    color: var(--primary-color) !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: var(--primary-background);
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.btn-secondary {
    color: var(--primary-background);
    background-color: var(--primary-dark-color);
    border-color: var(--primary-dark-color);
    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 {
    color: var(--primary-background);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: var(--primary-background);
    background-color: var(--primary-dark-color);
    border-color: var(--primary-dark-color)
}

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

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show>.btn-white.dropdown-toggle {
    color: var(--primary-background);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-white.disabled,
.btn-white:disabled {
    color: #333;
    background-color: var(--primary-background);
    border-color: var(--primary-background)
}

.btn-white-2 {
    color: #333;
    background-color: var(--primary-background);
    border-color: var(--primary-background);
    box-shadow: none
}

.btn-white-2:hover,
.btn-white-2:focus,
.btn-white-2.focus,
.btn-white-2:not(:disabled):not(.disabled):active,
.btn-white-2:not(:disabled):not(.disabled).active,
.show>.btn-white-2.dropdown-toggle {
    color: var(--primary-background);
    background-color: var(--primary-dark-color);
    border-color: var(--primary-dark-color);
    box-shadow: none
}

.btn-white-2.disabled,
.btn-white-2:disabled {
    color: #333;
    background-color: var(--primary-background);
    border-color: var(--primary-background)
}

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

.btn-primary-white:hover,
.btn-primary-white:focus,
.btn-primary-white.focus,
.btn-primary-white:not(:disabled):not(.disabled):active,
.btn-primary-white:not(:disabled):not(.disabled).active,
.show>.btn-primary-white.dropdown-toggle {
    color: var(--primary-color);
    background-color: var(--primary-background);
    border-color: var(--primary-background);
    box-shadow: none
}

.btn-primary-white.disabled,
.btn-primary-white:disabled {
    color: var(--primary-background);
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

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

.btn-white-primary:hover,
.btn-white-primary:focus,
.btn-white-primary.focus,
.btn-white-primary:not(:disabled):not(.disabled):active,
.btn-white-primary:not(:disabled):not(.disabled).active,
.show>.btn-white-primary.dropdown-toggle {
    color: var(--primary-background);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-white-primary.disabled,
.btn-white-primary:disabled {
    color: var(--primary-color);
    background-color: var(--primary-background);
    border-color: var(--primary-background)
}

.btn-dark {
    color: var(--primary-background);
    background-color: #333;
    border-color: #333;
    box-shadow: none
}

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

.btn-dark.disabled,
.btn-dark:disabled {
    color: var(--primary-background);
    background-color: #333;
    border-color: #333
}

.btn-outline {
    color: var(--primary-color);
    background-color: transparent;
    background-image: none;
    border-color: #ebebeb;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05)
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline.focus,
.btn-outline:not(:disabled):not(.disabled):active,
.btn-outline:not(:disabled):not(.disabled).active,
.show>.btn-outline.dropdown-toggle {
    color: var(--primary-color);
    background-color: transparent;
    border-color: #ebebeb;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
}

.btn-outline.disabled,
.btn-outline:disabled {
    color: var(--primary-color);
    background-color: transparent
}

.btn-outline-primary {
    color: var(--primary-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: var(--primary-color);
    background-color: transparent;
    border-color: #ebebeb;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--primary-color);
    background-color: transparent
}

.btn-outline-primary-2 {
    color: var(--primary-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-outline-primary-2:hover,
.btn-outline-primary-2:focus,
.btn-outline-primary-2.focus,
.btn-outline-primary-2:not(:disabled):not(.disabled):active,
.btn-outline-primary-2:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary-2.dropdown-toggle {
    color: white !important;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-outline-primary-2.disabled,
.btn-outline-primary-2:disabled {
    color: var(--primary-color);
    background-color: transparent
}

.btn-outline-light {
    color: var(--primary-background);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-background);
    box-shadow: none
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light.focus,
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: var(--primary-color);
    background-color: transparent;
    border-color: var(--primary-background);
    box-shadow: none
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: var(--primary-background);
    background-color: transparent
}

.btn-outline-dark {
    color: #333;
    background-color: transparent;
    background-image: none;
    border-color: #d7d7d7;
    box-shadow: none
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark.focus,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
    color: var(--primary-color);
    background-color: transparent;
    border-color: #ebebeb;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #333;
    background-color: transparent
}

.btn-outline-dark-2 {
    color: #333;
    background-color: transparent;
    background-image: none;
    border-color: #ebebeb;
    box-shadow: none
}

.btn-outline-dark-2:hover,
.btn-outline-dark-2:focus,
.btn-outline-dark-2.focus,
.btn-outline-dark-2:not(:disabled):not(.disabled):active,
.btn-outline-dark-2:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark-2.dropdown-toggle {
    color: var(--primary-color);
    background-color: #fafafa;
    border-color: #ebebeb;
    box-shadow: none
}

.btn-outline-dark-2.disabled,
.btn-outline-dark-2:disabled {
    color: #333;
    background-color: transparent
}

.btn-outline-dark-3 {
    color: #333;
    background-color: transparent;
    background-image: none;
    border-color: #d7d7d7;
    box-shadow: none
}

.btn-outline-dark-3:hover,
.btn-outline-dark-3:focus,
.btn-outline-dark-3.focus,
.btn-outline-dark-3:not(:disabled):not(.disabled):active,
.btn-outline-dark-3:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark-3.dropdown-toggle {
    color: var(--primary-color);
    background-color: transparent;
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-outline-dark-3.disabled,
.btn-outline-dark-3:disabled {
    color: #333;
    background-color: transparent
}

.btn-outline-darker {
    color: #333;
    background-color: transparent;
    background-image: none;
    border-color: #d7d7d7;
    box-shadow: none
}

.btn-outline-darker:hover,
.btn-outline-darker:focus,
.btn-outline-darker.focus,
.btn-outline-darker:not(:disabled):not(.disabled):active,
.btn-outline-darker:not(:disabled):not(.disabled).active,
.show>.btn-outline-darker.dropdown-toggle {
    color: var(--primary-background);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-outline-darker.disabled,
.btn-outline-darker:disabled {
    color: #333;
    background-color: transparent
}

.btn-outline-gray {
    color: #333;
    background-color: transparent;
    background-image: none;
    border-color: #959595;
    box-shadow: none
}

.btn-outline-gray:hover,
.btn-outline-gray:focus,
.btn-outline-gray.focus,
.btn-outline-gray:not(:disabled):not(.disabled):active,
.btn-outline-gray:not(:disabled):not(.disabled).active,
.show>.btn-outline-gray.dropdown-toggle {
    color: var(--primary-background);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-outline-gray.disabled,
.btn-outline-gray:disabled {
    color: #333;
    background-color: transparent
}

.btn-outline-lightgray {
    color: #333;
    background-color: transparent;
    background-image: none;
    border-color: #ebebeb;
    box-shadow: none
}

.btn-outline-lightgray:hover,
.btn-outline-lightgray:focus,
.btn-outline-lightgray.focus,
.btn-outline-lightgray:not(:disabled):not(.disabled):active,
.btn-outline-lightgray:not(:disabled):not(.disabled).active,
.show>.btn-outline-lightgray.dropdown-toggle {
    color: var(--primary-color);
    background-color: var(--primary-footer);
    border-color: #ebebeb;
    box-shadow: none
}

.btn-outline-lightgray.disabled,
.btn-outline-lightgray:disabled {
    color: #333;
    background-color: transparent
}

.btn-outline-white {
    color: var(--primary-background);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-background);
    box-shadow: none
}

.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white.focus,
.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active,
.show>.btn-outline-white.dropdown-toggle {
    color: var(--primary-background);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
    color: var(--primary-background);
    background-color: transparent
}

.btn-outline-white-2 {
    color: var(--primary-background);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-background);
    box-shadow: none
}

.btn-outline-white-2:hover,
.btn-outline-white-2:focus,
.btn-outline-white-2.focus,
.btn-outline-white-2:not(:disabled):not(.disabled):active,
.btn-outline-white-2:not(:disabled):not(.disabled).active,
.show>.btn-outline-white-2.dropdown-toggle {
    color: var(--primary-background);
    background-color: var(--primary-dark-color);
    border-color: var(--primary-dark-color);
    box-shadow: none
}

.btn-outline-white-2.disabled,
.btn-outline-white-2:disabled {
    color: var(--primary-background);
    background-color: transparent
}

.btn-outline-white-4 {
    color: var(--primary-background);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-background);
    box-shadow: none
}

.btn-outline-white-4:hover,
.btn-outline-white-4:focus,
.btn-outline-white-4.focus,
.btn-outline-white-4:not(:disabled):not(.disabled):active,
.btn-outline-white-4:not(:disabled):not(.disabled).active,
.show>.btn-outline-white-4.dropdown-toggle {
    color: var(--primary-color);
    background-color: var(--primary-background);
    border-color: var(--primary-background);
    box-shadow: none
}

.btn-outline-white-4.disabled,
.btn-outline-white-4:disabled {
    color: var(--primary-background);
    background-color: transparent
}

.newsletter-popup-container .input-group .btn:hover,
.newsletter-popup-container .input-group .btn:focus {
    background-color: var(--primary-color)
}

.bg-image .btn-link-dark:hover,
.bg-image .btn-link-dark:focus {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.bg-image .btn-outline-primary:hover,
.bg-image .btn-outline-primary:focus,
.bg-image .btn-outline-primary.focus,
.bg-image .btn-outline-primary:not(:disabled):not(.disabled):active,
.bg-image .btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.bg-image .btn-outline-primary.dropdown-toggle {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.bg-image .btn-outline-dark:hover,
.bg-image .btn-outline-dark:focus,
.bg-image .btn-outline-dark.focus,
.bg-image .btn-outline-dark:not(:disabled):not(.disabled):active,
.bg-image .btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.bg-image .btn-outline-dark.dropdown-toggle {
    color: var(--primary-color)
}

.card-title a {
    color: var(--primary-color)
}

.card-title a:before {
    color: var(--primary-color)
}

.card-title a.collapsed:hover,
.card-title a.collapsed:focus {
    color: var(--primary-color)
}

.count-wrapper {
    color: var(--primary-color)
}

.feature-box i {
    color: var(--primary-color)
}

.feature-box-simple i {
    color: var(--primary-color)
}

.form-control:focus:not(.header-search-wrapper .form-control),
.select2-selection {
    border-color: var(--primary-color);
    box-shadow: 1px 1px 1px var(--primary-color) !important;
}

.custom-control.custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: var(--primary-color)
}

.custom-control.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: var(--primary-color)
}

.icon-box-icon {
    color: var(--primary-color)
}

.icon-box-circle .icon-box-icon {
    background-color: var(--primary-color)
}

.instagram-feed-content a:hover,
.instagram-feed-content a:focus {
    color: var(--primary-color)
}

.close:hover,
.close:focus {
    color: var(--primary-color)
}

.page-header h1 span {
    color: var(--primary-color)
}

.page-link:hover,
.page-link:focus {
    color: var(--primary-color)
}

.page-item.active .page-link {
    color: var(--primary-color)
}

.social-icon:hover,
.social-icon:focus {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.testimonial-icon:before {
    color: var(--primary-color)
}

.nav.nav-tabs .nav-link:hover,
.nav.nav-tabs .nav-link:focus {
    color: var(--primary-color)
}

.nav.nav-tabs .nav-item.show .nav-link,
.nav.nav-tabs .nav-item .nav-link.active {
    color: var(--primary-color)
}

.nav.nav-pills .nav-link:hover,
.nav.nav-pills .nav-link:focus {
    color: var(--primary-color)
}

.nav.nav-pills .nav-item.show .nav-link,
.nav.nav-pills .nav-item .nav-link.active {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.nav.nav-border-anim .nav-link:before {
    background-color: var(--primary-color)
}

.title-link:hover,
.title-link:focus {
    box-shadow: 0 1px 0 0 var(--primary-color)
}

.product-countdown.countdown-primary .countdown-amount {
    color: var(--primary-color)
}

.product-title a:hover,
.product-title a:focus {
    color: var(--primary-color)
}

.product-price {
    color: var(--primary-color)
}

.product-label.label-primary {
    background-color: var(--primary-color)
}

.product-label.label-secondary {
    background-color: var(--primary-dark-color)
}

.product-label-text {
    color: var(--primary-color)
}

.ratings-primary .ratings-val {
    color: var(--primary-color)
}

.ratings-text a:hover,
.ratings-text a:focus {
    color: var(--primary-color)
}

.btn-product {
    color: var(--primary-color)
}

.btn-product:hover span,
.btn-product:focus span {
    color: var(--primary-color);
    box-shadow: 0 1px 0 0 var(--primary-color)
}

.btn-product-icon {
    color: var(--primary-color)
}

.btn-product-icon:hover,
.btn-product-icon:focus {
    background-color: var(--primary-color)
}

.product-body .btn-wishlist:hover,
.product-body .btn-wishlist:focus {
    color: var(--primary-color)
}

.btn-expandable span {
    background-color: var(--primary-color)
}

.product.product-4 .btn-product:hover,
.product.product-4 .btn-product:focus {
    background-color: var(--primary-dark-color)
}

.product.product-5 .btn-product {
    color: var(--primary-color)
}

.product.product-5 .btn-product:hover,
.product.product-5 .btn-product:focus {
    background-color: var(--primary-color)
}

.product.product-7 .btn-product {
    color: var(--primary-color)
}

.product.product-7 .btn-product span {
    color: var(--primary-color)
}

.product.product-7 .btn-product:hover,
.product.product-7 .btn-product:focus {
    background-color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.product.product-8 .new-price {
    color: var(--primary-color)
}

.product.product-8 .btn-product:before {
    color: var(--primary-color)
}

.product.product-8 .btn-product:hover,
.product.product-8 .btn-product:focus {
    background-color: var(--primary-color)
}

.product.product-list .btn-product:hover,
.product.product-list .btn-product:focus {
    color: var(--primary-color)
}

.product.product-list .btn-product.btn-cart {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.product.product-list .btn-product.btn-cart:hover,
.product.product-list .btn-product.btn-cart:focus {
    background-color: var(--primary-color)
}

.selectedCard .card {
    border: 2px solid var(--primary-color);
}

.selectedCard .card h3 {
    color: var(--primary-color) !important;
}

.cardSelect .card {
    cursor: pointer;
}

.footer a:hover,
.footer a:focus {
    color: var(--primary-color)
}

.footer-dark.footer-2 .widget-about-title {
    color: var(--primary-color)
}

.header-top a:hover,
.header-top a:focus {
    color: var(--primary-color)
}

.top-menu span {
    color: var(--primary-color)
}

.header-menu a:hover,
.header-menu a:focus {
    color: var(--primary-color)
}

.account a:hover,
.account a:focus {
    color: var(--primary-color)
}

.wishlist a:hover,
.wishlist a:focus {
    color: var(--primary-color)
}

.wishlist a .wishlist-count {
    background-color: var(--primary-color)
}

.cart-dropdown:hover .dropdown-toggle,
.cart-dropdown.show .dropdown-toggle,
.compare-dropdown:hover .dropdown-toggle,
.compare-dropdown.show .dropdown-toggle {
    color: var(--primary-color)
}

.compare-product-title a:hover,
.compare-product-title a:focus {
    color: var(--primary-color)
}

.compare-actions .action-link:hover,
.compare-actions .action-link:focus {
    color: var(--primary-color)
}

.cart-dropdown .cart-count {
    background-color: var(--primary-color)
}

.cart-dropdown .product-title a:hover,
.cart-dropdown .product-title a:focus {
    color: var(--primary-color)
}

.wishlist-link .wishlist-count {
    background-color: var(--primary-color)
}

.wishlist-link:hover,
.wishlist-link:focus {
    color: var(--primary-color)
}

.search-toggle:hover,
.search-toggle:focus,
.search-toggle.active {
    color: var(--primary-color)
}

.menu li:hover>a,
.menu li.show>a,
.menu li.active>a {
    color: var(--primary-color)
}

.demo-item a:hover,
.demo-item a:focus {
    color: var(--primary-color)
}

.tip {
    background-color: var(--primary-color)
}

.header-bottom .menu>li>a:before {
    background-color: var(--primary-color)
}

.category-dropdown .dropdown-toggle:before {
    background-color: var(--primary-color)
}

.category-dropdown .dropdown-toggle:hover,
.category-dropdown .dropdown-toggle:focus {
    color: var(--primary-background);
    background-color: var(--primary-color)
}

.category-dropdown:not(.is-on):hover .dropdown-toggle {
    background-color: var(--primary-color)
}

.category-dropdown.show .dropdown-toggle {
    color: var(--primary-background);
    background-color: var(--primary-color)
}

.category-dropdown .dropdown-item:hover,
.category-dropdown .dropdown-item:focus {
    color: var(--primary-color)
}

.menu-vertical li:hover>a,
.menu-vertical li.show>a,
.menu-vertical li.active>a {
    color: var(--primary-color)
}

.menu-vertical>li:hover>a,
.menu-vertical>li.show>a,
.menu-vertical>li.active>a {
    color: var(--primary-color)
}

.mobile-menu-close:hover,
.mobile-menu-close:focus {
    color: var(--primary-color)
}

.mobile-menu li a:hover,
.mobile-menu li a:focus {
    color: var(--primary-color)
}

.mobile-menu li.open>a,
.mobile-menu li.active>a {
    color: var(--primary-color)
}

.mmenu-btn:hover,
.mmenu-btn:focus {
    color: var(--primary-color)
}

.mobile-search .form-control:focus {
    border-color: var(--primary-color)
}

.nav.nav-pills-mobile .nav-link.active,
.nav.nav-pills-mobile .nav-link:hover,
.nav.nav-pills-mobile .nav-link:focus {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.mobile-cats-menu li a:hover,
.mobile-cats-menu li a:focus {
    color: var(--primary-color)
}

.mobile-menu-light .mobile-menu li.open>a,
.mobile-menu-light .mobile-menu li.active>a {
    color: var(--primary-color)
}

.mobile-menu-light .mobile-search .form-control:focus {
    border-color: var(--primary-color)
}

.header-4 .header-search .header-search-wrapper {
    transition: 150ms;
    transition-timing-function: cubic-bezier(0.04, 0.03, 0.79, 1.02);
}

.header-4 .header-search .header-search-wrapper:focus-within {
    border-color: var(--primary-color);
    border-width: 4px;
    border-style: solid;
    border-radius: 25px 25px 0 0;
}

.header-4 .header-search .form-control:focus {
    border-radius: 25px;
}

.header-4 .header-search .search-suggestion {
    display: flex;
    position: absolute;
    justify-content: center;
    width: 100%;
    background-color: var(--primary-background);
    z-index: 1000;
    box-shadow: 0px 20px 20px 5px;
    border-radius: 0px 0px 6px 6px;
}


.header-4 .header-search .search-suggestion .empty{
    padding: 1.5rem;
}
.header-4 .header-search .search-suggestion .empty .icon-loading .vl-icon svg{
    stroke: var(--primary-color);
}

.list-search-suggestion{
    width: 100%;
}

.list-search-suggestion:hover{
    display: block;
}

.item-list-search-suggestion{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 1rem;
    padding: 1rem;
    align-items: center;
    height: 10rem;
    border-top: 1px solid var(--primary-dark-color);
    z-index: 1000;
    transition: 150ms;
    transition-timing-function: cubic-bezier(0.04, 0.03, 0.79, 1.02);
}

.item-list-search-suggestion a{
    border-radius: 25px !important;
}

.item-list-search-suggestion:hover{
    background-color: var(--primary-color);
    color: var(--primary-background);
}

.item-list-search-suggestion p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-4 .dropdown.category-dropdown .dropdown-toggle:not(:hover):not(:focus) {
    color: var(--primary-color)
}

@media screen and (max-width: 991px) {
    .header-4 .header-search-visible .header-search-wrapper:before {
        border-bottom-color: var(--primary-color)
    }
}

.header-6 .header-middle a:hover,
.header-6 .header-middle a:focus {
    color: var(--primary-color)
}

.header-8 .header-top {
    color: #d1e8ff;
    background-color: var(--primary-color)
}

.header-10 .header-search .header-search-wrapper {
    border-color: var(--primary-color)
}

.header-10 .category-dropdown .dropdown-toggle {
    background-color: var(--primary-color)
}

.header-10 .menu-vertical .menu-title {
    color: var(--primary-color)
}

.header-12 .dropdown.category-dropdown .dropdown-toggle {
    background-color: var(--primary-color)
}

.header-13 .dropdown.category-dropdown .dropdown-toggle {
    background-color: var(--primary-color)
}

.header-14 .header-search .header-search-wrapper {
    border-color: var(--primary-color)
}

.header-14 .dropdown.category-dropdown .dropdown-toggle {
    background-color: var(--primary-color)
}

.entry-video a:hover:after,
.entry-video a:focus:after {
    color: var(--primary-color)
}

.entry-meta a:hover,
.entry-meta a:focus {
    color: var(--primary-color);
    box-shadow: 0 1px 0 var(--primary-color)
}

.entry-title a:hover,
.entry-title a:focus {
    color: var(--primary-color)
}

.entry-cats a:hover,
.entry-cats a:focus {
    color: var(--primary-color);
    box-shadow: 0 1px 0 var(--primary-color)
}

.read-more:hover,
.read-more:focus {
    box-shadow: 0 1px 0 0 var(--primary-color)
}

.menu-cat a:hover,
.menu-cat a:focus {
    color: var(--primary-color)
}

.menu-cat li.active a {
    color: var(--primary-color);
    box-shadow: 0 1px 0 var(--primary-color)
}

.widget-search .btn:hover,
.widget-search .btn:focus {
    color: var(--primary-color)
}

.widget-cats a:hover,
.widget-cats a:focus {
    color: var(--primary-color)
}

.posts-list a:hover,
.posts-list a:focus {
    color: var(--primary-color)
}

.tagcloud a:hover,
.tagcloud a:focus {
    color: var(--primary-color)
}

.table .total-col {
    color: var(--primary-color)
}

.btn.btn-spinner:hover,
.btn.btn-spinner:focus {
    color: var(--primary-color)
}

.table.table-summary .summary-shipping-estimate a:hover,
.table.table-summary .summary-shipping-estimate a:focus {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.sidebar-toggler:hover,
.sidebar-toggler:focus {
    color: var(--primary-color)
}

#filter-price-range {
    color: var(--primary-color)
}

.checkout-discount label span {
    color: var(--primary-color)
}

.checkout-discount .form-control:focus {
    border-color: var(--primary-color)
}

.table.table-summary a:hover,
.table.table-summary a:focus {
    color: var(--primary-color)
}

.table.table-summary .summary-total td {
    color: var(--primary-color)
}

.accordion-summary .card-title a:before {
    border-color: var(--primary-color)
}

.accordion-summary .card-title a:after {
    background-color: var(--primary-color)
}

.paypal-link:hover,
.paypal-link:focus {
    color: var(--primary-color) !important
}

.coming-countdown .countdown-amount {
    color: var(--primary-color)
}

.coming-countdown.countdown-separator .countdown-section:not(:last-child):after {
    color: var(--primary-color)
}

.contact-box a:hover,
.contact-box a:focus {
    color: var(--primary-color)
}

.contact-list a:hover,
.contact-list a:focus {
    color: var(--primary-color)
}

.contact-list i {
    color: var(--primary-color)
}

.store a:not(.btn):hover,
.store a:not(.btn):focus {
    color: var(--primary-color)
}

.nav-dashboard .nav-link:hover,
.nav-dashboard .nav-link:focus,
.nav-dashboard .nav-link.active {
    color: var(--primary-color)
}

.form-tab .form-footer a:hover,
.form-tab .form-footer a:focus {
    color: var(--primary-color)
}

.nav-filter a:hover,
.nav-filter a:focus {
    color: var(--primary-color)
}

.nav-filter .active a {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.portfolio-title a:hover,
.portfolio-title a:focus {
    color: var(--primary-color)
}

.portfolio-tags a {
    color: var(--primary-color)
}

.portfolio-tags a:hover,
.portfolio-tags a:focus {
    color: var(--primary-color);
    box-shadow: 0 1px 0 var(--primary-color)
}

.btn-product-gallery:hover,
.btn-product-gallery:focus {
    background-color: var(--primary-color)
}

.product-gallery-item:before {
    border-color: var(--primary-color)
}

.product-pager-link:hover,
.product-pager-link:focus {
    color: var(--primary-color)
}

.product-pager-link:hover span,
.product-pager-link:focus span {
    box-shadow: 0 1px 0 var(--primary-color)
}

.product-details .product-cat a:hover,
.product-details .product-cat a:focus {
    color: var(--primary-color);
    box-shadow: 0 1px 0 var(--primary-color)
}

.product-details .product-size a.active,
.product-details .product-size a:hover,
.product-details .product-size a:focus {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.size-guide:hover,
.size-guide:focus {
    color: var(--primary-color)
}

.product-details-action .btn-cart {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.product-details-action .btn-cart:hover,
.product-details-action .btn-cart:focus {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.product-details-tab .nav.nav-pills .nav-link:hover,
.product-details-tab .nav.nav-pills .nav-link:focus {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.product-desc-content a:hover,
.product-desc-content a:focus {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color)
}

.review h4 a:hover,
.review h4 a:focus {
    color: var(--primary-color)
}

.review-action a:hover,
.review-action a:focus {
    color: var(--primary-color);
    box-shadow: 0 1px 0 var(--primary-color)
}

.product-details-extended .nav.nav-pills .nav-link.active,
.product-details-extended .nav.nav-pills .nav-link:hover,
.product-details-extended .nav.nav-pills .nav-link:focus {
    border-color: var(--primary-color)
}

.editor-content a:hover,
.editor-content a:focus {
    color: var(--primary-color);
    box-shadow: 0 1px 0 var(--primary-color)
}

.editor-content blockquote {
    border-left-color: var(--primary-color)
}

.entry-tags a:hover,
.entry-tags a:focus {
    color: var(--primary-color)
}

.entry-author-details h4 a:hover,
.entry-author-details h4 a:focus {
    color: var(--primary-color)
}

.author-link:hover,
.author-link:focus {
    color: var(--primary-color);
    box-shadow: 0 1px 0 var(--primary-color)
}

.pager-link {
    color: var(--primary-color)
}

.pager-link:hover,
.pager-link:focus {
    color: var(--primary-color)
}

.pager-link:hover:after,
.pager-link:focus:after {
    color: var(--primary-color)
}

.comment-reply:hover,
.comment-reply:focus {
    color: var(--primary-color);
    box-shadow: 0 1px 0 var(--primary-color)
}

.comment-user h4 a:hover,
.comment-user h4 a:focus {
    color: var(--primary-color)
}

.product-col .product-title a:hover,
.product-col .product-title a:focus {
    color: var(--primary-color)
}

.owl-theme .owl-nav [class*='owl-'] {
    color: var(--primary-color)
}

.owl-theme .owl-nav [class*='owl-']:not(.disabled):hover {
    border-color: var(--primary-color);
    background: var(--primary-color)
}

.owl-theme.owl-light .owl-nav [class*='owl-']:not(.disabled):hover {
    border-color: var(--primary-color)
}

.owl-theme.owl-light .owl-dots .owl-dot:hover span {
    border-color: var(--primary-color);
    background: var(--primary-color)
}

.owl-theme.owl-light .owl-dots .owl-dot.active span {
    border-color: var(--primary-color);
    background: var(--primary-color)
}

.owl-full .owl-nav [class*='owl-'] {
    color: var(--primary-color)
}

.owl-full .owl-nav [class*='owl-']:hover,
.owl-full .owl-nav [class*='owl-']:focus {
    color: var(--primary-color)
}

.owl-full .owl-dots .owl-dot span {
    border-color: var(--primary-color)
}

.owl-full .owl-dots .owl-dot:hover span {
    border-color: var(--primary-color);
    background: var(--primary-color)
}

.owl-full .owl-dots .owl-dot.active span {
    border-color: var(--primary-color);
    background: var(--primary-color)
}

.owl-full.owl-nav-dark .owl-nav [class*='owl-']:hover,
.owl-full.owl-nav-dark .owl-nav [class*='owl-']:focus {
    color: var(--primary-color)
}

.owl-simple .owl-nav [class*='owl-']:not(.disabled):hover {
    color: var(--primary-color)
}

.owl-simple.owl-light .owl-dots .owl-dot:hover span {
    border-color: var(--primary-color);
    background: var(--primary-color)
}

.owl-simple.owl-light .owl-dots .owl-dot.active span {
    border-color: var(--primary-color);
    background: var(--primary-color)
}

.quickView-content .owl-theme.owl-light .owl-nav [class*='owl-'] {
    border: none;
    font-size: 3rem;
    color: var(--primary-background)
}

.quickView-content .owl-theme.owl-light .owl-nav [class*='owl-']:hover,
.quickView-content .owl-theme.owl-light .owl-nav [class*='owl-']:focus {
    color: var(--primary-color);
    background-color: transparent
}

.quickView-content .details-action-wrapper .btn-product:hover span,
.quickView-content .details-action-wrapper .btn-product:focus span {
    color: white;
    box-shadow: 0 1px 0 0 var(--primary-color)
}

.btn-cart:hover span {
    color: white;
}

.quickView-content .product-details-action .btn-cart {
    transition: color .3s
}

.quickView-content .product-details-action .btn-cart:hover,
.quickView-content .product-details-action .btn-cart:focus {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: white !important;
}

.quickView-content .btn-wishlist,
.quickView-content .btn-compare {
    border: none
}

.quickView-content .btn-wishlist:before,
.quickView-content .btn-compare:before {
    color: var(--primary-color)
}

.quickView-content .btn-wishlist:hover,
.quickView-content .btn-wishlist:focus,
.quickView-content .btn-compare:hover,
.quickView-content .btn-compare:focus {
    color: var(--primary-color);
    background-color: transparent
}

.quickView-content .btn-wishlist:hover span,
.quickView-content .btn-wishlist:focus span,
.quickView-content .btn-compare:hover span,
.quickView-content .btn-compare:focus span {
    color: var(--primary-color)
}

.quickView-content .btn-fullscreen:hover,
.quickView-content .btn-fullscreen:focus {
    color: var(--primary-background);
    background-color: var(--primary-color)
}

.quickView-content .product-left .carousel-dot.active img {
    opacity: 1;
    box-shadow: 0 0 0 1px var(--primary-color)
}

.quickView-content .product-left .carousel-dot:hover img,
.quickView-content .product-left .carousel-dot:focus img {
    opacity: 1
}

.newsletter-popup-container .banner-title span {
    color: var(--primary-color)
}


.btn-primary,
/* .btn-primary:hover, */
.btn-primary:active,
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-outline-primary-2:hover,
.btn-outline-primary-2:active {
    color: var(--text-primary-color) !important;
}

/*# sourceMappingURL=skin-demo-4.css.map */
.header-center .icon-search {
    color: var(--primary-color);
}

button:not(.vue-carousel *):not(.mobile-search *),
a:not(.nav-link):not(.social-icon):not(.dropdown-toggle):not(.product-cat *),
input:not(.header-center *):not(.mobile-search *):not(.input-group-text + input),
.input-group,
.btn-icon-split,
.select2-selection,
select {
    border-radius: 6px !important;
}

.input-group-text {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.input-group-text+input,
.input-group-text+select {
    border-radius: 0px 6px 6px 0px !important;
}

#mobile-search {
    border-radius: 6px 0px 0px 6px !important;
}

input+button {
    border-radius: 0px 6px 6px 0px !important;
}

.modal-body {
    background-color: rgb(250, 250, 250);
}

.modal-content {
    background: none !important;
}

.modal-body,
.form-box {
    border-radius: 10px;
}

.modal-body>div:first-child {
    border-radius: 10px 10px 0px 0px !important;
}

.table-primary th {
    padding: 15px !important;
}

.card-product {
    border: 1px solid var(--primary-dark-color) !important;
}