.topMenu a {
    display: block;
    padding: 0.3125rem 0.25rem;
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url("https://fonts.cdnfonts.com/css/poppins");

/* Category css */
a.btn.btn-primary.back_btn {
    background: brown;
    border: none;
    margin-left: 1%;
}
ul.nav.nav-pills.nav-sidebar.flex-column {
    width: 100%;
}

ul.nav.nav-pills.nav-sidebar.flex-column li.nav-item {
    width: 100%;
}
.dataTables_wrapper th,
.dataTables_wrapper td,
.dataTables_wrapper td p,
.dataTables_wrapper td span,
.dataTables_wrapper td a {
    font-family: "Poppins", sans-serif;
}

.check_coman_hk .quote_content a.active_rot i {
    transform: rotate(180deg);
}

.order_bys label + p {
    margin-bottom: 10px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    margin-top: -2px;
}

.nav-sidebar .nav-item > .nav-link {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #757575;
    font-family: "Poppins", sans-serif;
    padding-right: 0;
}

.barchart_cl_seorates {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #fff;
    padding: 25px;
    margin-top: 25px;
}

.heading_six_bx h3 {
    color: #282323;
    margin-bottom: 12px;

    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.first_main_box {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #fff;
    padding: 25px;
    margin-top: 25px;
}

.select2-results__option--selectable,
li#select2-category-c5-result-nhpr-Category\ \>\ Subcategory {
    cursor: pointer;
    font-family: "Inter", sans-serif;
}

.main-sidebar,
.main-sidebar:before {
    width: 255px;
}

.content-header {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.mrn-b-10 label {
    margin-bottom: 10px !important;
}

.sidebar {
    overflow-y: scroll;
    mask-image: linear-gradient(to top, transparent, black),
        linear-gradient(to left, transparent 17px, black 17px);
    mask-size: 100% 20000px;
    mask-position: left bottom;
    -webkit-mask-image: linear-gradient(to top, transparent, black),
        linear-gradient(to left, transparent 17px, black 17px);
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}

.sidebar {
    -webkit-mask-position: left top;
}

a.add_btn {
    float: right;
    margin-bottom: 1%;
    margin-right: 1%;
}

.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
    position: relative;
}

[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
    background: rgb(209 213 219 / 20%) !important;
    color: #757575 !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #da5466 !important;
    border-color: #da5466 !important;
}

.show > .btn-primary.dropdown-toggle:focus img {
    filter: invert(1) !important;
}

.new_first_models .footer_bottom_btns {
    max-width: calc(100% - 30px);
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #da5466 !important;
    border-color: #da5466 !important;
    box-shadow: none !important;
}

.parent_all_categories_main .inner_main_top_headers_t {
    height: 22px;
}

.left_bar_f > .money_icon {
    display: none;
}

.info_wps .img_ing h5 {
    margin-bottom: 0;
}

.info_wps .img_ing ul {
    padding-top: 0;
}

.info_wps .img_ing ul li {
    padding: 0;
}

.dropdown-menu.show li:hover {
    background-color: transparent !important;
    color: #fff;
}

.dropdown.export_cl ul.dropdown-menu {
    padding: 0 !important;
}

.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active:before {
    content: "";
    position: absolute;
    right: 0;
    width: 5px;
    background: #da5466;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
}

.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link:before {
    content: "";
    position: absolute;
    right: 0;
    width: 5px;
    background: #757575;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    visibility: visible;
}

.sidebar-light-danger .nav-sidebar > .nav-item:hover > .nav-link:before {
    opacity: 1;
}

.first_sing_in {
    padding-bottom: 50px;
}

.second_sign_in .form-group {
    margin-bottom: 24px;
}

.second_sign_in .group_form_parent .form-group.form-check {
    margin-bottom: 10px;
}

.second_sign_in .group_form_parent .form-group.forgot_link {
    margin-bottom: 10px;
}

/* .main-sidebar:before { content: ""; position: absolute; right: -4px; width: 8px !important; height: 38px; background: #dc3545; display: block; } */
.main-sidebar {
    overflow: visible !important;
}

.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
    background-color: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    /* or 19px */
    /* grey 3 */
}

.order-page-inner_design.parent_all_categories_main_t.myClass {
    background: transparent;
    display: flex;
    gap: 20px;
    max-width: 1535px;
    width: 100%;
    padding: 0;
}

.credit_teams_box .left_credit_trm .img_bskt_info {
    min-width: 100px;
}

.orderHeading h4 {
    color: var(--grey-grey-50, #6b7280);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.orderHeading h2 {
    color: #111827;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active i {
    color: #dc3545;
}

.layout-fixed .wrapper .sidebar {
    padding: 0;
}

/* .sidebar { overflow: inherit !important; } */
.content-header {
    padding: 15px 0.5rem;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
}

div#createModalproducttwo .header_titles {
    padding-left: 0;
    margin: 0 -20px;
    padding-top: 0;
}

div#createModalproducttwo .forms_tabings {
    margin-top: 24px;
}

div#pricingDataTable_filter {
    display: none;
}

ul.price_menus a.active {
    color: #000 !important;
    background: #ffffff;
    border: 1px solid #e5e7eb;
}

a.import_btn {
    float: right;
    margin-bottom: 1%;
    margin-right: 1%;
}

input::-webkit-input-placeholder {
    font-family: "FontAwesome";
}

input#typemeasure::placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}

span.select2-search.select2-search--dropdown:before {
    position: absolute;
    left: 13px;
    top: 10px;
    display: block;
    content: "\f002";
    font-family: fontawesome;
}

.eye_field .fa-eye:before,
.eye_field .fa-eye-slash:before {
    content: "";
}

span.select2-search.select2-search--dropdown {
    position: relative;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding-left: 30px;
}

/* header */
.content-header .dataTables_length {
    display: none;
}

aside.main-sidebar.sidebar-light-danger.elevation-4 {
    box-shadow: none !important;
    background: #ffffff;
    border-right: 1px solid #d1d5db;
}

.wrapper_jky,
.three_unite_b {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

ul.price_menus {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 100%;
    max-width: 180px;
    margin-left: auto;
}

.row.search_parents {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    margin-top: 24px;
}

.left_toggle_s {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.inner_toggle_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.per_bags {
    display: flex;
    gap: 24px;
    justify-content: end;
    flex-wrap: wrap;
}

.right_per_bag {
    display: flex;
    align-items: center;
}

.left_per_bag {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    width: fit-content;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.left_per_bag input[type="text"] {
    width: 50px;
    outline: none;
    border: none;
    padding: 0;
}

.left_per_bag input[type="text"]::placeholder {
    text-align: center;
}

div#list-settings-four .account_ref_g.account_manager_drop {
    padding: 0 20px;
}

.left_ref button {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

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

div#list-messages-three .account_ref_s {
    margin-bottom: 13px;
}

.update_setting_wp ul li:last-child {
    /* position: absolute;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 0; */
    /* width: calc(100% - 32px); */
    background: #fff;
}
li.last-child {
    position: absolute;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 0;
    width: calc(100% - 30px);

    margin: 0 auto;
}
.supplier_payment .modal-footer {
    display: none;
}

div#list-settings-four .account_ref_g.account_manager_drop .account_ref_s {
    margin-bottom: 14px;
}

div#list-settings-four .account_ref_g.account_manager_drop .account_ref_s {
    padding: 0;
    margin-bottom: 14px;
}

div#list-settings-four .account_ref_d button {
    padding: 0;
    line-height: 22px;
}

li.selected.box .check_box {
    margin-top: 0;
}

div#list-settings-four .body_main_title {
    padding: 0 20px;
}

div#list-settings-four .select_dlv_option {
    padding-left: 20px;
    padding-right: 20px;
}

div#list-settings-four .card {
    box-shadow: none;
}

.left_per_bag span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.32px;
    color: #b1b1b5;
}

.left_per_bag span:last-child {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.toggle_info p {
    margin-bottom: 2px;
    font-weight: 550;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

.toggle_info span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

.search-container input {
    padding: 8px 18px;
}

.search-container {
    position: relative;
    margin-left: 8px;
}

.sureize_nh input#measuresize {
    padding-right: 62px;
    border-radius: 8px;
}

.wrapper_jky .form-group-selcted input#typemeasure {
    border-radius: 8px;
    color: var(--grey-grey-90, #111827);

    /* Inter/base regular */

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.search-container span {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
}

.search-container input::placeholder {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #9ca3af;
    padding: 8px 18px;
    font-family: "Inter", sans-serif;
    padding-left: 5px;
}

.search-container input.search-box:focus-visible {
    outline: none;
}

.left_per_bag input[type="number"] {
    width: 60px;
    outline: none;
    border: none;
    text-align: center;
}

.wrapper_jky .form-group .col-sm-6 {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.content_group_p p {
    margin-bottom: 3px;
    color: #6b7280;
    font-size: 14px;
    line-height: 24px;
}

.searchBar input#searchText::placeholder {
    color: #9ca3af;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    line-height: 24px;
}

.content_group_p p span {
    font-weight: 700;
}

.content_group_p {
    margin-top: 10px;
}

a.delete_all {
    float: right;
    margin-bottom: 1%;
    margin-right: 1%;
}

a.download_sample {
    float: right;
    margin-bottom: 1%;
    margin-right: 1%;
}

#error-container {
    color: #dc3545;
}

/* For slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switchbtn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border: 2px solid #bbb;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.switchbtn:before {
    position: absolute;
    content: "";
    height: 34px;
    width: 34px;
    left: -2px;
    top: -2px;
    background-color: black;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.switchbtn:after {
    position: absolute;
    content: "OFF";
    right: 3px;
    top: 10px;
    font-size: 9px;
    font-family: "Arial";
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .switchbtn {
    background-color: white;
    border: 2px solid #2196f3;
}

input:focus + .switchbtn {
    box-shadow: 0 0 1px #2196f3;
}

input:checked + .switchbtn:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    background-color: #2196f3;
}

input:checked + .switchbtn:after {
    position: absolute;
    content: "ON";
    left: 7px;
    top: 10px;
    font-size: 9px;
    font-family: "Arial";
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

/* Rounded sliders */
.switchbtn {
    border-radius: 34px;
}

.switchbtn:before {
    border-radius: 50%;
}

.switch button {
    display: none;
}

.toggle_inpt input[type="checkbox"] {
    position: relative;
    width: 65px;
    height: 32px;
    -webkit-appearance: none;
    appearance: none;
    background: red;
    outline: none;
    border-radius: 2rem;
    cursor: pointer;
    box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
    margin-left: 5%;
}

.toggle_inpt input[type="checkbox"]::before {
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
}

.toggle_inpt input[type="checkbox"]:checked::before {
    transform: translateX(100%);
    background: #fff;
}

.toggle_inpt input[type="checkbox"]:checked {
    background: #00ed64;
}

/* checkbox sizes */
.dataTables_wrapper input#checkBoxClass {
    width: 17px;
    height: 17px;
}

.dataTables_wrapper th input {
    width: 20px;
    height: 17px;
}

.logo_kitcher a {
    display: block;
    text-align: center;
}

.logo_kitcher a img {
    width: 35%;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover,
/* .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused, */
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link {
    /* .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link { */
    width: 220px !important;
}

.logo_kitcher a img {
    max-width: 100px;
    margin: 0 auto !important;
}

.logo_kitcher {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.kitcher_brand_logo {
    text-align: center;
}

.edit_btn i {
    font-size: 16px;
}

.delete_btn i,
table#measuresDataTable tr td a.delete_measures i {
    font-size: 16px;
    font-weight: 300;
    color: red;
}

table#measuresDataTable tr td a.delete_measures i {
    font-weight: 500;
}

.dataTables_wrapper table.table.dataTable {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
    width: calc(250px - 0rem) !important;
}

.search_wraps input.InputSearch {
    text-align: left;
}

.parent_all_categories_main .container-fluid {
    padding: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

/* Delete button hide */
a#delet_all_btn {
    display: none;
}

/* side model */
.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 1000px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}

.come-from-modal.right.fade .modal-dialog {
    right: 0;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.come-from-modal.right.fade.in .modal-dialog {
    right: 0;
}

.dropdown.export_cl img {
    width: 15px;
    margin-right: 4px;
}

.import_btns a span {
    display: inline-block;
    font-size: 15px;
}

.del_add_btn a#add_product {
    padding: 6px 12px 6px 10px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

.dropdown.export_cl .btn {
    padding: 5px 12px 5px 10px;
    /* width: 92px; */
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

.dropdown.export_cl .btn:after {
    display: none;
}

.dropdown-menu.show {
    padding: 10px;
    margin-top: 6px;
    border-radius: 10px;
}

.filter_product_up a span {
    display: inline-block;
    font-size: 19px;
    margin-right: 8px;
}

.filter_product_up a {
    padding: 6px 12px 6px 10px;
    gap: 8px;
    width: 82px;
    height: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

.dropdown-menu.show li a {
    color: inherit;
}

.dropdown-menu.show li {
    padding: 4px 8px;
    text-transform: capitalize;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dropdown-menu.show li:hover {
    background-color: #007bff;
    color: #fff;
}

#myModal .modal-dialog {
    right: 0;
}

.list-dropdown {
    margin-left: auto;
}

.form-control.measure_name.change_measure.type_measure_edit.edit_measurename_vlidate{
    border-radius: 8px;
}

.list-title-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    gap: 10px;
}

.list-title-wrapper a.import_btn,
.list-title-wrapper a#delet_all_btn,
.list-title-wrapper a.add_btn {
    margin: 0;
}

/* 15-2-2023 */
.search_wraps {
    position: relative;
    color: #aaa;
    font-size: 16px;
}

.search_wraps {
    display: inline-block;
}

.search_wraps input {
    width: 200px;
    height: 32px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.search_wraps input::placeholder {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #9ca3af;
    text-align: left;
}

.search_wraps input {
    text-indent: 32px;
}

.search_wraps .fa-search {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.search_wraps .fa-search:before {
    content: "\f002";
    color: #9ca3af;
    font-size: 13px;
    line-height: 24px;
}

.new_import_btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.search_wraps .fa-search {
    left: 10px;
}

.import_btns a,
.new_import_btns a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px 6px 10px;
    gap: 8px;
    float: none;
    margin: 0;
    height: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    text-transform: capitalize;
}

.header_product_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 10px;
    position: sticky;
    top:0px;
    z-index: 9;
    background: #ffff;
}

footer.main-footer a {
    color: #da5466;
}

.table-bordered th {
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
}

a.exampleModal.edit_client_data {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

footer.main-footer,
footer.main-footer strong {
    color: var(--grey-grey-50, #6b7280);
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.header_product_wrapper .right_top_side_bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.filter_product_up a:hover {
    color: #111827;
}

.search_wraps input:focus-visible {
    outline: none;
}

.custom-switch.custom-switch-off-danger
    .custom-control-input
    ~ .custom-control-label:before {
    background-color: #1dc9a0;
    border-color: #1dc9a0;
}

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

/* datatable seach hide */
div#priceTypeDataTable_filter {
    display: none;
}

div#unitsDataTable_filter {
    display: none;
}

div#measuresDataTable_filter {
    display: none;
}

div#cuisineDataTable_filter {
    display: none;
}

div#establishmentDataTable_filter {
    display: none;
}

div#ingredientDataTable_filter {
    display: none;
}

div#companyDataTable_filter {
    display: none;
}

div#cityDataTable_filter {
    display: none;
}

div#roleDataTable_filter {
    display: none;
}

div#BrandsDataTable_filter {
    display: none;
}

div#DishesDataTable_filter {
    display: none;
}

div#CategoryDataTable_filter {
    display: none;
}

div#ProductsDataTable_filter {
    display: none;
}

div#UsersDataTable_filter {
    display: none;
}

div#vatsDataTable_filter {
    display: none;
}

.header_filter_dflt {
    /* background: #fff; */
    padding: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

.parent_all_categories_main,
.parent_all_categories_main_t,
.parent_all_categories_main_ct,
.parent_all_categories_main_on {
    padding: 10px;
}

.parent_all_categories_main {
    padding-left: 0;
    padding-right: 0;
}

.content-header h1 {
    font-size: 22px !important;
}

/* tax hide */
div#taxshow {
    display: none;
}

/* icone suppliers */
.select2-container--default
    .select2-selection--single
    .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 18px;
    padding-right: 0px;
    margin-top: -3px;
}

/* product module model */
div#modalhide .modal-dialog {
    width: 100% !important;
    max-width: 34% !important;
}

div#modalhide_update .modal-dialog {
    width: 100% !important;
    max-width: 50% !important;
}

div#modalhide .modal-dialog .modal-content {
    padding: 20px;
}

div#modalhide .modal-dialog .modal-content .form-group input#product_image {
    height: 44px !important;
}

.login-card-body
    .input-group
    .form-control.is-invalid
    ~ .input-group-append
    .input-group-text {
    border-color: #ced4da !important;
}

.card-body.login-card-body .input-group .input-group-text {
    background: #da5466 !important;
    color: #fff;
}

/* Search box text align center */
input.InputSearch {
    text-align: center;
}

/* product active inactive css */
a.avtive_product {
    margin-left: 35px;
}

/* a.Inavtive_product {
    margin-left: 8px;
} */
.all_lin_menus {
    gap: 8px;
}

span.stokeunit {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

span.measure_size {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

/* table#ProductsDataTable tr td:nth-child(3),
table#BrandsDataTable tr td:nth-child(3) {
    display: flex;
    align-items: center;
    gap: 7px;
} */
table#ProductsDataTable tr td:nth-child(3) .product_img_set_details,
table#BrandsDataTable tr td:nth-child(3) .brand_img_set_details {
    display: flex;
    align-items: center;
    gap: 7px;
}

.nutri_values .form-control {
    height: 68px;
    vertical-align: top;
}

a#hidesecondlogo {
    border-bottom: 0;
}

div#modalhide_update .come-from-modal.right.fade .modal-dialog .modal-content {
    padding: 20px;
}

/* a#import_dish span img { filter: invert(1); } */
/* div#modalhide_update .forms_tabings { padding: 0; } */
div#ProductsDataTable_paginate a#ProductsDataTable_next {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #9ca3af;
    order: 3;
}

span a.paginate_button {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #9ca3af;
    border: none !important;
    outline: none;
    order: 1;
    background: transparent !important;
}

div#ProductsDataTable_info {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #6b7280;
    padding: 10px;
}

div#ProductsDataTable_paginate a#ProductsDataTable_previous {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #6b7280;
    order: 2;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    color: #6b7280;
    box-shadow: none;
}

div#ProductsDataTable_paginate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

table#ProductsDataTable tr td:nth-child(3) a.edit_produt {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

p.prodcut_des {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
    margin-bottom: 0;
}

table#ProductsDataTable tr td:nth-child(3) img.img-rounded {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

span.unit_per_cartoon {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

span.basic_unit_val {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

span.moq {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

span.basic_unit_val_2 {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

.all_lin_menus a.active h1 {
    color: #fff !important;
}

.main-header {
    z-index: 9 !important;
}

.del_add_btn {
    display: flex;
    flex-wrap: wrap;
    min-width: 229px;
}

.delete_all {
    margin: 0 !important;
}

a#delet_all_btn {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px 6px 10px;
    gap: 8px;
    float: none;
    margin: 0;
    height: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    text-transform: capitalize;
}

#delet_all_btn:hover {
    background: #dc3545;
    color: #fff;
}

.content-header {
    font-family: "Inter", sans-serif;
}

.form-control,
.forms_tabings {
    font-family: "Inter", sans-serif;
}

.forms_tabings ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 12px;
}

.forms_tabings ul.tabs li {
    background: none;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #111827;
    white-space: nowrap;
    text-transform: capitalize;
}

.header_titles {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header_titles {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

.tab-content h2,
.product_details h2,
.unique_first_fm h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.header_titles h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
    font-family: "Inter", sans-serif;
}

.close_arrow_btns a {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
}

.forms_tabings ul.tabs li.current {
    background: #da5466;
    color: #fff;
    border-color: #da5466;
}

.forms_tabings .tab-content {
    display: none;
    padding: 15px;
}

.forms_tabings .tab-content.current {
    display: inherit;
}

.forms_tabings .tab-content {
    position: relative;
}

div#modalhide .modal-dialog .modal-content .btn:hover,
div#modalhide .modal-dialog .modal-content button.btn.btn-secondary:hover {
    background-color: #dc3545;
    color: #fff;
}

p.text_p {
    margin-left: 105px;
}

span.select2-search.select2-search--inline {
    outline: none;
    border: none;
}

span.select2-selection.select2-selection--multiple {
    width: 470px;
}

button.select2-selection__choice__remove {
    width: 166%;
    height: 28px;
    color: black;
}

#select2-data-3-6kwk .select2-search__field,
#select2-data-3-6kwk .select2-search__field:focus {
    outline: none !important;
    border: none !important;
}

.selection .select2-search__field {
    outline: none !important;
    border: none !important;
}

.selection .select2-selection__choice {
    transition: background-color 0.3s ease;
}

.selection .select2-selection__choice:hover {
    background-color: #007bff;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover {
    margin-left: 52px;
    height: 21px;
    margin-top: 2px;
}

/* 20-3-2023 */
.prod_image_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.right_info_ts p {
    margin-bottom: 4px;
}

.img_box_wp {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.img_box_wp img {
    width: 100%;
    order: 1;
}

.button_outer,
.file_uploading {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 6px 12px;
}

a.remove_image {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    min-width: 32px;
    height: 38px;
    padding: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.remove_imageupload_profile {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    min-width: 32px;
    height: 32px;
    padding: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.up_img_box {
    max-width: 128px;
    width: 100%;
}

.button_outer {
    text-align: center;
    line-height: normal;
    display: inline-block;
    transition: 0.2s;
    position: relative;
    overflow: hidden;
}

.btn_upload {
    color: #111827;
    text-align: center;
    position: relative;
    display: inline-block;
    z-index: 3;
    white-space: nowrap;
    font-weight: 500;
    font-size: 13px;
    line-height: 6px;
}

.btn_upload input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 105%;
    cursor: pointer;
    opacity: 0;
    padding: 20px;
}

.button_outer.file_uploading {
    padding: 9px 12px;
}

.file_uploading .btn_upload {
    display: none;
}

.processing_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 30px;
    background: #83ccd3;
    transition: 3s;
}

.file_uploading .processing_bar {
    width: 100%;
}

.success_box {
    display: none;
}

.success_box:before {
    content: "";
    display: block;
    width: 9px;
    height: 18px;
    border-bottom: 6px solid #fff;
    border-right: 6px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 17px;
    top: 10px;
}

.file_uploaded {
    margin-top: 0;
    width: 50px;
    background: #83ccd3;
    height: 50px;
}

.uploaded_file_view {
    position: relative;
    transition: 0.2s;
    opacity: 0;
}

.file_remove {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    position: absolute;
    background: #aaa;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.file_remove:hover {
    background: #222;
    transition: 0.2s;
}

.uploaded_file_view img {
    max-width: 100%;
}

.uploaded_file_view.show {
    opacity: 1;
}

.error_msg {
    text-align: center;
    color: #f00;
}

.upload_wp {
    display: flex;
    /* align-items: center; */
    margin-top: 15px;
    justify-content: space-between;
    order: 2;
    width: 100%;
}

.update_setting_wp ul {
    padding: 0;
}

/* .panel {
    height: 32px;
} */
.btn_upload p {
    margin-top: 0 !important;
}

.unique_first_fm .btn_upload p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 0;
}

.upload_wp a i {
    color: #6b7280;
    font-size: 13px;
    line-height: 13px;
    width: 32px;
}

.unique_first_fm .right_info_ts p {
    margin-bottom: 4px;
    color: #6b7280;
    font-size: 15px;
}

.unique_first_fm p.title_dis {
    font-weight: 700;
}

.unique_first_fm .product_details {
    margin-top: 20px;
}

