body {
    margin: 0 !important;
}

.notification-title, .notification-content {
    color: white;
    font-size: 15px;
}

.bot_table {
    overflow: hidden;
}

.select-pagination {
    height: 24px !important;
    margin-left: 10px;
    width: 100px;
    background: #F9FAFC;
    border-radius: 6px;
    border: 1px solid #E4EBF6;
}

.select-search-sm {
    height: 24px !important;
    background: #F9FAFC;
    border-radius: 6px;
    border: 1px solid #E4EBF6;
}

.select-category .vs__dropdown-toggle {
    max-height: unset;
}

.select-category .v-select {
    height: unset;
}

.select-category-move .v-select {
    height: 30px;
}

.select-category-move .vs__dropdown-toggle {
    max-height: 36px;
}


.vs__dropdown-toggle {
    max-height: 36px;
}

.vue-select .vs__dropdown-toggle {
    border: 1px solid #E4EBF6;
}

.select-pagination .vs__dropdown-toggle, .select-search-sm .vs__dropdown-toggle {

    border-radius: 0;
    border: none;
}

.select-pagination .vs__selected-options, .select-search-sm .vs__selected-options {
    height: 18px;
}

.select-pagination .vs__selected {
    margin: 2px 2px 0;
}

.select-pagination .vs__open-indicator, .select-search-sm .vs__open-indicator {
    transform: scale(0.8);
}

.vs--open .vs__open-indicator {
    transform: scale(0.8) rotate(180deg) !important;
}

.select-pagination .vs__selected, .select-search-sm .vs__selected {
    display: block;
}

.vue-select input {
    height: inherit;
    padding: 3px 12px;
}

.vue-select .vs__selected {
    margin: 7px 2px 0;
    height: fit-content;
}

.select-search-sm .vs__selected {
    margin: 2px 2px 0;
}

.vue-select .vs__actions {
    padding: 0 6px 0 3px;
}

.v-select {
    border-radius: 6px;
    background: white;
    height: 36px;
}

.v-select svg {
    display: block;
}

.vue-select svg {
    transform: scale(0.8);
}

.vue-select.required .vs__dropdown-toggle {
    border: 1px solid #F7C3CD;
}

.multiple .vs__selected {
    background: rgba(60, 67, 74, 1);
    color: white;
}

.multiple .vs__deselect {
    fill: white;
}

.select-full {
    width: 100%;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}

.fade-enter, .fade-leave-to {
    opacity: 0;
}

/*fix img*/
.img_prod img {
    object-fit: cover
}

.slick-prev {
    left: 3px !important;
    z-index: 2;
}

.slick-next {
    right: 3px !important;
    z-index: 2;
}

.slick-slide img {
    border-radius: 7px;
}

.cursor-pointer {
    cursor: pointer;
}

.popup_box.active {
    display: block;
}

.datepicker_to .mx-datepicker {
    width: 48%;
}

.wrap_from_to.datepicker_to input, .payment_datepicker input {
    width: 100%;
    height: 36px;
    padding: 10px 12px;
    margin-bottom: 17px;
    background-color: #FFFFFF;
    border: 1px solid #E4EBF6;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.2;
    color: #3C434A;
    font-family: 'Gilroy', sans-serif;
}

.datepicker_to .mx-icon-calendar, .mx-icon-clear,
.datepicker_to .mx-icon-calendar, .mx-icon-clear,
.payment_datepicker .mx-icon-calendar {
    top: 35% !important;
}

.add_size_wrap.flx {
    justify-content: start;
    gap: 10px;
    margin-bottom: 15px;
}

p.danger {
    color: #e67e92;
}

.mx-table-date .today div {
    color: #f5a329 !important
}

.mx-calendar-content .cell.active {
    background-color: #f5a329 !important;
    border-radius: 4px;
}

.mx-calendar-content .cell.active div {
    color: #fff !important;
}

.v-select.select-delivered-at {
    width: 114px;
}

