/* Gilroy Font */
@font-face {
    font-family: 'gilroy-bold';
    src: url('../fonts/gilroy/Gilroy-Bold.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-semibold';
    src: url('../fonts/gilroy/Gilroy-Semibold.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-medium';
    src: url('../fonts/gilroy/Gilroy-Medium.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-Regular';
    src: url('../fonts/gilroy/Gilroy-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-light';
    src: url('../fonts/gilroy/Gilroy-Light.ttf');
    font-display: swap;
}


/* Root Variables */
:root {
    --primaryColor: #1F71ED;
    --secondaryColor: #000000A6;
    --borderColor: #0000001A;
    --inputBorder: #0000001A;
    --blackColor: #000000;
    --whiteColor: #FFFFFF;
    --dropdownBg: #FFFFFF;
    --dropdownBorder: #FFFFFF;
    --contentWrapper: #F5F5F6;
    --sidebarItem: #000000A6;
    --sidebarItemHoverBg: #1F71ED0F;
    --HoverText: #1F71ED;
    --ItemActive: #1F71ED0F;
    --switchColor: #0000000F;
    --boxShadow: 5px 5px 51px 0px #0000001A;
    --themeSwitcherBg: #0000000A;
    --searchBar: #0000000A;
    --widgetBg: #FFFFFF;
    --checkbox: #00000033;
    --siderBarDropdownItems: #595A5C;
    --siderBarDropdownItemsDots: #E6E6E6;
    --searchIcon: #000000A6;
    --brandColor: #ED1E3A;
    --serviceCircle: #FFF4F0;
    --searchPlaceholderText: #00000040;
    --inputPColor: #00000066;
}

html[theme='darkmode'] {
    --secondaryColor: #FFFFFFA6;
    --blackColor: #FFFFFF;
    --inputBorder: #ffffff38;
    --whiteColor: #121518;
    --dropdownBg: #1E1E1E;
    --dropdownBorder: #303539;
    --contentWrapper: #161A1D;
    --sidebarItem: #FFFFFFBF;
    --sidebarItemHover: #1F71ED;
    --HoverText: #FFFFFF;
    --ItemActive: #1F71ED;
    --switchColor: #FFFFFF0F;
    --boxShadow: 5px 5px 51px 0px #0000001A;
    --themeSwitcherBg: #282A2D;
    --searchBar: #FFFFFF0A;
    --widgetBg: #282A2D;
    --checkbox: #FFFFFF33;
    --siderBarDropdownItems: #FFFFFF80;
    --siderBarDropdownItemsDots: #ACACAC66;
    --searchIcon: #FFFFFF80;
    --brandColor: #FFFFFF;
    --serviceCircle: #3B3B3B;
    --searchPlaceholderText: #FFFFFF80;
    --inputPColor: #FFFFFF80;

}

/* Root Variables */

/* Gilroy Font */
body {
    overflow: hidden;
}

img,
svg {
    max-width: 100%;
}

main {
    display: flex;
    position: relative;
    /* overflow: hidden; */
}

.text-black {
    color: var(--blackColor);
}

.w-max {
    width: max-content !important;
}

.w-max-1000px {
    width: 1000px;
}

.w-max-1145px {
    width: 1145px;
}

.table-responsive {
    padding-bottom: 15px;
}



.table-responsive::-webkit-scrollbar {
    height: 5px;
}

/* Track */
.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.table-responsive::-webkit-scrollbar-thumb {
    background: #88888891;
}

/* Handle on hover */
.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #555555a6;
}

.NetSuite-table tbody tr td:first-child {
    text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: unset !important;
}

.NetSuite-table tbody tr td:first-child svg {
    cursor: pointer;
}

table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting_asc_disabled,
table.dataTable thead>tr>th.sorting_desc_disabled,
table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting_asc_disabled,
table.dataTable thead>tr>td.sorting_desc_disabled {
    padding-right: 10px;
}

.breadcrumbs {
    margin-top: 10px;
}

.breadcrumbs ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
    gap: 10px;
    flex-wrap: wrap;
}

.breadcrumbs ul li a {
    text-decoration: none;
    color: var(--secondaryColor);
    font-family: 'gilroy-medium';
    font-size: 14px;
}

.breadcrumbs ul li a svg {
    width: 17px;
    height: 17px;
}

.breadcrumbs ul li a.active {
    color: var(--blackColor);
}

.btn-primary {
    font-size: 14px;
    padding: 10px 20px;
    font-family: 'gilroy-regular';
    border-radius: 12px;
    text-transform: capitalize;
    background-color: var(--primaryColor);
}

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

.btn-outline-primary {
    border-color: var(--primaryColor);
    font-size: 14px;
    padding: 10px 20px;
    font-family: 'gilroy-medium';
    border-radius: 12px;
    color: var(--primaryColor);
    text-transform: capitalize;
}

.badge-warning {
    width: 68px;
    height: 24px;
    padding: 8px, 11px, 8px, 11px;
    border-radius: 6px;
    border: 1px solid #FF000026;
    gap: 10px;
    color: #FF4141;
    font-family: 'gilroy-light';
}

.badge-success {
    width: 68px;
    height: 24px;
    padding: 8px, 11px, 8px, 11px;
    border-radius: 6px;
    border: 1px solid #00C04D40;
    gap: 10px;
    color: #00D770;
    font-family: 'gilroy-light';
}

.cursor {
    cursor: pointer;
}

.brand-logo svg path {
    stroke: var(--brandColor);
    fill: var(--brandColor);
}

.offcanvas {
    background-color: var(--whiteColor);
}

.close-offcanvus {
    background-color: transparent;
    padding: 0;
    border: none;
}

.close-offcanvus i {
    color: var(--blackColor);
}

.siderbar-bg {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 99;
}

.siderbar-bg.show {
    opacity: 1;
    visibility: visible;
}

.siderbar {
    box-shadow: var(--boxShadow);
    border-right: 1.5px solid var(--borderColor);
    width: 280px;
    padding: 25px 25px 15px 25px;
    height: 100vh;
    overflow-y: scroll;
    transition: .4s all;
    background-color: var(--whiteColor);
}

.siderbar.show ul li a span {
    display: block;
}

@media(min-width:991px) {
    .siderbar.hide {
        position: absolute;
        left: -100%;
        transition: .4s all;
    }
}

@media(max-width:991px) {
    .siderbar {
        position: absolute;
        height: 100vh;
        left: -100%;
        transition: .4s all;
        z-index: 100;
    }

    .siderbar.show {
        left: 0;
    }
}

.siderbar::-webkit-scrollbar {
    display: none;
}

.sidebar-menu-items {
    list-style-type: none;
    padding: 20px 0 0 0;
    margin: 0;
}

.sidebar-menu-items li a.nav-items {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 42px;
    /* justify-content: center; */
    font-family: 'gilroy-semibold';
    color: var(--sidebarItem);
    transition: .4s all;
    padding: 10px 15px;
    border-radius: 8px;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
}

.sidebar-menu-items li a svg path {
    stroke: var(--sidebarItem);
}

.sidebar-menu-items li i {
    color: var(--sidebarItem);
    transition: .4s all;
}

.sidebar-menu-items li span:nth-child(3) {
    margin-left: auto;
}

.sidebar-menu-items li a.nav-items svg {
    transition: .4s all;
}

.sidebar-menu-items li a.nav-items:hover {
    background-color: var(--ItemActive);
    color: var(--HoverText);
}

.sidebar-menu-items li a.nav-items:hover i {
    color: var(--HoverText);
}

.sidebar-menu-items li a.nav-items:hover svg path {
    stroke: var(--HoverText);
}


.sidebar-menu-items li a.active {
    background-color: var(--ItemActive);
    color: var(--HoverText);
}

.sidebar-menu-items li a.active i {
    color: var(--HoverText);
}

.sidebar-menu-items li a.active svg path {
    stroke: var(--HoverText);
}

.has-dropdown {
    padding-left: 50px;
    list-style-type: none;
    display: none;
}

.has-dropdown li {
    position: relative;
    display: flex;
    align-items: center;
}

.has-dropdown li::after {
    content: "\f111";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    font-size: 7px;
    position: absolute;
    left: -18px;
    color: var(--siderBarDropdownItemsDots);
}

.has-dropdown li a {
    text-decoration: none;
    color: var(--siderBarDropdownItems);
    text-transform: capitalize;
    padding: 5px;
    font-family: 'gilroy-semibold';
    font-size: 14px;
}

/* .siderbar. .has-dropdown {
    position: absolute;
    left: 5.2%;
    padding: 15px;
    padding-left: 35px;
} */


.content-wrapper {
    width: calc(100% - 280px);
    background-color: var(--contentWrapper);
}

.content-wrapper.active {
    width: 100%;
}

.main-content {
    position: relative;
    overflow: auto;
}

.main-content .main-content-padding {
    padding: 30px;
    height: calc(100vh - 57px);
}

.main-content .sub-heading {
    font-family: 'gilroy-semibold';
    margin-bottom: 0;
    color: var(--blackColor);
    text-transform: capitalize;
}

.widget-wrapper {
    margin-top: 30px;
    margin-bottom: 60px;
}

.widget-wrapper-one {
    margin-bottom: 60px;
}

/* .widget-wrapper .row .row {
    height: 100%;
} */

.widget-wrapper .row .col-lg-3,
.col-lg-6 {
    display: flex;
}

.widget-content {
    background-color: var(--widgetBg);
    padding: 15px;
    border-radius: 16px;
    margin-bottom: 22px;
    /* align-content: stretch; */
    height: max-content;
    width: 100%;
}

.widget-content h5 {
    font-family: 'gilroy-semibold';
    font-size: 18px;
    color: var(--blackColor);
    text-transform: capitalize;
}

.header {
    position: sticky;
    top: 0;
    background-color: var(--whiteColor);
    border-bottom: 1px solid var(--borderColor);
    padding: 8px 35px;
    display: flex;
    align-items: center;
    background-color: #fff;
    z-index: 98;
}

.header-toggle {
    cursor: pointer;
}

.header-toggle svg path {
    stroke: var(--blackColor);
}

.search-form {
    width: 40%;
}

.header-search-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 20px;
    background-color: var(--searchBar);
    border-radius: 36px;
    padding: 0px 12px;
    width: 100%;
}

.header-search-box svg path {
    stroke: var(--searchIcon);
}

.header-search-box input {
    background-color: transparent;
    border: none;
    width: 100%;
    /* padding: 8px 10px; */
    padding: 8px 5px;
    font-family: 'gilroy-medium';
    font-size: 14px;
    color: var(--blackColor);
}

.header-search-box input:focus {
    outline: 0;
}

.header-search-box input::placeholder {
    color: var(--searchPlaceholderText);
}

.header-search-box button {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-sideItem ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    list-style-type: none;
}

.theme-switcher {
    width: 50px;
    height: 25px;
    background-color: var(--themeSwitcherBg);
    border-radius: 21.6px;
    position: relative;
    cursor: pointer;
    transition: .4s all;
}

.theme-switcher::after {
    content: "";
    background-color: #FFFFFF;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-52%);
    border-radius: 50%;
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    transition: .4s all;
}

.light-theme::after {
    right: 5%;
    background-image: url('../images/icons/light-theme.svg');
}

.dark-theme::after {
    right: 52%;
    background-image: url('../images/icons/dark-theme.svg');
}

.custom-dropdown {
    display: flex;
    align-items: stretch;
    gap: 10px;
    cursor: pointer;
    position: relative;
}

.custom-dropdown a {
    font-family: 'gilroy-semibold';
    color: var(--secondaryColor);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-dropdown i {
    color: var(--secondaryColor);
}

.custom-dropdown:hover ul {
    transform: translateY(23%);
    opacity: 1;
    visibility: visible;
}

.custom-dropdown ul {
    background-color: var(--whiteColor);
    list-style: none;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 170px;
    transition: .3s opacity, .3s transform;
    box-shadow: var(--boxShadow);
    padding: 10px;
    border-radius: 8px;
    transform: translateY(45%);
    opacity: 0;
    visibility: hidden;
    z-index: 100;
}

.custom-dropdown ul li {
    display: flex;
    align-items: center;
    height: 100%;
}

.custom-dropdown ul::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: transparent;
    z-index: -1;
}

.custom-dropdown ul li {
    width: 100%;
}

.custom-dropdown ul li a {
    display: block;
    width: 100%;
    padding: 8px 20px;
    text-decoration: none;
    color: var(--secondaryColor);
    font-family: 'gilroy-semibold';
    transition: .4s all;
    border-radius: 8px;
}

.custom-dropdown ul li a:hover {
    background-color: var(--ItemActive);
    color: var(--HoverText);
}

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

.profile-dropdown i {
    color: var(--secondaryColor);
}

.profile-dropdown img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.profile-dropdown h6 {
    margin-bottom: 0;
    line-height: 22px;
    color: var(--blackColor);
    font-family: 'gilroy-semibold';
}

.profile-dropdown span {
    font-size: 14px;
    line-height: 22px;
    display: block;
    color: var(--secondaryColor);
}

.service-cards {
    border: 1px solid #00000012;
}

.service-cards h3 {
    color: var(--blackColor);
    font-family: 'gilroy-bold';
    font-size: 24px;
}

.service-cards svg circle {
    fill: var(--serviceCircle);
}

.service-cards span {
    font-family: 'Gilroy-medium';
    font-size: 14px;
}

.service-cards span.text-green {
    color: #00C04D;
}

.service-cards span.text-red {
    color: #ED1E3A;
}

.donut-chart select {
    padding: 3px;
    padding-right: 30px;
    width: max-content;
    font-size: small;
    border: none;
    font-family: 'gilroy-medium';
    background-color: transparent;
    color: var(--secondaryColor);
}

.donut-chart select option {
    color: #000;
}

.donut-chart select:focus {
    box-shadow: none;
}

.custom-table {
    width: 100%;
    margin-top: 40px;
}

.custom-table thead tr th {
    color: var(--blackColor);
    border-top: 1px solid var(--borderColor);
    border-bottom: 1px solid var(--borderColor);
    padding: 15px 10px;
    font-size: 14px;
}

.custom-table tbody tr td {
    padding: 20px 10px;
    color: var(--secondaryColor);
    font-family: 'gilroy-medium';
    border-bottom: 1px solid var(--borderColor);
}

.custom-table tbody tr:last-child td {
    border: none;
    padding-bottom: 0;
}

.custom-table tr input[type='checkbox'] {
    font-size: 21px;
    border: 1px solid var(--checkbox);
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
}

html[theme='darkmode'] .custom-table tr input[type='checkbox'] {
    background-color: transparent;
}

.custom-table tr input[type='checkbox']:focus {
    box-shadow: none;
}

.custom-table tr input[type='checkbox']:checked {
    border: 1px solid var(--checkbox);
}

.custom-table tbody tr td:nth-child(2) {
    width: 240px;
}

.custom-table tbody tr td p {
    margin-bottom: 0px;
    font-size: 14px;
}

.custom-table tbody tr td p span {
    font-size: 12px;
    color: #00000082;
}

.table-info-item {
    font-size: 14px;
}

.custom-table tbody tr td .table-info .table-info-item span {
    font-family: 'gilroy-semibold';
}

.custom-table tbody tr td .table-info .table-info-item span:nth-child(1) {
    color: var(--blackColor);
}

.custom-table tbody tr td .table-info .table-info-item span:nth-child(2) {
    color: var(--secondaryColor);
    font-family: 'gilroy-medium';
}

.custom-table tbody tr td .total-stock {
    display: flex;
    gap: 10px;
}

.custom-table tbody tr td .total-stock .total-stock-item {
    color: var(--secondaryColor);
    font-family: 'gilroy-medium';
    font-size: 14px;
    margin-bottom: 10px;
}

.custom-table tbody tr td .total-stock .total-stock-item .text-grey {
    color: #AEAEAE;
}

.custom-table tbody tr td .total-stock .total-stock-item .text-orange {
    color: #FFA800;
}

.custom-table tbody tr td .total-stock .total-stock-item .text-pink {
    color: #FD6CB0;
}

.custom-table tbody tr td .total-stock .total-stock-item .text-yellow {
    background-color: #E7AD04;
    background-image: linear-gradient(180deg, #E7AD04 0%, #F0CB2B 59.79%, #FCF463 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.custom-table tbody tr td .form-switch .form-check-input {
    font-size: 17px;
    background-color: var(--switchColor);
    background-image: url("../images/icons/switch-cirlce.svg");
    border: none;
}

.custom-table tbody tr td .form-switch .form-check-input[disabled],
.custom-table tbody tr td .form-switch .form-check-input:checked {
    /* background-color: #1F71ED1F; */
    background-image: url("../images/icons/switch-circle-active.svg");
    cursor: not-allowed;
    pointer-events: all;
}

.dropstart .btn {
    padding: 0px;
    background-color: transparent;
    border: none;
}

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

.dropstart ul {
    box-shadow: 5px 5px 51px 0px var(--borderColor);
    border: none;
    border-radius: 8px;
    background-color: var(--dropdownBg);
    width: max-content;
}

.dropstart ul li a {
    border-bottom: 1px solid var(--dropdownBorder) !important;
    text-decoration: none;
    color: #949494;
    padding: 9px 16px;
    display: block;
    width: 100%;
    font-family: 'gilroy-medium';
}

.dropstart ul li:last-child a {
    border-bottom: none !important;
}

.dropstart ul li a.text-red {
    color: #ED1E3A;
}

.dropstart .dropdown-toggle svg path {
    fill: var(--blackColor);
}

.dropstart .dropdown-toggle::before {
    display: none;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

.product-filter {
    border: 1px solid var(--checkbox);
    display: flex;
    align-items: center;
    border-radius: 36px;
    overflow: hidden;
    padding-left: 15px;
    font-size: 14px;
    font-family: 'gilroy-semibold';
    padding: 4px 13px;
}

.product-filter span {
    display: block;
    /* opacity: .6; */
    white-space: nowrap;
    color: var(--blackColor) !important;
    background-color: transparent !important;
    font-family: 'gilroy-medium';
}

/* .select2-container {
    z-index: 9999;
} */

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    content: "\f107";
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -7px;
}

.product-filter .select2-container--default .select2-selection--single {
    border: none;
}

.product-filter select {
    border: none;
    /* width: max-content; */
    font-size: 14px;
    background-color: transparent;
    color: var(--blackColor);
}

.product-filter select:focus {
    box-shadow: none;
}

.data-not-yet p {
    font-family: 'gilroy-medium';
    font-size: 14px;
}

.form-input label span,
.form-group label span {
    color: red;
}

.form-input .form-group {
    margin-top: 20px;
    width: 100%;
    /* z-index: 0; */
}

.form-group .error-txt,
.input .error-txt,
.form-input .error-txt {
    font-size: 12px;
    color: red;
    margin-top: 5px;
    font-family: 'gilroy-medium';
    display: none;
}

.form-group.error input,
.input.error input {
    border-color: red !important;
}

.form-group.error textarea,
.input.error textarea {
    border-color: red !important;
}

.form-group.error tags,
.input.error tags {
    border-color: red !important;
}

.form-group.error .select2-selection,
.input.error .select2-selection {
    border-color: red !important;
}

.form-group.error .error-txt,
.input.error .error-txt,
.form-input.error .error-txt {
    display: block;
}

.form-group.error .file-preview-box,
.input.error .file-preview-box {
    border-color: red;
}

.form-input label {
    text-transform: capitalize;
    color: var(--secondaryColor);
    font-family: 'gilroy-semibold';
    margin-bottom: 10px;
    font-size: 14px;
}

.form-input label span {
    font-family: 'gilroy-medium';
}

.form-input input {
    width: 100%;
    padding: 10px 14px 10px 14px;
    border: 1px solid var(--inputBorder);
    font-size: 14px;
    border-radius: 12px;
    font-family: 'gilroy-regular';
    background-color: transparent;
    font-size: 14px;
    color: var(--blackColor);
}

.form-input textarea {
    width: 100%;
    padding: 14px 20px 14px 20px;
    border: 1px solid var(--inputBorder);
    font-size: 14px;
    border-radius: 12px;
    font-family: 'gilroy-regular';
    background-color: transparent;
    font-size: 14px;
    color: var(--blackColor);
}

.form-input textarea:focus {
    outline: 0;
}

.form-input .form-group .tagify {
    display: block;
    width: 100%;
    padding: 4px 15px 4px 7px;
    border: 1px solid var(--inputBorder);
    font-size: 14px;
    border-radius: 12px;
    font-family: 'gilroy-regular';
    background-color: transparent;
    font-size: 14px;
}

.form-input .form-group .tagify__input {
    color: var(--blackColor);
}

.form-input .form-group .tagify__input::before {
    color: var(--searchPlaceholderText);
}

.form-input .form-group p {
    color: var(--inputPColor);
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0;
    font-family: 'gilroy-semibold';
}

.form-input input::placeholder {
    color: var(--searchPlaceholderText);
    text-transform: capitalize;
    font-family: 'gilroy-semibold';

}

input[name="tags"]::placeholder {
    color: var(--searchPlaceholderText);
}

.form-input input:focus {
    outline: 0;
}

.form-input select {
    width: 100%;
    padding: 14px 20px 14px 20px;
    border: 1px solid var(--inputBorder);
    font-size: 14px;
    border-radius: 12px;
    background-color: transparent;
}

/* 
.form-input .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--searchPlaceholderText);
} */

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

.form-input .form-group .select2-container--default .select2-selection--single {
    border: 1px solid var(--inputBorder);
    font-size: 14px;
    border-radius: 12px;
    background-color: transparent;
    padding: 8px 15px 8px 7px;
    min-height: max-content;
    height: max-content;
    display: flex;
    align-items: center;
}

.form-input .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: revert;
}

.form-input .form-group .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primaryColor) !important;
}