.unique_first_fm .product_details .form-group label {
    color: #6b7280;
}

.unique_first_fm .product_details .form-group label,
.tab_2_wp .form-group label,
.tab-content .form-group label,
.product_details label {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    margin-bottom: 8px;
    display: block;
}

.unique_first_fm .product_details .form-group,
.tab_2_wp .form-group {
    margin-bottom: 30px;
}

.product_details .form-group p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
    margin-top: 12px;
}

.product_details .form-group input::placeholder {
    font-size: 14px;
    line-height: 24px;
}

.unique_first_fm .product_details .form-group .form-control,
.tab_2_wp .form-group .form-control,
.tab_2_wp .form-group span.select2-selection.select2-selection--multiple,
.product_details input {
    border-color: #f9fafb;
    margin-top: 0px;
    padding: 8px 16px;
    background: #f9fafb;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
    border: 1px solid #e5e7eb !important;
    padding: 0.46875rem 0.75rem;
}

.tab_2_wp
    .form-group
    span.select2-selection.select2-selection--multiple
    ul#select2-dish-se-container {
    padding: 0 !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

form#brandForm .tt-select {
    margin-top: 10px;
}

.footer_bottom_btns button.btn.btn-secondary.close_arrow_btns {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
}

.footer_bottom_btns button#submitBrandData {
    background: #e5e7eb;
    border-color: #e5e7eb;
    color: #6b7280;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #e5e7eb;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
}

.custom-switch.custom-switch-on-success
    .custom-control-input:checked
    ~ .custom-control-label:before {
    background-color: #1dc9a0 !important;
    border-color: #1dc9a0 !important;
}

.custom-switch.custom-switch-on-success
    .custom-control-input:checked
    ~ .custom-control-label:after {
    background-color: #ffffff !important;
}

.custom-switch.custom-switch-on-success
    .custom-control-input:checked
    ~ .custom-control-label:after {
    left: calc(-2.25rem + 14px) !important;
}

.custom-switch.custom-switch-off-danger
    .custom-control-input
    ~ .custom-control-label:before {
    background-color: #da5466 !important;
    border-color: #da5466 !important;
}

.custom-switch.custom-switch-off-danger
    .custom-control-input
    ~ .custom-control-label:after {
    background-color: #fff !important;
}
span.select2-dropdown.select2-dropdown--below {
    min-width: 210px;
}
table#ProductsDataTable th,
table#ProductsDataTable td,
table#pricingDataTable th,
table#pricingDataTable td,
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td {
    vertical-align: middle;
    background-color: #fff;
    background: #ffffff;
    border: none;
    border-top: 1px solid #eee;
    padding-top:20px;
    padding-bottom:20px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

div#ProductsDataTable_length label {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #424242;
}

div#ProductsDataTable_length {
    width: 100%;
    border-top: 1px solid #eee;
    padding: 20px 10px;
}

div#ProductsDataTable_length label {
    margin-bottom: 0;
}

.mt-2.header_filter_dflt {
    padding-left: 0;
    padding-right: 0;
}

table.dataTable.stripe > tbody > tr td {
    box-shadow: none !important;
    background: #fff !important;
    font-weight: 500 !important;
}

table#ProductsDataTable a.edit_product_data,
table#BrandsDataTable,
a.edit_brand_data {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

table#ProductsDataTable,
table#pricingDataTable {
    /* border-collapse: collapse; */
    border-color: #eee;
}

table#pricingDataTable td:nth-child(3) .row .col-3 img {
    width: 50px;
    height: 50px;
}

table#pricingDataTable td h6.float-left.ml-2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

table#pricingDataTable td small.float-left.ml-2 {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

table#pricingDataTable td p.rounded.border {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #4b5563;
    margin-bottom: 0 !important;
    background: #ffffff;
    border-radius: 8px !important;
    padding: 6px 12px;
}

table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > * {
    box-shadow: none;
}

table#pricingDataTable td .row .col-3 img {
    width: 50px;
    height: 50px;
}

table#pricingDataTable tr td:nth-child(2) {
    min-width: 134px;
}

table#pricingDataTable td h6,
table#pricingDataTable td p.float-left.ml-2:first-child {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
    float: none !important;
    margin-bottom: 2px !important;
    margin-left: 0 !important;
}

table#pricingDataTable td p.float-left.ml-2:last-child {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    float: none !important;
    margin-bottom: 2px !important;
    margin-left: 0 !important;
    display: block;
    /* identical to box height */
    /* Grey 500 */
    color: #9e9e9e;
}

table#ProductsDataTable th,
table#pricingDataTable th {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #424242;
}

.custom-switch .custom-control-label:after {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 48px !important;
    pointer-events: all;
    height: 24px !important;
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    -ms-border-radius: 25px !important;
    -o-border-radius: 25px !important;
}

.unique_first_fm .product_details .form-group label p {
    font-size: 18px;
    font-weight: 400;
    margin-top: 11px;
}

.unique_first_fm .product_details .form-group textarea#product_description {
    height: 175px;
    resize: none;
}

div#modalhide .modal-dialog .modal-content .btn {
    border-color: #e5e7eb;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #da5466;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
}

.forms_tabings {
    height: auto;
    overflow-y: auto;
    padding-right: 10px;
}

.forms_tabings::-webkit-scrollbar-track,
.delate_pop_up_user::-webkit-scrollbar-track,
.orderStatusbucket::-webkit-scrollbar-track,div#pricelevelModal .addClientData::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

.forms_tabings::-webkit-scrollbar,
.delate_pop_up_user::-webkit-scrollbar,
.orderStatusbucket::-webkit-scrollbar,div#pricelevelModal .addClientData::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

.forms_tabings::-webkit-scrollbar-thumb,
.delate_pop_up_user::-webkit-scrollbar-thumb,.div#pricelevelModal .addClientData::-webkit-scrollbar-thumb {
    background-color: gray;
}

.orderStatusbucket::-webkit-scrollbar, .div#pricelevelModal .addClientData::-webkit-scrollbar{
    display: none;
}

.orderStatusbucket::-webkit-scrollbar-thumb,.div#pricelevelModal .addClientData::-webkit-scrollbar-thumb {
    background-color: transparent !important;
}

.nav-pills .nav-link:not(.active):hover {
    /* color: #dc3545 !important; */
}

/* .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link p {
    display: none;
} */
/* okscroll */
.sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}
.sidebar,.div#pricelevelModal .addClientData{
    -ms-overflow-style: none !important; 
    scrollbar-width: none !important; 
  }
.container-fluid.order_inner_hl_unique .comman_header_bt_titles {
    padding-top: 65px;
}

.order-page-inner_design.parent_all_categories_main_t.myClass.order_inner_hl_pro {
    margin-top: 18px;
}
.list_filter_task_content h4 {
    max-width: 130px;
}
.sidebar::-webkit-scrollbar,.div#pricelevelModal .addClientData::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: gray;
}
.div#pricelevelModal .addClientData::-webkit-scrollbar-thumb{
    background-color: transparent !important;
}
.div#pricelevelModal .addClientData::-webkit-scrollbar{
    background-color: transparent !important;
}
div#pricelevelModal .addClientData::-webkit-scrollbar{
    display: none;
}
/* in */
.footer_bottom_btns {
    text-align: right;
    border-top: 1px solid #e5e7eb;
    padding-top: 10px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin-top: 10px;
    width: 100%;
    background: #fff;
    padding-bottom: 17px;
    padding-right: 20px;
    z-index: 99;
}

#productForm .tab-content {
    padding-bottom: 00px;
}

.card-footer {
    background: #fff !important;
}

.card-body {
    padding-bottom: 0;
}

.card-footer button.btn.btn-primary {
    border-color: #e5e7eb;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #da5466;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
}

div#modalhide .modal-dialog .modal-content button.btn.btn-secondary {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
}

.back_btn {
    background-color: transparent;
    border-color: transparent;
    color: #111827;
}

.tab_2_wp select {
    color: #6b7280 !important;
}

.tab_2_wp .form-group label {
    display: block;
    width: 100%;
    color: #6b7280;
}

.tab_2_wp
    span.select2.select2-container.select2-container--default.select2-container--above {
    width: 100% !important;
}

.tab_2_wp span.select2-selection.select2-selection--multiple {
    width: 100% !important;
    max-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
}

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

label.switch-toggle {
    background: url("switch.png") repeat-y;
    display: block !important;
    height: 12px;
    padding-left: 26px;
    cursor: pointer;
    display: none;
}

label.switch-toggle.on {
    background-position: 0 12px;
}

label.switch-toggle.off {
    background-position: 0 0;
}

label.switch-toggle.hidden {
    display: none;
}

a.quantity {
    margin-left: 270px;
}

h5.activeinactive {
    margin-left: 110px;
}

.wrap_tins {
    display: flex;
    position: relative;
}

.three_uni_one label,
.wrapper_jky .form-group label {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
}

.three_unite_b .form-control,
.wrapper_jky .form-control {
    margin-top: 10px;
}

.search-container input.search-box {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    width: 100%;
    min-width: 294px !important;
    padding-left: 40px;
}

.search_parents .column:first-child {
    width: calc(100% - 180px);
}

ul.price_menus {
    padding: 0;
    list-style: none;
}

ul.price_menus li a {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 99999px;
    padding: 8px 12px;
    display: flex;
    justify-content: center;
    background: #f9fafb;
    border-color: #f9fafb;
}

ul.price_menus a.active_a {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #6b7280;
}

ul.price_menus a.active_in {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #6b7280;
}

.tab_inner_infoses h2 {
    color: #111827;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.content_group_p {
    margin-top: 10px;
    margin-bottom: 40px;
}

.unite_mgd {
    margin-bottom: 0;
    margin-top: 16px;
}

.wrap_tins span.cartdes {
    position: absolute;
    right: 8px;
    top: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #9ca3af;
}

.three_uni_one select#basicunit {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #9ca3af;
}

.three_uni_one label {
    margin-bottom: 0;
}

.three_uni_one .form-control {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

p.cartdes {
    position: relative;
    left: -50px;
    margin-top: 5px;
}

/* 23-3-2023 */
/* toggle_css */
.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d1d1d6;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.form_wp_h .see_more_btn.ld_click a.addUrlLink {
    padding: 11px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

a.add_prices span {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: inline-flex;
    padding: 6px 12px 6px 10px;
    color: #111827;
    font-weight: 500;
    margin-right: 20px;
}

a.add_prices {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

a.btn.btn-primary.back_btn.bg_trans {
    border: 1px solid #e5e7eb;
}

.bg_trans {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827 !important;
    width: auto;
}

.price_toggle_wrappers .inner_toggle_wrapper {
    border-bottom: 1px solid #e5e7eb;
    padding: 10px 0;
    position: relative;
}

.added_btns_all {
    margin-top: 15px;
    margin-bottom: 15px;
}

.red_btn {
    background: #dc3545 !important;
    color: #fff !important;
}

input:checked + .slider {
    background-color: #1dc9a0;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
    -moz-transform: translateX(24px);
    -o-transform: translateX(24px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.add_form_hk .form-group label {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
    margin-bottom: 8px;
}

.add_form_hk .form-group input {
    border-color: #f9fafb;
    padding: 8px 16px;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.form-control {
    border-radius: 8px;
    border-color: #f9fafb;
    padding: 8px 16px;
    background: #f9fafb !important;
    height: 40px;
    border: 1px solid #e5e7eb;
}

.add_form_hk .form-group select {
    color: #9ca3af;
    background: #f9fafb;
}

.add_form_hk .form-group p {
    margin-top: 10px;
}

.variations li {
    list-style: none;
}

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

.variations li ul li {
    margin: 0;
    text-align: left;
    display: block;
}

.closes {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
}

.select2-container--default .select2-dropdown .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field {
    border: 1px solid #da5466;
}

.modal.show-m {
    z-index: -2;
}

.modal-backdrop.show-m {
    z-index: -2;
}

.closes:hover::before,
.closes:hover::after {
    background: #dc3545;
}

.closes::before,
.closes::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    top: 15px;
    left: 6px;
    margin-top: -1px;
    background: #000;
}

.closes::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.closes::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    /* color: #ffffffb3; */
    position: relative !important;
    float: none !important;
    width: fit-content !important;
    margin: 0 !important;
    padding-right: 7px !important;
    height: fit-content !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover {
    color: #fff;
    background: transparent !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    margin-top: 0 !important;
    padding-left: 4px !important;
}

.tab_2_wp .select2-container .select2-search--inline .select2-search__field {
    margin: 0 !important;
}

.tab_2_wp
    .select2-container
    .select2-search--inline
    .select2-search__field::placeholder {
    line-height: 14px;
    font-size: 16px;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #e5e7eb !important;
    border-color: #e5e7eb !important;
    color: #4b5563 !important;
    margin-bottom: 4px;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #4b5563 !important;
}

.unk [class^="item"] {
    text-decoration: none;
    margin-right: 20px;
    background: transparent;
    box-shadow: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

.unk [class^="item"]:last-child {
    margin-right: 0;
}

.unk .item-2 {
    width: 30px;
    height: 20px;
    position: relative;
    display: block;
}

.unk .item-2:before,
.unk .item-2:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 2px;
    background-color: #000;
    transition: 0.3s ease-out;
    left: 50%;
    top: 50%;
}

.unk .item-2:after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.unk .item-2:before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* popup-price */
.pricing_checbox {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
    position: absolute;
    z-index: 99999;
    right: -22px;
    width: 377px !important;
    margin: 0 auto;
    padding: 8px 0px;
    display: none;
    max-width: 200px;
    width: 100%;
}

.reject_form_pop .modal-content {
    border-radius: 8px;
    background: var(--grey-grey-0, #fff);
}

.reject_form_pop_in h3 {
    color: var(--grey-grey-90, #111827);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.reject_form_pop_in p {
    color: #6b7280;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.reject_form_pop .modal-footer {
    border-top: 0;
    padding-top: 0;
}

.pricing_checbox ul {
    padding: 0;
}

.pricing_checbox ul li,
.pricing_checbox ul li a {
    list-style: none;
    text-decoration: none;
}

.price_list ul li a span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

.price_list ul li a p {
    font-weight: 500;
    font-size: 14px;
    color: #212121;
    margin-bottom: 0;
}

.price_list ul li a,
.footer_price_list ul li a {
    padding: 7px 22px 7px 26px;
    display: block;
}

a.next_adsh {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

a.remove_dusbin {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #da5466;
}

.footer_price_list ul li a span {
    padding-right: 13px;
}

.price_list ul li a:hover,
.price_list ul li a.active,
.price_list ul li a.active:hover {
    background: #f9fafb;
}

.price_list a.active:before {
    content: "\f00c";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "FontAwesome";
    font-size: 19px;
}

.footer_price_list ul li a {
    padding-top: 0;
}

.pricing_checbox ul {
    margin-bottom: 0;
}

.price_list a.active {
    position: relative;
}

/* active price level form */
.price_toggle_wrappers.active_price_level {
    display: none;
}

.header_users.parent_all_categories_main h1 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 9px;
    font-size: 22px;
    color: #00000080 !important;
}

.header_users.parent_all_categories_main {
    padding: 0;
}

.form-control,
select.custom-select {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.select2-container--default .select2-selection--single {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}

.user_admin_wp label {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
}

.user_admin_wp input,
.user_admin_wp input::placeholder,
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered,
select.custom-select {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #000;
}


#myDropdown > li > a > .fa {
    visibility: hidden;
}

#myDropdown > li > a.selected > .fa {
    visibility: visible;
}

#menu li.active,
#menu-1 li.active {
    background-color: #ccc;
}

ul#menu li,
ul#menu-1 li {
    position: relative;
}

#menu li.active::before,
#menu-1 li.active::before {
    position: absolute;
    right: 20px;
    width: 10px;
    height: 10px;
    content: "\f00c";
    font-family: fontawesome;
    top: 50%;
    transform: translateY(-50%);
}

ul#menu li,
ul#menu-1 li {
    padding: 10px;
    line-height: initial;
}

ul#menu,
ul#menu-1 {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
    width: fit-content;
    margin: 0 auto;
    position: absolute;
    min-width: 190px;
}

.form-group-selcted,
.form-group-selcted-one {
    width: 100%;
    display: block;
    text-align: center;
}

ul#menu,
ul#menu-1 {
    padding: 0;
    z-index: 9;
}

ul#menu li,
ul#menu-1 li {
    list-style: none;
    cursor: pointer;
}

.file_uploaded {
    background-color: transparent !important;
    padding: 0 !important;
}

.file_uploading .btn_upload {
    display: block !important;
}

.processing_bar {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 0;
    background: transparent;
    transition: 3s;
}

.file_uploaded {
    margin-top: 0;
    width: auto;
    background: #83ccd3;
    height: inherit;
    padding: 6px 12px !important;
}

.button_outer.file_uploading.file_uploaded:hover {
    background-color: gray !important;
}

.sureize_nh {
    position: relative;
}

.exc_sp {
    position: absolute;
    top: 7px;
    right: 10px;
    color: #9ca3af;
}

.all_lin_menus a.active {
    background: #da5466;
    border: 1px solid #e5e7eb;
    text-align: center;
}

.all_lin_menus a {
    min-width: 118px;
    text-align: center;
    border: 1px solid #e5e7eb;
    padding: 10px;
    border-radius: 99999px;
}

.searchBar {
    position: relative;
}

/* .searchBar input::placeholder { padding-left: 20px; } */
.searchBar input {
    padding-left: 50px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    width: 270px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.searchBar input:focus-visible {
    outline: none;
}

.searchables {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
    padding: 7px 26px;
    display: none;
}

.searchables ul li {
    padding: 9px 0;
    list-style: none;
}

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

.product_information_new {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    z-index: 9;
    position: absolute;
    right: 0;
    top: 70px;
    display: none;
}

a#disabled_price i {
    color: #424242;
    transform: rotate(270deg);
    font-size: 25px;
}

.arrow_rht {
    position: relative;
}

.arrow_rht .arrow_rht a i {
    transform: rotate(270deg);
}

.arrow_rht a i {
    font-size: 20px;
    margin-bottom: 12px;
}

a.arrow_rht_link.wide i {
    transform: rotate(0deg);
}

.border {
    border: 1px solid #dee2e6 !important;
    padding: 6px 12px 6px 12px;
}

p.rounded.border {
    font-size: 13px;
    line-height: 20px;
    width: 140px;
    /* background: #d4e5ff; */
    background: #ffffff;
}

.pricingDataTableList_wrapper p.rounded.border {
    background: #fff !important;
}

p.edit_product_data {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

.toggle_info span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

.toggle_info span span.client_count {
    display: inline-block;
}

.img_h.toggle_info img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.searchBar span.icon_abs {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.selected_value_part {
    background: #fafafa;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
}

.second_product_row {
    width: 100%;
}

.arrow_rht a {
    color: #424242;
}

.product_information_new .toggle_info span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

.product_information_new .toggle_info p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

.right_sld {
    display: flex;
    align-items: center;
    gap: 50px;
}

.selected_value_part .left_sld {
    padding-left: 70px;
}

.searchables li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.img_box_wp img {
    width: 127px;
    height: 127px;
    object-fit: cover;
}

.img_box_wp {
    height: 127px;
}

/* Model Popup */
.animate-top {
    position: relative;
    animation: animatetop 0.4s;
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.brandmodal {
    position: fixed;
    top: 0;
    left: auto;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    right: 0;
    max-width: 50%;
}

.all_lin_menus a h1 {
    font-weight: 500;
    font-size: 13px !important;
    line-height: 20px !;
}

.modal-content {
    width: 500px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.modal-header .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    background-color: transparent;
    border: 0;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.modal-body {
    flex: 1 1 auto;
    padding: 4rem;
}

.modal-body p {
    /* margin-top: 0;
    margin-bottom: 1rem; */
    margin-top: 0;
    margin-bottom: 4px;
    color: #6b7280;
    font-size: 16px;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

.modal-footer > * {
    margin: 5px;
}

/* buttons */
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    cursor: pointer;
}

.btn:focus,
.btn:hover {
    text-decoration: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-secondary {
    color: #fff;
    background-color: #7c8287;
    border-color: #7c8287;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

a.my_nms_click i {
    color: #424242;
    transform: rotate(270deg);
    font-size: 25px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.searchBar span.icon_abs .fa-plus:before {
    font-family: "Font Awesome 5 Pro";
    color: #9ca3af;
}

.forms_tabings .form-control {
    border: 1px solid #e5e7eb !important;
    resize: none;
}

.setsearch li a {
    display: flex;
    align-items: center;
    padding: 9px 0;
    list-style: none;
    justify-content: space-between;
}

.searchables ul li {
    padding: 0;
}

.setsearch li {
    list-style: none;
}

li.list-group-item.notification-text {
    /* width: 100%; */
    height: 50px;
    text-align: -webkit-center;
    margin-top: -4px;
    background: lightslategray;
}

.disable-click {
    pointer-events: none;
}

/* new drops */
.tt-select {
    position: relative;
    height: auto;
    padding: 0px;
    text-align: left;
}

.select-selected {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.8) !important;
}

.select-selected:after {
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    font-family: fontawesome;
    font-weight: 300;
    content: "\f107";
    top: 50%;
    right: 27px;
    font-size: 25px;
    transform: translateY(-50%);
}

.select-selected:before {
    position: absolute;
    content: "";
    top: 18px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    transform: rotate(180deg);
}

.select-selected.select-arrow-active:before {
    border: none;
}

.select-selected.select-arrow-active:after {
    content: "\f106";
    top: 8px;
}

.select-items div,
.select-selected {
    padding: 8px 16px;
    border: 1px solid #333333;
    cursor: pointer;
}

.select-selected:after {
    top: 10px !important;
}

.select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    margin-top: 10px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.select-items div {
    border: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #111827;
}

.basic-unit-three-steps-div .form-group-selcted-one .row {
    margin-right: -0.5px;
}

.input-btn i.fa.fa-camera.cam {
    position: relative;
    top: -3px;
}

.select-selected {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-style: normal;
    letter-spacing: -0.32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px !important;
    color: #111827 !important;
}

/* all table css */
table#ProductsDataTable tr {
    border: none;
}

table#ProductsDataTable th,
table#pricingDataTable th {
    font-size: 15px;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #eee;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.dataTables_info {
    padding-left: 12px;
}

.dataTables_length {
    padding-left: 12px;
}

.btn-primary:hover,
.import_btns a:hover,
.new_import_btns a:hover,
.filter_product_up a:hover {
    color: #fff !important;
    background-color: #da5466 !important;
    border-color: #da5466 !important;
}

.footer_bottom_btns button#submitBrandData {
    color: #fff !important;
    background-color: #da5466 !important;
    border-color: #da5466 !important;
}

table#BrandsDataTable img.img-rounded {
    border: 1px solid lightgray;
    padding: 3px;
    border-radius: 50px;
}

.btn-primary:hover span img,
.btn-primary:hover img,
.import_btns a:hover span img,
.filter_product_up a:hover span img {
    filter: invert(1) !important;
    -webkit-filter: invert(1) !important;
}

.tt-select {
    position: relative;
    margin-top: 10px;
}

.table-bordered,
.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
    vertical-align: middle;
    background-color: #fff;
    background: #ffffff;
    border-top: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

a.btn.btn-primary.back_btn {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px;
    background: #fff !important;
    color: #111827 !important;
    margin-left: 0%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    opacity: 0.5;
}

.company_header_ty {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

form#company_form .new_fld_details {
    margin-top: 0;
}

form#update_user_form .eys_passowrd input[type="password"],
form#update_user_form .eys_passowrds input[type="password"] {
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
    padding-right: 39px;
}

form#update_user_form .eys_passowrd input[type="password"]:focus-visible,
form#update_user_form .eys_passowrds input[type="password"]:focus-visible {
    outline: none;
}

/* 9-5-2023 */
.my_filter_pf .form-check-inline input {
    accent-color: #da5466;
    width: 20px;
    height: 20px;
}