.v-select.select-delivered-at .vs__actions {
    display: none;
}

.mt-0 {
    margin-top: 0 !important;
}

.fix-scroll {
    overflow-y: scroll;
}

.fix-scroll::-webkit-scrollbar {
    width: 0;
    position: absolute;
    right: 0;
}

.fix-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fix-scroll::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.product-list-filter-actions .reset {
    margin-right: 0;
}

.balance_seller_form.flx {
    width: 100%;
}

.discount_seller_form.table_body {
    width: 100%;
}

.discount-select-type input.vs__search {
    width: unset !important;
    max-width: 27px;
}

.mr-0 {
    margin-right: 0 !important;
}

.btn.btn-delete {
    background: #E63757;
}

.btn.btn-delete:hover {
    background-color: #e85570;
    border: 1px solid #e85570;
}

.adds_product_table .quantity_prod input {
    width: 55px;
}

.w-100 {
    width: 100% !important;
}

.balance {
    font-size: 18px;
}

.hidden {
    display: none !important;
}

.btn.disabled {
    cursor: not-allowed;
}

.disabled {
    cursor: not-allowed;
    background: #f5f5f5;
    color: #8b8b8b;
}

.pb-4 {
    padding-bottom: 4rem !important;
}

.add_discount.disabled span {
    color: #3C434A;
}

.overflow-x-unset {
    overflow-x: unset;
}

.vue-select .vs__selected:hover {
    z-index: 1000;
}

.custom-checkbox input.disabled:checked + span {
    background-color: #9d9d9d;
    border-color: #9d9d9d;
    cursor: not-allowed;
}

.custom-checkbox input.disabled + span, .custom-checkbox input.disabled:checked + span + span, .custom-checkbox input.disabled + span + span {
    cursor: not-allowed;
}

.black-border {
    border: 1px solid #2b2b2b;
}

.calculate_selected {
    display: none;
}

.calculate_selected.active {
    display: flex;
}

.mb-1 {
    margin-bottom: 1rem;
}

.vue-select.vs--disabled input.vs__search {
    display: none;
}

