@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;700;900&display=swap');

* {
    font-family: 'Montserrat', sans-serif;
}

*::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: rgb(213 179 212);
    border-radius: 3px;
}

*::-webkit-scrollbar {
    background-color: #F5F5F5;
    width: 6px;
    border-radius: 3px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--purple-admin);
    border: none;
    border-radius: 3px;
}

.authentication-box img {
    width: inherit;
}

:root {
    --purple-admin: #71176c;
}

.btn-group {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.btn-group.middle {
    align-items: center;
}

.btn-group button:nth-child(2) {
    margin-left: 10px;
}

.btn {
    margin: 0;
    border: none;
    border-radius: 10px !important;
    transition: .4s ease;
}

.btn-primary:disabled {
    background-color: #b7b7b7 !important;
    border-color: #b7b7b7 !important;
}

.btn-primary {
    padding: 6px !important;
    text-align: center !important;
    background-color: #461561 !important;
    color: #fff !important;
    margin: 0;
    border: none;
    border-radius: 20px !important;
    transition: .4s ease;
    font-family: 'Clash-display-medium', sans-serif !important;

}

.btn-primary:hover {
    background-color: #330c49 !important;
    color: #fff !important;
    transition: .4s ease;
    font-family: 'Clash-display-medium', sans-serif !important;

}

.btn-secondary {
    background-color: #484848 !important;
    color: #fff;
    margin: 0;
    border: none;
    border-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    transition: .4s ease;
}

.btn-secondary:hover {
    background-color: #383838 !important;
    color: #fff;
    transition: .4s ease;
}

/* =============================================================================
| LOGIN
============================================================================= */
.authentication-main {
    height: 100vh;
    padding: 0;
    background-color: #fff8e7 !important;
    background-image: url(/assets/images/new-admin/authentication-main-bg.png) !important;
    background-size: 100%;
}

.authentication-main .auth-innerright {
    height: 100vh;
}

.authentication-box {
    width: 900px;
    height: 540px;
    z-index: 0;
    display: inline-flex;
    border-radius: 25px;
    -webkit-box-shadow: 0 0rem 3rem 7px rgb(0 0 0 / 18%) !important;
    box-shadow: 0 0rem 3rem 7px rgb(0 0 0 / 18%) !important;
}

.authentication-main .section-info,
.authentication-main .section-banner {
    padding: 0;
    height: 540px;
}

.authentication-main .section-info {
    padding: 30px 30px 20px;
    background-color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.authentication-main .section-info>img {
    width: 180px;
}

.authentication-main .section-info .back-btn {
    display: block;
    font-weight: 600;
    color: var(--purple-admin);
}

.authentication-main .section-info .main {
    padding: 40px 0;
}

.authentication-main .section-info .main .title h6 {
    color: #460e43;
    font-size: 40px;
    font-weight: 500;
    margin: 0;
}

.authentication-main .section-info .main .title h5 {
    color: #460e43;
    font-size: 40px;
    margin: 0;
    font-weight: 800;
}

.authentication-main .section-info .main form {
    padding-top: 10px;
}

.authentication-main .section-info .main form .form-group {
    margin-bottom: 10px;
    width: 95%;
}

.authentication-main .section-info .main form input[type="text"],
.authentication-main .section-info .main form input[type="email"],
.authentication-main .section-info .main form input[type="password"] {
    border-radius: inherit;
    height: 60px;
    font-size: 14px;
    padding-left: 25px;
    color: #460e43;
    border: 1px solid #460e43;
    transition: .4s ease;
}

.authentication-main .section-info .main form input[type="checkbox"] {
    position: inherit;
    margin: 0;
}

.authentication-main .section-info .main form input:focus {
    border-left: 15px solid #460e43;
    transition: .4s ease;
    z-index: 0;
    box-shadow: none;
}

.authentication-main .section-info .main form input::placeholder {
    color: #460e43;
    font-size: 22px;
}

.authentication-main .section-info .main form .input-group-append {
    border-radius: 0;
    position: absolute;
    right: 0;
    height: 100%;
    background: #fff;
    align-self: center;
    border: 1px solid #460e43;
    border-left: none;
}

.authentication-main .section-info .main form .has-error .input-group-append {
    border: none;
}

.authentication-main .section-info .main form .input-group-append .input-group-text {
    color: #460e43;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.authentication-main .section-info .main form .btn-extra a {
    color: #460e43;
}

.authentication-main .section-info .main form .btn-extra .text-end {
    text-align: right;
}

.authentication-main .section-info .main form .btn-form button,
.authentication-main .section-info .main form .btn-form a {
    background-color: #460e43;
    color: #fff;
    border: none;
    margin: 0 6px;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    transition: .6s ease;
}

.authentication-main .section-info .main form .btn-form button:hover,
.authentication-main .section-info .main form .btn-form a:hover {
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    transition: .6s ease;
}

.authentication-main .section-info .footer {
    bottom: 20px;
    position: absolute;
    right: 30px;
}

.authentication-main .section-info .footer .follow-icons {
    display: inline-flex;
    width: 100%;
    color: #7f7f7f;
    justify-content: flex-end;
}

.authentication-main .section-info .footer .follow-icons p {
    margin: 0 14px;
    font-size: 14px;
    letter-spacing: 4px;
}

.authentication-main .section-info .footer .follow-icons a {
    color: #7f7f7f;
    margin: 0 10px;
    font-size: 16px;
}

.authentication-main .section-banner {
    background-image: url(/assets/images/new-admin/authentication-banner.png);
    background-size: 100%;
    background-repeat: no-repeat;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    display: inline-flex;
    align-items: center;
}

.authentication-main .section-banner .text {
    width: 68%;
    text-align: center;
    display: inline-block;
}

.authentication-main .section-banner .text h4,
.authentication-main .section-banner .text h6 {
    margin: 0;
    color: #fff;
    font-weight: 800;
    line-height: 45px;
}

.authentication-main .section-banner .text h4 {
    font-size: 45px;
}

.authentication-main .section-banner .text h6 {
    font-size: 50px;
    font-size: 30px;
    line-height: 27px;
}

/* =============================================================================
| /LOGIN
============================================================================= */
/* Email confirmation */
.authentication-main .section-info.email-confirmation {
    border-radius: 25px;
}

.authentication-main .section-info.email-confirmation>img {
    width: 180px;
    position: absolute;
}

.authentication-main .section-info.email-confirmation .main {
    padding: 40px 0;
    display: inline-flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.authentication-main .section-info.email-confirmation .main .title {
    text-align: center;
}

.authentication-main .section-info.email-confirmation .main .title h6 {
    color: #460e43;
    font-size: 40px;
    font-weight: 500;
    margin: 0;
}

.authentication-main .section-info.email-confirmation .main .title h5 {
    color: #460e43;
    font-size: 40px;
    margin: 0;
    font-weight: 800;
}

.authentication-main .section-info.email-confirmation .main .text-info {
    margin-top: 40px;
    text-align: center;
}

.authentication-main .section-info.email-confirmation .main .text-info p {
    color: #460e43;
    font-size: 25px;
    font-weight: 500;
    padding: 0;
    margin: 0;
}

.authentication-main .section-info.email-confirmation .main .text-info p a {
    text-decoration: underline;
}

.authentication-main .section-info.email-confirmation .main .text-info .info-store-delay-warning {
    font-size: 12px;
    bottom: 10px;
    position: absolute;
    margin: auto;
}

/* /Email confirmation */
/* =============================================================================
| ADMIN
============================================================================= */
.page-wrapper .page-body-wrapper.sidebar-hover .active {
    list-style: none;
}

.form-control:focus {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.datepicker--nav {
    color: var(--purple-admin);
}

.datepicker--nav-action {
    background: var(--purple-admin);
}

.datepicker--nav-action:hover {
    background: var(--purple-admin);
}

.datepicker--cell.-current- {
    color: var(--purple-admin);
    border-color: var(--purple-admin);
}

.datepicker--cell.-current-.-focus- {
    color: #fff;
}

.datepicker--cell.-focus- {
    background: var(--purple-admin) !important;
}

.daterangepicker th.month,
.daterangepicker td.month {
    color: var(--purple-admin);
    background: transparent !important;
}

.daterangepicker th.prev,
.daterangepicker th.next,
.daterangepicker td.prev,
.daterangepicker td.next {
    background-color: var(--purple-admin);
}

.daterangepicker.ltr tr td.active {
    background-color: var(--purple-admin) !important;
}

.daterangepicker.ltr tr td.in-range {
    background-color: #c583c1a1;
    color: #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #c583c1;
    border-color: transparent;
    color: #000000 !important;
}

input.datepicker-here {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

input[name="date_range"]+.input-group-append span.input-group-text {
    background-color: var(--purple-admin) !important;
    border: 1px solid var(--purple-admin);
}

input[name="select_month"]+.input-group-append span.input-group-text {
    background-color: var(--purple-admin) !important;
    border: 1px solid var(--purple-admin);
}

.password-container .input-group-append {
    border-radius: 0;
    position: absolute;
    right: 1px;
    background: #fff;
    align-self: center;
    height: 97%;
    border: none;
    z-index: 9;
}

.password-container .input-group-append .input-group-text {
    color: #460e43 !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

.card .card-body .input-group-append span.input-group-text {
    color: #fff;
    background-color: #484848;
    border: 1px solid #484848;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.input-group>.input-group-append:not(:last-child)>.input-group-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.form-control {
    font-size: 12px;
    color: #000000;
    font-family: 'Clash-display-medium', sans-serif !important;
    font-weight: 500 !important;
    border: 0px !important;
    background-color: #f1f1f1;
    border-radius: 17px;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #a8a8a8ad;
    border-color: #a8a8a8ad;
    color: #fff;
    opacity: 1;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #a8a8a8ad !important;
    border-color: #a8a8a8ad !important;
    color: #fff !important;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single span {
    color: #fff;
}

.select2-container--default.select2-container--disabled .select2-selection--single b {
    border-color: black transparent transparent transparent;
    margin-left: -10px !important;
}

.modal .modal-header {
    background: white;
    color: black;
    padding: 7px !important;
    border-radius: 20px !important;
    border-bottom: 0px !important;
    font-family: 'Clash-display-medium', sans-serif !important;
}

.btn-success {
    background-color: #461561 !important;
    border: 1px solid #461561 !important;
    border-radius: 20px !important;
    font-family: 'Clash-display-medium', sans-serif !important;
    color: white !important;
}

.btn-success:hover {
    background-color: #461561 !important;
    border: 1px solid #461561 !important;
    border-radius: 20px !important;
    font-family: 'Clash-display-medium', sans-serif !important;
    color: white !important;
}

.modal .modal-header h5.modal-title {
    display: flex !important;
    flex-direction: column;
    font-weight: 600;
    align-self: center;
    font-family: 'Clash-display-medium', sans-serif !important;
    color: black !important
}

.modal .modal-header h5.modal-title span {
    float: none;
    margin: 0;
    font-weight: 300;
    font-size: 15px;
}

.modal .modal-header button.close {
    background: white;
    padding: 0px 20px;
    margin: 0;
    float: inherit;
    width: 2%;
    justify-content: center;
    align-self: center;
    display: flex;
    font-size: 40px;
    line-height: 30px;
    color: black !important;
}

.modal .nav-pills {
    justify-content: center;
}

.modal .nav-pills a {
    text-align: center;
    border-radius: 0;
    width: 50%;
    font-weight: 600;
    color: #71176c;
    background-color: #fff;
}

.modal .nav-pills .nav-link.active,
.modal .nav-pills .show>.nav-link {
    color: #71176c;
    background-color: #fff;
    border-bottom: 5px solid #71176c !important;
}

.status-form {
    border: none;
    /* margin: 0px 35px !important; */
    padding: 5px 0px !important;
}

.status-new {
    background: #1976D2;
    color: #FFFFFF;
}

.status-contacted {
    background: #66BB6A;
    color: #000;
}

.status-no-answer1 {
    background: #FFF176;
    color: #000;
}

.status-no-answer2 {
    background: #FDD835;
    color: #000;
}

.status-no-answer3 {
    background: #F9A825;
    color: #000;
}

.status-no-calify {
    background: #F4511E;
    color: #fff;
}

.status-interested {
    background: #00796B;
    color: #fff;
}

.status-inactive,
.status-not-verified {
    background: #D85153;
    color: #FFFFFF;
}

.status-not-verified::before {
    background: #D85153;
    border-color: #D85153;
}

.status-active {
    background: #50BF80;
    color: #FFFFFF;
}

.switch-active .switch-state {
    background-color: #8cc13c !important;
}

.switch-inactive .switch-state {
    background-color: #e00c07 !important;
}

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
    width: 99.8% !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.4em;
    font-family: Montserrat, sans-serif;
}

table.dataTable tbody td {
    font-weight: 500;
}

.checkbox-solid-primary label:before {
    background-color: transparent;
    border-color: #000;
    color: #fff;
}

.checkbox-solid-primary input[type="checkbox"]:checked+label::before {
    background-color: transparent;
    border-color: #000;
    color: #000;
}

.bootstrap-touchspin button {
    color: #fff !important;
    background-color: #461561 !important;
    border: 1px solid #461561;
    border-radius: 0 !important;
    padding: 0;
    width: 50px;
}

.bootstrap-touchspin button.bootstrap-touchspin-down {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.bootstrap-touchspin button.bootstrap-touchspin-up {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.shipping-note {
    display: block;
    height: calc(88% - 31px);
    width: 100%;
    padding: 10px;
    border: 1px solid #e9ecef;
    border-radius: 3px;
}

/* HEADER ====================================================================*/
.page-wrapper .page-main-header {
    /* background-color: #60135c; */
    background-color: #F5F5F4;
    width: 100%;
    margin: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.page-wrapper .page-main-header .main-header-right {
    justify-content: space-between;
}

.page-wrapper .page-main-header .header-logo-buttons {
    display: inline-flex;
    align-items: center;
}

.page-wrapper .page-main-header .header-logo-buttons .logo-header {
    /* width: 200px; */
    width: 112px;
    height: 27px;
}

.page-wrapper .page-main-header .header-logo-buttons .header-buttons {
    margin-left: 20px;
}

.page-wrapper .page-main-header .header-logo-buttons .header-buttons ul {
    display: flex;
}

.page-wrapper .page-main-header .header-logo-buttons .header-buttons li {
    margin: 0 10px;
}

.page-wrapper .page-main-header .header-logo-buttons .header-buttons li a {
    color: #fff;
    font-size: 18px;
}

.page-wrapper .page-main-header .header-logo-buttons .header-buttons li label.switch {
    color: #fff;
    font-size: 18px;
    margin: 0;
    width: auto;
    height: auto;
    margin-top: 0;
}

.page-main-header .main-header-right svg line {
    color: #fff;
}

.page-wrapper .page-main-header .header-list-buttons .sidebar-menu {
    display: inline-flex;
}

.page-wrapper .page-main-header .header-list-buttons .sidebar-menu li {
    margin: 0 6px;
}

.page-wrapper .page-main-header .header-list-buttons .sidebar-menu li a {
    color: #fff;
    font-size: 13px;
}

.page-wrapper .page-main-header .header-list-buttons .sidebar-menu li a[data-page="true"] {
    font-weight: bold;
}

.page-wrapper .page-main-header .header-list-buttons .sidebar-menu .sidebar-submenu {
    position: absolute;
    width: max-content;
    background-color: #fff;
    display: grid;
    margin-top: 5px;
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.page-wrapper .page-main-header .header-list-buttons .sidebar-menu .sidebar-submenu li {
    margin: 0;
    padding: 10px;
    transition: .4s ease;
    cursor: pointer;
}

.page-wrapper .page-main-header .header-list-buttons .sidebar-menu .sidebar-submenu li:hover {
    background-color: #460e43;
    transition: .4s ease;
}

.page-wrapper .page-main-header .header-list-buttons .sidebar-menu .sidebar-submenu li a {
    color: #460e43;
}

.page-wrapper .page-main-header .header-list-buttons .sidebar-menu .sidebar-submenu li:hover a {
    color: #fff;
}

/* /HEADER ===================================================================*/
/* SIDEBAR ===================================================================*/

.page-wrapper .page-body-wrapper .page-sidebar.light-sidebar {
    background-color: transparent;
    display: block !important;
}

.page-wrapper .page-body-wrapper .sidebar {
    /* background: var(--purple-admin); */
    background-color: #F5F5F4;
    box-shadow: none;
    overflow: hidden;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu {
    padding: 20px 0;
}

.page-wrapper .page-body-wrapper .page-sidebar.light-sidebar .sidebar-menu>li>a {
    color: #4E4E4E !important;
    /* text-align: center; */
    padding: 10px 20px;
    white-space: nowrap !important;
}

.page-wrapper .page-body-wrapper .page-sidebar.light-sidebar.open .sidebar-menu>li>a {
    text-align: left;
    padding: 10px 20px;
}

.page-wrapper .page-body-wrapper .page-sidebar.light-sidebar .sidebar-menu>li>a:hover {
    /* color: #fff;*/
    background-color: #fff;
    color: #4E4E4E !important;
}

.page-wrapper .page-body-wrapper .page-sidebar.light-sidebar .sidebar-menu>li>a span {
    margin-left: 10px;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a {
    background-color: #F5F5F4;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a i {
    color: #4E4E4E !important;
    font-size: 16px;
    margin: 0 0 0 15px;
    background-color: #fff !important;
    font-size: 16px;
    padding: 1px;
    border-radius: 50%;
    display: inline-block;
    /* Necesario para que el padding funcione correctamente */
    width: 40px;
    /* Ajusta el tamaño según sea necesario */
    height: 40px;
    text-align: center;
    align-content: center;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active>.sidebar-submenu {
    margin-left: 0px;
}

.page-wrapper .page-body-wrapper .page-sidebar.light-sidebar .sidebar-menu .sidebar-submenu>li>a {
    color: #4E4E4E;
    padding: 0 30px;
    white-space: nowrap !important;
}

.page-wrapper .page-body-wrapper .page-sidebar.light-sidebar .sidebar-menu .sidebar-submenu>li>a span {
    margin-left: 10px;
}

.page-wrapper .page-body-wrapper .page-sidebar.light-sidebar .sidebar-menu .sidebar-submenu>li>a:hover,
.page-wrapper .page-body-wrapper .page-sidebar.light-sidebar .sidebar-menu .sidebar-submenu>li>a.active {
    /* color: #fff;
    background-color: #60135c; */
    background-color: #fff;
    color: #4E4E4E !important;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li>a>i {
    color: #4E4E4E !important;
}

.page-wrapper .page-body-wrapper .page-sidebar[sidebar-layout="border-sidebar"] li.active>.sidebar-header {
    /* background-color: #60135c; */
    /* background-color: #FFFFFF; */

    border: none;
}

.sidebar-header-logout-btn {
    bottom: 14px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.sidebar-header-logout-btn a {
    font-size: 20px;
    color: #fff;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    white-space: nowrap !important;
    transition: all 0.3s ease;
}

.sidebar-header-logout-btn a:hover {
    background-color: #60135c;
    transition: all 0.3s ease;
}

.sidebar-header-logout-btn a span {
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-weight: 600;
    margin-left: 10px;
}

/* /SIDEBAR ==================================================================*/
/* MAIN ======================================================================*/
.page-wrapper .page-body-wrapper .page-body {
    /* background-color: #fffdf7; */
    padding: 0;
    min-height: calc(100vh - 132px);
}

/* HEADER PRE-TABLES =========================================================*/
/* form.card .card-header::after{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7035189075630253) 15%, #484848 50%, rgba(15,7,8,0.6979166666666667) 85%, rgba(0,0,0,0) 100%);
} */
form.card .card-body label.form-label {
    font-weight: 600;
}

form.card .card-body .btn-form-partial-row {
    display: inline-flex;
    justify-content: space-between;
    /* align-items: end; */
    width: 100%;
    height: 100%;
}

form.card .card-body .btn-form-partial-row button {
    top: inherit;
    max-width: 250px;
}

/* /HEADER PRE-TABLES ========================================================*/
/* TABLES ====================================================================*/
.card {
    /* -webkit-box-shadow: 0px 0px 15px 9px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 15px 9px rgb(0 0 0 / 10%); */
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 27px !important;
    padding: 30px;
}

.card .card-header {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0;
    border-radius: 27px;
}

/* .card.container-table .card-header::after{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7035189075630253) 15%, #484848 50%, rgba(15,7,8,0.6979166666666667) 85%, rgba(0,0,0,0) 100%);
} */
.card .card-header .title-table,
.card .card-header .dataTables_filter {
    align-self: end;
    margin: 0;
}

.card .card-header .card-title {
    font-weight: 600;
    color: black;
    font-size: 20px;
    font-family: 'Clash-display-medium', sans-serif
}

.card .card-header .dataTables_filter label {
    font-size: 14px;

    font-weight: 500;
    color: black;
    font-family: 'Clash-display-medium', sans-serif;
}

.card .card-header .dataTables_filter input {
    border: 0px solid #484848;
    border-radius: 17px !important;
    background-color: #F1F1F1;
}

table.dataTable thead th,
table.dataTable tfoot th {
    /* background: #7a7a7a; */
    color: black;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after {
    opacity: 1;
}

.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td {
    text-align: center !important;
    font-weight: 500;
}

#modal-show-order {
    height: 100vh;
    top: 0px;
    padding: 0 0px;
}

#modal-show-order .modal-header {
    /* background: #71176c;
    color: #fff;
    padding: 15px 20px !important;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 15%) !important; */
}

#modal-show-order .modal-header h5.modal-title {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
}

#modal-show-order .modal-header h5.modal-title span {
    float: none;
    margin: 0 10px;
    font-weight: 300;
    font-size: 15px;
}

#modal-show-order .content-info-modal {
    align-content: center;
    border-radius: 6px;
    padding: 10px 20px;
    background: #fff;
}

#modal-show-order .total-info .content-info-modal {
    padding: 10px;
}

#modal-show-order .total-info div {
    margin: 0 10px;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: 1px solid #9e9e9e; */
}

#modal-show-order .total-info div .title {
    font-size: 16px;
    font-weight: 600;
}

#modal-show-order .total-info div .content-number {
    font-size: 16px;
    font-weight: 500;
}

#modal-show-order .nav-pills {
    justify-content: center;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 15%) !important;
}

#modal-show-order .nav-pills a {
    text-align: center;
    border-radius: 0;
    width: 50%;
    font-weight: 600;
    color: #71176c;
    background-color: #fff;
}

#modal-show-order .nav-pills .nav-link.active,
#modal-show-order .nav-pills .show>.nav-link {
    background-color: #fff;
    border-bottom: 5px solid #71176c !important;
}

#modal-show-order .tab-content #tab-shipping .col-sm-6 {
    padding: 0;
}