.my_filter_pf .form-check-inline input:checked {
    background: url("img/radio-checked.svg") no-repeat;
    border: none;
}

.my_filter_pf .select2-container--default .select2-selection--multiple:before {
    content: " ";
    display: block;
    position: absolute;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;
    top: 50%;
    width: 0;
    cursor: pointer;
}

.my_filter_pf .select2-container--open .select2-selection--multiple:before {
    content: " ";
    display: block;
    position: absolute;
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;
    top: 50%;
    width: 0;
    cursor: pointer;
}

.my_filter_pf .filter_gp h4 {
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
}

.my_filter_pf .forms_tabings h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #111827;
}

.my_filter_pf .form-check-input:checked[type="radio"] {
    padding: 5px !important;
    background: #da5466 !important;
    border: 5px solid #fff;
    outline: 2px solid #da5466;
}

.my_filter_pf .form-check-inline .form-check-input {
    margin-left: 4px !important;
}

span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus {
    width: 100% !important;
}

.my_filter_pf span.selection {
    width: 100%;
}

.model_pro_ids span.select2-selection.select2-selection--multiple {
    width: 100% !important;
}

.model_pro_ids .forms_tabings {
    height: 560px;
    overflow-y: auto;
    padding: 20px;
}

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

.wrapper_all_drowp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.select2-container--default.select2-container--focus
    .select2-selection--multiple {
    border-color: #80bdff;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.select2-container--default .select2-selection--multiple {
    min-height: calc(2.25rem + 2px);
    background: #f9fafb;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px;
}

.select2-container--default .select2-selection--multiple {
    background: #f9fafb !important;
}

.select2-results__options::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.select2-results__options::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

.select2-container--default .select2-dropdown.select2-dropdown--below {
    border-top: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
    margin-top: 6px;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected],
.select2-container--default
    .select2-results__option--highlighted[aria-selected]:hover {
    background-color: transparent !important;
    color: #111827 !important;
}

.drop_h_group label {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
}

li.list-group-item.notification-text {
    width: 100%;
    height: auto;
    text-align: -webkit-center;
    margin-top: 0;
    background: transparent;
}

.i_pop_up,
.i_pop_up_2 {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
    padding: 25px;
    max-width: 500px;
    display: none;
    position: absolute;
    z-index: 2;
}

.i_pop_up_2 {
    position: fixed;
    z-index: 2;
    top: 50px;
}

.i_wp_inner ul li {
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
}

.i_wp_inner ul {
    padding-left: 16px;
    margin: 0;
}

.i_wp_inner h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
    margin-bottom: 0;
    margin-top: 0;
}

.i_wp_inner:not(:last-child) {
    margin-bottom: 20px;
}

.i_wp_inner p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
}

div#tab-3 > h2 {
    position: relative;
}

div#tab-3 > h2 > .i_pop_up {
    position: fixed;
    z-index: 9;
    display: none;
}

.i_pop_up_2 {
    display: none;
}

.new .form-group {
    margin-bottom: 0;
}

.default_collapse_section div#accordionExample .card {
    margin-bottom: 0;
}

.setting_popup .comman_form,
.update_setting_wp {
    padding-bottom: 40px;

    padding-right: 10px;

}
.body_main_title h3{
    margin-top: 40px !important;
}
/* 14-6-2023 */
.modal-footer button.btn.btn-secondary {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
}

.modal-footer button#clientsdata {
    margin-top: 10px;
    border-color: #e5e7eb;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #da5466;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
    margin: 0;
}

.modal-footer button#clientsdata:focus,
.modal-footer button#clientsdata:hover {
    background: #da5466;
    box-shadow: none !important;
}


div#exampleModal-ok .modal-dialog {
    max-width: 600px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    border-radius: 0 !important;
}

div#exampleModal-ok {
    padding-right: 0 !important;
}

div#exampleModal-ok .modal-dialog .list-group-item + .list-group-item {
    border-top-width: 1px;
}

div#exampleModal-ok .modal-dialog .wrapper_bar h6 {
    margin-top: 14px;
    padding-left: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #111827;
}

div#exampleModal-ok .modal-content {
    top: 0 !important;
}

.my_filter_pf
    .select2-container
    .select2-search--inline
    .select2-search__field {
    vertical-align: middle !important;
    position: absolute;
    top: 2px;
    overflow: hidden !important;
    bottom: 0;
    padding: 2px 6px;
}

.my_filter_pf
    .select2-container
    .select2-selection--multiple
    .select2-selection__rendered {
    height: 100%;
    display: block;
    padding-top: 4px !important;
}

.my_filter_pf ul#select2-multiple-container {
    height: 38px;
    overflow-y: auto;
}

.my_filter_pf .default_collapse_section .card-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-shadow: none;
}

.default_collapse_section .card .card-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-shadow: none !important;
    padding-bottom: 0;
    padding-top: 0 !important;
}

.my_filter_pf .accordion > .card {
    box-shadow: none;
}

.default_collapse_section .card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.default_collapse_section .card {
    box-shadow: none;
}

.default_collapse_section .accordion > .card {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

div#accordionExample .new {
    margin-top: 0 !important;
}

/* 15-6-2023 */
div#exampleModal-ok .modal-body {
    padding: 0;
}

div#exampleModal-ok .list_of_setting_menu,
div#exampleModal-ok .main_title_hd {
    margin: 0;
}

div#exampleModal-ok .delivery_slt > .body_main_title,
div#exampleModal-ok .delivery_slt > .select_dlv_option,
div#list-profile-two .body_main_title,
div#list-profile-two .select_dlv_option,
div#list-messages-three .body_main_title,
div#list-messages-three .select_dlv_option {
    padding-left: 20px;
    padding-right: 20px;
}

div#exampleModal-ok .body_main_title {
    margin-top: 20px;
}

div#exampleModal-ok .account_ref_s {
    padding: 0 20px;
}

div#exampleModal-ok div#list-profile-two .card,
div#exampleModal-ok div#list-messages-three .card {
    box-shadow: none;
    margin-bottom: 0;
}

div#exampleModal-ok div#list-profile-two .account_ref_g,
div#list-messages-three .account_ref_g {
    margin-top: 0;
    padding: 0 20px;
}

div#exampleModal-ok div#list-profile-two .right_ref {
    width: 100%;
    max-width: 130px;
}

div#exampleModal-ok div#list-profile-two .right_ref input {
    width: 100%;
}

div#exampleModal-ok div#list-profile-two div#headingOne,
div#exampleModal-ok div#list-messages-three div#headingOne {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    border: none;
    padding-bottom: 0;
}

div#exampleModal-ok div#list-profile-two div#headingOne h2,
div#exampleModal-ok div#list-messages-three div#headingOne {
    border: 1px solid #e4e4eb;
    border-radius: 8px;
    padding: 20px 12px;
    width: calc(100% - 145px);
}

div#exampleModal-ok div#list-profile-two .right_ref input {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent !important;
    text-align: center;
    height: auto;
}

div#exampleModal-ok div#list-messages-three div#headingOne {
    width: 50%;
}

div#exampleModal-ok div#list-profile-two div#headingOne h2 {
    width: calc(100% - 160px);
}

.account_ref_g.display_tab1_location {
    margin-top: 15px !important;
}

div#list-messages-three div#headingOne + .right_ref {
    width: 50%;
}

.account_ref_d.display_account_roles {
    margin-bottom: 0;
}

.account_ref_d.display_account_roles .right_refs {
    width: 100%;
    margin-bottom: 0 !important;
}

div#exampleModal-ok div#list-profile-two div#headingOne h2 button,
div#exampleModal-ok div#list-messages-three div#headingOne h2 button {
    padding: 0;
    height: 100%;
    display: contents;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

/* banner_upload */
span.custom_input_dgn a i {
    font-size: 20px;
}

span.custom_input_dgn {
    position: absolute;
}

span.custom_input_dgn label.filelabel {
    position: relative;
}

.upload-icon-with-accent-bg {
    /* background-color: #da5466; */
    padding: 4px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    margin-top: -10px;
    margin-left: -10px;
}

.upload-icon-with-accent-bg svg {
    fill: transparent;
    height: 20px;
    width: 20px;
}

.upload-icon-with-accent-bg svg path {
    stroke: #da5466;
}

span.custom_input_dgn a i {
    font-size: 20px;
    color: #da5466;
}

span.custom_input_dgn input#change_profile {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
    opacity: 0;
    padding: 12px;
}

span.custom_input_dgn .tooltip {
    position: absolute !important;
    top: 0 !important;
    z-index: 1;
    background: #fff !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    color: #111827 !important;
    padding: 10px 18px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1) !important;
    transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
    right: -26px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    min-width: 150px !important;
    text-align: center !important;
}

span.custom_input_dgn:hover .tooltip {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4) !important;
}

span.custom_input_dgn:hover .tooltip {
    /* top: -42px !important; */
    opacity: 1 !important;
    pointer-events: auto !important;
    right: -137px !important;
}

div#modalhide .filter_gp .form-group input:checked + label:after {
    border: none;
    outline: none;
}

div#modalhide .filter_gp .form-group .form-check-input:checked[type="radio"] {
    outline: none;
    background: url("img/radio-checked.svg") no-repeat transparent !important;
    border: none;
}

div#modalhide .filter_gp .form-group label {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

textarea.select2-search__field::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #111827 !important;
}

.model_pro_ids .forms_tabings {
    padding-top: 0;
    padding-left: 0;
}

.header_titles {
    padding-bottom: 20px;
}

.header_titles h3 {
    padding: 0 20px;
}

.header_titles .close_arrow_btns {
    padding-right: 20px;
}

#productForm .tab-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.unique_first_fm .product_details .form-group,
.tab_2_wp .form-group {
    padding: 0;
}

/* profile image edit suppliers */
img.dp.edit_profile_image {
    width: 42px;
    height: 42px;
    margin-top: -29px;
    margin-left: -9px;
    padding: 2px;
}

.input-btn i.fa.fa-camera.cam {
    color: #fff !important;
}

.input-btn {
    border: 1px solid #da5466 !important;
    background-color: #da5466 !important;
}

.input-btn i.fa.fa-camera.cam {
    color: #fff !important;
}

img#profile_img_logo {
    width: 40px;
    height: 40px;
    list-style: circle;
}

/* table#UsersDataTable tr td, */
/* table#cuisineDataTable tr td,
table#vatsDataTable tr td,
table#priceTypeDataTable tr td,
table#unitsDataTable tr td,
table#measuresDataTable tr td, */
/* table#establishmentDataTable tr td, */
/* table#ingredientDataTable tr td,
table#companyDataTable tr td,
table#cityDataTable tr td, */
/* table#roleDataTable tr td, */
/* table#DishesDataTable tr td a */
/* table#CategoryDataTable tr td a, */
/* table#cityDataTable tr td a, */
/* table#companyDataTable tr td a */
/* table#establishmentDataTable tr td a, */
/* table#cuisineDataTable tr td a,
table#measuresDataTable tr td a,
table#unitsDataTable tr td a,
table#vatsDataTable tr td a  */
/* {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
} */

table#UsersDataTable tr td,
table#roleDataTable tr td,
table#CategoryDataTable tr td a,
table#DishesDataTable tr td a,
table#cuisineDataTable tr td,
table#vatsDataTable tr td,
table#priceTypeDataTable tr td,
table#unitsDataTable tr td,
table#measuresDataTable tr td,
table#cuisineDataTable tr td a,
table#cityDataTable tr td,
table#companyDataTable tr td a,
table#companyDataTable tr td,
table#cityDataTable tr td a,
table#measuresDataTable tr td a,
table#unitsDataTable tr td a,
table#vatsDataTable tr td a,
table#establishmentDataTable tr td,
table#establishmentDataTable tr td a {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

.select2-container {
    width: 100% !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.account_manager_drop .select2-container {
    width: 100% !important;
    display: block !important;
}
.setting_popup .container .modal-body{
    height: 100%;
}
/* 6-6-2023 */
.setting_popup .modal-content {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgba(17, 24, 39, 0.08);
    height: 100vh;
    min-height: 100vh;
    border-top: 0;
}

div#delevery_setting_model_open .modal-content {
    box-shadow: none;
    border: none;
    height: auto;
}

.order_bys input.form-control {
    width: fit-content;
}

/* .comman_form .row {
    margin-top: 14px;
} */

.setting_popup .modal-content form {
    height: 100%;
}

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

.row.psd_details_h.company_additional h5 {
    margin-bottom: 0;
}

.img_content_setting .img_b img {
    border-radius: 50%;
}

.setting_popup .modal-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.last_add_user_c {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.last_add_user_c a#create_user {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px 6px 10px;
    gap: 8px;
    width: 42px;
    height: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #111827;
}

.edit_user label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
}

span.select2-dropdown.select2-dropdown--above {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
}

.select2-container--default .select2-results__option--selected:before {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
}

/* .select2-container--default .select2-results__option {
    text-transform: lowercase;
} */

.select2-container--default .select2-results__option--selected {
    position: relative;
    background: #f9fafb !important;
    text-transform: capitalize;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected],
.select2-container--default
    .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #0074f0;
    color: #fff;
    background: #f9fafb !important;
}

.comman_form .fa-eye:before {
    content: "\f06e";
    color: #ababad;
}

.comman_form input#password-field {
    outline: none;
    /* border: none; */
    background: transparent;
    width: 100%;
    padding-right: 50px;
    height: 100%;
}

/* clients module */
.modal-dialog {
    max-width: 560px;
    margin: 1.75rem auto;
}

.three_btn_grp .list-group-item.active {
    background-color: #da5466;
    border-color: #da5466;
}

.three_btn_grp .list-group-item {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px !important;
    padding: 6px 12px;
}

.three_btn_grp .list-group {
    gap: 8px;
}

.main_title_hd h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #111827;
    margin-bottom: 0;
}

.left_bar_f h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
    margin-bottom: 0;
}

.left_bar_f p,
.left_bar_f p a {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
    margin-bottom: 0;
}

.wrappper_bar_inner ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 0 15px;
}

.wrapper_bar h6 {
    margin-top: 14px;
}

.wrapper_bar h6 {
    margin-top: 14px;
    padding-left: 15px;
}

.wrappper_bar_inner ul {
    padding-top: 25px;
}

.main_title_hd {
    border-bottom: 1px solid #e5e7eb;
    margin: 0 -10px;
    padding: 5px 21px 15px 21px;
}

.left_bar_f {
    display: flex;
    align-items: center;
    gap: 10px;
}

.not_ctc .money_icon {
    width: 38px;
    height: 38px;
    border: none;
}

.money_icon {
    border: 1px solid #f3f4f6;
    border-radius: 4px;
    padding: 2px;
}

.select_dlv_option {
    padding-top: 10px;
}

.select_dlv_option ul {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.select_dlv_option ul li {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 23px;
    display: flex;
    gap: 8px;
}

.check_box {
    margin-top: 5px;
}

.select_dlv_option .check_box input[type="radio"] {
    width: 18px;
    height: 18px;
    top: 3px;
    margin: 0;
    position: relative;
    border: solid 1px #d1d5db;
}

.select_dlv_option .check_box .form-check-input:checked[type="radio"] {
    background: url("img/radio-checked.svg") no-repeat;
    border: none;
}

.delevry_wrapers_ups {
    max-width: 560px;
}

.check_box input[type="radio"] {
    accent-color: #da5466;
}

.checkbox_dt h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

.checkbox_dt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
    margin-bottom: 0;
}

.body_main_title p {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
}

.setting_wrap_msg .list_of_setting_menu .list-group-item.active {
    z-index: 2;
    background-color: transparent;
    border-color: #da5466 !important;
    color: #111827;
}

.setting_wrap_msg .list_of_setting_menu .list-group-item {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #6b7280;
    border: 1px solid #e5e7eb;
    border-radius: 99999px;
    display: block;
    text-align: center;
    padding: 6px 12px;
    width: fit-content;
}

/* delavery slot css */
.body_main_title p {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
}

.select_dlv_option {
    padding-top: 10px;
}

.select_dlv_option ul {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.select_dlv_option ul li {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 23px;
    display: flex;
    gap: 8px;
}

.select_dlv_option ul li {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 23px;
    display: flex;
    gap: 8px;
}

.check_box {
    margin-top: 5px;
}

.select_dlv_option .check_box input[type="radio"] {
    width: 18px;
    height: 18px;
    top: 3px;
    margin: 0;
    position: relative;
    border: solid 1px #d1d5db;
}

.select_dlv_option .check_box .form-check-input:checked[type="radio"] {
    background: url("img/radio-checked.svg") no-repeat;
    border: none;
}

.delevry_wrapers_ups {
    max-width: 560px;
}

.check_box input[type="radio"] {
    accent-color: #da5466;
}

.checkbox_dt h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

.checkbox_dt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
    margin-bottom: 0;
}

.default_collapse_section button.btn.btn-link.btn-block.text-left.collapsed {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

.default_collapse_section .btn-link {
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
    padding: 0;
}

.default_collapse_section .accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px;
    background: #f8f8f8;
}

.default_collapse_section .accordion > .card {
    overflow: hidden;
    border-left: 0;
    border-right: 0;
    border-radius: 0 !important;
}

div#exampleModal-ok .modal-content {
    top: 0 !important;
    box-shadow: none;
    border-radius: 0;
    min-height: 100vh;
}

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

li.selected.box {
    border-color: #da5466;
}

.list_of_setting_menu {
    border-bottom: 1px solid #eeee;
    padding: 20px;
    margin: 0 -10px;
}

.delivery_slt {
    margin-top: 20px;
}

.body_main_title p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #111827;
}

.list_of_setting_menu .list-group {
    gap: 8px;
}

.left_ref {
    border: 1px solid #e4e4eb;
    border-radius: 8px;
    padding: 20px 12px;
}

.right_ref input[type="text"] {
    border: none;
    padding: 0;
    height: 24px;
}

.left_ref {
    border: 1px solid #e4e4eb;
    border-radius: 8px;
    padding: 20px 12px;
    width: calc(100% - 130px);
}

.right_ref {
    /* width: 130px; */
    border: 1px solid #e4e4eb;
    border-radius: 8px;
    padding: 20px 12px;
}

.left_ref p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

.account_ref_d,
.account_ref_s {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.account_ref_s {
    margin-bottom: 5px;
}

.right_ref input[type="text"]::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    color: #111827;
}

.account_ref_s .left_r {
    width: calc(100% - 130px);
}

.account_ref_s .right_r {
    width: 130px;
}

.account_ref_g {
    margin-top: 40px;
}

.right_ref input[type="text"]:focus-visible {
    outline: none;
    border: none;
}

.left_r span,
.account_ref_s .right_r span {
    font-weight: 400;
    font-size: 13px;
    line-height: 139%;
    display: flex;
    align-items: flex-end;
    color: #808192;
}

.account_manager_drop .account_ref_d .left_ref {
    width: 50%;
}

.account_manager_drop .account_ref_d .right_ref {
    width: 50%;
}

.account_manager_drop
    .account_ref_d
    .right_ref
    span.select2-selection.select2-selection--single.select2-selection--clearable {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    height: auto !important;
}

.account_manager_drop .select2-container .select2-selection--single {
    height: auto !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.account_manager_drop .select2-container {
    width: 100% !important;
    display: block !important;
}

.setting_popup .modal {
    background: #fff;
}

.setting_popup .modal-header button.close {
    margin-left: 0;
}

div#list-profile,
div#list-home,
div#list-messages {
    /* height: 370px; */

    height: calc(100vh - 220px);
    overflow: hidden;
    overflow-y: auto;
}

div#exampleModal-ok .modal-content {
    min-height: 100vh;
}

.all_lin_menus {
    position: absolute;
    top: 10px;
    z-index: 99999;
    left: 19%;
}

.full_with_drop > label {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
}

.all_drop_downs h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #111827;
    margin-top: 30px;
}

.all_lin_menus {
    position: fixed;
    top: 10px;
    z-index: 999;
    left: 250px;
}

.modal-footer.bottom_footer button {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #da5466;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
    margin: 0;
    border-color: #da5466;
}

.modal-footer.bottom_footer a.btn.btn-secondary.back_btn {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
}

/* checkbox_n */
.default_collapse_section div#accordionExample .form-group {
    display: block;
}

.default_collapse_section div#accordionExample .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.default_collapse_section div#accordionExample .form-group label {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.default_collapse_section div#accordionExample .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
}

.default_collapse_section
    div#accordionExample
    .form-group
    input:checked
    + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.form-group input:checked + label::before {
    background: #da5466 !important;
}

span.arw {
    margin-right: 8px;
    display: inline-flex;
    transform: rotate(-87deg);
}

div#accordionExample button[aria-expanded="true"] span.arw {
    transform: rotate(0deg);
}

body.sidebar-mini.layout-fixed.sidebar-collapse .all_lin_menus {
    left: 120px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 13px;
    padding: 6px 13px;
}

.dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
}

.come-from-modal .header_titles {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 14px;
}

.footer_bottom_btns {
    padding-top: 17px;
    /* max-width: calc(100% - 26px); */
}

form#company_form .form-group {
    margin-top: 1rem;
}

.select2-container--default .select2-results__option {
    padding: 6px 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--grey-grey-90, #111827);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.select2-results__options .select2-results__option--selected {
    color: var(--grey-grey-90, #111827);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

textarea.select2-search__field::placeholder {
    color: #444 !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.footer_bottom_btns button.btn.btn-secondary {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
}

.footer_bottom_btns .btn-primary {
    border-color: #e5e7eb;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #da5466 !important;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
}

.footer_bottom_btns button.btn.btn-secondary:hover {
    background-color: #da5466;
    color: #fff;
}

.delate_pop_up_user {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    align-items: center;
}

.delate_pop_up_user .modal-dialog {
    max-width: 560px;
    margin: 1.75rem auto;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer_bottom_btns.delate_pop_h {
    bottom: auto;
}

.dt_title_md p {
    margin-bottom: 0;
}

.delate_pop_up_wrapper h4 {
    margin-bottom: 0 !important;
}

.import_btns a.btn.btn-info:focus {
    color: #111827;
    border-color: #e5e7eb;
    background: transparent;
}

.dt_title_md {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 18px;
}

.both_dlt_btn .card-body {
    padding: 0;
    text-align: left;
}

.both_dlt_btn a.download_sample {
    float: none;
    margin: 0;
    color: #dc3545;
    font-weight: 500;
    display: block;
}

div#modalDialog .forms_tabings {
    height: 560px;
    overflow-y: auto;
    padding: 20px;
    padding-bottom: 80px;
}

div#modalDialog .footer_bottom_btns a.btn.btn-primary.back_btn {
    margin: 0;
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
}

div#modalDialog .footer_bottom_btns {
    display: flex;
    justify-content: flex-end;
    gap: 6px;

    max-width: calc(100% - 7px);
}

div#myModalbrand .modal-content .footer_bottom_btns {
    max-width: calc(100% - 7px);
}

div#myModalbrand .modal-content {
    padding-right: 0 !important;
}

div#modalDialog .forms_tabings .modal-body {
    padding: 0;
}

div#modalDialog .forms_tabings .modal-body .container-fluid {
    padding: 0;
}

div#modalDialog .forms_tabings .modal-body .container-fluid div#tab-1 {
    padding: 0;
}

div#modalDialog .header_titles {
    padding-left: 20px;
    padding-top: 20px;
}

div#modalDialog .modal-content {
    height: 100%;
}

.delate_pop_up_wrapper {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.model_pro_ids .forms_tabings {
    padding-bottom: 80px;
}

.right_per_bag a.my_nms_click.dropActive_one i.fa.fa-angle-down {
    transform: rotate(0deg);
}

/* .dataTables_wrapper {
    padding-bottom: 16px;
} */
table#UsersDataTable tbody tr td:last-child a {
    padding: 0px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

table#roleDataTable tr td a {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #212121 !important;
}