.form-input select:focus {
    box-shadow: none;
    border: 1px solid var(--inputBorder);
}

.form-input .ql-editor {
    height: 200px;
}

.form-input .ql-toolbar.ql-snow {
    background-color: #F2F2F2;
    border-color: var(--inputBorder);
}

.form-input .ql-container.ql-snow {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: var(--inputBorder);
}

.form-input .ql-editor p {
    color: var(--blackColor);
    font-size: 14px;
    font-family: 'gilroy-regular';
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.num-arrows-none[type=number]::-webkit-inner-spin-button,
.num-arrows-none[type=number]::-webkit-outer-spin-button {
    appearance: none;
}

/* 
input::-webkit-datetime-edit-day-field,
input::-webkit-datetime-edit-month-field,
input::-webkit-datetime-edit-year-field {
    color: var(--searchPlaceholderText);
} */

html[theme='darkmode'] input::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.form-input input[type='radio'] {
    width: 1em;
    padding: revert;
}

.custom-upload-file-wrapper {
    display: flex;
    height: 180px;
    justify-content: center;
    align-items: center;
}

.custom-upload-file-wrapper2 {
    display: flex;
    height: 140px;
    justify-content: center;
    align-items: center;
}

.custom-upload-file-wrapper2 span {
    color: var(--primaryColor) !important;
}

.file-preview-box {
    border: 1px solid var(--inputBorder);
    border-radius: 12px;
}

.file-preview-box span {
    color: var(--primaryColor) !important;
}


.form-input .form-switch .form-check-input {
    font-size: 17px !important;
    background-color: var(--switchColor);
    background-image: url("../images/icons/switch-cirlce.svg");
    border: none;
    padding: revert;
}

.form-input .form-switch .form-check-input:checked {
    background-color: #1F71ED1F;
    background-image: url("../images/icons/switch-circle-active.svg");
}

.form-input .form-switch .form-check-input:focus {
    box-shadow: none;
}

.order-summary {
    margin-top: 20px;
}

.order-summary-item {
    padding: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 14px;
    border-bottom: 1px solid var(--inputBorder);
    font-family: 'gilroy-medium';
    color: var(--secondaryColor);
}

.order-summary-item:last-child {
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
}

.order-summary-item:last-child .total-order {
    color: var(--secondaryColor);
    font-family: 'gilroy-semibold';
}

.order-summary-item:last-child .total-price {
    font-family: 'gilroy-semibold';
    color: var(--blackColor);
}

.order-summary-item .summary-image img {
    width: 50px;
}

.order-summary-item .order-summary-netamount {
    font-family: 'gilroy-semibold';
    color: var(--blackColor);
}

.order-summary-item .text-grey {
    color: #AEAEAE;
}

.order-summary-item .text-orange {
    color: #FFA800;
}

.order-summary-item .text-pink {
    color: #FD6CB0;
}

.order-summary-item .text-yellow {
    background-color: #E7AD04;
    background-image: linear-gradient(180deg, #E7AD04 0%, #F0CB2B 59.79%, #FCF463 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.summary-order-detail {
    margin-top: 20px;
}

.summary-order-detail ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.summary-order-detail ul li i {
    font-size: 9px;
}

.summary-order-detail ul li i.warning {
    color: #FF9900;
}

.summary-order-detail ul li i.success {
    color: #00C04D;
}

.summary-order-detail ul li {
    padding: 10px 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--inputBorder);
    text-transform: capitalize;
    color: var(--secondaryColor);
    font-family: 'gilroy-semibold';
    font-size: 14px;
}

.summary-order-detail ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.summary-order-detail ul li span:nth-child(2) {
    color: var(--blackColor);
}

.summary-order-detail ul li:nth-child(1) span:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 8px;
}