#modal-show-order .tab-content #tab-shipping .content-shipping-data {
    margin: 0 14px;
    background: #fff;
}

#modal-show-order .modal-body .row-tab-order {
    padding-top: 0 !important;
}

#modal-show-order .modal-body div.dataTables_wrapper {
    background: #fff;
}

#modal-show-order .modal-body table {
    width: 99% !important;
    margin: 10px auto !important;
}

#modal-show-order .modal-body .cancel-order-action-btn {
    padding-left: 0;
}

#modal-show-order .modal-body .cancel-order-action-btn .content-info-modal {
    border-radius: 0;
    height: 97%;
}

#modal-show-order .modal-body .cancel-order-action-btn ul li button {
    width: 100%;
    margin: 10px 0;
}

input.input-refund-item {
    border: 1px solid #868686;
}

.content-buttons-cancel-order {
    margin: 1rem 0px;
    text-align: center;
}

#modal-show-order .modal-body .row-confirm-action .content-info-modal {
    border-radius: 0 !important;
    border: 2px solid red;
}

/* /TABLES ===================================================================*/
/* Statement */
#table-referrals_wrapper>.card-header::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7035189075630253) 15%, #484848 50%, rgba(15, 7, 8, 0.6979166666666667) 85%, rgba(0, 0, 0, 0) 100%);
}