table#UsersDataTable tbody tr td:last-child {
    /* display: flex; */
    column-gap: 3px;
    align-items: center;
    justify-content: flex-start;
}

div#createModalproduct .header_titles,
div#myModalproduct .header_titles {
    padding-left: 0;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 0;
}

input.form-control::placeholder {
    font-family: "Inter", sans-serif;
    font-size: 13px;
}

/* 4-7-2023 */
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap"); */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.home_tabbings .list-group-item.active {
    z-index: 2;
    background-color: transparent;
    border-color: transparent;
    color: #da5466;
}

.home_tabbings .list-group-item {
    background-color: transparent;
    border-color: transparent;
    padding: 2px 10px;
    width: fit-content;
}

.search_wrapper_filter .search_wraps,
.search_right_pd .search_wraps {
    position: relative;
    color: #aaa;
    font-size: 16px;
}

.search_wrapper_filter .search_wraps .fa-search,
.search_right_pd .search_wraps .fa-search {
    left: 10px;
}

.search_wrapper_filter .search_wraps .fa-search,
.search_right_pd .search_wraps .fa-search {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.search_wrapper_filter .search_wraps input {
    height: 32px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.search_wrapper_filter .search_wraps input::placeholder,
.search_right_pd .search_wraps input::placeholder {
    padding-left: 2px;
    color: var(--grey-grey-40, #9ca3af);
    font-size: 13px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.list_filter_task_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    padding: 15px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.left_task_imgs {
    display: flex;
    align-items: center;
    gap: 22px;
}

.img_task {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0px 7.258173942565918px 21.77452278137207px 0px rgb(0 0 0 / 10%);
}
.day_filter_listed .left_task_imgs .img_task {
    width: auto;
    height: auto;
}
.img_task img {
    width: 100%;
    padding: 5px;
}

.list_filter_task ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a.invoice_dn {
    color: #999;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.tasking_information {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 13px;
}

a.click_arows_tsk {
    color: #282323;
    font-size: 30px;
    line-height: 12px;
}

a.click_arows_tsk {
    display: none;
}

/* a.invoice_dn {
    border-right: 2px solid #eee;
    padding-right: 20px;
} */

.inform_task h4 {
    color: #212121;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 550;
    margin-bottom: 0;
}

.right_task_link {
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.list_filter_task_content:hover {
    background: #e5e7eb;
}

.list_filter_task_content:hover .right_task_link {
    margin-right: 0;
}

.prodict_order {
    display: flex;
    gap: 9px;
}

.prodict_order span {
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #9e9e9e;
}

.order-id span {
    border-right: 2px solid #eee;
    padding-right: 8px;
}

.inform_task p.price {
    color: #212121;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 550;
    line-height: normal;
    margin-bottom: 0;
}

span.stetus_task {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 3px;
    padding: 3px;
}

.pending_pill {
    color: #8d713b;
    background: #ffeed4;
}

.delivering_pill {
    color: #8d713b;
    background-color: #ffeed4;
}

.done_pill {
    color: #3b8d5a;
    background-color: #d4ffe4;
}

.cancelled_pill {
    color: #d5404a;
    background-color: #ffe1e3;
}

.list_filter_task ul li {
    margin-bottom: 12px;
    padding: 0 10px;
}
.list_filter_task ul {

    padding-top: 2px !important ;
}
.search_wrapper_filter .search_wraps,
.search_right_pd .search_wraps {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: #fff;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);
    padding: 15px 8px;
}

.search_wrapper_filter .search_wraps input,
.search_right_pd .search_wraps input {
    border-radius: inherit;
    border: none;
    background: transparent;
    width: 100%;
    padding: 0;
    height: auto;
    padding-left: 30px;
    text-indent: 0;
}

.modal-footer button.btn.btn-secondary {
    margin-right: 6px;
}

.search_wrapper_filter .search_wraps input:focus-visible,
.search_right_pd .search_wraps input:focus-visible {
    outline: none;
    border: none;
}

.list_filter_task {
    margin-top: 40px;
}

.card_wrappers .card-body {
    padding: 0;
}

.all_task_listed {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
}

.home_tabbings_border {
    border-bottom: 1px solid #ddd;
}

.home_tabbings_border .list-group {
    padding-bottom: 8px;
    gap: 60px;
}

.quote_pill {
    color: #873b8d;
    background-color: #e7d4ff;
}

.home_tabbings .list-group-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 100%;
    height: 1px;
    background: transparent;
}

.home_tabbings .list-group-item {
    position: relative;
    color: #aaa;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.home_tabbings .list-group-item.active::before {
    background: #da5466;
}

.six_boxes_filter {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 12px;
}

.card_wrappers h2.title_heading {
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 0;
}

.progress-bar {
    background-color: #424242 !important;
}

.bar_chart_imgs_cnt img {
    width: 100%;
}

.barchart_tabbing .nav-pills .nav-link:not(.active):hover {
    color: #fff;
    background: var(--primary-red, #da5466);
}

.six_boxes_filter a {
    border-radius: 8px;
    background: var(--grey-grey-0, #fff);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);
    text-decoration: none;
    text-align: center;
    color: var(--grey-grey-90, #111827);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 38px 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    font-family: "Inter", sans-serif;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.six_boxes_filter a:hover {
    background-color: #e5e7eb;
    color: #111827;
}

.container {
    max-width: 1380px;
}

.comman_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.left_user {
    gap: 15px;
}

.day_filter_listed ul {
    list-style: none;
    padding: 20px;
}

section.client_seprates.row {
    margin: 0;
}

.user_icons {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #fafafa;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.client_seprates.row {
    margin: 0;
    background: #f5f5f5;
}

section.client_seprates {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 25px;
}

.left_home_wrapper {
    border-right: 1px solid #d1d5db;
    background: #fff;
    position: fixed;
    width: 100%;
    max-width: 562px;
    min-height: calc(100vh - 55px);
    top: 50px;
}

.home_tabbings_border .list-group {
    padding-left: 36px;
}

.right_home_wrapper {
    width: calc(100% - 562px);
    margin-left: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 50px;
    padding-right: 50px;
}

.search_right_pd .search_wraps {
    width: 100%;
}

.all_task_listed .tab-content .tab-pane {
    height: 100% !important;
    overflow: visible;
}

nav.main-header {
    position: fixed;
    right: 0;
    left: 0;
}

.list_filter_task ul {
    padding: 0;
    margin: 0;
    list-style: none;
    height: calc(100vh - 280px) !important;
    overflow: hidden;
    overflow-y: auto;
}

.comman_card {
    border-bottom: 1px solid #eee;
    background: #fff;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}

.days_filters {
    padding: 0 20px;
}

.day_filter_listed .inform_task {
    width: 82%;
}

.day_filter_listed .prodgress_wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.day_filter_listed .prodgress_wp .progress {
    width: 70%;
    display: flex;
    height: 8px;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 25px;
}

.progress-bar {
    background-color: #424242;
}

.day_filter_listed .inform_task .order-id span {
    padding: 0;
    border: none;
}

.day_filter_listed li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    padding-top: 30px;
}

.right_count_user a {
    text-decoration: none;
    color: #da5466;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.right_count_user a i {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-left: 3px;
}

.left_user span {
    color: #424242;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.days_selected .form-control {
    border-radius: 60px;
    background: #fff;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    color: #282323;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: auto;
}

/* .see_more_btn a {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: var(--grey-grey-0, #fff);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);
    width: 131px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-decoration: none;
    color: var(--grey-grey-90, #111827);
    font-size: 13px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
} */


.see_more_btn a {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: var(--grey-grey-0, #fff);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);
    width: 91px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 37%;
    text-decoration: none;
    color: var(--grey-grey-90, #111827);
    font-size: 13px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;

    }
    .form_wp_h .see_more_btn.ld_click a.addUrlLink {
        margin-left: 0;
    }
.see_more_btn a:hover {
    background: #e5e7eb;
    color: #111827;
}

.form_wp_h {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.search_wrapper_filter .form_wp_h .search_wraps {
    width: calc(100% - 131px);
}

span.count_nmbr h5 {
    color: #424242;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.barchart_tabbing .nav-pills .nav-link.active,
.barchart_tabbing .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
    border-radius: 8px;
    background: var(--primary-red, #da5466);
}

.barchart_tabbing .nav-pills .nav-link {
    background: 0 0;
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    color: var(--grey-grey-90, #111827);
    font-size: 13px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: all 0.3s ease;
}

.barchart_tabbing .nav-pills {
    gap: 8px;
}

.barchart_wrapper {
    border-radius: 8px;
    background: var(--secondary-primary-white, #fff);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 10%);
}

.two_price_down input {
    padding: 7px 22px 7px 26px;
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #111827;
}

.barchart_tabbing {
    padding: 20px 15px;
    border-bottom: 1px solid #eeeeee;
}

.sales_value h2 {
    color: #212121;
    font-size: 60px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -1.2px;
}

.sales_value span {
    color: #9e9e9e;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.28px;
}

.order_value_wrap h4 {
    color: #212121;
    font-size: 34px;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.68px;
}

.order_value_wrap span {
    color: #9e9e9e;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.28px;
}

.order_value_wrap {
    gap: 14px;
    margin-top: 10px;
}

.barchart_content {
    padding: 30px 20px;
}

section.home_page .container {
    margin-left: 0;
}

footer.main-footer {
    /* position: fixed; */
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9;
    text-align: center;
    margin-left: 0 !important;
}

.dataTables_info {
    color: var(--grey-grey-50, #6b7280) !important;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.kitcher_brand_logo .brand-link {
    border-bottom: 0;
}

.home_page_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.list_filter_task ul::-webkit-scrollbar-track,.setting_popup .modal-body .comman_form::-webkit-scrollbar-track{
    -webkit-box-shadow: #da5466;
    border-radius: 10px;
    background-color: #f5f5f5;
}

.list_filter_task ul::-webkit-scrollbar,.setting_popup .modal-body .comman_form::-webkit-scrollbar{
    width: 12px;
    background-color: #f5f5f5;
}

.list_filter_task ul::-webkit-scrollbar-thumb,.setting_popup .modal-body .comman_form::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: #da5466;
    background-color: #555;
}

/* 24-8-2023 */
.img_bskt {
    display: flex;
    width: 40px;
    height: 40px;

    align-items: flex-start;
    gap: 10px;
}

.img_bskt_info h3 {
    color: var(--grey-grey-90, #111827);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
}

.img_bskt_info span {
    /* color: var(--grey-grey-50, #6b7280);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; */

    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    color: #6B7280;

}

a.import_file_btn img {
    width: 20px;
}

a.export_selected img {
    width: 20px;
}

.img_bskt_info h3 {
    margin-bottom: 0;
}

.product_basket {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e4e4eb;
    background: #f9fafb;
    max-width: 420px;
    width: 100%;
    gap: 10px;
    padding: 9px;
}

.clinet_price_listing .modal-header .clint_header_comman {
    width: 100%;
}

.clinet_price_listing .modal-dialog {
    max-width: 1024px;
}

.clinet_price_listing .modal-dialog .modal-header {
    flex-wrap: wrap;
}

.clint_header_comman {
    display: flex;
    gap: 20px;
}

a.import_file_btn {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    display: flex;
    flex-wrap: wrap;
    color: #111827;

    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */
    gap: 4px;
    text-decoration: none;
    padding: 23px 16px;
}

a.export_selected {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    display: flex;
    padding: 23px 12px;
    flex-wrap: wrap;

    color: var(--grey-grey-90, #111827);
    text-decoration: none;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */
    gap: 4px;
}

.clinet_price_listing .modal-header .clint_header_comman {
    width: 100%;
    align-items: center;
}

.wrap_headers {
    display: flex;
}

.wrap_headers button.close {
    margin: 0 !important;
    padding: 0 !important;
}

.wrap_headers {
    display: flex;
    gap: 23px;
    margin-bottom: 30px;
}

.checkbox_lab label,
.all_pcs h5 {
    color: var(--dark-tone-60, #808192);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%;
    margin: 0;
}

.header_pricings {
    display: flex;
    align-items: center;
    gap: 20px;
}

.clinet_price_listing .cpl_wrap .modal-content {
    height: 100%;
}

.checkbox_lab {
    max-width: 455px;
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
}

.price_leval_body {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    opacity: 0.8;
}

.header_pricings {
    border-bottom: 1px solid #d1d5db;
}

.check_wp_l {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px 40px;
    max-width: 633px;
}

.add_product_prc {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.left_pcr {
    width: calc(100% - 186px);
}

.left_pcr {
    border-radius: 8px;
    border: 1px solid var(--dark-tone-16, #e4e4eb);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 13px;
}

.left_pcr p {
    margin: 0;
}

.left_pcr a.add_plis {
    width: 42px;
    height: 32px;
    text-align: center;
    align-items: center;
    border-radius: 8px;
    color: #111827;
    background: transparent;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
}

.right_pcr .left_per_bag {
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px 13px;
}

.left_per_bag {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    width: fit-content;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.content_pricing_th .right_pcr {
    max-width: 113px;
    width: 100%;
}

.content_pricing_th .left_per_bag img {
    width: 13px;
}

.content_pricing_th .add_product_prc {
    max-width: 655px;
    padding: 0 40px;
    gap: 8px;
}

.content_pricing_th .add_product_prc .left_pcr {
    max-width: 433px;
    padding: 15px 13px;
    width: 100%;
}

.content_pricing_th .add_product_prc a.add_plis {
    width: auto;
}

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

.content_pricing_th .right_pcr {
    max-width: 113px;
    width: 100%;
}

.quote_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
}

.checkbox_all_pj {
    display: flex;
    align-items: center;
    max-width: 655px;
    /* margin: 0 auto; */
    padding: 0 40px;
    gap: 8px;
    margin-bottom: 20px;
}

.quote_content {
    max-width: 433px;
    padding: 11px 13px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--dark-tone-16, #e4e4eb);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

i.fal.fa-angle-down {
    font-style: normal;
}

.fa-angle-down:before {
    content: "\f107";
    font-family: "FontAwesome";
}

.contet_inner_qut h5 {
    color: var(--grey-grey-90, #111827);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;

    margin: 0;
}

.contet_inner_qut span {
    color: #9e9e9e;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.gray_bg_drop {
    background: #e4e4eb;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: none;
}

.gray_bg_drop .checkbox_all_pj {
    margin: 0 auto;
    position: relative;
}

.price_list a.active:before {
    content: "\f00c";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "FontAwesome";
    font-size: 19px;
}

.price_list ul li a:hover,
.price_list ul li a.active,
.price_list ul li a.active:hover {
    background: #f9fafb;
}

.price_list a.active {
    position: relative;
}

.price_list ul li a,
.footer_price_list ul li a {
    padding: 7px 22px 7px 26px;
    display: block;
}

.pricing_checbox ul li,
.pricing_checbox ul li a {
    list-style: none;
    text-decoration: none;
}

.arrow_rht a {
    color: #424242;
}

a.next_adsh {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

a.remove_dusbin {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

.gray_bg_drop .quote_content {
    justify-content: flex-start;
    padding: 9px 13px;
}

.gray_bg_drop .checkbox_all_pj:not(:last-child) {
    margin-bottom: 20px;
}

.gray_bg_drop .right_pcr .left_per_bag {
    padding: 21px 13px;
}

.pricing_checbox {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
    position: absolute;
    z-index: 99999;
    right: -22px;
    width: 377px !important;
    margin: 0 auto;
    padding: 8px 0px;
    display: none;
    max-width: 200px;
    width: 100%;
}

.pricing_checbox ul {
    margin-bottom: 0;
}

.pricing_checbox ul {
    padding: 0;
}

.pricing_checbox ul li,
.pricing_checbox ul li a {
    list-style: none;
    text-decoration: none;
}

.price_list ul li a:hover,
.price_list ul li a.active,
.price_list ul li a.active:hover {
    background: #f9fafb;
}

.price_list a.active {
    position: relative;
}

.price_list ul li a p {
    font-weight: 500;
    font-size: 14px;
    color: #212121;
    margin-bottom: 0;
}

.price_list ul li a span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

.clinet_price_listing button.btn.btn-primary.save_close {
    border-color: #e5e7eb;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #dc3545;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
}

.cpl_wrap .modal-body {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.clinet_price_listing button.btn.btn-secondary.close_arrow_btns {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
}

.clinet_price_listing .modal-dialog .modal-header {
    flex-wrap: wrap;
    padding-left: 50px;
    padding-right: 50px;
}

.wrap_all_pdk {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.left_per_bag.price_beg h4 {
    color: var(--grey-grey-90, #111827);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

.delat_field_price {
    height: 40px;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 40px;
}

.right_pcr .left_per_bag.price_beg {
    padding: 10px 10px;
}

span.per_unt {
    display: block;
    line-height: 19px !important;
}

.left_per_bag.price_beg h4 span {
    color: #9e9e9e;
}

.gray_bg_drop .quote_content .img {
    width: 40px;
    height: 40px;
}

/* 24-8-2023 */

/* 27-9-2023 */
.main-sidebar,
.main-sidebar:before,
.layout-fixed .brand-link {
    width: 200px;
}

.nav-sidebar .nav-item > .nav-link {
    padding-left: 0 !important;
}

.nav-sidebar > .nav-item,
.nav-sidebar .nav-item > .nav-link {
    width: 100%;
}

.kitcher_brand_logo a#hidesecondlogo span {
    display: block;
}

.main-sidebar,
.main-sidebar:before {
    width: 200px !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar,
.sidebar-mini.sidebar-collapse .main-sidebar:before {
    width: 4.6rem !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover,
/* .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused, */
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link {
    /* .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link { */
    width: 200px !important;
}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
    .main-header {
    margin-left: 200px !important;
}

a#hidesecondlogo {
    width: 100%;
}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(
        .layout-top-nav
    ).sidebar-collapse
    .main-header {
    margin-left: 4.6rem !important;
}

.nav-sidebar .nav-item > .nav-link {
    position: relative;
    width: 100% !important;
}

.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link {
    display: flex;
    align-items: center;
}

.comman_arrow i {
    font-weight: 400;
    font-size: 20px;
    line-height: 16px;
    color: #9e9e9e;
}

.sidebar-mini .content-wrapper,
.sidebar-mini .main-footer,
.sidebar-mini .main-header {
    margin-left: 200px !important;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .main-footer,
.sidebar-mini.sidebar-collapse .main-header {
    margin-left: 4.6rem !important;
}

.login_out_wrapper .login-box .card input.form-control {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb;
}

/* responsive */
@media only screen and (max-width: 1750px) {
    .list_filter_task ul {
        padding: 0;
        margin: 0;
        list-style: none;
        height: calc(100vh - 218px) !important;

        overflow: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 1750px) {
    .all_task_listed {
        padding-left: 15px;
        padding-right: 15px;
    }

    .all_task_listed {
        padding-top: 20px;
    }

    .card_wrappers h2.title_heading {

        /* padding-top: 25px;
        padding-left: 20px; */
        font-weight: 600;
        line-height: 45px;
    }

    .list_filter_task {
        margin-top: 20px;
    }

    .list_filter_task ul {
        padding-bottom: 40px;
    }

    .right_home_wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .left_home_wrapper {
        max-width: 500px;
    }

    .right_home_wrapper {
        width: calc(100% - 500px);
    }

    section.client_seprates {
        grid-template-columns: repeat(1, 1fr);
    }

    .six_boxes_filter {
        gap: 15px;
    }

    .six_boxes_filter a {
        padding: 37px 12px;
    }
}

@media only screen and (max-width: 1680px) {
    div#modalhide .modal-dialog {
        width: 100% !important;
        max-width: 40% !important;
    }
}

@media only screen and (max-width: 1440px) {
    div#modalhide .modal-dialog {
        width: 100% !important;
        max-width: 45% !important;
    }

    .list_filter_task ul {
        padding-bottom: 20px;
    }
 
}

@media only screen and (max-width: 1280px) {
    div#modalhide .modal-dialog {
        width: 100% !important;
        max-width: 56% !important;
    }

    .six_boxes_filter {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* df */
@media only screen and (max-width: 1024px) {
    div#modalhide .modal-dialog {
        width: 100% !important;
        max-width: 77% !important;
    }

    .list_filter_task ul {
        padding-bottom: 1140px;
    }

    .list_filter_task ul {
        padding: 0;
        margin: 0;
        list-style: none;
        height: calc(100vh - 420px) !important;
        overflow: hidden;
        overflow-y: auto;
    }
}

@media only screen and ((max-width: 991.98px)) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(
            .layout-top-nav
        ).sidebar-collapse
        .main-header {
        margin-left: 0 !important;
    }
}

.home_tabbings_border .list-group .list-group-item-action:hover {
    background: transparent !important;
    color: #da5466 !important;
}

.home_tabbings_border .list-group .list-group-item-action:hover:before {
    background-color: #da5466 !important;
}

th.sticky {
    position: sticky !important;
    top: 56px;
    z-index: 99;
}

tbody {
    overflow-y: auto;
}

.delete_btn,
table#measuresDataTable tr td a.delete_measures i,
a.delete_vats {
    display: none;
}

.table_footer {
    width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    bottom:-1px;
    z-index: 99;
    left: 0;
    right: 0;
    border-top: 1px solid #eee;
}

table.dataTable.no-footer {
    border-bottom: 0;
}
/* 
.header_filter_dflt {
    overflow-y: auto;
} */

.dataTables_wrapper thead tr {
    position: sticky;
    top: 63px;
    z-index: 2;
}

.main-box-linkdin {
    margin-top: 60px !important;
}

.header_filter_dflt.new-class {
    margin-top: 34px !important;
    /* height: calc(100vh - 120px) !important;
    overflow: hidden;
    overflow-y: auto !important; */
    height: auto !important;
    overflow: auto;
}

.header_filter_dflt {
    height: calc(100vh - 170px) !important;
    overflow: hidden;
    overflow-y: auto !important;
}

/* .delevry_wrapers_ups {
    height: calc(100vh - 330px) !important;
    overflow: hidden;
    overflow-y: auto;
} */

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: inherit !important;
    background: transparent;
    border-color: transparent;
}

div#exampleModal-ok .modal-content {
    /* min-height: 100%;
    flex-direction: row;
    flex-wrap: wrap; */
    height: 100%;
}

div#exampleModal-ok .modal-content .modal-header {
    width: 100%;
    height: fit-content;
}

div#exampleModal-ok .modal-body {
    padding: 0;
    width: 100%;
}

div#exampleModal-ok .modal-footer {
    width: 100%;
}

div#exampleModal-ok .modal-footer button.btn.btn-secondary {
    margin-bottom: 0;
}

div#exampleModal-ok .main_title_hd h3#legal_name {
    margin-bottom: 0;
}

div#exampleModal-ok .modal-dialog {
    height: 100vh;
}

div#exampleModal-ok .main_title_hd {
    padding: 15px;
}

.product_img_set_details p.product_des {
    margin-bottom: 0;
}

/* data 14-07-2023 */
#myModalproduct .forms_tabings {
    /* height: calc(100vh - 175px) !important; */
    height: calc(100vh - 72px) !important;
    overflow: hidden;
    overflow-y: auto;
}

.table_footer {
    background: #fff;
}

.table_footer {
    background: #fff;
    padding-bottom: 10px;
    /* z-index: 0 !important; */
}

div#modalhide .modal-dialog .modal-content .forms_tabings {
    padding-bottom: 90px;
}

@media only screen and (max-width: 1380px) {
    .left_home_wrapper {
        max-width: 420px;
    }

    .right_home_wrapper {
        width: calc(100% - 420px);
    }

    .inform_task h4 {
        font-size: 14px;
    }

    .prodict_order span {
        font-size: 10px;
    }

    .order-id span {
        padding-right: 10px;
    }

    .tasking_information {
        gap: 10px;
    }

    a.invoice_dn {
        padding-right: 7px;
    }

    a.click_arows_tsk {
        font-size: 24px;
    }

    .prodict_order {
        gap: 6px;
    }

    .left_task_imgs {
        gap: 18px;
    }

    span.stetus_task {
        font-size: 11px;
    }
}

table#roleDataTable tr td a.edit.edit_btn {
    margin-right: 6px;
}

table#measuresDataTable tr td a.edit.edit_measures {
    font-size: 16px;
    margin-right: 8px;
}

.sidebar {
    -ms-overflow-style: none !important;
    /* Internet Explorer 10+ */
    scrollbar-width: none !important;
    /* Firefox */
}

.sidebar::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.account_manager_drop .account_ref_d .right_ref + .drop_manager {
    display: none;
}

.account_ref_g.account_manager_drop.display_all_new_days
    .account_ref_d
    div#headingOne {
    border: 1px solid #e4e4eb;
    border-radius: 8px;
    padding: 20px 12px;
    width: 50%;
}

.user_admin_wp {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #fff;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 25px;
}

.parent_all_categories_main_t.myClass {
    padding-top: 10px;
    margin-top: 40px;
    /* background-color: #fff; */
}

.parent_all_categories_main_t.myClass + .mt-2.header_filter_dflt {
    margin-top: 0 !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar ul.nav li a.nav-link {
    padding-left: 0px !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar ul.nav li a.nav-link i {
    margin-right: 0 !important;
}

.user_admin_wp.header_filter_dflt.myClass {
    height: calc(100vh - 226px) !important;
    overflow: hidden;
    overflow-y: auto !important;
}

.create_log_j .modal-content,
.supplier_payment_once .modal-content,
.the_team_onces .modal-content,
.login_outer_sec .modal-content,
.out_delevery_setng .modal-content {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: none;
}

.create_log_j .modal-content .modal-body,
.supplier_payment_once .modal-content .modal-body,
.the_team_onces .modal-content .modal-body,
.login_outer_sec .modal-content .modal-body,
.login_outer_sec .modal-content .modal-body,
.out_delevery_setng .modal-content .modal-body {
    max-width: 910px;
    margin: 0 auto;
}

/* the team  */
.img_content_setting {
    display: flex;
    align-items: center;
    gap: 15px;
}

.update_setting_wp ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e5e7eb;
    padding: 18px 0;
}

/* .comman_form .eys_passowrd, .eys_passowrds input {
    padding-right: 50px;
} */
a.btn.setting_btn {
    background: #da5466;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    display: block;
    padding: 6px 12px;
}

.img_ing h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

.img_ing p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

a.add_icon {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 6px 12px 6px 10px;
    display: block;
    font-size: 22px;
    padding-top: 8px;
    padding-left: 11px;
    color: #111827;
}

a#payment_detail_ones {
    background: #da5466;
    border-radius: 8px;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    padding: 6px 12px;
    border: none;
}

.login_company_prof textarea.form-control {
    min-height: 90px;
    resize: none;
}

.create_log_j .comman_form {
    padding-bottom: 0;
    padding-top: 0px;
}

.create_log_j .body_main_title {
    padding-top: 40px;
}

.company_header_ty ol.breadcrumb {
    padding: 0;
    margin: 0;
    background: transparent;
    align-items: center;
}

.company_header_ty ol.breadcrumb li.breadcrumb-item a,
.company_header_ty ol.breadcrumb .breadcrumb-item.active {
    color: var(--dark-tone-60, #808192);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
}

.breadcum_wpraper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.company_header_ty ol.breadcrumb .breadcrumb-item.active {
    color: #484964;
    font-weight: 500;
}

.supplier_payment_once span.select2-selection.select2-selection--single {
    padding: 0.46875rem 0.75rem;
    height: calc(2.25rem + 2px);
}

/* settings */
select2-container .select2-search--inline .select2-search__field {
    height: auto !important;
    vertical-align: middle !important;
    position: absolute;
    top: 5px;
    overflow: hidden !important;
    bottom: 0;
}

span.price-level-text {
    color: #111827;
}

.select2-container--default .select2-dropdown .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field {
    border: 1px solid #ced4da;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}

.comman_form label {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #6b7280;
}

.body_main_title h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #111827;
    margin-bottom: 15px;
}

.body_main_title p {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #6b7280;
}

.select_dlv_option {
    padding-top: 10px;
}

.select_dlv_option ul li {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 23px;
    display: flex;
    gap: 8px;
}

.check_box {
    margin-top: 5px;
}

.checkbox_dt h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

.checkbox_dt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
    margin-bottom: 0;
}

.check_box input[type="radio"] {
    accent-color: #da5466;
}

.order_bys label,
.standered_dv label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #6b7280;
    display: block;
}
div#add_users .eys_passowrd span.password_err.common_msg {
    position: absolute;
}
.order_bys input[type="text"] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin: 10px 0;
    color: #9ca3af;
    width: 90px;
    padding: 8px 23px;
}

.order_bys p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
}

.order_bys {
    margin: 20px 0;
}

.standered_dv label {
    margin-bottom: 10px;
}

.standered_dv p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
}

.new .form-group {
    border-top: 1px solid #e5e7eb;
    padding: 12px 40px;
}

.weekend_td ul li label.form-check-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

.profile_tag_wrap {
    width: calc(100% - 40px);
    display: flex;
    margin: 0 auto;
}

.form-group label {
    position: relative;
    cursor: pointer;
}

.comman_form form .row {
    margin-bottom: 25px;
}

.weekend_td .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: #f5f5f5;
    border: 2px solid #d1d5db;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    margin-left: -20px;

    border-radius: 4px;
}

.new {
    margin-top: 20px;
}

.new .form-group label span {
    margin-left: 10px;
}

.form-group input:checked + label:after {
    content: "";
    display: block;
    margin-left: -22px;
    margin-top: -7px;
    position: absolute;
    top: 11px;
    left: 10px;
    width: 7px;
    height: 15px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.form-group input:checked + label::before {
    background: #da5466;
}

.select_dlv_option ul {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.setting_popup .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
}

.setting_popup .comman_form,
.update_setting_wp {
    /* height: calc(100vh - 130px) !important; */
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: #555 #eeecdf;
    scrollbar-width: thin;
}

.update_setting_wp {
    height: calc(100vh - 170px) !important;
    padding-bottom: 90px;
}

.update_setting_wp::-webkit-scrollbar,
.setting_popup .comman_form::-webkit-scrollbar,.setting_popup .modal-body .comman_form::-webkit-scrollbar {
    width: 7px !important;
}

/* Track */
.update_setting_wp::-webkit-scrollbar-track,
.setting_popup .comman_form::-webkit-scrollbar{
    background: #eeecdf !important;
}

/* Handle */
.update_setting_wp::-webkit-scrollbar-thumb,
.setting_popup .comman_form::-webkit-scrollbar {
    background: #a8a48c !important;
}

/* Handle on hover */
.update_setting_wp::-webkit-scrollbar-thumb:hover,
.setting_popup .comman_form::-webkit-scrollbar-thumb:hover {
    background: #a8a48c !important;
}

.comman_form .toggle-password,
.comman_form .toggle-passwords {
    top: 9px;
}

.main-box-linkdin {
    width: 100%;
    background-color: white;
    margin: 0;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.kitcher_brand_logo .brand-link {
    padding: 28px 10px;
}

.input-file {
    display: none;
}

.input-btn {
    background-color: white;
    color: #fff;
    border: 1px solid #8c8c8c;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.input-btn:hover {
    background-color: #c9cccb;
}

.pen-btn {
    background-color: white;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 20px;
    margin: 10px;
    margin-top: -20px;
}

.upload_bn {
    position: absolute;
    bottom: 40px;
    right: 40px;
}

.pen-btn.upload {
    right: 1%;
    top: 52%;
    font-size: 20px;
}

.main-box-linkdin .cover {
    width: 100%;
    height: 376px;
    object-fit: cover;
}

.main-content {
    padding: 0px 25px;
    color: rgba(0, 0, 0, 0.9);
    line-height: 10px;
}

.dp-container span {
    /* background: #F3F4F6;
    border: 1px solid #E5E7EB; */
    border-radius: 28px;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    position: absolute;
    cursor: pointer;
    left: 130px;
}

.dp {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 7.25817px 21.7745px rgba(0, 0, 0, 0.1);
    height: 140px;
    width: 140px;

    border-radius: 50%;
    left: 4px;
    position: relative;
    top: 5px;
    background-color: white;
    padding: 15px;
    margin-top: -100px;
    margin-left: 22px;
    margin-bottom: -4px;

    object-fit: cover;
}

.modal.modal-static .modal-dialog {
    transform: scale(1) !important;
}

.logo_kitcher {
    display: none;
}

div#clients_sales {
    display: none;
}

.search_wraps input::placeholder {
    font-family: "Poppins", sans-serif;
}

.cam {
    color: #0a66c2;
    cursor: pointer;
}

.main_accordion .accrodion_disc p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
    margin-left: 50px;
    max-width: 423px;
}

.dp-container {
    position: absolute;
    align-items: center;
    gap: 20px;
    max-width: 1280px;
    margin: 0 auto;
}

.profile_details h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 39px;
    color: #232360;
    margin-top: 0;
    margin-bottom: 10px;
}

.profile_details span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
}

.question_ans_box {
    padding-top: 50px;
    padding-bottom: 0px;
}

.profile_details {
    margin-bottom: 25px;
    margin-top: 20px;
}

button#input_btn span {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

form#supplier_payment_form .row .form-group.col-md-6 {
    margin-bottom: 20px;
}

/* tooltips */

.wrapper_wps {
    position: relative;
}

.upload_bn .tooltip {
    position: absolute;
    top: 0;
    z-index: 1;
    background: #fff;

    font-weight: 500;
    font-size: 13px;
    line-height: 20px;

    color: #111827;
    padding: 10px 18px;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    right: -26px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    min-width: 150px;

    text-align: center;
}

.upload_bn:hover .tooltip {
    top: -42px;
    opacity: 1;
    pointer-events: auto;
    right: -24px;
}

.upload_bn:hover .tooltip {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}

a#delete_team:focus {
    color: #fff;
}

ol.breadcrumb li.breadcrumb-item {
    line-height: 10px;
}

a.delete_units {
    display: none;
}

.user_admin_wp.header_filter_dflt.myClass {
    height: auto !important;
}

.content-wrapper {
    height: 100%;
    min-height: calc(100vh - 55px) !important;
}

.left_pcr {
    border-radius: 8px;
    border: 1px solid var(--dark-tone-16, #e4e4eb);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 13px;
}

.left_pcr p {
    margin: 0;
}

.pricing_pop_model .modal .modal-dialog {
    max-width: 800px;
}

.right_pcr .left_per_bag {
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px 13px;
}

.right_pcr {
    max-width: 186px;
    width: 100%;
}

.left_pcr {
    width: 100%;
}

.custom-dropdown {
    min-height: 55px;
    width: 100%;
    display: grid;
    grid-gap: 20px;
}

.pricing_pop_model
    .custom-dropdown
    .select2-container--default
    .select2-selection--multiple {
    min-height: 54px;
    background-color: #fff !important;
}

.pricing_pop_model
    .custom-dropdown
    .select2-container--default
    .select2-search--inline
    .select2-search__field {
    margin-top: 9px;
    padding: 0 10px;
}

.pricing_pop_model
    .custom-dropdown
    .select2-container--default
    .select2-search--inline
    .select2-search__field::placeholder
    .pricing_pop_model
    .custom-dropdown
    .select2-container--default
    .select2-search--inline
    .select2-search__field::placeholder {
    color: #6b7280;
    font-size: 16px !important;
    font-family: inherit !important;
}

.add_product_prc {
    display: flex;
    align-items: center;
    gap: 20px;
    /* margin-bottom: 20px; */
}

.pcr_cont h3 {
    color: #212121;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
    margin: 0;
}

.pcr_cont span {
    color: #9e9e9e;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.left_pcr.left_pcr_new {
    display: none;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 8px 10px;
}

.img_pcr {
    width: 50px;
    height: 50px;
    border: 1px solid #eee;
}

.img_pcr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 4px;
}

.add_product_prc.cloned-div .left_pcr.left_pcr_new {
    display: flex;
}

.add_product_prc.cloned-div .left_pcr {
    display: none;
}

.pricing_pop_model .comman_design_from .form-text {
    margin-bottom: 18px;
    color: var(--grey-grey-50, #6b7280);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.comman_design_from .form-group label {
    color: var(--grey-grey-50, #6b7280);
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px !important;
}

.comman_design_from .form-group label[for="first-name"] {
    margin-bottom: 5px !important;
}

.modal-footer button.btn.btn-secondary:hover {
    font-size: 13px;
    color: #fff;
    background: #da5466;
    border-radius: 8px;
    padding: 6px 12px;
}

.pricing_pop_model .modal-footer button.btn.btn-primary,
.reject_form_pop .modal-footer button.btn.btn-primary {
    border-color: #e5e7eb;
    color: #fff;
    font-size: 13px;
    background: #da5466;
    border-radius: 8px;
    padding: 6px 12px;
}

.pricing_pop_model .modal-title {
    margin-bottom: 0;
    color: var(--grey-grey-90, #111827);
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.pricing_pop_model span.select2-selection.select2-selection--multiple {
    width: 100%;
    padding-top: 7px;
}

.left_pcr a.add_plis {
    width: 42px;
    height: 32px;
    text-align: center;
    align-items: center;
    border-radius: 8px;
    color: #111827;
    background: transparent;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
}

.left_pcr a.add_plis:hover {
    background: #e5e7eb;
}

.product_img_set_details {
    display: flex;
    align-items: center;
    gap: 10px;
}

.info-h h6 {
    margin: 0;
}

input#checkBoxClass {
    width: 20px;
    height: 17px px;
    height: 17px;
}

.rounded {
    border-radius: 0.25rem !important;
    margin-bottom: 0 !important;
}

.table-bordered,
.table-bordered th,
.table-bordered td {
    vertical-align: middle !important;
}

/* img.img-rounded.set_roundname {
    border: 1px px solid lightgray !important;
    padding: 3px !important;
    border-radius: 50px !important;
    width: 50px !important;
} */

img.img-rounded.set_roundname {
    padding: 3px !important;
    border-radius: 50px !important;
    width: 50px !important;
    height: 50px;
}
.img-rounded{
    min-width: 50px;
}

div#pricingDataTableList_filter {
    display: none;
}

/* Aprove or unapprove css color icon */
i.fa.fa-circle.text-warning-active.text-sm.ml-2 {
    color: #51c151;
}

.account_manager_drop .account_ref_d .right_ref + .drop_manager {
    display: none;
}

.account_ref_g.account_manager_drop.display_all_new_days
    .account_ref_d
    div#headingOne {
    border: 1px solid #e4e4eb;
    border-radius: 8px;
    padding: 20px 12px;
    width: 50%;
}

.user_admin_wp {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #fff;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 25px;
}

.header_users.parent_all_categories_main_ct.myClass {
    padding-top: 70px;
}

.user_admin_wp.header_filter_dflt.myClass {
    height: calc(100vh - 226px) !important;
    overflow: hidden;
    overflow-y: auto !important;
}

.create_log_j .modal-content,
.supplier_payment_once .modal-content,
.the_team_onces .modal-content,
.login_outer_sec .modal-content {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: none;
}

.create_log_j .modal-content .modal-body,
.supplier_payment_once .modal-content .modal-body,
.the_team_onces .modal-content .modal-body,
.login_outer_sec .modal-content .modal-body,
.login_outer_sec .modal-content .modal-body {
    max-width: 910px;
    margin: 0 auto;
}

.img_content_setting {
    display: flex;
    align-items: center;
    gap: 15px;
}

.update_setting_wp ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e5e7eb;
    padding: 18px 0;
}

/* .comman_form .eys_passowrd, .eys_passowrds input {
    padding-right: 50px;
} */
a.btn.setting_btn {
    background: #da5466;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    display: block;
    padding: 6px 12px;
}

.img_ing h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

.img_ing p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

a.add_icon {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 6px 12px 6px 10px;
    display: block;
    font-size: 22px;
    padding-top: 8px;
    padding-left: 11px;
    color: #111827;
}

a#payment_detail_ones {
    background: #da5466;
    border-radius: 8px;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    padding: 6px 12px;
    border: none;
}