.summary-order-detail ul li span {
    width: max-content;
    display: block;
}

.dataTables_wrapper {
    overflow: auto;
}

table.dataTable thead>tr>th::before,
table.dataTable thead>tr>th::after {
    display: none !important;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: flex;
    align-items: baseline;
    gap: 40px;
}

table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    flex-direction: column;
    display: flex;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: none !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: end;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    width: 100%;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    content: "\2b" !important;
    margin-right: 10px !important;
    box-sizing: border-box;
    content: "";
    border: none;
    background-color: #f77b0b26;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
    content: "\f068" !important;
    border: none !important;
}

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-bottom: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
    padding-top: 15px;
    padding-bottom: 15px;
}

.select2-dropdown {
    box-shadow: 5px 5px 51px 0px var(--borderColor);
    border: none;
    border-radius: 8px !important;
    background-color: #FFF;
    min-width: 160px;
    /* width: max-content !important; */
    overflow: hidden;
}

.select2-dropdown li {
    text-decoration: none;
    color: #949494;
    padding: 9px 16px;
    display: block;
    width: 100%;
    font-family: 'gilroy-medium';
    font-size: 14px;
}

input:focus-visible {
    outline: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: var(--borderColor);
    border-radius: 8px !important;
}

table.dataTable {
    width: 100% !important;
}