#table-referrals_wrapper .title-table {
    align-self: center;
}

#table-referrals_filter input {
    width: 60% !important;
}

.total-referrals {
    align-self: center;
}

.total-referrals .total-referrals-title {
    padding: 0;
}

.total-referrals .total-referrals-title h4 {
    font-size: 18px;
}

.statement-info .card-title {
    color: #000000 !important;
    font-family: 'Clash-display-medium', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px;
}

.statement-items {
    border-bottom: none;
}

.statement-info .statement-items label,
.statement-info .statement-items h4 {
    border: none;
    margin: 0;
    height: auto;
    line-height: normal;
}

/* /Statement */
/* My Account */
.personal-info-col {
    flex-flow: column;
    display: flex;
}

.personal-info {
    flex-grow: 1;
}

.personal-info #tab_personal_information {
    display: block;
}

.personal-info #tab_change_password {
    display: none;
}

.personal-info form .form-store {
    height: 765px;
}

.personal-info .card-header .account-avatar {
    display: flex;
    justify-content: center;
}

.personal-info .card-header .account-avatar a {
    border-radius: 70px;
    position: relative;
    border: 2px solid #484848;
    transition: .2s ease;
}

.personal-info .card-header .account-avatar a img {
    border-radius: 70px;
    width: 135px;
    padding: 5px;
}

.personal-info .card-header .account-avatar a .edit-btn {
    position: absolute;
    bottom: 18px;
    right: 0;
    background: #461561;
    color: white;
    padding: 5px 8px;
    border-radius: 20px;
    transition: .2s ease;
    font-size: 15px;
}

.personal-info .card-header .account-avatar a .edit-btn i {
    margin: 0;
}

.personal-info .card-header h4.card-title {
    font-size: 20px;
    margin: 5px 0;
    position: relative;
    text-align: center;
}

.personal-info .card-header h4.card-title a {
    background: #461561;
    color: white;
    padding: 5px 6px;
    border-radius: 20px;
    transition: .2s ease;
    font-size: 12px;
    position: absolute;
    right: 0;
}

.personal-info .card-header h4.card-title a i {
    margin: 0;
}

.personal-info .card-body label {
    font-weight: 700;
    font-size: 16px;
}

.personal-info .card-body .input-group textarea,
.personal-info .card-body .input-group input {
    border-radius: 12px;
    height: calc(2.25rem + -3px);
    overflow: hidden;
    border: 1px solid #484848 !important;
}

.personal-info .card-body .input-group textarea:disabled,
.personal-info .card-body .input-group input:disabled {
    border: none !important;
}