.login_company_prof textarea.form-control {
    min-height: 90px;
    resize: none;
}

.create_log_j .comman_form {
    padding-bottom: 0;
    padding-top: 30px;
}

.create_log_j .body_main_title {
    padding-top: 0px;
}

.company_header_ty ol.breadcrumb {
    padding: 0;
    margin: 0;
    background: transparent;
    align-items: center;
}

.company_header_ty ol.breadcrumb li.breadcrumb-item a,
.company_header_ty ol.breadcrumb .breadcrumb-item.active {
    color: var(--dark-tone-60, #808192);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
}

.breadcum_wpraper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.company_header_ty ol.breadcrumb .breadcrumb-item.active {
    color: #484964;
    font-weight: 500;
}

.supplier_payment_once span.select2-selection.select2-selection--single {
    padding: 0.46875rem 0.75rem;
    height: calc(2.25rem + 2px);
}

/* 9-8-2023 */
.profile_tab_wp {
    width: 100%;
    margin-bottom: 60px;
}

.profile_tab_wp a.remove_image .fa-trash:before {
    font-family: fontawesome;
}

.uploaded_profile {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.uploaded_profile img {
    width: 100%;
    order: 1;
}

/* .uploaded_profile img {
    width: 127px;
    height: 127px;
    object-fit: cover;
} */
.uploaded_profile img,.uploaded_banner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* .uploaded_profile {
    height: 127px;
} */
.uploaded_profile,.uploaded_banner {
    height: 127px;
    border: 1px solid #e5e7eb;
    padding: 10px;
    
    border-radius: 8px;
}
.uploaded_banner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.uploaded_banner img {
    width: 100%;
    order: 1;
}

/* .uploaded_banner img {
    width: 127px;
    height: 127px;
    object-fit: cover;
}

.uploaded_banner {
    height: 127px;
} */

/*  Loder page */

.loading {
    z-index: 20;
    position: absolute;
    top: 0;
    left: -5px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.loading-content {
    position: absolute;
    border: 8px solid #f3f3f3;
    border-top: 8px solid #da5466;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: 15px;
    right: 15px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.active_price {
    color: #0056b3;
}

/* 16-8-2023 */
.create_log_j .modal,
#supplier_payment_ones,
.login_outer_sec .modal,
.the_team_onces .modal {
    background: transparent;
}

.create_log_j .modal .modal-dialog,
#supplier_payment_ones .modal-dialog,
.login_outer_sec .modal .modal-dialog,
.the_team_onces .modal .modal-dialog {
    max-width: 1600px;
    margin: 0 auto;
    min-height: calc(100% - 0.2rem);
}

.create_log_j .modal .modal-dialog .modal-content,
#supplier_payment_ones .modal-dialog .modal-content,
.login_outer_sec .modal .modal-dialog .modal-content,
.the_team_onces .modal .modal-dialog .modal-content {
    height: 90%;
    min-height: 90vh;
    width: 95%;
}

.create_log_j .modal .modal-dialog .modal-header,
#supplier_payment_ones .modal-dialog .modal-header,
.login_outer_sec .modal .modal-dialog .modal-header,
.the_team_onces .modal .modal-dialog .modal-header {
    position: inherit;
}

.create_log_j .modal .modal-dialog .modal-body,
#supplier_payment_ones .modal-dialog .modal-body,
.login_outer_sec .modal .modal-dialog .modal-body,
.the_team_onces .modal .modal-dialog .modal-body {
    padding: 40px 20px;
    width: 100%;
    margin: 0 auto;
}

.create_log_j .modal .modal-dialog .modal-body .comman_form,
#supplier_payment_ones .modal-dialog .modal-body .comman_form,
.login_outer_sec .modal .modal-dialog .modal-body .comman_form,
.the_team_onces .modal .modal-dialog .modal-body .comman_form {
    height: auto !important;
    padding-top: 0;
    overflow: visible;
}

.login_outer_sec .field-icon {
    float: right;
    margin-left: 0px !important;
    position: absolute;
    z-index: 2;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin-top: 0 !important;
}

span#image_banner_err,
span#imageAddErredit {
    margin-top: 10px;
    display: block;
}

.supplier_payment_once
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 7px;
    right: 1px;
    width: 20px;
}

.create_log_j .modal .modal-dialog .modal-body .comman_form .profile_tab_wp {
    margin-bottom: 0;
}

i.fa.fa-circle.text-warning-active.text-sm.ml-2.changeStatus {
    color: orange;
}

/* / okscroll / */
.header_filter_dflt::-webkit-scrollbar-track,
#add_users::-webkit-scrollbar-track,
.sidebar::-webkit-scrollbar-track,
.create_log_j .modal-body::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track,
.update_setting_wp::-webkit-scrollbar-track,
.the_team_onces .delevry_wrapers_ups::-webkit-scrollbar-track,.setting_popup .modal-body .comman_form::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

/* / okscroll / */
.header_filter_dflt::-webkit-scrollbar-track,
.sidebar::-webkit-scrollbar-track,
.create_log_j .modal-body::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track,
.update_setting_wp::-webkit-scrollbar-track,
.the_team_onces .delevry_wrapers_ups::-webkit-scrollbar-track,
#add_users::-webkit-scrollbar-track,.setting_popup .modal-body .comman_form::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

.header_filter_dflt::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
.create_log_j .modal-body::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.update_setting_wp::-webkit-scrollbar,
.the_team_onces .delevry_wrapers_ups::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

.header_filter_dflt::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb,
.create_log_j .modal-body::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb,
.update_setting_wp::-webkit-scrollbar-thumb,
.the_team_onces .delevry_wrapers_ups::-webkit-scrollbar-thumb {
    background-color: gray;
}

.header_filter_dflt::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
.create_log_j .modal-body::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.update_setting_wp::-webkit-scrollbar,
.the_team_onces .delevry_wrapers_ups::-webkit-scrollbar,
#add_users .comman_form::-webkit-scrollbar,
#edit_user .comman_form::-webkit-scrollbar,
#delevery_setting_model_open .delevry_wrapers_ups::-webkit-scrollbar {
    display: none;
}

.header_users.parent_all_categories_main_ct.myClass
    + .user_admin_wp.header_filter_dflt {
    height: auto !important;
}

/* order hide search box */
div#OrdersDataTable_filter {
    display: none !important;
}

.img_bskt {
    display: flex;
    width: 40px;
    height: 40px;

    align-items: flex-start;
    gap: 10px;
}