small.helper {
    font-size: 85%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sortable {
    display: flex;
}

.add_item_table {
    padding-bottom: 20px;
}

.mx-icon-calendar, .mx-icon-clear {
    top: 33% !important;
}

.mx-input:hover, .mx-input:focus {
    border-color: #f4a229 !important;
}

.mx-input {
    border: 1px solid #E4EBF6 !important;
}

.vc-container {
    border: unset !important;
}

.vc-day {
    min-height: 100px !important;
    padding: 5px;
    border: 1px solid #e4ebf6;
    width: 120px;
}

.vc-day:hover {
    background: antiquewhite;
}

.mini-select .vs__actions {
    padding: 4px 6px 0 3px !important;
}

.multi-user {
    height: unset;
}

.multi-user .vs__selected {
    white-space: nowrap;
}

.multi-user .vs__dropdown-toggle {
    max-height: unset;
}

.clickable-icon {
    opacity: 0;
    font-size: 16px;
    cursor: pointer;
}

.clickable-icon-mr {
    width: 10px;
}

.clickable-icon svg {
    display: inline !important;
}


.clickable-icon-item:hover .clickable-icon {
    opacity: 1;
}

.check {
    margin-top: 10px;
    width: auto;
    height: auto;
}

.check label {
    color: #afb8c7;
    font-weight: 600;
}


.top_products_inner {
    border-radius: 6px;
    flex-wrap: nowrap;
}

.top_products_inner .item_top {
    min-width: 30px;
    position: relative;
    padding: 9px 10px 6px;
    border-right: 1px solid #fff;
    cursor: pointer;
}

.top_products_inner .item_top > span {
    width: 100%;
    color: #fff;
    font-family: 'Gilroy Semibold', sans-serif;
    font-size: 12px;
    white-space: nowrap;
}

.top_products_inner .item_top > span span {
    display: none;
    color: #fff;
    font-family: 'Gilroy Semibold', sans-serif;
    font-size: 12px;
}

.top_products_inner .item_top:first-child {
    border-radius: 6px 0 0 6px;
}

.top_products_inner .item_top:last-child {
    border-right: none;
    border-radius: 0 6px 6px 0;
}

.top_products_inner .item_top:hover .popular_product {
    display: block;
    transition: .2s all ease;
}

.top_products_inner .popular_product .dropdown {
    padding: 15px 21px;
    flex-wrap: nowrap;
}

.top_products_inner .popular_product {
    top: 43px;
    right: 10px;
}

.top_products_inner .item_top:nth-child(-n+3) .popular_product {
    right: initial;
    left: 10px;
}

.top_products_inner .item_top:nth-child(-n+3) .popular_product .dropdown:before {
    transform: rotate(180deg);
    right: initial;
    left: 0;
}

.top_products_inner .item_top:nth-child(-n+3) .popular_product .dropdown:after {
    transform: rotate(180deg);
    right: initial;
    left: -1px;
}

.top_products_inner .popular_product img {
    width: 60px;
    height: 70px;
    margin-right: 20px;
}

.top_products_inner .popular_product .name {
    width: 180px;
    margin-right: 20px;
    flex-grow: 1;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Gilroy', sans-serif;
}


.category_card_outer {
    width: 100%;
    background-color: #F7F7F7;
}

.category_card_inner {
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    padding: 64px 0 56px;
}

.category_card_inner .card {
    width: 183px;
    margin-right: 10px;
    flex-direction: column;
}

.category_card_inner .card:last-child {
    margin-right: 0;
}

.category_card_inner .card img {
    width: 183px;
    height: 183px;
    margin-bottom: 13px;
    border-radius: 50px;
    border: 10px solid transparent;
    transition: .2s all ease;
}

.category_card_inner .card span {
    font-size: 16px;
    color: #ADB8C6;
    font-family: 'Gilroy Bold', sans-serif;
    text-transform: uppercase;
    text-align: center;
    transition: .2s all ease;
}

.category_card_inner .card:hover img {
    border-color: #fff;
}

.category_card_inner .card:hover span {
    color: #3C434A;
}


.profile_category {
    padding: 60px 0;
    background: #fff;
}

.profile_category .card {
    width: 100px;
    margin-right: 20px;
    flex-direction: row;
    justify-content: center;
}

.profile_category .card:last-child {
    margin-right: 0;
}

.profile_category .img_wrap {
    width: 100px;
    height: 100px;
    margin-bottom: 12px;
    position: relative;
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    overflow: hidden;
}

.profile_category .card:hover .img_wrap {
    box-shadow: 0 0 0 6px #fff;
}

.profile_category .card:first-child {
    margin-left: 6px;
}

.profile_category .img_wrap .qty_orders {
    position: absolute;
    width: 100%;
    top: calc(50% - 18px);
    padding-top: 4px;
    padding-bottom: 1px;
    background: rgba(21, 24, 27, 0.4);
    font-size: 16px;
    color: #fff;
    font-family: 'Gilroy Semibold', sans-serif;
    line-height: 1;
}

.profile_category .card:hover .img_wrap .qty_orders {
    color: #fff;
}

.profile_category .img_wrap .qty_orders span {
    font-size: 12px;
    display: block;
    color: #fff;
    text-transform: initial;
}

.profile_category .card span {
    font-size: 12px;
}

.profile_category .category_card_inner {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
}

.profile_category .category_card_inner .img_wrap:after {
    position: absolute;
    width: 100%;
    top: calc(50% - 10px);
    left: 0;
}

.profile_category h2 {
    margin-bottom: 39px;
    color: #ADB8C6;
}

.ck svg {
    display: block;
}

.x-edit .ck-editor__editable {

    /*height: 500px;*/
}

.order-list-time {
    font-size: 12px;
    color: #999;
}