.personal-info .card-body .input-group input[name="phone"] {
    border: 1px solid #484848 !important;
    border-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.personal-info .card-body .input-group input[name="phone"]:disabled {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none !important;
    border-left: 1px solid !important;
    border-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(158 158 158) 15%, #ffffff 50%, rgb(158 158 158) 85%, rgba(0, 0, 0, 0) 100%) !important;
    border-image-slice: 1 !important;
}

.personal-info .card-body .input-group .selection span.select2-selection {
    height: calc(2.25rem + -3px) !important;
    border-radius: 12px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid !important;
}

.personal-info .card-body .input-group span.select2-container--disabled .selection span.select2-selection {
    background: #f1f1f1 !important;
    border-radius: 12px !important;
    border-right: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 6px !important;
    border: 0px !important;
    color: black !important;
}

.personal-info .card-body .input-group .selection span.select2-selection span {
    top: inherit !important;
    background: none !important;
    border: none;
    padding: 0;
    width: 15%;
    text-align: center;
    color: black !important;
    font-size: 14px;
}

.personal-info .card-footer {
    padding: 0;
}

.personal-info .card-footer a.change-password {
    color: white;
    font-weight: 600;
    font-size: 15px;
}

.personal-info .card-footer a.change-password i {
    color: #ffc527;
    background: #60135c;
    padding: 5px;
    border-radius: 15px;
}

.personal-info .card-footer .btns-change-password {
    display: none;
    justify-content: center;
}

.personal-info .card-footer .btns-change-password a,
.personal-info .card-footer .btns-change-password button {
    font-weight: 600;
    background: transparent;
    border: none;
    width: 40%;
    cursor: pointer;
    font-size: 15px;
}

.personal-info .card-footer .btns-change-password a {
    color: #60135c;
}

.personal-info .card-footer .btns-change-password button {
    color: white;
}

.personal-info .card-footer .btns-change-password a i,
.personal-info .card-footer .btns-change-password button i {
    font-size: 20px;
    margin-right: 5px;
}

.select2-container--default.select2-container--disabled .select2-selection--single span {
    /* width: 20% !important; */
}

.personal-info #tab_change_password {
    text-align: center;
    padding: 0px 30px;
    position: absolute;
    background: #fff;
    height: 100%;
    left: 110%;
    display: none;
}

.personal-info #tab_change_password a.back {
    text-align: left;
    font-weight: 600;
}

.personal-info #tab_change_password .header {
    margin-top: 30px;
}

.personal-info #tab_change_password .header .icon {
    width: 60px;
    height: 60px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #484848;
}

.personal-info #tab_change_password .header .icon i {
    color: #f7990b;
    font-size: 30px;
}

.personal-info #tab_change_password .header .text {
    margin-top: 10px;
}

.personal-info #tab_change_password .header .text h5 {
    font-weight: 800;
    color: #484848;
    margin: 0;
    font-size: 22px;
}

.personal-info #tab_change_password .header .text p {
    font-weight: 600;
    color: #484848;
    margin: 0;
    font-size: 10px;
}

.personal-info #tab_change_password .main {
    margin-top: 20px;
    text-align: left;
}

.personal-info #tab_change_password .main input {
    border: 1px solid #484848;
    border-radius: 9px;
    transition: .4s ease;
}

.personal-info #tab_change_password .main input.has-error {
    border: 1px solid #ff2727;
}

.personal-info #tab_change_password .main input:focus {
    border-left: 15px solid #484848;
    transition: .4s ease;
    z-index: 0;
}

.personal-info #tab_change_password .main .input-group-append {
    border-radius: 0;
    position: absolute;
    right: 1px;
    height: 94%;
    top: 1px;
    background: #fff;
    align-self: center;
    border: transparent;
    border-left: none;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

.personal-info #tab_change_password .main .has-error .input-group-append {
    border: none;
}

.personal-info #tab_change_password .main .input-group-append .input-group-text {
    color: #484848;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.personal-info #tab_change_password .main label {
    font-weight: 700;
    color: #484848;
    margin: 0;
    font-size: 16px;
}

.personal-info #tab_change_password .main button {
    background-color: #484848;
    color: #fff;
    width: 100%;
    font-weight: 600;
    margin: 0;
    border-radius: 10px;
    transition: .4s ease;
}

.personal-info #tab_change_password .main button i {
    color: #f7990b;
}

.user-data {
    max-height: 765px;
    overflow-y: auto;
}

.user-data::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: rgb(213 179 212);
    border-radius: 3px;
}

.user-data::-webkit-scrollbar {
    background-color: #F5F5F5;
    width: 6px;
    border-radius: 3px;
}

.user-data::-webkit-scrollbar-thumb {
    background-color: var(--purple-admin);
    border: none;
    border-radius: 3px;
}

.user-data .card-header {
    display: flex;
    align-items: center;
    flex-flow: row;
}

.user-data .card-header .line {
    display: flex;
    flex-grow: 1;
    margin: 0 10px;
    height: 2px;
    background-color: #484848;
}

.user-data input {
    font-size: 14px;
    border: 1px solid #484848 !important;
    border-radius: 9px;
    transition: .4s ease;
}

.user-data .select2-container--default .select2-selection--single,
.user-data .select2-container--default .select2-selection--multiple {
    color: #000000 !important;
    font-family: 'Clash-display-medium', sans-serif !important;
    font-weight: 500 !important;
    border: 0px !important;
    background-color: #f1f1f1 !important;
    border-radius: 17px !important;
}

.user-data .select2-container--default .select2-selection--single .select2-selection__arrow,
.user-data .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    border-left: 0px solid #484848;
    background: #f1f1f1;
    right: 0 !important;
    color: #000000 !important;
}

.user-data .select2-container--default .select2-selection--single .select2-selection__arrow b,
.user-data .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
    border-color: black transparent transparent transparent;
}

.user-data input:disabled {
    /* border-color: #9e9e9e !important; */
    border: none !important;
}

.user-data .radio-credit-card .radio {
    display: none !important;
}

.user-data .radio-credit-card .radio.active {
    display: inline-flex !important;
    border: 0px solid #484848;
    border-radius: 9px;
}

.input-group-text {
    margin-left: 5px !important;
    border-radius: 15px !important;

}

.user-data .input-group-prepend .input-group-text {
    color: #fff;
    background-color: #484848;
    border: 1px solid #484848;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

.user-data .input-group-append .input-group-text a {
    color: #fff;
}

.user-data .select-phones>.form-group>.input-group-prepend {
    width: 21%;
}

.user-data .select-phones>.form-group>.form-control {
    width: 70%;
}

.user-data .select-phones .input-group input[name="phone"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none !important;
    border-left: 1px solid !important;
    border-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(158 158 158) 15%, #ffffff 50%, rgb(158 158 158) 85%, rgba(0, 0, 0, 0) 100%) !important;
    border-image-slice: 1 !important;
}

.user-data .select-phones .input-group .selection span.select2-selection {
    background: #f1f1f1;
    border-radius: 12px !important;
    border-right: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px !important;
    border: 0px !important;
    color: black !important
}

.user-data .select-phones .input-group .selection span.select2-selection span {
    top: inherit !important;
    background: none !important;
    border: none;
    padding: 0;
    width: 15%;
    text-align: center;
    color: black !important;
    font-size: 14px;
}

.user-data .select-phones .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #484848 !important;
    transition: .4s ease;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.user-data .select-phones .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    color: #fff;
    background-color: transparent;
    border: none;
}

.user-data .select-phones .select2-container--default.select2-container--disabled .select2-selection--single span {
    width: 20% !important;
    padding: 0 !important;
    font-size: 15px;
}

.user-data .select-phones .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: black transparent transparent transparent;
}

.user-data .card-rewrite-inputs label {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    font-family: 'Clash-display-medium', sans-serif;
    color: black;
}

.user-data .card-rewrite-inputs input {
    background-color: transparent;
    border: none !important;
    color: #000;
    font-weight: 600;
    padding: 0;
    height: auto;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Clash-display-medium', sans-serif;
}