.img_bskt_info h3 {
    color: var(--grey-grey-90, #111827);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
}

.img_bskt_info span {
    color: var(--grey-grey-50, #6b7280);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

a.import_file_btn img {
    width: 20px;
}

a.export_selected img {
    width: 20px;
}

.img_bskt_info h3 {
    margin-bottom: 0;
}

.product_basket {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e4e4eb;
    background: #f9fafb;
    max-width: 420px;
    width: 100%;
    gap: 10px;
    padding: 9px;
}

.clinet_price_listing .modal-header .clint_header_comman {
    width: 100%;
}

.clinet_price_listing .modal-dialog {
    max-width: 1024px;
}

.clinet_price_listing .modal-dialog .modal-header {
    flex-wrap: wrap;
}

.clint_header_comman {
    display: flex;
    gap: 15px;
}

.gray_bg_drop .checkbox_all_pj {
    max-width: 800px;
    padding-left: 120px;
    padding-right: 0;
}

.check_wp_l label {
    color: #808192;
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 139%;
}

a.import_file_btn {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    display: flex;
    flex-wrap: wrap;
    color: #111827;

    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */
    gap: 4px;
    text-decoration: none;
    padding: 23px 16px;
}

a.export_selected {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    display: flex;
    padding: 23px 12px;
    flex-wrap: wrap;

    color: var(--grey-grey-90, #111827);
    text-decoration: none;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */
    gap: 4px;
}

.clinet_price_listing .modal-header .clint_header_comman {
    width: 100%;
    align-items: center;
}

.wrap_headers {
    display: flex;
}

.wrap_headers button.close {
    margin: 0 !important;
    padding: 0 !important;
}

.wrap_headers {
    display: flex;
    gap: 23px;
    margin-bottom: 30px;
}

.checkbox_lab label,
.all_pcs h5 {
    color: var(--dark-tone-60, #808192);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%;
    margin: 0;
}

.header_pricings {
    display: flex;
    align-items: center;
    gap: 20px;
}

.checkbox_lab {
    max-width: 455px;
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
}

.price_leval_body {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    opacity: 1;
}

.header_pricings {
    border-bottom: 1px solid #d1d5db;
}

.check_wp_l {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px 40px;
    max-width: 633px;
}

.add_product_prc {
    display: flex;
    align-items: center;
    /* flex-direction: column; */
    gap: 20px;
    margin-bottom: 20px;
}

.left_pcr {
    border-radius: 8px;
    border: 1px solid var(--dark-tone-16, #e4e4eb);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 14px;
    gap: 10px;
}

.left_pcr p {
    margin: 0;
}

.left_pcr a.add_plis {
    width: 42px;
    height: 32px;
    text-align: center;
    align-items: center;
    border-radius: 8px;
    color: #111827;
    background: transparent;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
}

.right_pcr .left_per_bag {
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px 13px;
}

.left_per_bag {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    width: fit-content;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.right_pcr .left_per_bag span input {
    width: 91px;
    height: 28px;
    border: 0;
    background: white !important;
}

.right_pcr .left_per_bag span input::placeholder {
    margin-top: -10px;
    color: #111827;
}

.right_pcr .left_per_bag {
    display: flex;
    text-align: center;
    padding: 20px 13px;
}

.swal2-popup .swal2-styled {
    margin-top: 0 !important;
}

.content_pricing_th .right_pcr {
    max-width: 113px;
    width: 100%;
}

.content_pricing_th .left_per_bag img {
    width: 13px;
}

.content_pricing_th .add_product_prc {
    max-width: 655px;
    padding: 0 40px;
    gap: 8px;
}

.content_pricing_th .add_product_prc .left_pcr {
    max-width: 433px;
    padding: 15px 13px;
    width: 100%;
}

.content_pricing_th .add_product_prc a.add_plis {
    width: auto;
}

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

.content_pricing_th .right_pcr {
    max-width: 139px;
    width: 100%;
}

.quote_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
}

.checkbox_all_pj {
    display: flex;
    align-items: center;
    max-width: 655px;
    /* margin: 0 auto; */
    padding: 0 40px;
    gap: 8px;
    margin-bottom: 13px;
}

.quote_content {
    max-width: 433px;
    padding: 11px 13px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--dark-tone-16, #e4e4eb);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

i.fal.fa-angle-down {
    font-style: normal;
}

.fa-angle-down:before {
    content: "\f107";
    font-family: "FontAwesome";
}

.contet_inner_qut h5 {
    color: var(--grey-grey-90, #111827);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;

    margin: 0;
}

.contet_inner_qut span {
    color: #9e9e9e;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.gray_bg_drop {
    background: #fbfbfb;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: none;
}

a.arrow_rht_link i,
.icon_dp a i.fal.fa-angle-down,
.comman_arrow a i {
    color: #9e9e9e;
    font-size: 20px;
}

a.export_selected i.fal.fa-plus {
    font-size: 19px;
}

.gray_bg_drop .checkbox_all_pj {
    margin: 0 auto;
    position: relative;
}

.price_list a.active:before {
    content: "\f00c";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "FontAwesome";
    font-size: 19px;
}

.price_list ul li a:hover,
.price_list ul li a.active,
.price_list ul li a.active:hover {
    background: #f9fafb;
}

.price_list a.active {
    position: relative;
}

.price_list ul li a,
.footer_price_list ul li a {
    padding: 7px 22px 7px 26px;
    display: block;
}

.pricing_checbox ul li,
.pricing_checbox ul li a {
    list-style: none;
    text-decoration: none;
}

.arrow_rht a {
    color: #424242;
}

a.next_adsh {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

a.remove_dusbin {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

.gray_bg_drop .quote_content {
    justify-content: flex-start;
    padding: 11px 13px;
    gap: 8px;
}

.gray_bg_drop .left_per_bag.price_beg {
    display: flex;
    align-items: center;
}

.gray_bg_drop .checkbox_all_pj:not(:last-child) {
    margin-bottom: 20px;
}

.gray_bg_drop .right_pcr .left_per_bag {
    padding: 10px 20px;
}

.gray_bg_drop .left_per_bag.price_beg h4 {
    gap: 0;
    color: #111827 !important;
}

.gray_bg_drop .left_per_bag.price_beg h4 span {
    color: #111827 !important;
}

.pricing_checbox {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
    position: absolute;
    z-index: 99999;
    right: -22px;
    width: 377px !important;
    margin: 0 auto;
    padding: 8px 0px;
    display: none;
    max-width: 200px;
    width: 100%;
}

.pricing_checbox ul {
    margin-bottom: 0;
}

.pricing_checbox ul {
    padding: 0;
}

.pricing_checbox ul li,
.pricing_checbox ul li a {
    list-style: none;
    text-decoration: none;
}

.price_list ul li a:hover,
.price_list ul li a.active,
.price_list ul li a.active:hover {
    background: #f9fafb;
}

.price_list a.active {
    position: relative;
}

.price_list ul li a p {
    font-weight: 500;
    font-size: 14px;
    color: #212121;
    margin-bottom: 0;
}

.price_list ul li a span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

.clinet_price_listing button.btn.btn-primary.save_close {
    border-color: #e5e7eb;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #dc3545;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
}

.cpl_wrap .modal-body {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.clinet_price_listing button.btn.btn-secondary.close_arrow_btns {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
}

.clinet_price_listing .modal-dialog .modal-header {
    flex-wrap: wrap;
    padding-left: 50px;
    padding-right: 50px;
}

/* newscheckbox */

/* 23/08/2023 */
.comman_form input#password-field {
    padding-top: 12px !important;
    padding-bottom: 11px !important;
    /* border: 0 !important; */
}

.add_users
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    /* display: flex !important; */
    height: 40px !important;
    align-items: center !important;
}

.add_users
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 41px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.product_image_size {
    width: 50px;
    height: 50px;
    border: 0px, 0px, 2px, 0px;
}

/* product pricing delete modal */
.reject_form_pop .modal-dialog {
    height: auto !important;
    max-width: 550px;
}

div#ClientsDataTable_filter {
    display: none;
}

.button_outer:hover {
    /* background-color: #dc3545; */
    background-color: gray;
    cursor: pointer;
}

a.remove_image:hover i.fa.fa-trash,
a.remove_imageupload_profile:hover i.fa.fa-trash {
    color: #fff;
}

.button_outer:hover input#upload_file::placeholder {
    color: #fff;
}

a.remove_image:hover,
a.remove_imageupload_profile:hover {
    background-color: gray;
    text-decoration: none;
}

.button_outer:hover .btn_upload p {
    color: #fff;
}

.comman_form input::placeholder,
.comman_form textarea::placeholder {
    color: #9ca3af;

    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    font-family: "Inter", sans-serif !important;
}

.comman_form label {
    color: var(--grey-grey-50, #6b7280);

    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    font-family: "Inter", sans-serif !important;
}

.create_log_j a.remove_imageupload_profile,
.create_log_j a.remove_image {
    display: none;
}

.select2-search--dropdown .select2-search__field:focus-visible {
    outline: none;
}

.createsupplier .comman_form .row {
    margin-top: 0 !important;
}

div#showProductPrice.content_pricing_th .add_product_prc a.add_plis:hover {
    background: transparent;
}

div#showProductPrice.content_pricing_th .add_product_prc .left_pcr {
    max-width: 359px;
    padding: 15px 13px;
    width: 100%;
}

/* div#staticBackdrop {
    background-color: #121212;
} */

div#MymodalPreventHTML {
    background: black;
}

/* No order avalidable for pricing */
/* h2.ordermatch {
    margin-left: 235PX;
    margin-top: 29%;
} */

#DishesDataTable tr td:nth-child(4) {
    width: 50%;
    font-weight: 500 !important;
}

/* 27-9-2023 */

.sign_in_form a.field-icon {
    top: 38px;
    right: 15px;
}

/* ORder css 02-10 */
.left_order-page_design {
    max-width: 70%;
    margin: 0 auto;
    width: 100%;
}

.coman_box_shadow {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    padding: 20px;
    margin-bottom: 10px;
    width: 100%;
}

.oder_number_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-page_design h3 {
    color: var(--grey-grey-90, #111827);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 0;
}

a.await_btns {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    color: var(--grey-grey-60, #4b5563);
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

a.await_btns:before {
    content: "";
    left: 0;
    right: 0;
    width: 6px;
    height: 6px;
    background: var(--orange-orange-50, #f97316);
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.number_has_design h5 {
    color: var(--grey-grey-50, #6b7280);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.number_has_design h5 a i {
    margin-left: 8px;
}

.number_has_design h5 a {
    color: #6b7280;
    font-family: "Poppins", sans-serif;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.order_list_by_list .price_list ul li span a span {
    color: #111827;
}

button.btn.btn-primary.save_close {
    border-color: #dc3545;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #dc3545;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
}

.update_togle_number.coman_box_shadow {
    padding: 15px;
    width: 100%;
    max-width: 200px;
    text-align: right;
    display: none;
    position: absolute;
    left: 0;
    z-index: 8;
}

.number_has_design {
    position: relative;
    margin-bottom: 20px;
}

.update_togle_number.coman_box_shadow .btn {
    margin-top: 8px;
}

.update_togle_number.coman_box_shadow input[type="text"] {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-5, #f9fafb);
    padding: 8px 8px 8px 16px;
    width: 101%;
    color: var(--grey-grey-40, #9ca3af);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.update_togle_number.coman_box_shadow input[type="text"]:focus-visible {
    outline: none;
}

.product_basket {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e4e4eb;
    background: #f9fafb;
    max-width: 420px;
    width: 100%;
    gap: 10px;
    padding: 9px;
}

.img_bskt {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: flex-start;
    gap: 10px;
}

.img_bskt_info h3 {
    color: var(--grey-grey-90, #111827);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.img_bskt_info span {
    color: var(--grey-grey-50, #6b7280);
    /* font-family: "Poppins", sans-serif; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-family: "Inter", sans-serif;
}

.order_list_by_list .product_basket,
.summary_table_box .product_basket,
.footer_ctm_dt_heading .product_basket {
    border: none;
    padding: 0;
    background: transparent;
}

.order_list_by_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 35px;
}

.left_credit_trm {
    display: flex;
    align-items: center;
}

.summary_heading {
    padding-bottom: 30px;
}

.credit_term_dp {
    width: 40px;
    display: block;
    margin-left: 12px;
    text-align: center;
}

/* pricing */
.pricing_checbox {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 2px 16px rgb(17 24 39 / 8%);
    border-radius: 8px;
    position: absolute;
    z-index:1;
    right: -22px;
    width: 377px !important;
    margin: 0 auto;
    padding: 8px 0px;
    display: none;
    max-width: 200px;
    width: 100%;
}

.price_list ul li a,
.footer_price_list ul li a {
    padding: 7px 22px 7px 26px;
    display: block;
}

.summary_section.coman_box_shadow {
    margin-top: 20px;
}

.pricing_checbox ul li,
.pricing_checbox ul li a {
    list-style: none;
    text-decoration: none;
}

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

.summary_table_box thead tr th {
    padding-bottom: 20px;
    position: relative;
}

.credit_teams_box {
    position: relative;
}

.price_list ul li a p {
    font-weight: 500;
    font-size: 14px;
    color: #212121;
    margin-bottom: 0;
}

.price_list ul li a span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

.price_list ul li a,
.footer_price_list ul li a {
    padding: 7px 22px 7px 26px;
    display: block;
    position: relative;
}

.footer_price_list ul li a span {
    padding-right: 13px;
}

a.next_adsh {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

a.remove_dusbin {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

.price_list ul li a:hover,
.price_list ul li a.active,
.price_list ul li a.active:hover {
    background: #f9fafb;
}

/* .price_list ul li a:hover{
    background-color: #da546647 !important;
} */

.footer_price_list a i {
    font-size: 15px;
    margin-bottom: 12px;
}

a.arrow_rht_link i,
.icon_dp a i.fal.fa-angle-down,
.comman_arrow a i {
    color: #9e9e9e;
    font-size: 20px;
}

.price_list a.active:before {
    content: "\f00c";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 5 Pro";
    font-size: 19px;
    font-weight: 400;
    color: #111827;
}

a.active.changepricestatus {
    color: #111827 !important;
}

.blank_btn.btn-secondary {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
}

/* .summary_table_box .pricing_checbox {
    right: 0;
    left: 0;
    margin: 0;
    width: 400px !important;
    max-width: 230px;
} */
.summary_table_box .pricing_checbox {
    right: 0;
    margin: 0;
    width: 400px !important;
    max-width: 230px;
    top: 50px;
}

.summary_table_box .pricing_checbox .footer_price_list {
    padding: 10px;
}

.border_gray_bx {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-5, #f9fafb);
}

.border_gray_bx h5 {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 8px 15px 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.two_price_down {
    padding: 0 8px;
}

.two_price_down .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{
    background: #f9fafb !important;
}

.two_price_down .select2-container {
    margin-bottom: 10px;
}

.two_price_down .border_gray_bx:first-child {
    margin-bottom: 10px;
}

.border_gray_bx h5 i {
    color: #9e9e9e;
    font-size: 20px;
}

td.third_td_drop_h .pricing_checbox {
    max-width: 210px;
}

/* .quantity_box{
    display: none;
} */
.quantity_box {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    box-shadow: 0px 2px 16px 0px rgb(17 24 39 / 8%);
    position: absolute;
    width: 100%;
    left: 0;
    max-width: 190px;
    margin: 5px auto !important;
    right: 0;
}

.quantity_box ul li a {
    color: #212121;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

h6.price_act span {
    color: var(--grey-grey-40, #9ca3af);
    text-align: right;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.img i.fas.fa-check-circle {
    color: #9ca3af;
}

.tab-content h2 img,
h2.unite_hj img {
    cursor: pointer;
}

.tab-content h2 img + .i_pop_up:hover,
h2.unite_hj img + .i_pop_up_2:hover {
    display: block !important;
}

h2.unite_hj img:hover + .i_pop_up_2 {
    display: block !important;
}

h6.price_act {
    display: flex;
    justify-content: space-between;
    color: #212121;
    text-align: right;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}

.summary_table_box td {
    padding-bottom: 10px;
}

.quantity_box ul {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    box-shadow: 0px 2px 16px 0px rgb(17 24 39 / 8%);
    padding: 8px 0;
}

.customer_footer_details.coman_box_shadow {
    margin-top: 20px;
}

.footer_contact_client_info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 24px;
}

.footer_contact_cm p {
    color: var(--grey-grey-50, #6b7280);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    margin-bottom: 2px;
}

.footer_contact_cm p a {
    color: var(--grey-grey-50, #6b7280);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.footer_contact_cm h5 {
    color: var(--grey-grey-90, #111827);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.footer_contact_cm:not(:first-child) {
    border-left: 1px solid #e5e7eb;
    padding-left: 16px;
}

.blue_box .btn_subscribe a {
    border: 1px solid #3b82f6;
    background: #3b82f6;
}

.green_box .btn_subscribe a {
    border: 1px solid #10b981;
    background: #10b981;
}

.footer_ctm_dt_heading > h3 {
    margin-bottom: 25px;
}

.right_order-page_design {
    max-width: 30%;
    margin: 0 auto;
    width: 100%;
    /* margin-top: 87px; */
    position: relative;
}

.orderStatusbucket {
    padding-top: 198px;
    overflow-y: auto;
    /* margin-right: -20px; */
    height: 908px;
}

textarea:focus-visible {
    outline: none;
}

.btn_subscribe a:hover {
    color: #10b981;
    border-color: #10b981;
    background: transparent;
}

.order_pakege.coman_box_shadow.blue_box .btn_subscribe a:hover {
    color: #3b82f6;
    border-color: #3b82f6;
    background-color: transparent;
}

.summary_table_box .img_bskt img {
    height: 100%;
    object-fit: cover;
}

.wrap_text_activity textarea {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-5, #f9fafb);
    resize: none;
    width: 100%;
    max-width: 352px;
    height: 80px;
    padding: 12px 16px;
}

.wrap_text_activity a.submit_cnt {
    position: absolute;
    right: 10px;
    bottom: 14px;
    color: #fff !important;
    transition: background-color 0.3s ease;
}

.wrap_text_activity a.submit_cnt:hover {
    background-color: #da5466;
}

.order-page-inner_design .product_basket {
    border: none;
    padding: 0;
    background: transparent;
}

.produt_base_footer {
    max-width: calc(100% - 36px);
    margin-left: auto;
    margin-top: 16px;
}

a.submit_cnt {
    width: 30px;
    height: 30px;
    background: #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
}

.wrap_text_activity {
    position: relative;
    width: 100%;
    max-width: 352px;
    margin-top: 16px;
}

.wrap_text_activity textarea::placeholder {
    color: var(--grey-grey-40, #9ca3af);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.activity_pop.coman_box_shadow {
    padding: 24px 32px;
}

.left_dvr {
    display: flex;

    gap: 16px;
}

.left_dvr.no-wrap {
    flex-wrap: nowrap;
}

.left_dvr h5 {
    color: #111827;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
}

.img_devr span,
.right_dvr span {
    color: #6b7280;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.order_delevered {
    display: flex;
    justify-content: space-between;
}

.btn_subscribe a {
    border-radius: 8px;
    border: 1px solid #10b981;
    background: #10b981;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    max-width: calc(100% - 36px);
    margin-left: auto;
    text-decoration: none;
}

.btn_subscribe {
    margin-top: 16px;
}

.right_dvr {
    display: flex;
    gap: 13px;
    flex: 0 0 100px;
    justify-content: end;
}

    
.left_dvr .img {
    margin-top: -3px;
}

.clnt_logo {
    margin-top: -3px;
}

.hover_pops {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-0, #fff);
    box-shadow: 0px 2px 16px 0px rgb(17 24 39 / 8%);
    padding: 25px;
    max-width: 506px;
    width: 100%;
    position: absolute;

    z-index: 99;
    display: none;
    left: 50%;
    transform: translateX(-50%);
    min-width: 300px;
    bottom: 42px;
}

a.submit_cnt {
    text-decoration: none;
}

a.pop_tool_tips:hover + .hover_pops,
a.pop_tool_tips + .hover_pops:hover {
    display: block;
}

.hover_pops h5 {
    color: var(--grey-grey-50, #6b7280);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 171.429% */
    margin-bottom: 0;
}

.hover_pops p {
    color: var(--grey-grey-50, #6b7280);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 15px;
}

/* End order css */
/* order tabling forms */
.tab-content-order {
    display: none;
}

/* Style for the current tab content */
.tab-content-order.current {
    display: block;
}

/* end order tabing */
/* remvove asc or desc for checbox order */

/* 10-3-2023 */
.user_admin_wp {
    margin-bottom: 0;
}

section.content.my_lik_parent,
.content.my_lik_parent {
    position: relative;
    padding-top: 80px;
}

nav.main-header {
    top: 0;
}

.header_users.parent_all_categories_main_ct.my_lk h1 {
    margin: 0;
    font-size: 22px !important;
}

.header_users.parent_all_categories_main_ct.my_lk {
    /*   background-color: #fff; */
    margin-bottom: 10px;
}

.parent_all_categories_main_t.myClass a.tabs_status h1.text-black-50 {
    color: #000 !important;
}

section.content.my_lik_parent .modal-footer.bottom_footer {
    padding-bottom: 0;
    padding-top: 22px;
    margin-left: -20px;
    margin-right: -20px;

    padding-right: 20px;
}

section.content.my_lik_parent .user_admin_wp.header_filter_dflt {
    height: auto !important;
}

.modal-footer.bottom_footer a.btn.btn-secondary.back_btn:hover {
    background-color: #dc3545;
    color: #fff;
}

/* order column txt change */
a.order_size_font {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

.model_pro_ids .my_filter_pf .header_titles {
    padding-left: 0;
    margin-left: -20px;
    padding-top: 0;
}

/* 16-10-2023 */

.order_list_by_list .pricing_checbox {
    top: 50px !important;
}

.select2-container--default .select2-selection--multiple:before {
    content: " ";
    display: block;
    position: absolute;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;
    top: 50%;
    width: 0;
    cursor: pointer;
}

.select2-container--open .select2-selection--multiple:before {
    content: " ";
    display: block;
    position: absolute;
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;
    top: 50%;
    width: 0;
    cursor: pointer;
}

#productForm button.select2-selection__clear {
    display: none;
}

.tab-content h2 img:hover + .i_pop_up,
.tab-content h2 img:hover + .i_pop_up:hover {
    display: block !important;
}

/* 19-10-2023 */
.nav-sidebar .nav-link p {
    display: inline;
    margin: 0;
    white-space: normal;
    color: #757575;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

/* .nav-link, [class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link p {
    color: #fff;
} */
[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active:hover p {
    color: #000;
}

/* .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link i {
    color: #757575;
} */
.nav-sidebar > .nav-item .nav-icon {
    margin-left: 0.05rem;
    font-size: 1.2rem;
    margin-right: 16px !important;
    text-align: center;
    width: 24px !important;
    margin-top: -4px;
}

.sing_form_footer ul li a:hover {
    color: #fff;
}

.sidebar-collapse aside .sidebar ul.nav li.nav-item a.nav-link {
    text-align: center;
    justify-content: center;
}

.sidebar-mini.sidebar-collapse
    .main-sidebar:hover
    .sidebar
    ul.nav
    li.nav-item
    a.nav-link {
    justify-content: inherit;
}

.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active p {
    color: var(--grey-3, #424242);
    font-size: 16px;
    font-style: normal;
    font-weight: 550;
    line-height: 120%;
}

img.eye_cls {
    width: 19px;
    height: 19px;
    display: none;
}

a.field-icon.toggle-password.fa-eye-slash img.eye_cls {
    display: block;
    position: absolute;
    right: 1px;
    /* top: -8px !important; */
}

.add_users .comman_form .fa-eye:before {
    display: none !important;
}

.fa-eye-slash img.eye_cls {
    top: -8px !important;
}

.comman_form .fa-eye-slash img.eye_cls,
.second_sign_in .fa-eye-slash img.eye_cls {
    top: 3px !important;
}
.login_outer_sec a.field-icon.toggle-password.fa-eye-slash img.eye_cls {
    top: -8px !important;
}
a.field-icon.toggle-password.fa-eye-slash img.eye_opens {
    display: none;
}

span[style="color:red"] {
    color: #da5466 !important;
}

.phone_wrap {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.phone_wrap .call_drop_down {
    height: 40px;
}

.unique_first_fm p {
    margin-top: 10px;
}

/* .forms_tabings .select2-container--default .select2-selection--single .select2-selection__placeholder,
.forms_tabings
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #191c1f !important;
} */

.comman_header_bt_titles h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0em;
    text-align: left;
    color: #111827;
    margin-bottom: 0 !important;
}

.phone_wrap .call_drop_down span.select2 {
    height: 40px;
}

.phone_wrap .call_drop_down span.select2 span.selection {
    height: 40px;
    min-height: 40px;
}

.phone_wrap
    .call_drop_down
    span.select2
    span.selection
    span.select2-selection.select2-selection--single {
    height: 40px;
    max-width: 140px;
}

.phone_wrap
    .call_drop_down
    .select2-container--default
    .select2-selection--single
    .select2-selection__placeholder {
    color: #999;
    /*  height: 40px !important;
    min-height: 40px !important; */
    display: block;
    vertical-align: middle;
    padding-top: 0px;
}

.back_to_settings {
    position: fixed;
    top: 12px;
    margin-left: 18px;
    z-index: 9999;
    font-size: 40px;
    color: #9ca3af;
}

.back_to_settings a {
    font-size: 35px;
    color: #9ca3af;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px;
    background: #fff !important;
    color: #111827 !important;
    margin-left: 0%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    opacity: 0.5;
}

.back_to_settings a:hover {
    color: #9ca3af;
}

/* 17-11-2023 */
.swal2-container {
    z-index: 999999999;
}

.swal2-container.swal2-center > .swal2-popup .swal2-icon {
    display: none !important;
}

.swal2-container.swal2-center > .swal2-popup div#swal2-html-container {
    text-align: left !important;
    margin-left: 0 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #6b7280 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

.swal2-container.swal2-center > .swal2-popup h2#swal2-title {
    text-align: left !important;
    margin-left: 0 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #111827 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

.swal2-container.swal2-center > .swal2-popup div#swal2-html-container {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
}

.swal2-container.swal2-center > .swal2-popup .swal2-actions {
    justify-content: flex-end;
}

.swal2-container.swal2-center
    > .swal2-popup
    .swal2-actions
    button.swal2-confirm.swal2-styled.swal2-default-outline {
    background: #da5466 !important;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    order:2;
}

.swal2-container.swal2-center
    > .swal2-popup
    .swal2-actions
    button.swal2-cancel.swal2-styled.swal2-default-outline {
    background: linear-gradient(0deg, #ffffff, #ffffff),
        linear-gradient(0deg, #e5e7eb, #e5e7eb);
    border: 1px solid #e5e7eb;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
}

.swal2-container.swal2-center > .swal2-popup {
    background: #ffffff;
    padding: 25px;
}

/* 17-11-2023 finish */
.add_users .phone_wrap .call_drop_down .select2-selection__rendered {
    display: flex !important;
    /* height: 21px !important; */
    align-items: center !important;
    padding-top: 0px;
    height: 100% !important;
}

.modal.add_users .phone_wrap .call_drop_down .select2-selection__rendered {
    /* height: 28px !important; */
    padding-top: 0px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    margin-top: 0 !important;
}

.comman_header_bt_titles p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 0;
}

/* order Modules */
span.stetus_task.delivering_pill.order_return {
    background: #e7a297;
    color: #d74703;
}

span.stetus_task.delivering_pill.order_Delivering {
    background: #d4e5ff;
    color: #3b578d;
}

/* Done status */
span.stetus_task.delivering_pill.order_Done {
    background-color: #d4ffe4;
    color: #3b8d5a;
}

/* Order Cancelled */
span.stetus_task.delivering_pill.order_Cancelled {
    background: #ffe1e3;
    color: #d5404a;
}

/* 26-10-2023 */
.sidebar {
    padding: 0 !important;
}

.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link {
    border-radius: 0 !important;
    padding: 14px 5px 14px 20px !important;
}

.second_sign_in .form-group input::placeholder {
    line-height: 2px;
    color: #9e9e9e;
}

.first_sing_in p {
    color: #9e9e9e !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover {
    width: 4.6rem !important;
}

.sidebar-mini.sidebar-collapse
    .main-sidebar:hover
    ul.nav
    li.nav-item
    a.nav-link
    p {
    display: none;
}

.sidebar-mini.sidebar-collapse
    .main-sidebar:hover
    .sidebar
    ul.nav
    li.nav-item
    a.nav-link
    i {
    margin-right: 0 !important;
}

.sidebar-mini.sidebar-collapse
    .main-sidebar:hover
    .sidebar
    ul.nav
    li.nav-item
    a.nav-link {
    justify-content: center;
    padding-right: 0;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    display: block;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: 0em;
    color: #212121;
}

.dropdown-menu.show li {
    background-color: #fff !important;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    border-top: 1px solid #e5e7eb;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-nav > .user-menu > .dropdown-menu {
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    border-radius: 8px;
}

.dropdown-menu.show li {
    border-radius: 8px !important;
}

.dropdown-menu.show li.user-footer {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: #111827 !important;
    border-radius: 8px;
    border-color: #e5e7eb !important;
    padding: 6px 12px 6px 10px !important;
    font-size: 13px;
    font-weight: 500 !important;
    letter-spacing: 0em;
    background: #fff !important;
    min-width: 73px;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f8f9fa;
    padding: 14px 10px !important;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.dropdown-menu-lg {
    max-width: 220px !important;
    min-width: 220px !important;
    padding: 0;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 160px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    height: 42px !important;
    width: 42px !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: auto !important;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #da5466 !important;
    color: #fff !important;
    border-color: #da5466 !important;
}

.supplier_payment_once .select2-container--default .select2-results__option {
    text-transform: capitalize !important;
}

.login_outer_sec
    #add_users
    .select2-container--default
    .select2-results
    > .select2-results__options {
    min-width: 100px !important;
}

.login_outer_sec span.select2-dropdown.select2-dropdown--above {
    width: 110px !important;
}

.login_outer_sec
    .select2-container--default
    .select2-dropdown.select2-dropdown--below {
    width: 110px !important;
}

.phone_wrap .input_selct_sd {
    width: calc(100% - 66px);
}

/* Footer in sidebar */
aside.main-sidebar .sidebar {
    padding-bottom: 150px !important;
}

footer.main-footer {
    position: fixed;
    left: -200px;
    bottom: 0;
    max-width: 198px;
    z-index: 9999;
}

.sidebar-collapse footer.main-footer {
    display: none;
}

.modal,
.brandmodal {
    z-index: 99999 !important;
}

.modal-backdrop.fade.show,
.modal-backdrop.show {
    z-index: 9999 !important;
}

.parent_all_categories_main_t.myClass {
    padding-top: 15px;
    padding-left: 0;
}

.parent_all_categories_main + .comman_header_bt_titles {
    margin-top: 15px;
}

.parent_all_categories_main
    + .comman_header_bt_titles
    + .header_filter_dflt.new-class {
    margin-top: 10px !important;
}

.comman_header_bt_titles.headerclass {
    margin-top: 25px;
}

.comman_header_bt_titles.headerclass + .header_filter_dflt.new-class {
    margin-top: 10px !important;
}

.export_cl ul.dropdown-menu li:hover {
    background: #da546647 !important;
    color: #000;
}

.dropdown-menu li.user-header p small:not(:first-child) {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    color: #9e9e9e !important;
}

.custom-switch .custom-control-label:before {
    top: -4px;
}

.custom-switch.custom-switch-on-success
    .custom-control-input:checked
    ~ .custom-control-label:after {
    top: -2px;
}

.custom-switch.custom-switch-off-danger
    .custom-control-input
    ~ .custom-control-label:after {
    top: -2px;
}

html {
    background: #f4f6f9;
}

.content.my_lik_parent .card-body {
    padding-bottom: 0;
}

/* 31-10-2023 */
span.select2-dropdown.select2-dropdown--above {
    min-width: 210px;
}

#add_users .login_outer_sec .field-icon img.eye_opens {
    margin-top: -23px;
}

a.field-icon.toggle-password.fa-eye-slash img.eye_opens {
    display: none;
}

a.field-icon.toggle-password.fa-eye-slash img.eye_opens {
    display: none;
}

.fa-eye-slash:before {
    display: none;
}

.tab_2_wp textarea.select2-search__field::placeholder {
    color: #9ca3af !important;
}

.right_sld.quotes_togles .edit_product {
    min-width: 100px;
}

.wrapper_delate_bt .form-group .form-control {
    height: calc(2.25rem + 2px) !important;
}

div#createModalproduct .footer_bottom_btns {
    max-width: calc(100% - 26px);
}

.sidebar > nav.mt-2 {
    margin-top: 22px !important;
}

.sidebar-collapse aside .sidebar ul.nav li.nav-item a.nav-link p {
    display: none;
}

.comman_form input#password-field {
    border: none !important;
    
}

.comman_form .fa-eye:before {
    display: none !important;
}

.custom-switch.custom-switch-on-success
    .custom-control-input:checked
    ~ .custom-control-label:before {
    top: -2px;
}

.custom-switch.custom-switch-on-success
    .custom-control-input:checked
    ~ .custom-control-label:after {
    background-color: #86e29b;
    top: 50%;
}

.custom-switch.custom-switch-off-danger
    .custom-control-input
    ~ .custom-control-label:before {
    top: -2px;
}

.custom-switch.custom-switch-off-danger
    .custom-control-input
    ~ .custom-control-label:after {
    top: 50%;
}

div#OrdersPendingDataTable_filter {
    display: none;
}

div#OrdersDeliveringDataTable_filter {
    display: none;
}

div#OrdersDoneTable_filter {
    display: none;
}

div#OrdersReturnTable_filter {
    display: none;
}

div#OrdersCancelDataTable_filter {
    display: none;
}

.tab-content-order .header_filter_dflt.new-class {
    margin-top: 15px !important;
}

.tab-content-order .header_filter_dflt.new-class .comman_header_bt_titles {
    padding-bottom: 20px;
}

.summary_table_box .pricing_checbox .footer_price_list .footer_bottom_btns {
    position: relative;
    padding: 0;
    border: none;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.summary_table_box .pricing_checbox .footer_price_list {
    padding: 10px;
    padding-bottom: 6px;
    padding-top: 8px;
}

.summary_table_box .pricing_checbox hr {
    margin-top: 9px;
    margin-bottom: 4px;
}

/* custom0rder-upload */
.update_togle_number .fileUpload {
    background: #00bcbe;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;

    overflow: hidden;
    padding: 0.875em;
    /*14px/16px*/
    position: relative;
    text-align: center;
    width: 120px;
    cursor: pointer;
}

.update_togle_number .fileUpload:hover,
.update_togle_number .fileUpload:active,
.update_togle_number .fileUpload:focus {
    background: #00a2a4;
    cursor: pointer;
}

.update_togle_number .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;

    font-size: 20px;

    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 46px;
    cursor: pointer;
    padding: 10px;
}

.update_togle_number input[type="file"] {
    position: fixed;
    right: 100%;
    bottom: 100%;
}

.update_togle_number .custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.update_togle_number .slt_fl.fileUpload {
    border-radius: 8px;
    border: 1px solid var(--grey-grey-20, #e5e7eb);
    background: var(--grey-grey-5, #f9fafb);
    width: 100%;

    padding: 10px;
}

.update_togle_number .slt_fl.fileUpload span {
    color: var(--grey-grey-40, #9ca3af);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.activity_pop.coman_box_shadow {
    padding: 24px 32px;
    position: absolute;
    z-index: 20;
}

.orderStatusbucket {
    padding-top: 198px;
}

a.active.changepricestatus {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

a.changepricestatuscod {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9e9e9e;
}

.changepricestatus {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #111827;
}

.order_list_by_list .price_list ul li a span {
    color: #111827;
}

a.await_btns.pending_await::before {
    background: #3b82f6;
}

a.await_btns.delivery_await::before {
    background: #10b981;
}

.order_confirmation .img i.fas.fa-check-circle {
    color: #10b981;
}

a.await_btns.done_await::before {
    background: #10b981;
}

a.await_btns.cancel_await::before {
    background: #f43f5e;
}

.comman_order_confirm .img i.fas.fa-check-circle {
    color: #9ca3af !important;
}

.mt-2.header_filter_dflt.new-class {
    height: calc(100vh - 170px) !important;
    overflow: hidden;
    overflow-y: auto !important;
}

.wrap_text_activity span[style="color:red"] {
    position: absolute;
    left: 0;
    bottom: -18px;
}

/* order error message for comment */
span.order_error {
    font-size: 14px;
    margin-left: 3px;
}

/* cancle_order design 17-11-2023 */
.prodcut_thumns_dt {
    display: flex;
    gap: 12px;
    margin-left: 35px;
    margin-top: 10px;
}

.pro_thums_pics {
    width: 40px;
    height: 40px;
    display: flex;
}

.pro_thums_pics_detials .wrapps_pro_thums h6 span {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #6b7280;
}

.pro_thums_pics_detials .wrapps_pro_thums h6 strong {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    color: #212121;
}

.pro_thums_pics_detials .wrapps_pro_thums h5 span {
    font-size: 14px;
    line-height: 24px;
    color: #6b7280;
}

.return_icon i.fas.fa-check-circle {
    color: #10b981;
}

.return_confirm_icon i.fas.fa-check-circle {
    color: #9ca3af;
}

.red_box .btn_subscribe a {
    background: #da5466;
    border: 1px solid #da5466;
}

.red_box .btn_subscribe a:hover {
    background: transparent;
    border: 1px solid #da5466;
    color: #da5466;
}

.wrapps_pro_thums h5 {
    margin-bottom: 0;
}

.wrapps_pro_thums h6 {
    margin-bottom: 0;
}

div#requestPricingDataTable_filter {
    display: none;
}

/* 18-11-2023 */
.img-rounded {
    border: 1px solid lightgray;
    padding: 3px !important;
    border-radius: 50% !important;
    object-fit: cover;

}

/* ############################ 21-11-2023  ######################## */

.nav-sidebar > .nav-item > .nav-link.active .icon::before {
    background-color: #da5466;
}

.icon {
    display: block;
    position: relative;
}

.icon::before {
    content: "";
    background-color: #757575;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity 0.3s ease, background-color 0.3s ease;
}

.icon-home {
    width: 24px;
    height: 24px;
}

.icon-home::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 22V12h6v10' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 22V12h6v10' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-products {
    width: 24px;
    height: 24px;
}

.icon-products::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='m16.5 9.4-9-5.19M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z' stroke='%23DA5466' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12' stroke='%23DA5466' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='m16.5 9.4-9-5.19M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z' stroke='%23DA5466' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12' stroke='%23DA5466' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-suppliers {
    width: 24px;
    height: 24px;
}

.icon-suppliers::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6673 17.5V15.8333C16.6673 14.9493 16.3161 14.1014 15.691 13.4763C15.0659 12.8512 14.218 12.5 13.334 12.5H6.66732C5.78326 12.5 4.93542 12.8512 4.31029 13.4763C3.68517 14.1014 3.33398 14.9493 3.33398 15.8333V17.5' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99935 9.16667C11.8403 9.16667 13.3327 7.67428 13.3327 5.83333C13.3327 3.99238 11.8403 2.5 9.99935 2.5C8.1584 2.5 6.66602 3.99238 6.66602 5.83333C6.66602 7.67428 8.1584 9.16667 9.99935 9.16667Z' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6673 17.5V15.8333C16.6673 14.9493 16.3161 14.1014 15.691 13.4763C15.0659 12.8512 14.218 12.5 13.334 12.5H6.66732C5.78326 12.5 4.93542 12.8512 4.31029 13.4763C3.68517 14.1014 3.33398 14.9493 3.33398 15.8333V17.5' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99935 9.16667C11.8403 9.16667 13.3327 7.67428 13.3327 5.83333C13.3327 3.99238 11.8403 2.5 9.99935 2.5C8.1584 2.5 6.66602 3.99238 6.66602 5.83333C6.66602 7.67428 8.1584 9.16667 9.99935 9.16667Z' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-orders {
    width: 24px;
    height: 24px;
}

.icon-orders::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-clients {
    width: 24px;
    height: 24px;
}

.icon-clients::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-settings {
    width: 24px;
    height: 24px;
}

.icon-settings::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)' stroke='%23DA5466' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a1.998 1.998 0 0 1 0 2.83 1.998 1.998 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a1.998 1.998 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 3.417 1.415 2 2 0 0 1-.587 1.415l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1v0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)' stroke='%23DA5466' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a1.998 1.998 0 0 1 0 2.83 1.998 1.998 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a1.998 1.998 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 3.417 1.415 2 2 0 0 1-.587 1.415l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1v0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon-brands {
    width: 24px;
    height: 24px;
}

.icon-brands::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M12 15a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.21 13.89 7 23l5-3 5 3-1.21-9.12' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M12 15a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.21 13.89 7 23l5-3 5 3-1.21-9.12' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.fa-question-circle::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='help-circle 1'%3E%3Cpath id='Vector' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M9.08984 9.00008C9.32495 8.33175 9.789 7.76819 10.3998 7.40921C11.0106 7.05024 11.7287 6.91902 12.427 7.03879C13.1253 7.15857 13.7587 7.52161 14.2149 8.06361C14.6712 8.60561 14.9209 9.2916 14.9198 10.0001C14.9198 12.0001 11.9198 13.0001 11.9198 13.0001' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M12 17H12.01' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M12 15a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.21 13.89 7 23l5-3 5 3-1.21-9.12' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 24px;
    margin-top: -10px;
}
.icon-pricing {
    width: 24px;
    height: 24px;
}

.icon-pricing::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='m20.59 13.41-7.17 7.17a1.998 1.998 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82v0ZM7 7h.01' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='m20.59 13.41-7.17 7.17a1.998 1.998 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82v0ZM7 7h.01' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-plus {
    width: 18px;
    height: 18px;
}

.icon-plus::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.5v13M3.5 10h13' stroke='%23111827' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.5v13M3.5 10h13' stroke='%23111827' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: #000;
}

.icon-delete {
    width: 18px;
    height: 18px;
}

.icon-delete::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.83203 5.49048H5.31351H17.1654' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.64286 5.5V4C7.64286 3.60218 7.79337 3.22064 8.06128 2.93934C8.32919 2.65804 8.69255 2.5 9.07143 2.5H11.9286C12.3075 2.5 12.6708 2.65804 12.9387 2.93934C13.2066 3.22064 13.3571 3.60218 13.3571 4V5.5M15.5 5.5V16C15.5 16.3978 15.3495 16.7794 15.0816 17.0607C14.8137 17.342 14.4503 17.5 14.0714 17.5H6.92857C6.54969 17.5 6.18633 17.342 5.91842 17.0607C5.65051 16.7794 5.5 16.3978 5.5 16V5.5H15.5Z' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.83203 9.2373V13.404' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.166 9.2373V13.404' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.83203 5.49048H5.31351H17.1654' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.64286 5.5V4C7.64286 3.60218 7.79337 3.22064 8.06128 2.93934C8.32919 2.65804 8.69255 2.5 9.07143 2.5H11.9286C12.3075 2.5 12.6708 2.65804 12.9387 2.93934C13.2066 3.22064 13.3571 3.60218 13.3571 4V5.5M15.5 5.5V16C15.5 16.3978 15.3495 16.7794 15.0816 17.0607C14.8137 17.342 14.4503 17.5 14.0714 17.5H6.92857C6.54969 17.5 6.18633 17.342 5.91842 17.0607C5.65051 16.7794 5.5 16.3978 5.5 16V5.5H15.5Z' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.83203 9.2373V13.404' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.166 9.2373V13.404' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: #6b7280;
}

div#activePricingDataTable_filter {
    display: none;
}

.select2-container--default .select2-results__option {
    text-transform: capitalize !important;
}

.green_box_check .fa.fa-check-circle {
    color: #10b981 !important;
}

.comman_order_confirm
    .order_delevered
    .img
    .green_box_check
    i.fas.fa-check-circle {
    color: #10b981 !important;
}

/* 27-11-2023 */
.forms_tabings ul.tabs li {
    border-radius: 100px;
}

.list_filter_task_content p.rounded.border {
    padding: 4px 8px 6px 0px;
    line-height: normal;
    width: auto;
    white-space: nowrap;
    font-size: 10px;
    background: #ffffff;
}

.list_filter_task_content p.rounded.border i:before {
    font-size: 10px;
}

i.fa.fa-circle.text-warning.text-sm.ml-2 {
    color: #f97316 !important;
}

.header_filter_dflt p.rounded.border {
    border-radius: 10px !important;
    padding-left: 0;
    width: auto;
    /* display: inline-block; */
    font-weight: 550;
    display: flex;
    align-items: center;
    
}

.remove_image:hover .icon::before,
.header_product_wrapper .btn:hover .icon::before {
    background-color: #fff;
}

table#roleDataTable.dataTable.stripe > tbody > tr td {
    /* box-shadow: none !important;
    background: #fff !important; */
    font-weight: 500 !important;
}

.pricing_pop_model
    .select2-container--default
    .select2-search--inline
    .select2-search__field {
    margin-top: 0;
    text-transform: capitalize;
}

.two_price_down {
    display: flex;
    flex-direction: column;
}

.two_price_down input {
    color: #212121;
    width: 100%;
    padding: 7px 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    margin-bottom: 8px;
    outline: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.two_price_down select {
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    outline: 0;
    padding: 8px 16px;
    margin-bottom: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.two_price_down a {
    display: inline-block;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    padding: 6px 10px;
    cursor: pointer;
    color: #111827;
    margin-left: auto;
}

.two_price_down a:hover {
    background-color: #da5466;
    color: #fff;
}

.order_pakege.coman_box_shadow.order_confirmation.comman_order_confirm
    span.message {
    position: relative;
    display: block;
    margin-top: 4px;
    width: calc(100% + 100px);
}

#select2-data-exampleModal
    .select2-container--default
    .select2-selection--multiple {
    min-height: 40px !important;
}

.wrappper_bar_inner.memberprofilehides .author-item {
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-gap: 16px;
}

.wrappper_bar_inner.memberprofilehides .author-item img {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.wrappper_bar_inner.memberprofilehides {
    padding: 0 15px;
    display: grid;
    grid-gap: 24px;
}

.wrappper_bar_inner.memberprofilehides .author-item .author-detail {
    display: flex;
    gap: 5px;
}

.wrappper_bar_inner.memberprofilehides .author-item .author-detail span {
    color: #111827;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.wrappper_bar_inner.memberprofilehides .author-item .author-info > span {
    color: #6b7280;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.member-details-title {
    margin-bottom: 24px;
}

/* 01-12-2023 */

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
    .main-header {
    z-index: 30 !important;
}

div#createModalproductHome .modal-dialog .modal-content {
    padding: 20px;
    width: 580px;
    transform: translateX(-80px);
}

div#createModalproductHome .unique_first_fm .product_details {
    margin-bottom: 70px;
}

.moded-modal .col-form-label {
    color: #6b7280;
}

/* .moded-modal .modal-dialog-centered {
    max-width: 560px;
} */
.moded-modal .modal-dialog-centered {
    max-width: 730px;
}
#addnewuserModal .modal-dialog.modal-dialog-centered{
    max-width: 730px;
}
.moded-modal .modal-footer,
.moded-modal .modal-header {
    padding: 24px 32px;
}

.moded-modal .modal-body {
    padding: 24px 32px;
}

p#selectedFileName {
    margin-left: 0px;
    font-size: 15px;
}

img.product_image_size_pricing.circular_image {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    background-color: blue;
    display: inline-block;
    vertical-align: middle;
}

.file-div {
    position: relative;
}

.file-div .file-label {
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    width: 120px;
    cursor: pointer;
    z-index: 10;
}

.form-control.phone_wrap.phone_wrap-moded {
    display: flex;
    align-items: center;
}

.form-control.phone_wrap.phone_wrap-moded .form-control {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
}

.form-control.phone_wrap.phone_wrap-moded .form-control:focus {
    border-color: #ced4da;
}

.form-control.phone_wrap.phone_wrap-moded
    .select2-container--default
    .select2-selection--single {
    border: 0 !important;
}

.form-control.phone_wrap.phone_wrap-moded .call_drop_down {
    height: 36px !important;
}

.form-control.phone_wrap.phone_wrap-moded
    .call_drop_down
    span.select2
    span.selection
    span.select2-selection.select2-selection--single {
    height: 36px !important;
    padding-top: 5px;
}

.form-control.phone_wrap.phone_wrap-moded.phone_wrap-supplier
    .call_drop_down
    span.select2
    span.selection
    span.select2-selection.select2-selection--single {
    padding-top: 0;
}

.form-control.phone_wrap.phone_wrap-moded.phone_wrap-supplier .call_drop_down .countrycode_err {
    position: absolute;
    top: 73px;
    left: 18px;
    width: 140px;
}

.form-control.phone_wrap.phone_wrap-moded.phone_wrap-supplier .input_selct_sd .phonenumber_err {
    position: absolute;
    top: 74px;
    left: 25px;
}

.eys_passowrds .confirmpassword_err {
    position: absolute;
}

.form-group.clone_cls .d-flex.align-items-center {
    position: relative;
}

.form-group.clone_cls .i_pop_up_2 {
    position: absolute;
    top: 10px;
    left: 82px;
}
.old-price {
    text-decoration: line-through;  /* Add line-through style to old price */
    color: red !important;  /* Change color for emphasis (you can adjust this as needed) */
}
.customer_footer_details .img_bskt img,.order_number_desing .img_bskt img {
    border-radius: 50%;
    border: 1px solid #E5E7EB;
    padding: 3px;
}
.pro_thums_pics img.img_dm{
    object-fit: cover;
}
.quantity_box_new {
    padding-left: 38px;
}

.quantity_box_new span {
    color: var(--grey-grey-50, #6B7280);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.clnt_logo img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #D1D5DB;
}

.left_task_imgs .img_task img.img-rounded {
    height: 100%;
}

.sign_in_form a.field-icon.toggle-password.fa-eye-slash img.eye_cls {
    top: 4px !important;
}
.img_bskt img {
    height: 100%;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link {
    width: 72px !important;
    padding-bottom: 0;
}

.sidebar-collapse aside.main-sidebar .kitcher_brand_logo a#hidesecondlogo {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}
.sidebar-collapse .kitcher_brand_logo a img {
    max-width: 100px !important;
    width: 40% !important;
}
.sidebar-collapse aside.main-sidebar .kitcher_brand_logo span {
    margin: 0;
    visibility: visible;
    transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
    -webkit-animation-name: auto;
}
/* 25-12-2023 */
.edit_user  .select2-container--default .select2-dropdown.select2-dropdown--below {
    min-width: 210px !important;
}
/* .my_hbd .select2-dropdown{
    min-width: 210px !important;
} */

table#ProductsDataTable thead tr th, table#pricingDataTable thead tr th{
    border-top: 0;
}
.header_product_wrapper{
border-bottom: 1px solid #eee;
} 
.dataTables_wrapper thead tr th {
    border-top: 0;
}
.container-fluid+.mt-2.header_filter_dflt.new-class{
    
    margin-top: 10px !important ;

}
div#addnewuserModal .setting_popup {
    background: #ffff;
}
.phone_wrap .call_drop_down span.select2-selection.select2-selection--single {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0 !important;
}
.phone_wrap .call_drop_down  .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 15px;
    right: 0;
    top: 40% !important;
}
.phone_wrap .call_drop_down .select2-selection__rendered{

    height: 100% !important;

    padding-top: 0px;
}
div#addnewuserModal .comman_form input#password-field {
    border: none !important;
    border-radius: 12px !important;
}
.select2-container .select2-search--inline .select2-search__field{
    margin-top: 0;
}
h2.unite_hj {
    line-height: 1px;
}
.addnewuserModal span.select2-dropdown.select2-dropdown--below {
    min-width: 210px;
}
.add_users .phone_wrap .call_drop_down .select2-selection__rendered:focus-visible {
    outline: none;
}
.close:hover {
    color: #da5466 !important; 
    opacity: 1 !important;
}
.modal-footer.bottom_footer button.btn.btn-secondary:hover {
    background-color: #da5466;
    color: #fff;
}
table#ProductsDataTable thead tr th,table#UsersDataTable thead tr th,div#OrdersDataTable_wrapper thead tr th,table#ClientsDataTable thead tr th,table#pricingDataTableList thead tr th,table#BrandsDataTable thead tr th,table#CategoryDataTable thead tr th{
    position: relative;
}
.dataTable thead tr th{
    position: relative !important;
}
/* table#ProductsDataTable thead tr th:before,table#UsersDataTable thead tr th:before,div#OrdersDataTable_wrapper thead tr th:before,table#ClientsDataTable thead tr th:before,table#pricingDataTableList thead tr th:before,table#BrandsDataTable thead tr th:before,table#CategoryDataTable thead tr th:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height:1px;
    background: #eee;
    left: 0;
    right: 0;
    opacity: 1;
}
.dataTable thead tr th:before{
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    height:1px !important;
    background: #eee !important;
    left: 0 !important;
    right: 0 !important;
    opacity: 1 !important;
} */
table#ProductsDataTable tbody tr:first-child td,table#UsersDataTable tbody tr:first-child td,div#OrdersDataTable_wrapper tbody tr:first-child td,table#ClientsDataTable tbody tr:first-child td,table#pricingDataTableList tbody tr:first-child td,table#BrandsDataTable tbody tr:first-child td,table#CategoryDataTable tbody tr:first-child td{
    border-top: 0 !important;
}

.dataTable tbody tr:first-child td{
    border-top: 0 !important ; 
}

.setting_popup .modal-body .comman_form {
    /* max-height: 500px; */
    overflow-y: auto;
    min-height: calc(100vh - 200px);
}
.header_filter_dflt p.rounded.border {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.header_filter_dflt p.rounded.border span {
    white-space: nowrap;
}
.right_sld .toggle_info {
    min-width: 100px;
}
.right_sld .toggle_info span {
    white-space: nowrap;
}

/* Email page design */
.sing-out-wrapper {
    border-radius: 8px;
    border: 1px solid var(--Grey-Grey-20, #E5E7EB);
    background: var(--Grey-Grey-0, #FFF);
    box-shadow: 0px 2px 16px 0px rgb(17 24 39 / 8%);
    padding: 10px 25px;
    max-width: 400px;
}


.sing-out-wrapper {
    border-radius: 8px;
    border: 1px solid var(--Grey-Grey-20, #E5E7EB);
    background: var(--Grey-Grey-0, #FFF);

    box-shadow: 0px 2px 16px 0px rgba(17, 24, 39, 0.08);
    padding: 10px 25px;
    max-width: 400px;
}

.sing-out-header h1 {
    color: #212121;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; 
    text-align: center;
    margin-bottom: 0;
}

.sing-out-header p {
    color: #9E9E9E;
    text-align: center;

    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 6px !important;
    margin-bottom: 10px;
}

.sing-contant-first h3 {
    color: #212121;
    margin-bottom: 6px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; 
}
.sing-contant-first {
    border-bottom: 1px solid #E5E7EB;
    padding-top: 10px;
}

.sing-out-header {
    border-bottom: 1px solid #E5E7EB;
}
.sing-contant-first ul li {
    color: #9E9E9E;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sing-contant-first ul {
    padding-left: 25px;
    margin-top: 0;
}
.sing-out-in-footer {
    padding-top: 10px;
    text-align: center;
}

.sing-out-in-footer button.btn.btn-primary {
    border-color: #e5e7eb;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #da5466;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
    outline: none;
    border: none;
    cursor: pointer;
}

.sing-out-in-footer button.btn.btn-secondary {
    border: 1px solid #e5e7eb;
    padding: 6px 12px;
    border-radius: 8px;
    height: auto;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #111827;
    width: auto;
    cursor: pointer;
}
.sing-out-in-footer button.btn.btn-secondary:hover{
  background: #da5466;
  color: #fff; 
  border-color: #da5466;
}


/* 04-01-2024 */
.toggle_info {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

.pricetypedata td {
    font-weight: 550;
    font-size: 14px;
    line-height: 140%;
    color: #212121;
}

#loaderReturn {

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    z-index: 9999;
}

#loaderReturn img {
    margin-top: 20%;
}

.loader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    justify-content: center;
    align-items: center;
}

.loader .loading-content {
    display: flex !important;
    right: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}
div#pricelevelModal span.select2-selection.select2-selection--multiple {
    width: 100%;
}
.tab-content-wrapper .dataTables_wrapper thead tr {
    position: sticky;
    top: 63px;
    z-index: 2;
}
.update_setting_wp .img_b img,.account_wp .img_b img {
    border: 1px solid #e5e7eb;
    box-shadow: 0px 7.25817px 21.7745px rgb(0 0 0 / 10%);
}
.form-control.phone_wrap.phone_wrap-moded .call_drop_down .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
}
/* .form-control.phone_wrap.phone_wrap-moded .call_drop_down span.select2-selection__arrow {
    top: 26% !important;
    right: -4px;
} */
.form-control.phone_wrap.phone_wrap-moded{
    gap: 0;
}

.content-header{
    padding-bottom: 0;
}
.mt-2.header_filter_dflt.new-class {
    height: calc(100vh - 180px) !important;
    overflow: hidden;
    overflow-y: auto !important;
}
.table_footer >.table_footer {
    padding: 0;
}

div#pricelevelModal .addClientData {
    height:350px;
    overflow: hidden;
    overflow-y: auto;
}
.img_h.toggle_info img {
    border: 1px solid lightgray;
    padding: 2px;
}

.dataTables_wrapper table.table.dataTable .pricing_checbox {
    /* z-index: 100 !important; */
    /* z-index: 1 !important; */
}
.my_hbd .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 25% !important;
}

.edit_user .phone_wrap .call_drop_down .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 23% !important;
}

#supplier_add .phone_wrap .call_drop_down .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 20% !important;
}
/* add scroller for price in qout   es */
.pricing_checbox ul {
    padding: 0;
    margin: 0;
    max-height: 155px;
    overflow: hidden;
    overflow-y: auto;
}
.header_product_wrapper{
    z-index: 990;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}
/* Pricing dropdown design for product  */
.selectClientSupplier, span.select2-selection.select2-selection--multiple {
    width: 100%;
}

/* Add css for sidebar user popup */
.header_product_wrapper {
    z-index: 9;
}   

#createModalproduct .modal-dialog {
    width: 100% !important;
    max-width: 46% !important;
}

#createModalproduct .modal-content {
    padding: 20px;
}
.neu_prodg {
    padding-right: 20px;
}
input#exampleCheck1 + label.form-check-label::after{
    display: none;
}

/* .list_filter_task .left_task_imgs {

    max-width: 203px;
} */

.right_task_link {
    min-width: 86px;
    margin-left: auto;
    text-align: center;
}
.loaders {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    justify-content: center;
}
/* product loaders */
.loaders div#loading-contents {
    display: flex !important;
    right: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}
.right_dvr span {
    min-width: 70px;
}
.modal-header.sing-out-header {
    flex-wrap: wrap;
    justify-content: center;
}
.modal-header.sing-out-header {
    flex-wrap: wrap;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.modal-body.sing-contant-first {
    padding: 0;
}
.modal-body.sing-contant-first ul {
    padding: 0;
}

.modal-body.sing-contant-first ul {
    padding: 0;
    padding-left: 30px;
}
.sing-contant-first ul li {
    list-style: disc;
}
.modal-content.sing-out-wrapper .sing-contant-first {
    padding-top: 6px;
}
.modal-content.sing-out-wrapper .modal-footer {
    justify-content: center;
}
.modal-body.sing-contant-first ul {

    margin-bottom: 5px;
}
.modal-body.sing-contant-first {
    padding-top: 0 !important;
}
.modal-content.sing-out-wrapper .sing-contant-first:last-child {
    border-bottom: 0;
}
div#productErrorModal .modal-dialog .modal-content.sing-out-wrapper {
    width: 100%;
    max-width: 100%;
}
.modal-content.sing-out-wrapper .modal-footer button.btn.btn-primary {
    border-color: #e5e7eb;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    background: #da5466;
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
    width: auto;
    outline: none;
    border: none;
    cursor: pointer;
}
button.swal2-confirm.swal2-styled {
    background: #da5466;
}
table#OrdersDataTable+.table_footer {
    bottom: -1px;
}


.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active {
  transition: all 5000s ease-in-out 0s;
  transition-property: background-color, color;
}
input#password-field:-webkit-autofill,
input#password-field:-webkit-autofill:hover,
input#password-field:-webkit-autofill:focus,
input#password-field:-webkit-autofill:active {
  transition: all 5000s ease-in-out 0s;
  transition-property: background-color, color;
}

.update_setting_wp>.update_setting_wp {
    height: 100% !important;
    /* overflow: visible; */
}
.update_setting_wp>.update_setting_wp ul li:last-child {
    /* width: calc(100% - 32px); */
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: calc(100% - 25px);
}

/* button.btn.btn-primary.save_close.add_supplier {
    display: none;
} */
.update_setting_wp >.update_setting_wp {
    padding-bottom: 0;
}

div#loading-contents_pdf {
    position: absolute;
    border: 8px solid #f3f3f3;
    border-top: 8px solid #da5466;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: 46%;
    right: 47%;
    z-index: 32;
}
.blur {
    filter: blur(5px);
}

.dataTables_wrapper table.table.dataTable th {
    border-bottom: 1px solid #eee;
}

.loading-contents-orderlist {
    margin-top: 15%;
    z-index: 999;
    margin-right: 48%;
  }

/* Listing order loader */
div#loading-contents-orderlist {
    /* position: relative; */
    border: 8px solid #f3f3f3;
    border-top: 8px solid #da5466;
    border-radius: 50%;
    /* width: 50px;
    height: 50px; */
    top: 46%;
    right: 47%;
    z-index: 32;
}


/* Add loader for qoutes */
div#loading-contents-search {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #da5466;
    border-radius: 50%;
    top: 46%;
    right: 47%;
    z-index: 32;
}

.setting_popup .modal-body .comman_form::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	border-radius: 10px !important;
	background-color: #F5F5F5 !important;
}

.setting_popup .modal-body .comman_form::-webkit-scrollbar
{
	width: 12px !important;
	background-color: #F5F5F5 !important;
}

.setting_popup .modal-body .comman_form::-webkit-scrollbar-thumb
{
	border-radius: 10px !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;
	background-color: #D62929 !important;
}
/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d; 
}
span#email_error {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}
.form-control:focus{
    box-shadow: none !important;
}
.back_to_settings a {
    text-decoration: none;
}
div#loading-contents-search+.container-fluid .container-fluid +.comman_header_bt_titles.headerclass {
    margin: 0;
}
div#loading-contents-orderlist +.container-fluid .comman_header_bt_titles {
    margin-top: 0;
}