.form-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px !important;
    right: 10px;
}

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


#add-products-navs {
    display: flex;
    flex-direction: column;
    align-items: start;
    border-bottom: none;
}

#add-products-navs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
    border: none;
    width: 100%;
    text-align: start;
    font-weight: 400;
    font-family: 'gilroy-medium';
    color: var(--secondaryColor);
}

#add-products-navs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: var(--ItemActive);
    color: var(--HoverText);
    font-weight: 400;
    font-family: 'gilroy-medium';
}

.language-tabs {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.language-tabs div {
    flex: auto;
}

.language-tabs label {
    padding: 12px 10px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: relative;
    display: flex;
    color: var(--blackColor);
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.language-tabs label::after {
    content: "";
    background-color: var(--inputBorder);
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.language-tabs input:checked+label::after {
    content: "";
    background-color: var(--primaryColor);
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.product-sidebar {
    width: 268px;
    min-width: 268px;
    min-height: calc(100vh - 180px);
}

.product-content {
    width: calc(100% - 268px);
    padding: 0 20px;
}

.product-sidebar .nav-tabs .nav-link {
    border-radius: 10px !important;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--blackColor);
}

.product-category-tree {
    border: 1px solid var(--inputBorder);
    height: max-content;
    border-radius: 12px;
    padding: 20px;
}

.product-category-tree #treeview_container {
    padding: 20px 0;
}

.hummingbird-base {
    padding: 0;
}

.hummingbird-base .form-check-input {
    vertical-align: unset;
}

.hummingbird-base .form-check-input .fa-add:before,
.fa-plus:before {
    content: "\f067";
    font-weight: 100;
}

.hummingbird-base .form-check-input .fa-minus:before,
.fa-subtract:before {
    content: "\f068";
    font-weight: 100;
}

.hummingbird-treeview,
.hummingbird-treeview * {
    font-size: 15px;
}

.hummingbird-treeview .fa {
    margin-right: 5px;
    color: var(--blackColor);
}

.hummingbird-treeview input[type=checkbox] {
    margin-right: 5px;
}


.sign-in {
    height: 100vh;
    display: flex;
}

.sign-in .sign-in-left::-webkit-scrollbar,
.sign-in .sign-in-right::-webkit-scrollbar {
    width: 0;
}

.sign-in .sign-in-left {
    position: relative;
    padding: 50px;
    overflow: auto;
    width: 50%;
    height: 100%;
    text-align: center;
    background-color: #B5B5B51F;
    /* background-image: url('../images/sign-in-left-bg-old.png'); */
    background-size: cover;
    background-position: bottom;
}

.sign-in .sign-in-left .dg-logo {
    margin-bottom: 20px;
}

.sign-in .sign-in-left p {
    max-width: 450px;
    margin: auto;
    font-size: 18px;
    color: #000;
    font-family: "gilroy-medium";
}

/* .sign-in .sign-in-left .sign-in-left-mobile {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 52%;
    max-height: 80%;
    z-index: -1;
} */

.sign-in .sign-in-left .sign-in-left-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    object-fit: contain;
    object-position: left;
    max-height: 65%;
    z-index: -1;
}

.sign-in .sign-in-left .dg-left-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    height: 8%;
}

.sign-in .sign-in-right {
    position: relative;
    padding: 50px;
    overflow: auto;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sign-in .sign-in-right .sign-in-right-box {
    width: 100%;
    max-width: 500px;
}

.sign-in .sign-in-right .sign-in-right-box .title {
    text-align: center;
    font-size: 32px;
    font-family: "Gilroy-Semibold";
}

.sign-in .sign-in-right .sign-in-right-box .desc {
    text-align: center;
    font-size: 14px;
    color: #00000080;
    font-family: "Gilroy-Semibold";
    margin-bottom: 30px;
}

.sign-in .sign-in-right .sign-in-right-box input {
    background-color: #00000008;
    border: 0;
    font-size: 14px;
    padding: 12px 14px 12px 14px;
    padding-inline-start: 50px;
}

.form-group {
    position: relative;
}

.form-group .form-group-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    display: inline-block;
    line-height: 0;
}

.form-group .form-group-icon-right img,
.form-group .form-group-icon img {
    width: 20px;
}

.form-group .form-group-icon-right {
    position: absolute;
    top: 12px;
    right: 15px;
    display: inline-block;
    line-height: 0;
}

.sign-in .sign-in-right .sign-in-right-box .logo-desc {
    text-align: center;
}

.sign-in .sign-in-right .sign-in-right-box .logo-desc .dg-logo {
    margin-bottom: 20px;
}

.sign-in .sign-in-right .sign-in-right-box .logo-desc p {
    max-width: 450px;
    margin: auto;
    font-size: 18px;
    color: #000;
    font-family: "gilroy-medium";
    margin-bottom: 50px;
}

.sign-in .sign-in-right .sign-in-right-box .forget-password:hover,
.sign-in .sign-in-right .sign-in-right-box .forget-password {
    text-decoration: none;
    color: #1F71ED;
    display: block;
    text-align: center;
    margin: 15px 0;
    font-size: 14px;
    font-family: "gilroy-medium";
}

.sign-in .sign-in-right .sign-in-right-box a {
    color: #1F71ED;
}

.sign-in .sign-in-right .sign-in-right-box .btn-primary {
    font-family: "gilroy-regular";
}

.sign-in .sign-in-right .sign-in-right-box .have-an-account {
    text-align: center;
    margin-top: 25px;
    font-size: 14px;
    color: #8B8D97;
    font-family: "gilroy-medium";
}

@media screen and (max-width: 992px) {
    .sign-in .sign-in-left {
        display: none;
    }

    .sign-in .sign-in-right {
        width: 100%;
        padding: 30px;
        align-items: flex-start;
    }

    .sign-in .sign-in-right .sign-in-right-box .title {
        font-size: 26px;
    }

    .sign-in .sign-in-right .sign-in-right-box .desc {
        font-size: 14px;
    }

    .sign-in .sign-in-right .sign-in-right-box .logo-desc p {
        font-size: 14px;
    }

    input.available-input {
        width: auto;
    }
}

.hummingbird-treeview label {
    background-color: transparent !important;
    color: var(--blackColor) !important;
}

.notification-bar {
    position: relative;
    cursor: pointer;
}

.notification-bar:hover .notification-box {
    z-index: 100;
    opacity: 1;
    visibility: visible;
}

.notification-box {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: -1;
    width: max-content;
    min-width: 400px;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
    border: 1px solid var(--inputBorder);
    background-color: var(--widgetBg);
    visibility: hidden;
    opacity: 0;
    transition: .4s all;

}

#notification-tab {
    background-color: var(--widgetBg);
    margin: 0 !important;
    gap: 0;
}

#notification-tab li {
    flex: 1;
}

#notification-tab li button {
    width: 100%;
    color: var(--blackColor);
    background-color: transparent;
    border-bottom: 2px solid var(--inputBorder);
    border-radius: 0;
    font-size: 14px;
}

#notification-tab li .nav-link.active {
    background-color: transparent;
    border-color: var(--brandColor);
}