.user-data .card-rewrite-inputs .card-type {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.user-data .card-rewrite-inputs .card-type .radio {
    margin-right: 0 !important;
}

.user-data .card-rewrite-inputs .card-type .radio.active {
    border: none;
}

.user-data .w9-warning {
    border: 1px solid #000;
    width: 85%;
    margin: 20px auto;
    padding: 15px 0;
    border-radius: 10px;
}

.user-data .w9-warning p {
    font-weight: 500;
}

.user-data .w9-warning p strong {
    font-weight: 800;
}

.user-data .w9-warning i.fa-exclamation-triangle {
    color: #ffcc33;
    font-size: 20px;
}

.user-data .banner-links .row>div {
    align-self: end;
}

.user-data .banner-links .info-banner {
    border: none;
}

.user-data .select-collections {
    margin: 0;
}

.user-data .select-collections .btn-select-all-collections {
    position: inherit !important;
    display: block;
    width: 100%;
    margin: auto;
    right: inherit;
    top: inherit;
    margin-bottom: 20px;
}

.user-data .select-collections .select-collection {
    border: 2px solid #9e9e9e;
}

.user-data .select-collections .select-collection:hover {
    border: 2px solid #71176c !important;
}

.user-data .select-collections .select-collection.active {
    border: 2px solid #9e9e9e;
}

.user-data .select-collections .select-collection input[type="checkbox"]:checked+label::before {
    background-color: transparent;
    border-color: #2F3C4E;
    color: #000;
    font-weight: 600;
}

.user-data .select-collections .select-collection label {
    font-weight: 500;
}

.user-data .card-footer .form-group button {
    border-radius: 10px;
    border: none;
    margin: 0 10px;
}

.user-data .card-footer .form-group button.btn-clear-form {
    background-color: #484848;
    color: #fff;
}

/* /My Account */
/* Orders */
.show-orders table span.traking-number-item {
    text-align: center;
}

table span.traking-number-item i.fa-link {
    left: 40%;
}

span.traking-number-item i.fa-link {
    color: #ffc527;
}

.show-orders table span.tracking-number {
    display: none;
}

/* /Orders */
/* Dashboard Store */
.dashboard-store {
    justify-content: space-around !important;
}

.dashboard-store>div {
    display: flex;
    flex-direction: column;
}

/* .dashboard-store .card.earnings-card, */
/* .dashboard-store .top-products-card,
.dashboard-store .card.stadistic-standard-data {
    flex-grow: 1;
} */

/* .dashboard-store .card.earnings-card>div {
    flex-grow: 1;
} */

.dashboard-store .card {
    padding-top: 15px;
    border-radius: 22px;
}

.dashboard-store .earnings-card .text h5 {
    /* color: #461561 !important; */
    font-family: 'Clash-display-medium', sans-serif;
    margin: 0;
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-weight: 500;
}

.dashboard-store .earnings-card .text p {
    /* color: #461561 !important; */
    font-family: 'Clash-display-medium', sans-serif;
    font-weight: 500;
    text-align: center;
    margin: 0;
    color: #000000;

}

.dashboard-store .earnings-card .estadistics {
    display: inline-flex;
    justify-content: space-around;
    margin-top: 10px;
    padding: 15px 20px;
}

.dashboard-store .earnings-card .estadistics .circle {
    text-align: center;
    background: #461561 !important;
    border-radius: 80px;
    color: #fff;
    border: 1px solid #461561 !important;
    padding: 5px;
    width: 130px;
    height: 130px;
    display: inline-flex;
    justify-content: center;
    -webkit-box-shadow: inset 0px 0px 0px 10px #fff;
    -moz-box-shadow: inset 0px 0px 0px 10px #f00;
    box-shadow: inset 0px 0px 0px 3px #fff;
    flex-direction: column;
}

.dashboard-store .earnings-card .estadistics .circle h5 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 30px;
    font-family: 'Clash-display-medium', sans-serif;

}

.dashboard-store .earnings-card .estadistics .circle p {
    margin: 0;
    font-family: 'Clash-display-medium', sans-serif;

}

.dashboard-store .earnings-card .sales-card {
    height: 100% !important; z-index: 9999; color: white; text-align: center;
    padding: 0px 0px 10px;

}

.dashboard-store .earnings-card .sales-card h5 {
    color: #fff;
    margin: 0px !important;
    padding: 0px !important;
    font-family: 'Clash-display-medium', sans-serif;

}

.dashboard-store .earnings-card .sales-card p {
    color: #fff;
    margin: 0 !important;
    padding: 0px !important;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Clash-display-medium', sans-serif;

}

.dashboard-store .earnings-card .sales-card a {
    color: #fff;
    margin: 0px 0px !important;
    text-decoration: underline;
font-weight: 600;
    font-family: 'Clash-display-medium', sans-serif;

}

.dashboard-store .vk-academy-card {
    padding: 0;
    margin: 0;
}

.dashboard-store .vk-academy-card p {
    position: absolute;
    top: 30px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 15px;
}

.dashboard-store .vk-academy-card img {
    border-radius: 22px;
}

.dashboard-store .visit-share-btns {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
}

.dashboard-store .visit-share-btns a {
    width: 48%;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    height: 40px;
    display: inherit;
    align-items: center;
    justify-content: center;
}

.dashboard-store .visit-share-btns a i {
    margin: 0 5px 0 0;
}

/* .dashboard-store .today-sales-card{
} */
/* .dashboard-store .today-sales-card p{
    margin: 0;
    text-align: center;
    font-size: 14px;
    border-bottom: 0px solid #460e43;
    font-weight: 600;
    margin-bottom: 10px;
} */
.dashboard-store .today-sales-card .today-sales-div h5 {
    /* font-weight: 800;
    font-size: 18px;
    text-align: center;
    color: #460e43; */
    border-bottom: 0px;
    font-weight: 700;
    font-family: 'Clash-display-medium', sans-serif;
    color: #000000 !important;
    text-align: start;

}

/* .dashboard-store .today-sales-card .today-sales-div h5 .green-circle,
.dashboard-store .today-sales-card .today-sales-div h5 .red-circle {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 10px;
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
} */

/* .dashboard-store .today-sales-card .today-sales-div h5 .green-circle {
    background-color: #3bd612;
}

.dashboard-store .today-sales-card .today-sales-div h5 .red-circle {
    background-color: #ff0000;
} */

.dashboard-store .today-sales-card .today-sales-div h4 {
    font-family: 'Clash-display-medium', sans-serif;
    color: #000000 !important;
    margin: 0;
    font-weight: 400;
    font-family: 'Clash-display-medium', sans-serif;
    color: #000000;
    text-align: start;
}

.dashboard-store .today-sales-card .today-sales-div h5 {
    margin-top: 5px;
    font-weight: 500;
    font-family: 'Clash-display-medium', sans-serif;
    color: #000000;
    text-align: start;
}

.dashboard-store .today-sales-card .today-sales-div p {
    font-weight: 600;
    font-size: 10px;
    text-align: left;
    color: #460e43;
    border: none;
    margin: 0;
}

.dashboard-store .today-sales-card .today-sales-div .stadistics-img img {
    width: 70%;
    right: 40px;
    bottom: 0;
    position: absolute;
}

.dashboard-store .today-sales-card .today-sales-div a {
    font-weight: 600;
    font-size: 14px;
    font-family: 'Clash-display-medium', sans-serif;
    color: #000000;
    margin: 0;
}

.dashboard-store .today-sales-card .today-sales-div {
    padding: 15px 20px;
    margin-bottom: 15px;
}

.dashboard-store .today-sales-card .today-sales-div:first-of-type {
    /* border-right: 2px solid #460e43; */
    border-right: 2px solid black;

}

.dashboard-store .coupons-total-clients-cards {
    justify-content: space-between;
    display: flex;
}

.dashboard-store .coupons-total-clients-cards .card {
    width: 48%;
    text-align: center;
    color: #460e43;
    font-weight: 600;
    padding: 15px 12px;
}