.edit_measure_type_err {
    color: #da5466 !important;
}

span.common_msg {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}
/* 11-04-2024 */
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}
.wrapper {
    position: relative;
    z-index: 999;
}
.fa-trash:before{
    content: "\f2ed";
}
.swal2-container.swal2-center.swal2-backdrop-show .swal2-popup.swal2-modal {
    min-height: 160px;
    padding-bottom: 0px;
}
.swal2-styled.swal2-default-outline:focus {
    box-shadow: none !important;
}

div.filetes-loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #da5466;
    border-radius: 50%;
    top: 46%;
    right: 47%;
    z-index: 32;
}
div#add_users span.phonenumber_err.common_msg {
    left: 15px !important;
}
div#add_users .form-control.phone_wrap.phone_wrap-moded .call_drop_down .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

div#modal_change .update_setting_wp {
    height: 100% !important;
    padding-top: 30px;
}
form#supplier_add .comman_form .form-group.col-md-6 {
    margin: 10px 0;
}

.setting_popup .modal-content{
    height: 100%;

}

.edit_measure_type_err {
    color: #da5466 !important;
}
table.table.dataTable th {
    border-bottom: 1px solid #eee !important;
}
.brand_img_set_details {
    display: flex;
    gap: 10px;
    align-items: center;
}
.toast.toast-success{
    background: #FFFFFF !important;
padding: 15px 25px 15px 25px !important;
border-radius: 8px 0px 0px 0px !important;
border: 1px 0px 0px 0px !important;
box-shadow: 0px 2px 16px 0px #11182714 !important; 
font-weight: bold;

}
.toast-message{
    color: #000 !important;
}
/* pricing loader css */
div#loading-contents-pricing{
    position: absolute;
    border: 8px solid #f3f3f3;
    border-top: 8px solid #da5466;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: 15px;
    right: 15px;
    animation: spin 2s linear infinite;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fixed-size-input {
    width: 100px;
    height: 30px;
}
table#CategoryDataTable input.short_no {
    border: 1px solid #e5e7eb !important;
    border-radius: 4px;
    max-width: 60px;
    padding: 4px;
    text-align: center;
}
table#CategoryDataTable  button.btn.btn-light.add_short_no {
    font-size: 16px;
    background: #da5466;
    color: #fff;
    line-height: 16px;
    padding: 7px 12px;
    display: flex;
    align-items: center;
    margin: 0;
}
span.No_found_price {
    float: center;
    margin-left: 12%;
    /* margin-top: -5%; */
}
.loaders.loading {
    position: absolute !important;
}
/* Show special price lable css */
p.special_price_design_lable {
    margin-left: 18px;
    top: 60px !important;
    bottom: 15px !important;
    margin-top: -11px;
}
/* 4-6-2024 */
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #da5466 !important;
    color: #fff !important;
    font-weight: 700;
}
/* Order price css */
p.show_saperate_price {
    margin-left: 15px;
}