#notification-tabContent {
    background-color: var(--widgetBg);
}

#notification-tabContent li {
    background-color: transparent;
    border-bottom-color: var(--inputBorder);
    font-size: 14px;
}

#notification-tabContent ul {
    flex-direction: column;
    gap: 0;
    height: 400px;
    overflow-y: auto;
}

#notification-tabContent ul li p {
    color: var(--secondaryColor);
}

.notification-viewAll a {
    color: var(--secondaryColor);
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.product-desc-tb {
    align-items: center;
}

.ck.ck-editor__main>.ck-editor__editable {
    height: 180px;
}

.ck.ck-editor__editable_inline {
    color: #000;
}

.ck.ck-editor__editable_inline p {
    color: #000;
}

.attributes-sizes {
    display: flex;
    align-items: center;
    gap: 5px;
}

.attributes-sizes span {
    background-color: rgba(42, 50, 66, 0.15);
    color: #000;
    border-radius: 6px;
    padding: 5px 7px;
    font-size: 0.75rem;
    display: block;
}

.nested-dropdown {
    display: none;
}

.bulk-import-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
}

.bulk-import {
    padding: 12px;
    background-color: #cce5ff;
    border-radius: 4px;
    border: 1px solid #b8daff;
}

.bulk-import h6 {
    color: #004085;
    font-weight: bold;
    font-size: 16px;
}

.bulk-import ol {
    margin: 0;
}

.bulk-import ol li {
    color: #004085;
    font-size: small;
    margin-bottom: 10px;
}

#job-responsibliy button {
    font-size: small;
    padding: 11px !important;
    background-color: rgb(230, 229, 229);
}

#job-responsibliy button:hover {
    background-color: rgba(230, 229, 229, 0.568);
}

#benefits-points button {
    font-size: small;
    padding: 11px !important;
    background-color: rgb(230, 229, 229);
}

#benefits-points button:hover {
    background-color: rgba(230, 229, 229, 0.568);
}

.append-btn {
    font-size: small;
    padding: 11px !important;
    background-color: rgb(230, 229, 229);
}

.append-btn:hover {
    background-color: rgba(230, 229, 229, 0.568);
}


.main-switch {
    padding: 30px 0px 10px 0px;
}

.text-simple {
    font-size: 13px;
    font-weight: 400;
}

.main-seller-panel {
    padding: 30px 0px 20px 0px;
}

.button-left {
    float: inline-end;
}

.verification-form {
    margin-top: 15px;
}

.seller-verification {
    margin-bottom: 10px;
}

.verfication-heading {
    font-family: 'gilroy-medium';
    font-size: 1rem;
    color: #000;
}

.col-from-label {
    font-family: 'gilroy-light';
}

.add-option-input {
    margin: 10px 6px 0px 6px;
}

.verification-main {
    background-color: var(--widgetBg);
    padding: 20px 25px;
    border-radius: 16px;
    margin-bottom: 22px;
    align-content: stretch;
    width: 100%;
}

.button-option {
    background-color: #0abb75;
    border: solid 1px #0abb75;
    color: #fff;
    padding: 0.6rem 1.2rem;
    font-size: 0.875rem;
    font-weight: inherit;
}

.button-option:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.font-text {
    font-family: 'gilroy-light';
}

.product-sale-main {
    background-color: var(--widgetBg);
    padding: 20px 25px;
    border-radius: 16px;
    margin-bottom: 22px;
    align-content: stretch;
    /* width: 100%;  */
}

.btn-soft-icon {
    background-color: rgba(247, 123, 11, 0.15);
    color: var(--primaryColor);
    padding: 0.416rem;
    width: calc(2.02rem + 2px);
    height: calc(2.02rem + 2px);
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.weight-font {
    font-weight: 400;
    font-family: 'gilroy-semibold';
}

.alert-font {
    font-size: 14px;
}

.role-box {
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid var(--inputBorder);
    margin-top: 15px;
}

.role-box .role-box-header {
    background-color: #f2f3f8;
    padding: 8px 18px;
    font-size: 15px;
    font-weight: 600;
}

.role-box-row {
    padding: 25px 13px;
    gap: 15px 0;
    align-items: stretch;
}

.role-switch {
    border-radius: 6px;
    border: 1px solid var(--inputBorder);
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.role-switch label {
    color: var(--blackColor);
    font-weight: 400 !important;
    margin-bottom: 10px !important;
}

.select-homepage label {
    cursor: pointer;
    border: 4px solid transparent;
    position: relative;
}

.select-homepage input[type="radio"]:checked~label {
    border-color: #1f71ed;
}

.select-homepage label::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.3;
    z-index: 1;
    transition: .4s;
}

.select-homepage label:hover::after {
    background: transparent;
}

.select-homepage .selectpage-image {
    height: 350px;
    overflow: hidden;
}

.select-homepage img {
    width: 100%;
}


.select-homepage a {
    background-color: #ef486a;
    font-family: 'gilroy-regular' !important;
    border: none;
    font-size: small;
    border-radius: 0;
}

.selecthome-page-btn {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    background-color: #f2f3f8;
    color: #8f97ab;
    padding: 20px;
}

.selecthome-page-btn h5 {
    color: #8f97ab;
    font-weight: 300;
}

.selecthome-page-btn p {
    font-size: small;
}

.add-home-slider h6 {
    color: #8f97ab;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 13px;
}

.add-home-slider p {
    font-size: 13px;
    color: #8f97ab;
}

.home-slider-box {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px dashed var(--inputBorder);
    padding: 15px;
}

.home-slider-box input[type="file"] {
    max-width: 30%;
    min-height: max-content;
}

.todays-deals-pd input[type="color"] {
    width: 18%;
    height: auto;
    overflow: hidden;
    align-self: stretch;
    padding: 0;
    cursor: pointer;
}

.selectpage-image-layout {
    height: 190px !important;
}

.upload-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.language-img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.upload-file-card-row {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, 1fr);
}

.img-upload-files {
    width: 100%;
    /* min-height: 100%; */
    background-color: lightgrey;
}

.img-upload-files img {
    width: 200px;
    height: 180px;
    object-fit: cover;
}

.check-droup {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    padding: 10px 15px;
}

.upload-file-card {
    border: 1px solid #f1f1f4;
    box-shadow: 0px 6px 14px rgba(35, 39, 52, 0.04);
    border-radius: 8px;
    background: var(--widgetBg);
    position: relative;
    /* flex: 4/; */
    padding: 10px;
}

.language-text-repo {
    font-size: 14px;
    padding: 5px 0px;
    font-weight: 400;
}

.file-space-text {
    font-size: 10px;
    color: #8392a5;
    margin-bottom: 0px;
}

.droupdown-icon-dot {
    fill: #fff;
    stroke: #fff;
}

.text-sm-large {
    font-size: 10px;
    color: #8392a5;
}

.variant-table {
    vertical-align: middle;
}

.variant-name {
    font-size: 16px;
    line-height: 20px;
}