.dashboard-store .coupons-total-clients-cards .card h5 {
    color: #460e43;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}

.dashboard-store .coupons-total-clients-cards .card p {
    border-top: 2px solid #460e43;
    border-bottom: 2px solid #460e43;
    font-weight: 600;
    font-size: 14px;
    color: #460e43;
    margin: 0;
    padding: 0px 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
}

.dashboard-store .coupons-total-clients-cards .card p span {
    font-weight: 700;
    font-size: 30px;
}

.dashboard-store .coupons-total-clients-cards .card a {
    font-weight: 600;
    font-size: 14px;
    color: #460e43;
    margin: 0;
}

.dashboard-store .top-products-card .card {
    /* padding: 15px 12px;
    height: 100%;
    margin: 0; */
}

.dashboard-store .top-products-card .card h5 {
    /* border-bottom: 2px solid #460e43; */
    font-weight: 600;
    font-size: 14px;
    color: #460e43;
    margin: 0;
}

.dashboard-store .top-products-card .card .products ul li {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.dashboard-store .top-products-card .card .products ul li img {
    width: 32px;
}

.dashboard-store .top-products-card .card .products ul li div {
    width: 80%;
}

.dashboard-store .top-products-card .card .products ul li div a {
    color: #4466f2;
    text-decoration: underline;
    font-size: 14px;
}

.dashboard-store .top-products-card .card .products ul li p {
    margin: 0;
    font-weight: 500;
}

/* .dashboard-store .stadistic-standard-data, */
.dashboard-store .stadistic-simple-data {
    padding: 15px 0;
    margin: 0;
}

.dashboard-store .stadistic-simple-data {
    margin-bottom: 20px;
}

.dashboard-store .stadistic-standard-data ul li,
.dashboard-store .stadistic-simple-data ul li {
    margin: 10px 0;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-store .stadistic-standard-data div.section {
    padding: 10px 0;
    /* border-bottom: 2px solid #e5e9ec; */

}

.dashboard-store .stadistic-standard-data ul li h5.title,
.dashboard-store .stadistic-simple-data ul li h5.title {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}

.dashboard-store .stadistic-standard-data ul li h5.total,
.dashboard-store .stadistic-simple-data ul li h5.total {
    margin: 0;
    font-size: 30px;
    font-weight: 500;
}

.dashboard-store .stadistic-standard-data ul li p.range,
.dashboard-store .stadistic-simple-data ul li p.range {
    margin: 0;
    color: grey;
    font-size: 11px;
    font-weight: 500;
}

.dashboard-store .stadistic-standard-data ul li p.text,
.dashboard-store .stadistic-simple-data ul li p.text {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
}

.dashboard-store .stadistic-standard-data ul li.total-line,
.dashboard-store .stadistic-simple-data ul li.total-line {
    border-top: 1px solid #e5e9ec;
    margin: 0 12px;
    padding: 0;
}

.dashboard-store .stadistic-standard-data ul li .estadistic h5 {
    border-bottom: 1px solid #e5e9ec;
    display: inline-block;
}

.dashboard-store .stadistic-standard-data ul li .estadistic img {
    width: 100%;
    margin: 20px 0;
}

.dashboard-store .loader-card.loader-total-sales {
    z-index: 10;
    position: fixed;
    display: none;
}

.dashboard-store .loader-wrapper.loader-card.loader-total-sales .loader {
    position: fixed;
    top: calc(50% + 30px);
    left: calc(50% + 35vw);
    text-align: center;
    right: auto;
    margin: 0 auto;
}

.dashboard-store .loader-card.loader-stores-sales {
    z-index: 10;
    position: fixed;
    display: none;
}

.dashboard-store .loader-wrapper.loader-card.loader-stores-sales .loader {
    position: fixed;
    top: calc(50% + 30px);
    left: calc(50% + -35vw);
    text-align: center;
    right: auto;
    margin: 0 auto;
}

.dashboard-store .earnings-card {
    content-visibility: auto;
}

.dashboard-store .card.earnings-card .text,
.dashboard-store .card.earnings-card .estadistics,
.dashboard-store .card.earnings-card .sales {
    z-index: 2;
}

.dashboard-store .earnings-card .sales {
    background-image: none !important;
    height: 0px !important;
}

.dashboard-store .progress-container {
    z-index: 1;
    position: absolute;
    height: 0.8rem;
    width: 100%;
    height: 20%;
    bottom: 0;
    border-radius: 0;
    background: #fff;
}

.dashboard-store .progress-container .progress {
    position: absolute;
    height: 160%;
    width: 100%;
    bottom: 0;
    /* background-color: #f16f69; */
    background-color: #461561 !important;
    font-family: Roboto;
    overflow: hidden;
    border-radius: 0;
}

.dashboard-store .progress-container .progress:before,
.dashboard-store .progress-container .progress:after {
    content: "";
    position: absolute;
    left: 50%;
    min-width: 300vw;
    min-height: 300vw;
    background-color: #fff;
    animation-name: rotate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.dashboard-store .progress-container .progress:before {
    bottom: 60%;
    border-radius: 45%;
    animation-duration: 10s;
}

.dashboard-store .progress-container .progress:after {
    bottom: 58%;
    opacity: 0.5;
    border-radius: 47%;
    animation-duration: 10s;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, 0) rotateZ(0deg);
    }

    50% {
        transform: translate(-50%, -2%) rotateZ(180deg);
    }

    100% {
        transform: translate(-50%, 0%) rotateZ(360deg);
    }
}

.dashboard-store .visit-share-btns .dropdown.share {
    width: 50%;
}

.dashboard-store .visit-share-btns a.share-store {
    width: 100%;
    line-height: 40px;
}

.dashboard-store .top-products-card .card .products ul li img {
    width: 60px !important;
}

.dashboard-store .top-products-card .card .products ul li div {
    /* line-height: 60px; */
}

.dashboard-store .top-products-card .card .products ul li p {
    font-weight: 500;
    /* line-height: 60px; */
}

/* /Dashboard Store */
/* Discount Code */
.form-discount-code .btn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* /Discount Code */
/* Customer List */
/* Modals */
.modal-content {
    border-radius: 20px !important;
    font-family: 'Clash-display-medium', sans-serif !important;
    color: black !important
}

.modal-customer.show {
    display: flex !important;
    align-items: center;
}

.modal-customer .modal-body {
    padding: 5px 50px 0;
}

.modal-customer .modal-body .form-store button.btn-verify-subdomain {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.modal-customer .modal-footer {
    border-top: none;
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}

.modal-customer .modal-footer button {
    cursor: pointer;
    border-radius: 10px;
}

/* /Modals */
/* /Customer List */
/* Collections Update */
.update-brands-product-types {
    list-style: none;
}

.update-collections .access-buttons .card,
.update-brands-product-types .access-buttons .card,
.sort-sizes .access-buttons .card,
.admin-colors .access-buttons .card {
    border-radius: 9px;
    padding: 30px 20px;
}

.update-collections .access-buttons .card .card-header,
.update-brands-product-types .access-buttons .card .card-header,
.sort-sizes .access-buttons .card .card-header,
.admin-colors .access-buttons .card .card-header {
    padding: 0;
}

.update-collections .access-buttons .card .card-header a,
.update-brands-product-types .access-buttons .card .card-header a,
.sort-sizes .access-buttons .card .card-header a,
.admin-colors .access-buttons .card .card-header a {
    width: 100%;
}

.modal.update-collection .modal-dialog {
    max-width: 1200px;
}

.modal.update-collection .modal-footer {
    display: flex;
    justify-content: center;
}

.modal.update-collection .gallery-collections-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.modal.update-collection .gallery-collections-upload span strong {
    color: var(--purple-admin);
}

.modal.update-collection .gallery-collections-upload a {
    width: 100%;
    margin-top: 10px;
}

.modal.update-collection .gallery-images.gallery-collections {
    border: none;
}

.modal.update-collection .gallery-images.gallery-collections .content-gallery::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: rgb(213 179 212);
    border-radius: 3px;
}

.modal.update-collection .gallery-images.gallery-collections .content-gallery::-webkit-scrollbar {
    background-color: #F5F5F5;
    width: 6px;
    border-radius: 3px;
}

.modal.update-collection .gallery-images.gallery-collections .content-gallery::-webkit-scrollbar-thumb {
    background-color: var(--purple-admin);
    border: none;
    border-radius: 3px;
}

.modal.update-brand .nav-pills a {
    padding: 0.5rem 0;
    color: grey;
    border-bottom: 3px solid grey;
}

.modal.update-brand .nav-pills .nav-link.active,
.modal.update-brand .nav-pills .show>.nav-link {
    color: #71176c;
    background-color: #fff;
    border-bottom: 3px solid #71176c !important;
}

.modal.update-brand .tab-content .container-item-image.upload-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal.update-brand .tab-content .container-item-image.upload-image a {
    width: 20%;
    margin: 8px auto;
}

.gallery-images.gallery-brands,
.gallery-images.gallery-product-types {
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    border: none;
}

.gallery-images.gallery-brands .content-gallery,
.gallery-images.gallery-product-types .content-gallery {
    min-height: 350px;
    max-height: 350px;
}

.gallery-images .content-gallery {
    min-height: 350px;
    max-height: 350px;
    overflow-y: auto;
}

.gallery-images .content-gallery .item-image.item-image-vertical {
    max-width: 250px;
    height: auto;
    border: none;
    padding: 0;
}

.gallery-images .content-gallery .item-image {
    padding: 0;
    border: none;
}

.gallery-images .content-gallery .item-image img {
    background-color: #a2a2a22b;
}

.gallery-images .content-gallery .item-image.active {
    border: none;
    display: inline-block;
}

.gallery-images .content-gallery::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: rgb(213 179 212);
    border-radius: 3px;
}

.gallery-images .content-gallery::-webkit-scrollbar {
    background-color: #F5F5F5;
    width: 6px;
    border-radius: 3px;
}

.gallery-images .content-gallery::-webkit-scrollbar-thumb {
    background-color: var(--purple-admin);
    border: none;
    border-radius: 3px;
}

#tab-promotional .promotional-tab-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 2px solid grey;
    margin-top: 20px;
}

#tab-promotional a[data-toggle="collapse"] {
    margin: 5px 0;
}

#tab-promotional .nav.nav-tabs {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 80%;
    margin: 5px auto;
}

#tab-promotional .nav-tabs .nav-link {
    border: none;
    border-radius: 10px;
    background-color: #94488f;
    color: #fff;
    margin: 1px 0;
}

#tab-promotional .nav-tabs .nav-link.active,
#tab-promotional .nav-tabs .nav-item.show .nav-link {
    border-radius: 10px;
    border: none;
    color: #fff;
    background-color: #71176c;
}

#tab-promotional #tab-buy-now-left-banners label.form-label,
#tab-promotional #tab-buy-now-right-banners label.form-label,
#tab-promotional #tab-best-sellers-left-banners label.form-label,
#tab-promotional #tab-best-sellers-right-banners label.form-label {
    display: block;
    text-align: center;
    color: #71176c;
    font-weight: 800;
}

#tab-promotional #tab-buy-now-left-banners>.row>div:first-of-type,
#tab-promotional #tab-buy-now-right-banners>.row>div:first-of-type,
#tab-promotional #tab-best-sellers-left-banners>.row>div:first-of-type,
#tab-promotional #tab-best-sellers-right-banners>.row>div:first-of-type {
    border-right: 2px solid grey;
}

#tab-promotional .promotional-upload-image {
    width: 100%;
    margin: auto;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#tab-promotional .promotional-upload-image a.add-image {
    height: 50px;
    display: flex;
    padding: 0;
    width: 100%;
    max-width: 100%;
    float: inherit;
    justify-content: center;
    align-items: center;
}

#tab-promotional .promotional-upload-image a.add-image i {
    position: inherit;
    margin: 0;
    top: inherit;
    left: inherit;
}