p.show_saperate_price {
    margin-left: 15px;
    margin-bottom: 5px; 
}
li p.show_saperate_price.lable_margin {
    margin-top: 15px;
}
/* 
p.mt-3.mb-1.my_login_btnsd {

    padding-right: 7.5px !important;
    padding-left: 7.5px !important;
} */

.left_dvr .img img {
    width: 20px;
}
.left_dvr .img i {
    font-size: 18px;
}
/* Quotation pricing popup set */
/* table#pricingDataTableList .pricing_checbox {
    z-index: 1 !important;
} */
table#activePricingDataTable .pricing_checbox {
    z-index: 1 !important;
}
table#requestPricingDataTable .pricing_checbox {
    z-index: 1 !important;
}


/* div#pricingDataTableList_wrapper table#pricingDataTableList tr:last-child td .pricing_checbox,div#pricingDataTableList_wrapper table#pricingDataTableList tr:nth-last-child(2) td .pricing_checbox,div#pricingDataTableList_wrapper table#pricingDataTableList tr:nth-last-child(3) td .pricing_checbox{
    bottom: 42px;
} */

/* span#closeIcon {
    margin-left: -19px;
    color: white;
} */
/* Supplier pricing list */
div#supplierPriceModal .modal-dialog {
    height: auto;
}
div#quotationPriceModal.show {
    overflow: hidden;
}
section.content-header {
    padding-bottom: 0;
}
/* supplier price back button */
a.close.btn.btn-primary.back_btn.reset_form.price_level_Back_form {
    margin-right: 5px;
    margin-top: -4px;
}
#productForm .tab-content .price_toggle_wrappers .inner_toggle_wrapper .left_toggle_s {
    flex-wrap: nowrap;
}
.delate_pop_up_wrapper {

    padding: 17px 0;
}

.delate_pop_up_wrapper .footer_bottom_btns.delate_pop_h {
    position: relative;
    padding-bottom: 0;
    padding-left: 20px;
}

.delate_pop_up_wrapper .wrapper_delate_bt {
    padding-left: 20px;
    padding-right: 20px;
}
.delate_pop_up_wrapper h4 {
    padding-left: 20px;
    padding-right: 20px;
}
div#quotationPriceModal .modal-dialog.modal-dialog-centered {
    margin: 0 auto;
}
div#supplierPriceModal .both_dlt_btn {
    margin-top: 20px;
}
.delate_pop_up_wrapper .wrapper_delate_bt+.card-body {
    padding: 0 20px !important;
}
.dt_title_md p {
    max-width: 380px;
}
.orderStatusbucket a.acceptRejectOrder {
    background-color: #da5466 !important;
    margin-top: 3px;
    border-color: #da5466 !important;
}
.oder_number_heading a.reject_order {
    background-color: #da5466 !important;

}
.btn_subscribe span a.acceptRejectOrder:hover {
    color: #da5466 !important;
    background: transparent !important;
    border-color: #da5466 !important;
}

.wrappper_bar_inner.memberprofilehides img#member_image {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    border: 1px solid #E5E7EB;
    padding: 3px;
}
p.special_price_design_label {
    margin-left: 12px;
    margin-top: -11px;
}
/* ------------- 01-10-2024 ------------ */

/* a#import_establishment:focus img {
    filter: invert(0) !important;
    -webkit-filter: invert(0) !important;
}
a#import_establishment:focus {
    background: transparent !important; 
    color: #000 !important;
    border-color: #e5e7eb !important;
    cursor: pointer !important;
 
} */
 

/* Styles for the no border state */
.no-border {
    border: none !important; /* Remove the border */
}

/* Styles for focus state */
a#import_establishment:focus img {
    background: transparent !important; 
    color: #000 !important; 
}  

a#import_establishment:focus {
    background: transparent !important; 
    color: #000 !important; 
    border-color: #e5e7eb !important;
}

/* Styles for hover state */
a#import_establishment:hover {
    background: #da5466 !important; /* Change this to your desired hover background color */
    color: #ffffff !important; /* Change this to your desired hover text color */
    cursor: pointer !important;
}

/* Optional: Hover effect for the image inside the link */
a#import_establishment:hover img {
    filter: brightness(0) invert(1); /* Change image color or filter on hover */
}

/* start remove scroll bar css 2-10-2024 */
.setting_popup .modal-content {
    height: 100%;
    min-height: 100%;
}
.setting_popup .modal-content form .modal-body {
    height: 100%;
}
.setting_popup .modal-body .comman_form {
    /* max-height: 500px; */
    overflow-y: visible;
    min-height: 100%;
    height: 100vh !important;
}
.setting_popup.acountModelHide div#acountModel .modal-content .modal-body .comman_form {
    height: 100% !important;
}
.setting_popup .modal-content {
    background: #ffffff;
    border: none;
    box-shadow: none;
    height: 100vh;
    min-height: 100vh;
    border-top: 0;
}
.setting_popup .modal-content{
    height: 100%;
}
.setting_popup .modal-body .comman_form {
    /* max-height: 500px; */
    overflow-y: visible;
    min-height: 100%;
    height: 100% !important;
}
/* finish  remove scroll bar css 2-10-2024 */

/* Fix top lables */
.setting_popup-fix-div {
    position: fixed;
    left: 0;
    right: 0;
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    width: 100%;
    z-index: 1;
}
li.last-child.setting_bottom_fix {
    position: fixed;
    max-width: 720px;
    left: 0;
    right: 0;
}

/* Fix bottum lables */
.setting_bottom_fix {
    position: fixed;
    max-width: 720px;
    left: 0;
    right: 0;
}

.img_bskt_info.date-week-delver {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* .credit_teams_box.delivery_date_edit .delivery_date_update {
    color: var(--grey-grey-50, #6b7280);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
} */
.sum_ajx {
    float: left;
}

a.arrow_rht_link.showcreaditDays {
    position: relative;
    margin-left: 20px;
}

.sum_ajx + a.arrow_rht_link {
    float: right;
    margin-left: 10px;
}
.delavery-dates{
color: #6B7280;
}

.common-crefit-delivery-class{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 30px;
    padding-right: 40px;
    max-width: 310px;
    min-width: 340px;
}
a.arrow_rht_link.showcreaditDays.toogle-credit-terms {
    position: absolute;
    right: -33px;
}
#ProductsDataTable_wrapper .dt-buttons {
    display: none;
  }
 
  /* Make sure dropdown is hidden initially */
 
.pricing_checbox {
    z-index: 1050;  /* Ensure dropdown is on top of other elements */
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);   */
}
 /* Aling brand short numbers */
.brand_img_set_details input.short_no.fixed-size-input {
    text-align: center;
}

.brand_img_set_details button.btn.btn-light.add_short_no {
    font-size: 16px;
    background: #da5466;
    color: #fff;
    line-height: 16px;
    padding: 7px 12px;
    display: flex;
    align-items: center;
    margin: 0;
}

.brand_img_set_details input.short_no.fixed-size-input {
    border: 1px solid #e5e7eb !important;
    border-radius: 4px;
    max-width: 60px;
    padding: 4px;
    text-align: center;
}
div#theTeamModel.show {
    overflow-y: auto;
}