.file-preview-imgs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.file-preview-pdf {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.file-preview-imgs .preview-card {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100px;
}

.file-preview-imgs .preview-card .img {
    position: relative;
}

.file-preview-imgs .preview-card .img .remove {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    background-color: #eee;
    color: #000000a6;
    border: 1px solid #eee;
    cursor: pointer;
    z-index: 0;
}

.file-preview-imgs .preview-card .img .edit {
    position: absolute;
    top: -8px;
    right: 18px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    background-color: #eee;
    color: #000000a6;
    border: 1px solid #eee;
    cursor: pointer;
}

.file-preview-imgs .preview-card .img .marking {
    position: absolute;
    top: -8px;
    right: 42px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    background-color: #eee;
    color: #000000a6;
    border: 1px solid #eee;
    cursor: pointer;
}

.file-preview-imgs .preview-card img {
    width: 100%;
    height: 60px;
    object-fit: contain;
}

.file-preview-imgs .preview-card .card-info {
    padding: 4px;
}

.file-preview-imgs .preview-card .card-name {
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.file-preview-imgs .preview-card .card-size {
    font-size: 11px;
    font-weight: 500;
    color: #000000a6;
}



.file-preview-edit-imgs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.file-preview-edit-imgs .preview-card {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100px;
}

.file-preview-edit-imgs .preview-card .img {
    position: relative;
}

.file-preview-edit-imgs .preview-card .img .remove {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    background-color: #eee;
    color: #000000a6;
    border: 1px solid #eee;
    cursor: pointer;
    z-index: 0;
}

.file-preview-edit-imgs .preview-card .img .edit {
    position: absolute;
    top: -8px;
    right: 18px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    background-color: #eee;
    color: #000000a6;
    border: 1px solid #eee;
    cursor: pointer;
}

.file-preview-edit-imgs .preview-card .img .marking {
    position: absolute;
    top: -8px;
    right: 42px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    background-color: #eee;
    color: #000000a6;
    border: 1px solid #eee;
    cursor: pointer;
}

.file-preview-edit-imgs .preview-card img {
    width: 100%;
    height: 60px;
    object-fit: contain;
}

.file-preview-edit-imgs .preview-card .card-info {
    padding: 4px;
}

.file-preview-edit-imgs .preview-card .card-name {
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.file-preview-edit-imgs .preview-card .card-size {
    font-size: 11px;
    font-weight: 500;
    color: #000000a6;
}


.bootstrap-select .dropdown-menu li a span.text {
    white-space: normal;
}

.bootstrap-select .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid #00000013;
}


/* intlTelInput */
.input .iti.iti--allow-dropdown {
    width: 100%;
}

.input .iti .iti__search-input {
    border-radius: 0;
}

.input .iti .iti__selected-flag,
.input .iti .iti__selected-flag:hover {
    background-color: transparent;
}

.input .iti .iti__selected-flag::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 20px;
    width: 1px;
    background-color: #8B8B8B;
}

[dir="rtl"] .input .iti .iti__selected-flag::after {
    right: auto;
    left: 0;
}

/* intlTelInput End */




/* Inventory Css Start */
.custom-droupdown-one,
.custom-dropdown-main {
    position: relative;
}

.custom-droupdown-one.show,
.custom-dropdown-main.show {
    z-index: 100;
}

.custom-dropdown-main.show>.droupdown-body {
    display: block !important;
}

.droupdown-head-one,
.droupdown-head {
    position: relative;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 3px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    cursor: pointer;
}

.droupdown-body-item {
    display: flex;
    justify-content: space-between;
    padding: 5px 5px;
    align-items: center;
}

.droupdown-body {
    background: #fff;
    padding: 10px 5px;
    border: solid 1px #ccc;
    width: 250px;
    border-radius: 5px;
    position: absolute;
    margin-top: 5px;
    z-index: 99;
    display: none;
    text-align: start;
}

.droupdown-body.one {
    background: #fff;
    padding: 10px 5px;
    border: solid 1px #ccc;
    width: 200px;
    border-radius: 5px;
    position: absolute;
    z-index: 99;
    display: none;
}

.droupdown-body-item-one {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 5px;
    text-decoration: none;
}

.droupdown-body-item-one span {
    color: #000;
    font-weight: 400;
}

.add-damaged-title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.quantity-main {
    margin-top: 10px;
}

.quantity-main span {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 5px;
    display: block;
}

.quantity-main input {
    border: solid 1px #ccc;
    padding: 10px 5px;
    border-radius: 5px;
    height: 37px;
}

.add-damaged {
    padding: 0 5px;
    display: none;
}

.droupdown-body-item span {
    color: #000;
}

.order-main {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    padding: 10px 0px;
    flex-direction: column;
    gap: 5px;
}

.order-num-main {
    padding: 0 5px;
}

.order-main span {
    font-size: 14px;
    font-weight: 500;
    color: #a3a0a0d9;
}

.order-main a {
    font-size: 14px;
    font-weight: 500;
}

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

.available-input {
    border: solid 1px #ccc;
    padding: 10px 5px;
    border-radius: 5px;
    width: 100px;
    height: 30px;
}

.droupdown-head.available {
    position: relative;
    position: relative;
    width: 120px;
    padding: 0;
    border: none;
}

.select-input-main {
    padding: 0 5px;
}

.droupdown-body.right {
    right: 0;
}

.move-available {
    padding: 0 5px;
    display: none;
}

.delete-control {
    padding: 0 5px;
    display: none;
}

/* select custom css start */

.droupdown-head.open-inventory-droupdown.customize-slect {
    width: 100%;
    padding: 8px;
}

.droupdown-body.right.select-body {
    background: #fff;
    padding: 0;
    border: solid 1px #ccc;
    border-top: none;
    width: 228px;
    border-radius: 5px;
    position: absolute;
    margin-top: 0;
    z-index: 99;
    display: none;
    text-align: start;
}

.droupdown-head.open-inventory-droupdown.customize-slect {
    width: 100%;
    padding: 8px;
}

.droupdown-head.open-inventory-droupdown.customize-slect span {
    color: #000;
    cursor: pointer;
}

ul.select-width {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

ul.select-width li {
    padding: 10px;
    border-bottom: solid 1px #ccc;
    color: #000;
    cursor: pointer;
}

ul.select-width li:last-child {
    border-bottom: none;
}

ul.select-width li:hover {
    background-color: #9C845E;
    color: #fff;
    border-bottom: none;
}

.inventory-img-main img {
    min-width: 50px;
}

.custom-product-name-width p {
    white-space: normal;
    min-width: 200px;
}

.header-search-box.search-width {
    width: 100% !important;
    min-width: 800px;
}

.order-main a {
    text-decoration: none;
    color: #AC9365;
    font-weight: 500;
}

.product-filter.custom-select-display {
    display: block;
    border-radius: 5px;
}

.product-filter.custom-select-display.child:last-child {
    margin-top: 15px;
}

/* Inventory Css End */

.disable {
    opacity: 0.4;
    pointer-events: none;
}

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


/* purchase order css start */
.badges {
    padding: 5px;
    background-color: rgba(255, 214, 164, 1);
    color: rgba(178, 132, 0, 1);
    font-weight: 500;
    font-size: 14px;
    border-radius: 10px;
}

.order-number-text {
    text-decoration: none;
    color: #9C845E;
    font-weight: 500;
}

.order-number-text:hover {
    color: #9C845E;
}

.custom-tab-order .nav-link.active {
    color: #fff !important;
    background-color: #9C845E !important;
    border-color: #9C845E !important;
}

.custom-tab-order .nav-link {
    width: 110px;
    font-weight: 500;
    text-align: center;
    background: #eee;
}

.nav.nav-tabs.custom-tab-order {
    border-bottom: none;
    gap: 10px;
}

.card-header.row.guttets-5.products-table-header.customize-tabs {
    background-color: transparent;
    justify-content: start !important;
    margin-left: 0px;
    border-bottom: none;
}

/* Create */
.custom-button-browse {
    border-radius: 5px;
    background: #9C845E;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 25px;
}


.cost-summary-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.cost-summary-main h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.cost-summary-main span {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 0;
}

.cost-summary-main a {
    font-size: 14px;
    font-weight: 500;
    color: #9C845E;
}

.variant-purchase-main {
    border-top: solid 1px #ccc;
    padding: 1.25rem;
    padding-bottom: 0;
}

.variant-purchase-main span {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}


.create-purchase-table-text a {
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    max-width: 400px;
    -webkit-box-orient: vertical;
    color: #9C845E !important;
    font-weight: 500 !important;
}

.create-purchase-table-text span {
    font-size: 12px;
    color: #000;
    font-weight: 500;
}

.search-bar-main-full {
    flex: 1;
}

.modal-header.custom-modal-header {
    background-color: rgb(227 227 227 / 35%) !important;
    padding: 15px 15px !important;
    display: flex;
    justify-content: space-between;
}

button.close {
    border: none;
    background: transparent;
    font-size: 24px;
}

.header-search-box.search-width.set {
    min-width: auto;
}

.modal-title.custom-modal-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

button.btn.btn-primary,
.btn.btn-secondary.btn-modal-text {
    font-weight: 600;
}

a.add-adjustment-main {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #9C845E;
    cursor: pointer;
}

label.col-12.col-from-label.fs-13.modal-lable-text {
    font-size: 14px !important;
    font-weight: 600;
}

span.text-adjustment {
    font-size: 14px;
    color: #000000A6;
    font-weight: 500;
    display: block;
    margin-top: 18px;
}

input.form-control.custom-input-spacing {
    padding-left: 1.2rem;
}

a.d-flex.justify-content-between.align-items-center.product-new-modal-open {
    padding: 20px;
    margin-top: 20px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.modal-body.custom-modal-body {
    padding: 20px 0px !important;
    height: 100vh !important;
    max-height: 60vh !important;
    overflow: auto;
}

.custom-form-field-search.search-bar-main-full {
    margin: 0 20px;
}

.product-table-item span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.product-new-modal-open span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.product-table-item {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 50%;
}

/* .product-table-item span:after {
    content: "/";
    margin-left: 5px;
} */

.product-table-head {
    padding: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.custom-checkbox-main {
    width: 10%;
}

.product-name {
    width: 100%;
    display: flex;
    gap: 10px;
}

.product-name img {
    width: 50px;
}

.product-name span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    max-width: 300px;
}

.available-name span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    text-align: center;
    display: block;
}

.available-name {
    width: 27%;
}

.total-name span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    text-align: center;
    display: block;
}

.total-name {
    width: 17%;
}

.total-name span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.custom-checkbox-main.form-group.d-inline-block {
    margin-bottom: 10px;
}

.table-modal-main {
    margin-top: 20px;
}

.table-row {
    display: flex;
    align-items: center;
    padding: 1rem;
    width: 100%;
    border-bottom: solid 1px #ccc;
}

.table-row.left-side-item {
    padding-left: 50px;
}

/* create purchase order css end */

/* View Purchse Order Start */

.text-dropdown-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.droupdown-head.open-inventory-droupdown.view-head-dropdown {
    width: auto;
    border: none;
    font-size: 14px;
    font-weight: 600;
    justify-content: end;
}

.text-dropdown-main span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.customize-border {
    display: flex;
    align-items: center;
}

.customize-border .green-background {
    background-color: rgba(4, 123, 93, 1);
    width: 75%;
    height: 7px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.customize-border .red-background {
    background: repeating-linear-gradient(135deg, rgba(163, 10, 36, 1), rgba(163, 10, 36, 1) .25rem, rgba(254, 209, 215, 1) .25rem, rgba(254, 209, 215, 1) .4375rem);
    width: 25%;
    height: 7px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.view-num-main .add-damaged-title {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.view-num-main .dropdown-simple-text {
    color: #000 !important;
    font-weight: 400 !important;
}

.view-num-main a {
    font-size: 14px;
    font-weight: 500;
    color: #9C845E;
}

.order-item-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
}

.order-item-child-one {
    display: flex;
    align-items: center;
}

.dropdown-green-background {
    background: rgba(4, 123, 93, 1);
    width: 20px;
    height: 7px;
    border-radius: 10px;
    margin-right: 10px;
    display: block;
}

.dropdown-red-background {
    background: repeating-linear-gradient(135deg, rgba(163, 10, 36, 1), rgba(163, 10, 36, 1) .25rem, rgba(254, 209, 215, 1) .25rem, rgba(254, 209, 215, 1) .4375rem);
    width: 20px;
    height: 7px;
    border-radius: 10px;
    margin-right: 10px;
    display: block;
}


span.detail-text {
    color: #000;
    font-weight: 500;
}

.droupdown-body.right.width-size {
    width: 150px;
}

span.shipping-date {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.additional-details {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.more-actions-main {
    color: #000;
    font-size: 12px;
    font-weight: 500;
}

.custom-button-flex {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.more-actions-main.button-dropdown-pdf {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

a.dropdown-pdf-text {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 0;
    border-bottom: solid 1px #cccc;
}

a.dropdown-pdf-text:last-child {
    border: none;
}

.droupdown-body.customize-dropbody {
    padding: 5px;
    width: 150px;
}

a.btn.btn-custom-primary {
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 12px;
    color: #fff;
    text-transform: capitalize;
    background-color: #9C845E;
}

span.btn-with-img {
    display: flex;
    align-items: center;
}

.droupdown-head.open-inventory-droupdown.view-head-dropdown.btn.btn-custom-primary {
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 12px;
    color: #fff;
    text-transform: capitalize;
    background-color: #9C845E;
}

.custom-flex-direction {
    display: flex;
    flex-direction: column;
}

.custom-flex-direction span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.view-supplier-dropdown {
    font-size: 14px;
    font-weight: 500;
    color: #9C845E;
}

.form-input.form-group.custom-flex-direction {
    margin-bottom: 1rem;
}

.card .card-header {
    flex-wrap: wrap;
    gap: 1rem;
}

.progress {
    display: flex;
    width: 100%;
    background-color: rgba(204, 204, 204, 1);
    border-radius: .5rem;
    height: .5rem;
    box-shadow: inset 0 0 0 .0625rem #31373d1a;
    overflow: hidden;
}

.progress span {
    background-color: #314c44;
    transition: width var(--p-motion-duration-400) cubic-bezier(.83, .04, .13, .99);
    width: 0;
}

.progress span:last-child {
    background-color: rgba(199, 10, 36, 1);
    transition: width var(--p-motion-duration-400) cubic-bezier(.83, .04, .13, .99);
    width: 0;
}

.progress-count {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    position: relative;
}

.progress-count p.open::after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    display: block;
    cursor: default;
    content: " ";
    background: transparent;
}

.progress-count p {
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
}

.progress-count p svg {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.progress-count .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.prog {
    display: flex;
    width: 20px;
    background-color: rgba(204, 204, 204, 1);
    border-radius: .5rem;
    height: .5rem;
    box-shadow: inset 0 0 0 .0625rem #31373d1a;
    overflow: hidden;
}

.prog.green {
    background-color: #314c44;
}

.prog.red {
    background-color: rgba(199, 10, 36, 1);
}

.receive-table .form-control {
    max-width: 150px;
}

.receive-table caption {
    font-size: 14px;
    border-top: 1px solid #eceff7;
}

.receive-table td:first-child img {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    margin-right: 8px;
}

.receive-table td a {
    font-weight: 600;
}

.receive-card .progress-count .dropdown-menu .dropdown-item span:last-child {
    margin-left: auto;
}

td.received.dtr-control {
    display: flex;
    align-items: center;
}

/* purchase order css end */


#Table_View tbody tr:last-child .custom-dropdown-main .droupdown-body {
    bottom: 108%;
}

.modal-backdrop {
    z-index: 9999;
}

.modal {
    z-index: 99999;
}


/* .form-check-input[type=checkbox]{
    width: 0;
    padding: 10px;
} */


.attribute-size input.select2-search__field {
    font-size: 13px !important;
}

.form-group.parent-category {
    z-index: unset;
}

.purchase-table-main {
    overflow: auto;
}

.percentage-main {
    position: relative;
}

.percentage-main .percentage-icon {
    position: absolute;
    top: 17%;
    right: 10%;
}

.form-input .form-group .iti {
    width: 100%;
}


th.th-column-width.sorting_asc.sorting_disabled {
    width: 1% !important;
}


@media(max-width:992px) {
    #Table_View_paginate .divider {
        display: none;
    }

    #Table_View_paginate {
        justify-content: center !important;
    }

    .header-close {
        position: absolute;
        top: 0px;
        right: 0;
        padding: 5px;
        display: block;
    }
}

.header-close {
    display: none;
}



.modify-deal-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    gap: 30px;
}

.modify-deal-main span {
    color: #ac9365;
}

.hr {
    width: 100%;
    border-top: solid 2px #000;
    border-radius: 10px;
    border-color: #ac9365;
}

/* Configuration Start*/

.dashboard-tabs-vertical {
    background-color: var(--widgetBg);
    padding: 15px;
    border-radius: 16px;
    margin-bottom: 22px;
    /* align-content: stretch; */
    height: max-content;
    width: 100%;
    margin-top: 30px;
}

.dashboard-tabs-wrapper {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    /* border-top: 1px solid #d6d6d6; */
}

.dashboard-tabs-vertical div .nav-pills {
    padding-right: 22px;
    padding-top: 25px;
    gap: 10px;
}

.dashboard-tabs-vertical div .tab-content {
    padding: 25px 0 25px 40px;
    border-left: 1px solid #d6d6d6;
    overflow: hidden;
    width: 100%;
}

.dashboard-tabs-vertical .nav-pills .nav-link {
    width: 183px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    padding: 8px 10px;
    text-align: left;
    border-radius: 0;
}

.dashboard-tabs-vertical .nav-pills .nav-link span {
    color: var(--blackColor);
    font-size: 14px;
    line-height: normal;
}

.dashboard-tabs-vertical .nav-pills .nav-link img {
    filter: unset;
}

.dashboard-tabs-vertical .nav-pills .nav-link {
    border: 1px solid transparent;
}

.dashboard-tabs-vertical .nav-pills .nav-link.active {
    border: 1px solid #ac9365;
    background-color: #ac936521;
}

.dashboard-tabs-vertical .nav-pills .nav-link.active span {
    color: #ac9365;
    font-family: 'gilroy-semibold';
}

.dashboard-tabs-vertical .nav-pills .nav-link.active img {
    filter: invert(38%) sepia(15%) saturate(1236%) hue-rotate(2deg) brightness(94%) contrast(96%);
}

.dashboard-tabs .nav-pills {
    border-bottom: 1px solid var(--border-color-6);
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: space-between;
    gap: 0px 10px;
}

.dashboard-tabs .nav-pills .nav-link {
    color: #c1c1c3;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    width: auto;
    border-color: transparent;
    background: none;
    padding: 8px 0px;
    white-space: nowrap;
}

.dashboard-tabs .nav-pills .nav-link.active {
    border-color: transparent;
    background: none;
    border-radius: 0;
    border-bottom: 1px solid #297d59;
    color: #297d59;
}

.dashboard-tabs .nav-pills::-webkit-scrollbar {
    height: 3px !important;
    width: 5px !important;
    background-color: var(--scroll-thumb-bg);
}

.dashboard-tabs .nav-pills::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: var(--scroll-thumb);
}

.dashboard-tabs .tab-content {
    border-left: none !important;
    padding-left: 0px !important;
}

/* Configuration End*/

.page-sub-title {
    color: var(--blackColor);
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin: 33px 0px;
}

.reports-filter-wrapper {
    display: flex;
    gap: 15px;
    padding-bottom: 20px;
}

.reports-filter-wrapper .custom-form-field {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.custom-form-field label {
    color: #595a5c;
    font-size: 16px;
    line-height: 24px;
}

.custom-form-field .form-input-container {
    position: relative;
}

.reports-filter-wrapper .form-input-container {
    width: 90% !important;
}

.custom-form-field input,
.custom-form-field textarea {
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    color: #595a5c;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 12px 14px;
}

.custom-form-field input {
    height: 48px;
}

.custom-form-field .form-control:focus {
    box-shadow: none;
    border-color: #d6d6d6;
    color: #595a5c;
}

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

.form-control:focus {
    background-color: #ffffff;
}

.custom-form-field .form-input-container img,
.custom-form-field .form-input-container .custom-form-field-images img:nth-child(1) {
    position: absolute;
    top: 40%;
    right: 14px;
    width: 24px;
    transform: translateY(-40%);
    pointer-events: none;
    background-color: #ffffff;
}

.myclass {
    width: 50%;
}

/* .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 50px !important;
} */

.bootstrap-select {
    flex: 1 !important;
    vertical-align: middle;
}

.reports-filter-wrapper .report-icon {
    height: 48px;
    min-width: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reports-filter-wrapper .report-icon-light {
    border: 1px solid #d6d6d6;
    background: #ffffff;
}

.reports-filter-wrapper .report-icon-dark {
    border: 1px solid #ac9365;
    background: #ac9365;
}

.bootstrap-select .dropdown-toggle {
    height: 50px;
    padding: 12px;
}

.bootstrap-select>.dropdown-toggle {
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
    border-radius: 0px;
    white-space: unset;
}

/* .bootstrap-select>.dropdown-toggle.bs-placeholder .filter-option-inner-inner, .bootstrap-select>.dropdown-toggle.bs-placeholder:active .filter-option-inner-inner, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus .filter-option-inner-inner, .bootstrap-select>.dropdown-toggle.bs-placeholder .filter-option-inner-inner {
    color: #b4b5b6 !important;
    text-align: start;
} */

.dropdown.bootstrap-select .bootstrap-select .dropdown-toggle:focus {
    outline: unset !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: unset !important;
    box-shadow: unset !important;
}

.bootstrap-select .dropdown-menu {
    max-width: 300px !important;
}

.search-bar-wrapper {
    padding-top: 30px;
    margin-bottom: 30px;
}

.search-bar-wrapper .search-bar-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
}

.search-bar-wrapper.search-bar-wrapper-2 .search-bar-content div:nth-child(1) {
    flex: 1;
    max-width: inherit;
}

.search-bar-wrapper .search-bar-content div:nth-child(1) {
    width: 100%;
    max-width: 50%;
    background: #ffffff;
}

.search-bar-wrapper .search-bar-content div:nth-child(1) input {
    color: #595a5c;
}

.search-bar-wrapper .search-box input {
    background: url("/assets/images/search-icon.svg");
    background-repeat: no-repeat;
    background-position: 14px center;
    border: 1px solid #d6d6d6;
    padding: 14px;
    padding-left: 40px;
    width: 100%;
    height: 48px;
}

.search-bar-wrapper .primary-link-bg {
    display: inline-flex;
    height: 48px;
    padding: 14px 24px 14px 18px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    font-size: 14px;
    background-color: #ac9365;
    border: 1px solid #ac9365;
    color: #fff;
}

.bootstrap-select .dropdown-menu li a.selected,
.bootstrap-select .dropdown-menu li a:hover {
    background-color: #ac936521;
    color: #000;
    /* width: 200%; */
}

.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #595a5c !important;
}


.responsive-table-wrapper {
    margin-bottom: 50px;
}

.lms-courses-list {
    scrollbar-width: unset;
}

div.dataTables_wrapper {
    position: relative;
}

table.dataTable {
    border: 1px solid #ddd;
}

.lms-courses-list table {
    width: 100% !important;
}

.lms-courses-list table thead {
    background: #ac936521 !important;
}

.lms-courses-list-12 table tbody tr td:nth-child(1),
.lms-courses-list-12 table thead tr th:nth-child(1) {
    white-space: nowrap;
}

.lms-courses-list table thead tr th:nth-child(1) {
    padding: 14px 22px 14px 25px;
}

.lms-courses-list table thead tr th,
.lms-courses-list table tbody tr td {
    color: #ac9365;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /* text-transform: capitalize; */
    padding: 14px;
}

.lms-courses-list table tbody tr td {
    color: #595a5c !important;
    font-size: 14px;
    font-weight: 500;
}

table.dataTable>tbody>tr {
    background-color: #f4f1eb42;
    border-color: #dee2e6;
}

.form-control:focus {
    border-color: #ac9365;
}

/*.inner.show {
     .inner.show{
    overflow: unset !important;
}

/* .inner.show::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

.inner.show::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #ac9365;
} */

.lms-courses-list-12 table tbody tr td:nth-child(1),
.lms-courses-list-12 table thead tr th:nth-child(1) {
    white-space: nowrap;
}

.lms-courses-list-11 table tbody tr td:nth-child(2),
.lms-courses-list-11 table thead tr th:nth-child(2) {
    white-space: nowrap;
}

.lms-courses-list table thead tr th {
    white-space: nowrap;
}

@media screen and (max-width: 500px) {
    .dashboard-tabs-wrapper {
        flex-direction: column;
    }

    .dashboard-tabs-vertical .dashboard-tabs-wrapper .flex-column {
        flex-direction: row !important;
        width: 100%;
    }

    .dashboard-tabs-vertical div .nav-pills {
        gap: unset;
        border-bottom: 1px solid #d6d6d6;
    }

    .dashboard-tabs-vertical div .nav-pills {
        padding-right: 0;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .dashboard-tabs-vertical div .nav-pills {
        height: auto;
    }

    .dashboard-tabs-vertical div .tab-content {
        padding-left: 0px;
    }

    .dashboard-tabs-vertical div .tab-content {
        border: none;
        padding: 25px 0;
    }

    .search-bar-wrapper .search-bar-content {
        flex-direction: column;
    }

    .search-bar-wrapper .primary-link-bg {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .dashboard-tabs-vertical .nav-pills .nav-link {
        width: 100px;
        justify-content: center;
        margin-top: 10px;
    }

    /* .dashboard-tabs-vertical .nav-pills .nav-link span {
        display: none;
    } */

    .dashboard-tabs-vertical .nav-pills .nav-link span {
        font-size: 11px;
    }
}

@media screen and (max-width: 1300px) {
    .reports-filter-wrapper {
        flex-direction: column;
    }

    .myclass {
        width: 100% !important;
    }

    .reports-filter-wrapper .custom-form-field label {
        width: 8%;
        margin-left: auto;
    }

    .form-input-container .dropdown.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
    .reports-filter-wrapper .form-input-container .form-control {
        width: 92%;
        margin-left: auto;
    }
}

.dropdown-item.active,
.dropdown-item:active {

    background-color: #f4f1eb;
}

.error-txts {
    position: absolute;
    left: 0;
    font-size: 10px;
    color: red;
    font-family: 'gilroy-medium';
    width: 100% !important;
    display: block;
}


@media screen and (max-width: 1300px) {
    .error-txts {
        position: relative;
        width: 90% !important;
        margin-left: auto;
    }
}

div:where(.swal2-container) {
    z-index: 99999 !important;
}

#Product360 {
    display: flex;
    align-items: center;
    justify-content: center;
}