#tab-promotional .gallery-images.gallery-brands .content-gallery,
#tab-promotional .gallery-images.gallery-product-types .content-gallery {
    margin-top: 10px;
}

.modal.update-brand .modal-footer {
    border-top: 3px solid grey;
    margin: 0 20px;
    justify-content: center;
}

/* Sizes */
.sort-sizes .card.col-9>.card-header::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7035189075630253) 15%, #484848 50%, rgba(15, 7, 8, 0.6979166666666667) 85%, rgba(0, 0, 0, 0) 100%);
}

.sort-sizes .row>.card>.row>div:first-of-type .card-body {
    border-right: 2px solid grey;
}

.sort-sizes .list-group-sizes {
    border: none;
    min-height: 500px;
    max-height: 500px;
    overflow: auto;
    padding: 0;
    padding-right: 20px;
}

.all-menu-options .list-group-item,
.role-menu-options .list-group-item,
.list-filters .list-group-item,
.list-sizes .list-group-item,
.list-selected-sizes .list-group-item,
.list-group-sizes .list-group-item {
    border-radius: 14px !important;
    border: 1px solid #000;
}

.list-group-sizes .list-group-item,
.list-selected-sizes .list-group-item {
    border: 1px solid grey;
    height: 40px;
    padding: 0;
    padding-left: 20px;
    display: flex;
    align-items: center;
    transition: .2s ease;
    cursor: grab !important;
}

.list-filters .list-group-item:hover,
.list-sizes .list-group-item:hover,
.list-selected-sizes .list-group-item:hover,
.list-group-sizes .list-group-item:hover {
    cursor: pointer;
    background-color: rgb(113 23 108 / 64%) !important;
    color: #FFFFFF;
    transition: .2s ease;
}

.list-group-sizes .remove-group,
.list-group-sizes .update-group,
.list-selected-sizes .list-group-item .remove-size,
.list-banners-desktop .remove-banner,
.list-banners-desktop .update-banner,
.list-banners-movil .remove-banner,
.list-banners-movil .update-banner,
.role-menu-options .list-group-item .remove-menu {
    height: 100%;
    padding: 0;
    display: flex;
    top: 0px;
    justify-content: center;
    align-items: center;
}

.all-menu-options .add-menu,
.list-filters .update-filter,
.list-sizes .add-sizes,
.list-group-sizes .update-group,
.list-banners-desktop .update-banner,
.list-banners-movil .update-banner {
    background-color: transparent;
    color: #8cc13c;
    border: 0;
}

.all-menu-options .add-menu i,
.role-menu-options .remove-menu i,
.list-filters .update-filter i,
.list-filters .remove-filter i,
.list-selected-sizes .remove-size i,
.list-sizes .add-sizes i,
.list-group-sizes .remove-group i,
.list-group-sizes .update-group i,
.list-banners-desktop .remove-banner i,
.list-banners-movil .remove-banner i,
.list-banners-desktop .update-banner i,
.list-banners-movil .update-banner i,
.role-menu-options .remove-menu i {
    transition: .2s ease;
}

.all-menu-options .add-menu i:hover,
.role-menu-options .remove-menu i:hover,
.list-filters .update-filter i:hover,
.list-filters .remove-filter i:hover,
.list-selected-sizes .remove-size i:hover,
.list-sizes .add-sizes i:hover,
.list-group-sizes .remove-group i:hover,
.list-group-sizes .update-group i:hover,
.list-banners-desktop .remove-banner i:hover,
.list-banners-movil .remove-banner i:hover,
.list-banners-desktop .update-banner i:hover,
.list-banners-movil .update-banner i:hover,
.role-menu-options .remove-menu i:hover {
    font-size: 22px;
    transition: .2s ease;
}

.list-group-sizes .remove-group,
.list-sizes .list-group-item .add-sizes,
.list-selected-sizes .list-group-item .remove-size,
.list-filters .list-group-item .remove-filter {
    border-bottom-right-radius: 13px;
    border-top-right-radius: 13px;
}

.list-group-sizes .remove-group,
.list-selected-sizes .list-group-item .remove-size,
.list-filters .list-group-item .remove-filter,
.list-banners-desktop .remove-banner,
.list-banners-movil .remove-banner,
.role-menu-options .remove-menu {
    background-color: transparent;
    color: #ff5370;
    border: 0;
}

.list-filters .list-group-item .remove-filter,
.list-selected-sizes .list-group-item .remove-size,
.list-sizes .list-group-item .add-sizes,
.list-banners-desktop .remove-banner,
.list-banners-movil .remove-banner {
    height: 100%;
    width: auto;
    top: inherit;
    display: flex;
    align-items: center;
    padding: 0 30px;
}

.sort-sizes form.form-sizes-group input[name="name"] {
    border-radius: 14px;
    border: 1px solid grey;
}

.sort-sizes form.form-sizes-group .btn-group {
    display: flex;
    justify-content: space-between;
}

.sort-sizes form.form-sizes-group .btn-group button {
    border-radius: 10px;
    margin: 0 5px;
}

.sort-sizes form .list-selected-sizes {
    min-height: 250px;
    max-height: 250px;
    border: none;
    padding: 0 10%;
    width: 90%;
}

.sort-sizes form .empty-list-selected-sizes {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-sizes,
.list-group-sizes {
    min-height: 340px;
    max-height: 340px;
}

.list-sizes .list-group-item {
    display: inline-block;
    padding: 0px 0px;
    margin-right: 10px;
    min-width: 100px;
    height: 35px;
    border-radius: 6px !important;
    border: 1px solid #000;
}

.list-group-item .select-option {
    bottom: inherit;
    top: inherit;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    line-height: normal;
    padding: 0 5px;
    font-weight: 400;
}

.list-sizes .list-group-item .select-option {
    justify-content: space-between;
}

.list-sizes .select-option .option-text {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.list-filters .list-group-item .remove-filter,
.list-selected-sizes .list-group-item .remove-size,
.list-sizes .list-group-item .add-sizes,
.list-banners-desktop .remove-banner,
.list-banners-movil .remove-banner {
    height: 100%;
    width: auto;
    top: inherit;
    display: flex;
    align-items: center;
    padding: 0;
}

.list-selected-sizes .list-group-item .remove-size,
.list-banners-desktop .remove-banner,
.list-banners-movil .remove-banner,
.list-banners-desktop .update-banner,
.list-banners-movil .update-banner,
.list-filters .list-group-item .remove-filter {
    width: 50px;
}

/* Colors */
.admin-colors .col-9>.card>.card-header .card-title {
    display: flex;
    align-items: center;
}

.admin-colors .col-9>.card>.card-header .admin-colors-search label {
    display: flex;
    align-items: center;
}

.admin-colors .col-9>.card>.card-header .admin-colors-search label input {
    margin-left: 5px;
}

.admin-colors .col-9>.card>.card-header::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7035189075630253) 15%, #484848 50%, rgba(15, 7, 8, 0.6979166666666667) 85%, rgba(0, 0, 0, 0) 100%);
}

#table-colors {
    border: none;
}

#table-colors tbody tr {
    display: inline-block;
    width: 14.2%;
}

.swatch-element.active,
.swatch-element:hover {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swatch-element.swatch-color.enabled.active::before {
    content: '\d7';
    display: flex;
    position: absolute;
    color: red;
    font-size: 65px;
    font-weight: 300;
}

.swatch-element.swatch-color {
    border: 0px;
    display: inline-flex !important;
}

.gallery-images.gallery-colors {
    max-height: 500px;
    min-height: 500px;
    border: none;
}

.swatch-element.swatch-color label {
    min-width: calc(100% - 5px);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: inherit;
    left: inherit;
    border: 1px solid #000;
}

.gallery-colors .item-image img {
    width: 90px;
    height: 90px;
    margin: calc(50% - 44px);
    border: 1px solid #000 !important;
    padding: 0;
}

.gallery-colors .item-image .title-image {
    text-transform: capitalize;
}

/* Filter Tree */
.register-filters .search-filters,
.register-filters .content-list-filters {
    border-right: 3px solid grey;
}

.register-filters .search-filters input[name="name"],
.register-filters .details-tag-filter input[name="filter_tags_name"] {
    border: 1px solid grey;
    border-radius: 5px;
}

.register-filters .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none;
    padding: 6px 8px !important;
    padding-right: 30px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 6px;
}

.register-filters .select2-selection__choice .select-option-text {
    margin: 0;
    color: #000 !important;
}

.register-filters .select2-container--default .select2-selection--multiple {
    align-items: normal;
}

.register-filters .select2-collections+.select2-container .selection .select2-selection--multiple,
.select2-tags+.select2-container .selection .select2-selection--multiple,
.select2-update-filter-tags+.select2-container .selection .select2-selection--multiple {
    border: none !important;
}

.register-filters .basic-filters,
.register-filters .variant-filters {
    margin-top: 30px;
}

.register-filters .list-filters {
    border-style: dashed;
}

.register-filters .basic-filters h4,
.register-filters .variant-filters h4,
.register-filters .tag-filters h4 {
    font-weight: 600;
}

.register-filters .tag-filters .details-tag-filter {
    display: flex;
    align-items: end;
}

.register-filters .select-tags {
    margin-top: 30px;
}

.register-filters .select2-container--default .selection span.select2-selection.select2-selection--multiple {
    border: 1px solid grey !important;
    height: 100% !important;
    border-radius: 5px !important;
    padding: 5px;
    background: #fff;
}

.register-filters .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none;
    padding: 6px 8px !important;
    padding-right: 27px !important;
    background-color: #0202020f !important;
}

.register-filters .select2-container--default .select2-selection__choice__remove {
    position: absolute;
    right: -3px;
    display: flex;
    top: 0;
    bottom: inherit;
    padding: 0;
    width: 20px;
    height: 100%;
    border: none;
    border-width: 1px 1px 1px 0px;
    border-radius: 0px 4px 4px 0px;
    background: transparent;
    color: #FF0000 !important;
    text-align: center;
    font-size: 30px;
}

/* /Collections Update */
/* Store Banners */

.add-banners .card .card-body>.row>div.col-6:first-of-type {
    border-right: 2px solid grey;
}

.add-banners .gallery-images.gallery-banners,
.add-banners .list-banners {
    border: none;
    overflow: auto;
}

.add-banners .gallery-images.gallery-banners {
    display: inherit;
}

.add-banners .list-group-item {
    border: 1px solid grey;
    border-radius: 10px !important;
}

.add-banners .list-group-item .select-option {
    justify-content: space-between;
}

.add-banners h5 {
    margin-top: 10px;
    font-weight: 600;
}

.add-banners .card .card-body .upload-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-banners .card .card-body .upload-div .info-banner {
    font-size: 13px;
    border: none;
}

.add-banners .card .card-body .upload-div a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
    width: 22%;
    height: 40px;
    margin: 0 10px;
}

.add-banners .gallery-banners .container-item-image {
    padding: 0;
    margin-bottom: 40px;
    max-width: calc(100% - 14px);
    height: 150px;
}

.add-banners .item-image {
    border: none;
    padding: 0;
}

.add-banners .gallery-banners .container-item-image img {
    width: auto;
    height: 100%;
}

.add-banners .item-image .content-check {
    left: calc(100% - 24px);
}

/* /Store Banners */
/* Menu Schemes */
.register-menu-options .all-menu-options .list-group-item {
    padding: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ECECEC;
}

.register-menu-options .all-menu-options .list-group-item .add-menu {
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.role-menu-options .list-group-item.exist-childs>.menu-options {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    background: #fff;
}

.role-menu-options .select-option {
    padding: 0 !important;
    height: 35px !important;
}

.role-menu-options .list-group-item.exist-childs>.select-option {
    position: relative;
    justify-content: left;
}

.role-menu-options .list-group-item.exist-childs>.select-option .option-name {
    margin-left: 50px;
}

.role-menu-options .all-actions>.select-option>.actions-menu,
.role-menu-options .action-add>.select-option>.actions-menu,
.role-menu-options .action-remove>.select-option>.actions-menu {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 61px;
    height: 100%;
    padding: 0;
    display: flex !important;
    align-items: center;
    background: transparent;
    border: none;
}

.role-menu-options .all-actions>.select-option>.actions-menu i,
.role-menu-options .action-add>.select-option>.actions-menu i,
.role-menu-options .action-remove>.select-option>.actions-menu i {
    color: var(--purple-admin);
}

.role-menu-options .all-actions>.select-option>.actions-menu .remove-sub-menu,
.role-menu-options .all-actions>.select-option>.actions-menu .add-sub-menu {
    width: 30px !important;
    border-right: none;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* /Menu Schemes */
/* /MAIN =====================================================================*/
/* FOOTER ====================================================================*/
.page-wrapper .page-body-wrapper footer {
    margin: 0;
    text-align: center;
    border: 0;
    background-color: #fffdf7;
}

.page-wrapper .page-body-wrapper footer p {
    color: #460e43;
    font-weight: 600;
}

/* /FOOTER ===================================================================*/
/* =============================================================================
| COMMING SOON
============================================================================= */
.coming-soon .header-title-one-sm {
    font-size: 3vw;
    font-weight: 800;
    margin: 0;
    color: #fff;
}

.coming-soon .paint {
    position: absolute;
    top: 0;
    width: 60%;
    height: 78vh;
    right: 0;
}

.coming-soon .paint-can {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 10%;
}

.coming-soon .paint-roll {
    position: absolute;
    bottom: 0;
    right: 20%;
    width: 8%;
    z-index: 2;
}

.coming-soon .paint-roll-floor {
    position: absolute;
    bottom: 0;
    right: 15%;
    width: 20%;
    z-index: 1;
}

.coming-soon .site-construction img {
    width: 100%;
}

.coming-soon .site-construction {
    position: absolute;
    width: 25%;
    right: 10%;
    top: 20%;
    z-index: 2;
}

/* =============================================================================
| /COMMING SOON
============================================================================= */
@media screen and (max-width: 1024px) {
    .show-orders .modal {
        width: 100%;
        height: 100%;
        padding: 0;
        top: 0;
        padding-right: 0 !important;
    }

    .show-orders .modal .modal-dialog {
        max-width: 100%;
        margin: 0;
    }

    .show-orders .modal .modal-header {
        position: fixed;
        width: 100%;
        height: 85px;
        z-index: 1;
        top: 0;
        border-radius: 0;
    }

    .show-orders .modal .modal-body {
        margin-top: 85px;
    }
}

@media only screen and (max-width: 991px) {
    .page-wrapper .page-body-wrapper .sidebar {
        height: calc(100vh - 0px);
    }
}

@media screen and (max-width: 768px) {
    .page-wrapper .page-main-header .header-logo-buttons .logo-header {
        width: 160px;
    }

    .switch-sm .switch svg {
        height: 100%;
        color: #fff;
    }

    .row .btn-group {
        margin-top: 5px;
    }

    .card .card-header .title-table {
        margin-bottom: 8px;
    }

    /* Auth */
    .authentication-main .section-banner {
        display: none;
    }

    .authentication-main .section-info {
        border-radius: 25px;
    }

    .authentication-main .section-info .main {
        padding-bottom: 0;
    }

    .authentication-main .section-info .main form .form-group {
        width: 100%;
    }

    .quick-access-customer ul li:first-child {
        display: block;
        margin-bottom: 4px;
    }

    .table-responsive {
        max-width: 100% !important;
    }

    table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%;
    }

    /* /Auth */
    /* MyAccount */
    .w9-btn {
        width: 100%;
        margin: 6px 0;
    }

    .user-data .card-footer .form-group button {
        margin: 6px 0;
        width: 100%;
        padding: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .personal-info .card-header h4.card-title {
        font-size: 17px;
    }

    /* /MyAccount */
    /* Statement */
    .statement-items {
        margin-bottom: 0px !important;
    }

    .statement-info .card-title {
        text-align: center;
    }

    .statement-info .statement-items label,
    .statement-info .statement-items h4 {
        line-height: normal;
        height: auto;
        padding: 10px 0;
    }

    .statement-items .form-control:last-child {
        text-align: right;
    }

    .statement-items h4.form-control {
        line-height: normal;
        height: auto;
    }

    .statement-info .statement-items::after {
        margin-bottom: 0px;
    }

    #table-referrals_wrapper .title-table {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .total-referrals .total-referrals-title {
        padding-left: 0 !important;
    }

    .total-referrals .total-referrals-title h4 {
        font-size: 14px !important;
    }

    /* /Statement */
    /* Discount */
    .form-discount-code .btn-group {
        display: block;
    }

    .form-discount-code .btn-group button {
        display: block;
        padding: 0 5px;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* /Discount */
    /* Dashboard */
    .dashboard-store .earnings-card .sales {
        padding-bottom: 90px;
    }

    .dashboard-store .top-products-card {
        margin-bottom: 15px;
    }

    /* /Dashboard */
}

@media screen and (max-width: 375px) {
    .row .btn-group {
        display: block;
    }

    .row .btn-group>.btn.form-control {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 6px;
    }

    .quick-access-statement {
        padding: 20px 0 !important;
    }

    /* MyAccount */
    .card-rewrite-inputs {
        padding: 9px 1.5rem !important;
    }

    .user-data .card-rewrite-inputs input {
        font-size: 12px;
    }

    .user-data .w9-warning {
        width: 100%;
    }

    .checkbox label {
        padding-left: 22px;
    }

    .checkbox label::before {
        margin-left: 0;
    }

    .personal-info .card-body {
        padding: 0 !important;
    }

    .personal-info .card-header h4.card-title {
        font-size: 14px;
    }

    .personal-info .select2-container--default .select2-selection--single .select2-selection__arrow,
    .personal-info .select2-container--default .select2-selection--multiple .select2-selection__arrow {
        display: none;
    }

    /* /MyAccount */
}

@media screen and (max-width: 320px) {

    /* MyAccount */
    .card-rewrite-inputs,
    .card-rewrite-inputs+img {
        display: none;
    }

    /* /MyAccount */
}

/* =============================================================================
| /ADMIN
============================================================================= */