@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
:root {
    --primary-color: #F58627;
    --primary15-color: #DFE3F8;
    --primary10-color: #EAECFA;
    --primary05-color: #F4F6FD;
    --secondary-color: #0F497B;
    --secondary10-color: #F3F9EA;
    --black-color: #343434;
    --black90-color: #484848;
    --black80-color: #5D5D5D;
    --black70-color: #717171;
    --black60-color: #858585;
    --black50-color: #999999;
    --black40-color: #AEAEAE;
    --black30-color: #C2C2C2;
    --black20-color: #D6D6D6;
    --black15-color: #E1E1E1;
    --black10-color: #EBEBEB;
    --black05-color: #F5F5F5;
    --black03-color: #F9F9F9;
    --white-color: #ffffff;
    --white20-color: #FFFFFF33;
    --admin-body-color: #F1F3FA;
    --blue-color: #0F497B;
    --transition: all 300ms ease-in-out;
}

*,
::after,
::before {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    color: var(--black-color);
    background-color: var(--admin-body-color);
}

a,
button {
    text-decoration: none;
    outline: none;
    transition: var(--transition);
}

input,
select,
textarea {
    width: 100%;
    outline: none;
    transition: var(--transition);
    vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
    width: auto;
    height: auto;
}

img {
    max-width: 100%;
    transition: var(--transition);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 400;
}

p {
    font-size: 14px;
    line-height: 136%;
    /* color: var(--black-color); */
}

p:last-child {
    margin-bottom: 0;
}

::placeholder {
    color: var(--black60-color);
    text-transform: capitalize;
}

.dropdown-outside,
.flatpickr-calendar.open {
    z-index: 999999;
}

.cursor-pointer,
[data-bs-toggle="modal"] {
    cursor: pointer;
}

.cursor-notallow,
[data-bs-toggle="modal"] {
    cursor: not-allowed;
}

.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.row>* {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.dropdown-menu-end {
    right: 0px !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
    font-size: 14px;
    line-height: 136%;
}

.comn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 125%;
    text-align: center;
    min-width: 150px;
    padding: 12px 20px;
    border-radius: 5px;
    border: 1px solid transparent;
    background-color: var(--primary-color);
    color: var(--white-color);
    text-transform: capitalize;
    cursor: pointer;
}

.comn-btn-secondary {
    background-color: var(--secondary-color);
}

.comn-btn-border {
    background-color: transparent;
    border-color: var(--secondary-color);
    color: var(--black-color);
}

.comn-btn:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.comn-btn-secondary:hover {
    background-color: var(--primary-color);
}

.comn-form-group {
    margin-bottom: 15px;
}

.comn-form-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    color: var(--black-color);
    margin: 0px 0px -10px 10px;
    padding: 0px 5px;
    position: relative;
    z-index: 2;
    background-color: var(--white-color);
    display: table;
    text-transform: capitalize;
}

.comn-form-label.disabled-label {
    color: var(--black70-color);
}

.comn-tagify,
.comn-tagify1,
.tagify--outside .tagify__input,
.comn-form-select.multi.has-items .ts-control,
.comn-form-select .ts-control,
.comn-form-select-custom .ts-control,
.discount-form-select .ts-control,
.margin-type-select .ts-control,
.return-criteria-select .ts-control,
.comn-form-control {
    padding: 15px 15px 12px;
    border: 1px solid var(--black30-color);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: calc(122% - 0.08px);
    color: var(--black-color);
    width: 100%;
    margin: 0;
}

.comn-tagify1 {
    width: 100%;
    gap: 10px;
    overflow: hidden;
}

.comn-tagify1.tagify--outside {
    padding: 0;
}

.comn-form-control:disabled {
    color: var(--black40-color);
    border-color: #e1e1e1;
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1242_64038)"><path d="M7.5 1.64587C10.636 1.64587 13.1875 4.19737 13.1875 7.33337C13.1875 10.4694 10.636 13.0209 7.5 13.0209C4.364 13.0209 1.8125 10.4694 1.8125 7.33337C1.8125 4.19737 4.364 1.64587 7.5 1.64587ZM7.5 0.333374C3.63403 0.333374 0.5 3.46741 0.5 7.33337C0.5 11.1993 3.63403 14.3334 7.5 14.3334C11.366 14.3334 14.5 11.1993 14.5 7.33337C14.5 3.46741 11.366 0.333374 7.5 0.333374Z" fill="rgb(225, 225, 225)"/><path d="M11.383 2.41697L12.311 3.34469L3.38422 12.2712L2.4565 11.3437L11.383 2.41697Z" fill="rgb(225, 225, 225)"/></g><defs><clipPath id="clip0_1242_64038"><rect width="14" height="14" transform="translate(0.5 0.333374)"/></clipPath></defs></svg>');
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-color: var(--white-color);
    padding-right: 40px;
}

.comn-form-control:disabled+label {
    color: var(--black70-color);
    /* or opacity: 0.7; */
}

textarea.comn-form-control {
    resize: none;
    height: 96px;
}

textarea.comn-form-control.h-116 {
    height: 116px;
}

textarea.small-textarea {
    height: 70px;
}

.order-search-input>.comn-form-control:focus,
.comn-datatable-search:focus,
.tagify--outside .tagify__input:focus,
.ts-wrapper.single.input-active .ts-control,
.comn-form-control:focus {
    box-shadow: none;
    border-color: var(--primary-color);
}

.return-criteria-select .ts-control,
.discount-form-select .ts-control,
.margin-type-select .ts-control,
.comn-form-select .ts-control,
.comn-form-select-custom .ts-control {
    display: flex;
    flex-wrap: nowrap;
    padding-right: 40px !important;
}

.ts-wrapper.multi.has-items .ts-control {
    padding: 15px 15px 12px;
}

.return-criteria-select.multi .ts-control,
.comn-form-select.multi .ts-control {
    flex-wrap: wrap;
    gap: 5px;
}

.return-criteria-select.multi .ts-control .item,
.comn-form-select.multi .ts-control .item {
    margin: 0;
    background-color: var(--black10-color);
    color: var(--black-color);
    border-radius: 2px;
    font-size: 12px;
    line-height: 100%;
    padding-block: 0;
}

.ts-wrapper.plugin-remove_button .item .remove {
    padding-block: 2.5px;
}

.return-criteria-select .ts-control::before,
.discount-form-select .ts-control::before,
.margin-type-select .ts-control::before,
.comn-form-select .ts-control::before,
.comn-form-select-custom .ts-control::before {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    font-size: 14px;
    font-weight: 900;
    color: var(--black-color);
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.return-criteria-select.dropdown-active .ts-control::before,
.discount-form-select.dropdown-active .ts-control::before,
.margin-type-select.dropdown-active .ts-control::before,
.comn-form-select.dropdown-active .ts-control::before,
.comn-form-select-custom.dropdown-active .ts-control::before {
    transform: rotate(180deg);
}

.return-criteria-select .ts-control>*,
.discount-form-select .ts-control>*,
.margin-type-select .ts-control>*,
.comn-form-select .ts-control>*,
.comn-form-select-custom .ts-control>* {
    flex-shrink: 0;
}

.ts-control>div {
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.return-criteria-select .ts-control>input,
.discount-form-select .ts-control>input,
.margin-type-select .ts-control>input,
.comn-form-select .ts-control>input,
.comn-form-select-custom .ts-control>input {
    min-width: auto;
    width: auto;
}

.ts-dropdown {
    margin-top: 3px;
    box-shadow: 0px 8px 16px 0px #0000000A;
    border: 1px solid var(--primary10-color);
    border-radius: 5px;
    text-align: left;
    overflow: hidden;
    padding: 15px;
}

.ts-select-large .ts-dropdown {
    width: 150% !important;
}

.return-criteria-select .ts-dropdown {
    padding: 5px 5px 10px;
}

.return-criteria-select .ts-dropdown-content {
    max-height: 350px;
    padding-right: 5px;
}

.ts-dropdown .optgroup {
    padding-inline: 10px;
}

.ts-dropdown .optgroup:first-child .optgroup-header {
    margin-top: 0;
}

.ts-dropdown .optgroup-header {
    padding: 0 0 10px 0;
    border-bottom: 1px solid var(--black15-color);
    margin-bottom: 10px;
    margin-top: 20px;
}

.all-clear-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.all-clear-row>button {
    padding: 10px;
    flex: 1 0 50px;
    padding: 8px 10px;
    background-color: var(--primary10-color);
    border-radius: 5px;
    border: 1px solid var(--black15-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 136%;
    color: var(--black-color);
    text-transform: capitalize;
}

.all-clear-row>button:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.comn-form-select-top .ts-dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 3px;
}

.ts-dropdown .no-results,
.ts-dropdown [data-selectable].option {
    cursor: pointer;
    opacity: 1;
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: var(--black-color);
}

.return-criteria-select .ts-dropdown .no-results,
.return-criteria-select .ts-dropdown [data-selectable].option {
    display: flex;
    align-items: center;
}

.ts-dropdown .no-results,
.ts-dropdown [data-selectable].option:last-child {
    padding-bottom: 0;
}

.ts-dropdown [data-selectable].option.active {
    background-color: transparent;
    color: var(--secondary-color);
}

.ts-dropdown [data-selectable].option.selected {
    background-color: transparent;
    color: var(--primary-color);
}

.return-criteria-select .ts-dropdown [data-selectable].option.selected {
    color: var(--black-color);
}

.return-criteria-select .comn-form-checkbox {
    width: 18px;
    height: 18px;
}

.ts-dropdown [data-selectable] .highlight {
    background-color: var(--primary15-color);
    color: var(--primary-color);
    font-weight: 600;
    display: inline-block;
}

.comn-country-input {
    position: relative;
}

.country-code-text {
    position: absolute;
    top: calc(50% + 3px);
    left: 15px;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    padding-right: 10px;
    margin: 0;
    border-right: 1px solid var(--black-color);
    color: var(--black-color);
}

.comn-barcode-input .country-code-text {
    padding-right: 0;
    right: 15px;
    left: auto;
    border: none;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.comn-barcode-input.order-search-input .country-code-text {
    font-size: 24px;
    z-index: 2;
}

.comn-barcode-input .country-code-text>i:not(:first-child) {
    border-left: 1px solid var(--black20-color);
    padding-left: 10px;
}

.comn-country-input .comn-form-control {
    padding-left: 65px;
}

.comn-barcode-input .comn-form-control {
    padding-right: 85px;
    padding-left: 15px;
}

input.comn-form-checkbox,
.comn-form-checkbox {
    appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid var(--secondary-color);
    background-color: var(--white-color);
    border-radius: 3px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,<svg width='512' height='369' viewBox='0 0 512 369' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M500.103 11.8931C484.262 -3.96937 458.538 -3.95937 442.675 11.8931L184.211 270.368L69.3345 155.492C53.4721 139.63 27.7593 139.63 11.8968 155.492C-3.96562 171.355 -3.96562 197.068 11.8968 212.93L155.486 356.519C163.412 364.445 173.806 368.419 184.2 368.419C194.594 368.419 204.998 364.455 212.924 356.519L500.103 69.3298C515.966 53.4783 515.966 27.7546 500.103 11.8931Z' fill='white'/></svg>");
    background-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

input.comn-form-checkbox:checked,
.comn-form-checkbox:checked {
    background-size: 55%;
    background-color: var(--secondary-color);
}

.form-check {
    padding-left: 1.75em;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.comn-form-check {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    min-height: auto;
}

.comn-form-check:last-child {
    margin-bottom: 0;
}

.comn-form-check .comn-form-checkbox {
    width: 18px;
    height: 18px;
}

.comn-form-check .form-check-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    color: var(--black-color);
    text-transform: capitalize;
    cursor: pointer;
}

input.form-check-input {
    width: 16px;
    height: 16px;
    margin-top: .15em;
    margin-left: -1.75em;
    border: 1px solid var(--secondary-color);
}

.form-check-input:checked {
    background-color: #fff;
    border-color: var(--secondary-color);
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='2' fill='%238CC031'/%3e%3c/svg%3e");
}

.customer-switch .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

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

.form-switch {
    padding: 0;
    margin: 0;
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
}

.form-switch .form-check-input {
    cursor: pointer;
    width: 36px;
    height: 20px;
    margin: 0;
    background-color: var(--black60-color);
    border-color: transparent;
    background-position: left -1px center;
    background-size: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-color: var(--secondary-color);
    background-position: right -1px center;
}

.comn-monthpicker,
.comn-multiple-datepicker,
.comn-range-datepicker,
.comn-datetimepicker,
.comn-datepicker {
    background-image: url(../images/datepicker-icon.png);
    background-size: 13px;
    background-position: right 15px center;
    background-repeat: no-repeat;
    padding-right: 40px;
}

.flatpickr-wrapper {
    width: 100%;
}

.flatpickr-calendar {
    padding: 10px;
    min-width: 302px;
    border: 1px solid var(--black15-color);
    border-radius: 5px;
    box-shadow: 0px 4px 10px 0px #0000001A;
    background-color: var(--white-color);
    font-family: "Nunito", sans-serif;
}

.flatpickr-months {
    background-color: var(--primary-color);
    padding: 14px 10px;
    border-radius: 5px;
    border: none;
    position: relative;
}

.flatpickr-months .flatpickr-month {
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0 2.3em;
    min-height: 24px;
    height: auto;
}

.flatpickr-current-month {
    padding: 0;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    position: initial;
    justify-content: center;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    width: auto;
    background-color: transparent;
    border: 1px solid var(--white20-color);
    padding: 3px 25px 3px 5px;
    border-radius: 5px;
    color: var(--white-color);
    font-family: "Nunito", sans-serif;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 5px center;
    margin: 0;
}

.flatpickr-current-month .numInputWrapper {
    overflow: hidden;
    border: 1px solid var(--white20-color);
    padding: 3px 25px 3px 5px;
    border-radius: 5px;
    max-height: 26px;
    min-width: 70px;
}

.flatpickr-current-month span.cur-month,
.flatpickr-current-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}

.flatpickr-current-month input.cur-year {
    line-height: 0;
    padding: 0;
    height: 14px;
    vertical-align: middle;
}

.flatpickr-current-month .numInputWrapper>span {
    border-color: var(--white20-color);
    border-width: 0px 0px 0px 1px;
    opacity: 1;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 12px;
    height: 12px;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgb(255 255 255 / 80%);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgb(255 255 255 / 80%);
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background-color: transparent;
}

.flatpickr-current-month .flatpickr-monthDropdown-months option {
    color: var(--black-color);
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: var(--white-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-weight: 700;
    padding: 0;
    font-size: 12px;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 10px;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 10px;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.flatpickr-time {
    margin: 10px 0 0px;
}

.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer {
    width: 100%;
    min-width: initial;
}

.flatpickr-weekdays {
    height: auto;
    margin-bottom: 6px;
}

.flatpickr-weekdaycontainer,
.dayContainer {
    gap: 7px;
}

span.flatpickr-weekday,
.flatpickr-day {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    color: var(--black-color);
    background-color: transparent;
    border: none;
    border-radius: 5px;
    flex-basis: initial;
}

span.flatpickr-weekday {
    font-weight: bold;
}

.flatpickr-monthSelect-month.today,
.flatpickr-day.today.inRange,
.flatpickr-day.today {
    background-color: var(--primary15-color);
    color: var(--primary-color);
}

.flatpickr-monthSelect-month.today:focus,
.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month:hover,
.flatpickr-day.today:hover,
.flatpickr-day.today:focus,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
    background-color: var(--primary10-color);
    color: var(--black-color);
}

.flatpickr-monthSelect-month.endRange,
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: #AFAFAF;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
    display: none;
}

.flatpickr-time {
    margin: 10px 0 0px;
    gap: 5px;
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border: none;
    height: auto;
    max-height: none;
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .numInputWrapper {
    border: 1px solid var(--black15-color);
    border-radius: 5px;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 5px 0 0 5px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0 5px 5px 0;
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 var(--primary05-color);
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -7px 0 0 var(--primary05-color), 7px 0 0 var(--primary05-color);
    background-color: var(--primary05-color);
}

.flatpickr-monthSelect-months {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 10px 0 0;
}

.flatpickr-monthSelect-month {
    width: auto;
    flex: 1 0 80px;
    border: 1px solid var(--black10-color);
}

.flatpickr-monthSelect-month.endRange,
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange {
    border-color: var(--primary-color);
}

.monthpicker-container .flatpickr-current-month .numInputWrapper {
    padding-inline: 5px;
}

.monthpicker-container .flatpickr-current-month .numInputWrapper>input {
    text-align: center;
}

.monthpicker-container .flatpickr-current-month .numInputWrapper>span {
    display: none;
}

.notification-dropdown .comn-notification-card,
.comn-notification-card {
    display: inline-flex;
    width: 30px;
    height: 30px;
    position: relative;
    vertical-align: middle;
    margin-left: 10px;
}

.notification-dropdown .comn-notification-card>span,
.comn-notification-card>span {
    position: absolute;
    top: -1px;
    right: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 65%;
    line-height: 1;
    font-weight: 800;
    border: none;
}

.notification-dropdown .fa-cart-shopping.fa-xl {
    font-size: 1.9em;
}

.notification-dropdown .box-title {
    padding: 0;
    border: none;
}

.notification-dropdown .dropdown-menu {
    min-width: 320px;
    max-width: 100%;
    max-height: 400px;
    overflow-y: auto;
}

.notification-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid rgba(52, 52, 52, 0.1);
}

.notification-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--primary10-color);
    color: var(--primary-color);
    font-size: 20px;
    border-radius: 50%;
}

.notification-data {
    width: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.notification-data aside {
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color);
    text-transform: capitalize;
}

.notification-data span {
    font-size: 10px;
    color: var(--black60-color);
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
}

.order-search-input>.comn-form-control,
.comn-datatable-search {
    padding-left: 40px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(102, 102, 102)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>');
    background-size: 16px;
    background-position: left 12px center;
    background-repeat: no-repeat;
    max-width: 250px;
    flex: 1;
    border-color: var(--black20-color);
}

.order-search-input>.comn-form-control {
    max-width: none;
}

.comn-no-record-box {
    text-align: center;
    text-transform: capitalize;
    font-weight: 400;
    color: var(--black555-color-color);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    padding: 20px 0px;
}

.comn-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 8px 16px 0px #3434340A;
}

.comn-table .table {
    border-collapse: initial;
    margin-bottom: 0;
    width: 100% !important;
    color: var(--black-color);
    border-spacing: 0px;
}

.comn-table .table tr th,
.comn-table .table tr td {
    border-top: 6px solid var(--admin-body-color);
    background-color: var(--white-color);
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    line-height: 136%;
    color: var(--black-color);
}

.comn-table .table tr th {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
    border-bottom: 1px solid var(--black15-color);
    padding: 20px 15px;
    /* white-space: nowrap; */
}

.comn-table .role-permission-table tr th,
.comn-table .role-permission-table tr td {
    border-top: none;
}

.dashboard-tables .comn-table .table tr th {
    white-space: nowrap;
}

.comn-table .table tr td>* {
    vertical-align: middle;
}

.comn-table .table tr td {
    border-bottom: 0;
}

.comn-table .table tr td .comn-form-select .ts-control,
.comn-table .table tr td .comn-form-control {
    min-width: 100px;
    padding: 10px 15px;
}

.comn-table .table tr td .table-small-control {
    max-width: 120px;
}

.comn-table .table tr td .table-big-control {
    min-width: 200px;
}

.comn-table .table tr td.text-red {
    color: #FF1B1B;
    font-weight: 600;
}

.comn-table .table tr td.color-secondary {
    color: var(--secondary-color);
    font-weight: 800;
}

.comn-table .table tr td.text-green {
    color: #7CA139;
    font-weight: 600;
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: 0;
    outline-offset: 0px;
    background-color: #f5f5fd;
}

.table-thumbs {
    display: inline-block;
    min-width: 60px;
    min-height: 60px;
    max-width: 60px;
    max-height: 60px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid var(--primary05-color);
}

.comn-inner-table .open+tr>td .table-thumbs {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
}

.table-row-expand {
    cursor: pointer;
}

.table-row-expand i {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--black-color);
    transition: var(--transition);
}

.table-row-expand.expanded i {
    transform: rotate(90deg);
}

.comn-inner-table .open+tr>td,
.comn-inner-table .open {
    outline: 1px solid var(--black50-color);
    outline-offset: -1px;
    border-radius: 6px 6px 0 0;
}

.order-process-inner-table .open+tr>td,
.order-process-inner-table .open {
    outline: none;
}

.comn-inner-table .open+tr>td {
    border: 6px solid var(--admin-body-color);
    padding: 0;
    border-radius: 0 0 6px 6px;
}

.order-process-inner-table .open+tr>td {
    border: 10px solid var(--secondary10-color);
}

.comn-inner-table-white-border .open+tr>td {
    border: 15px solid var(--white-color);
    padding: 0;
    border-radius: 0 0 6px 6px;
}

.comn-inner-table .open+tr>td tr th {
    border: none;
}

.order-process-inner-table .open+tr>td tr th {
    background-color: var(--secondary10-color);
}

.order-process-inner-table .table tr td {
    border-color: var(--secondary10-color);
}

.comn-table-header {
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
}

.comn-table-header-leftside .invoice-text {
    margin-bottom: 20px;
}

.comn-table-header-2 .comn-table-header-rightside {
    display: flex;
    align-items: center;
    gap: 15px;
    /* flex-shrink: 0; */
    flex-wrap: wrap;
}

.comn-table-header-2 .comn-table-header-rightside-2 {
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.comn-table-header-btn-row {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-shrink: 0;
}

.comn-table-header-btn-row>.comn-btn {
    min-width: auto;
}

.comn-table-header-btn-row .comn-btn-border i {
    color: var(--secondary-color);
    transition: var(--transition);
}

.comn-table-header-btn-row .comn-btn-border:hover i {
    color: var(--white-color);
}

.comn-table-header-btn-row>.comn-form-group {
    margin-bottom: 0;
}

.comn-table-header-btn-row .comn-form-select .ts-control {
    width: 220px;
}

.comn-date-range-row {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}

.comn-date-range-row .comn-form-group {
    margin-bottom: 0;
}

.comn-table-footer {
    margin-top: 25px;
}

div.dt-container div.dt-paging ul.pagination {
    justify-content: center;
    gap: 10px;
    margin: 0;
}

.page-link,
.disabled>.page-link,
.page-link.disabled {
    color: var(--black70-color);
    background-color: var(--white-color);
    border-color: #3434341A;
    font-size: 16px;
    color: #34343480;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px !important;
    padding: 0;
}

.page-link:focus,
.page-link:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.page-link:focus {
    box-shadow: none;
}

.disabled>.page-link,
.page-link.disabled {
    opacity: .5;
}

.active>.page-link,
.page-link.active {
    color: var(--white-color);
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    opacity: 0.3;
    font-size: 8px;
    line-height: 0.8;
    position: initial;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    opacity: 1;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
    content: "\e015";
    font-family: "wesupply";
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    content: "\e016";
    font-family: "wesupply";
}

table.dataTable thead>tr>th.dt-orderable-asc,
table.dataTable thead>tr>th.dt-orderable-desc,
table.dataTable thead>tr>th.dt-ordering-asc,
table.dataTable thead>tr>th.dt-ordering-desc,
table.dataTable thead>tr>td.dt-orderable-asc,
table.dataTable thead>tr>td.dt-orderable-desc,
table.dataTable thead>tr>td.dt-ordering-asc,
table.dataTable thead>tr>td.dt-ordering-desc {
    padding-right: 15px;
}

.comn-table-length {
    display: flex;
    align-items: center;
    gap: 12px;
}

.comn-table-length span {
    font-size: 14px;
    font-weight: 400;
    line-height: 136%;
    text-transform: capitalize;
    color: var(--black80-color);
}

.comn-table-length span>strong {
    color: var(--black-color);
}

.comn-table-length .comn-form-select .ts-control {
    padding-right: 30px !important;
    width: 75px;
    padding-block: 10px;
}

.comn-table-length .comn-form-select .ts-control::before {
    width: 14px;
    right: 14px;
}

.comn-table-length .comn-form-select .ts-control input {
    display: none !important;
}

.comn-table-action-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.comn-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-color: var(--black-color);
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 15px;
    color: var(--white-color);
    padding: 0;
}

a.comn-badge:hover,
button.comn-badge:hover,
.comn-table-action-row .comn-badge:hover,
.comn-action-btn:hover {
    filter: brightness(0.85);
}

.edit-btn {
    background-color: #26A1F4;
}

.delete-btn {
    background-color: #F14C41;
}

.view-btn {
    background-color: #007C8A;
}

.process-order-btn {
    background-color: var(--secondary-color);
}

.shipping-btn {
    background-color: #3889B7;
}

.order-confirm-btn {
    background-color: #72C770;
}

.review-order-btn {
    background-color: #255AFB;
}

.comn-image-card {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    margin-bottom: 15px;
}

.comn-image-card>* {
    width: 100%;
}

.comn-image-card-top {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}

.comn-image-card-top-leftside {
    width: calc(100% - 110px);
}

.image-drop-card {
    height: 141px;
    overflow: auto;
    border: 1px dashed var(--black30-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    padding: 10px;
    min-height: auto;
}

.image-drop-card.dz-drag-hover {
    border: 1px dashed var(--primary-color);
}

.image-drop-card span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    color: var(--black40-color);
}

.image-drop-card span i {
    font-size: 18px;
}

.dropzone .dz-preview {
    margin: 0;
    min-height: auto;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    border: 1px solid var(--black15-color);
}

.dropzone .dz-preview.dz-file-preview .dz-image,
.dropzone .dz-preview .dz-image {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0px;
}

.dropzone .dz-preview .dz-details {
    padding: 0;
}

.dropzone .dz-preview .dz-image>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
    margin: 0;
    transform: translate(-50%, -50%);
}

.dropzone .dz-preview .dz-error-mark svg,
.dropzone .dz-preview .dz-success-mark svg {
    width: 20px;
    height: 20px;
}

.dz-error-mark,
.dz-filename,
.dz-size,
.dz-error-message,
.dz-success-mark {
    display: none !important;
}

.dropzone .dz-preview .dz-remove,
.product-grid-card .comn-image-card .dz-remove {
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 9999;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-color: #F14C41;
    border: 2px solid var(--white-color);
    border-radius: 50%;
    font-size: 9px;
    color: var(--white-color);
    text-decoration: none;
}

.product-grid-card .comn-image-card-top-rightside .dz-remove {
    top: 0px;
}

.product-grid-card .comn-image-card-top-rightside {
    position: relative;
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: none;
}

.dropzone .dz-preview .dz-remove>* {
    cursor: pointer;
}

.dropzone .dz-preview .dz-progress {
    height: 10px;
    margin-top: 0;
    width: 80%;
    margin-left: 0px;
    transform: translate(-50%, -50%);
    animation: none !important;
}

.dropzone .dz-preview:hover .dz-image img {
    transform: scale(1.2);
    filter: none;
}

.dropzone .dz-message {
    margin: 0;
}

.comn-image-card-top-rightside {
    width: 105px;
    padding-top: 9px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.image-perview-card {
    width: 105px;
    height: 105px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid var(--black15-color);
}

.image-perview-card>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comn-image-card-top-rightside .comn-btn {
    min-width: auto;
    padding: 6px;
    background-color: var(--secondary-color);
    font-size: 14px;
    font-weight: 700;
    width: 100%;
}

.comn-image-card-top-rightside .comn-btn:hover {
    background-color: var(--primary-color);
}

.comn-image-card-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    padding: 5px 10px;
    background-color: var(--black03-color);
    border: 1px dashed var(--black30-color);
    border-radius: 5px;
}

.comn-image-card-bottom>aside {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
}

.comn-image-card-bottom>aside p {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 136%;
    color: var(--black50-color);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 5px;
}

.comn-image-card-bottom>aside p>span {
    font-weight: 700;
    color: var(--black60-color);
}

.comn-btn-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
    justify-content: flex-end;
}

.seting-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.left-buttons,
.right-buttons {
    display: flex;
    gap: 12px;
}

.comn-small-title {
    border-bottom: 1px solid var(--black20-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.comn-small-title .text-secondary {
    font-weight: 700;
    text-transform: capitalize;
}

.comn-small-title-leftside>span,
.comn-small-title>span {
    display: inline-flex;
    padding: 10px;
    border-bottom: 1px solid currentColor;
    margin-bottom: -1px;
    font-size: 16px;
    font-weight: 700;
    line-height: 136%;
    color: var(--black-color);
    text-transform: capitalize;
    align-items: center;
    gap: 10px;
}

.comn-small-title-leftside {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.comn-link-text {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 136%;
    color: var(--primary-color);
    text-transform: capitalize;
    cursor: pointer;
}

.comn-link-text:hover {
    color: var(--secondary-color);
}

.comn-tabs {
    background-color: var(--white-color);
}

.comn-tabs .nav-tabs {
    border-bottom-color: var(--black15-color);
}

.comn-tabs .nav-tabs .nav-link {
    padding: 15px;
    border-radius: 0px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 600;
    line-height: 136%;
    color: var(--black-color);
    text-transform: capitalize;
}

.comn-tabs .nav-tabs .nav-link:hover {
    border-bottom-color: var(--black40-color);
}

.comn-tabs .nav-tabs .nav-link.active {
    color: var(--primary-color);
    border-bottom-color: currentColor;
}

.comn-badge {
    display: inline-block;
    min-width: 85px;
    padding: 4px 10px;
    border-radius: 100px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 700;
    line-height: calc(122% - 0.08px);
    text-align: center;
    text-transform: capitalize;
    color: var(--black-color);
    background-color: var(--white-color);
    white-space: nowrap;
}

.comn-badge-awidth {
    min-width: auto;
}

.unpaid-badge {
    color: #5D4037;
    background-color: #FFE0B2;
}

.paid-badge {
    color: #1565C0;
    background-color: #BBDEFB;
}

.partial-badge {
    color: #C2185B;
    background-color: #F8BBD0;
}

.unfulfilled-badge {
    color: #575757;
    border-color: currentColor;
}

.processed-badge {
    color: #31708F;
    border-color: currentColor;
}

.shipped-badge {
    color: #1B5E20;
    border-color: currentColor;
}

.cancelled-badge {
    color: #777777;
    border-color: currentColor;
}

.pending-2-badge {
    color: #FFA500;
    border-color: currentColor;
}

.delivered-badge {
    color: #008000;
    border-color: currentColor;
}

.confirm-badge {
    background-color: #ABBE5F;
    color: var(--white-color);
}

.pending-badge {
    background-color: #EDEDED;
    color: #C0C0C0;
}

.confirmed-badge {
    background-color: #EEF2DF;
    color: #7D9421;
}

.download-badge {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.accept-badge {
    background-color: #8E9029;
    color: var(--white-color);
}

.reject-badge {
    background-color: #FF4444;
    color: var(--white-color);
}

.view-order-badge {
    background-color: #3195C0;
    color: var(--white-color);
}

.outstanding-badge {
    background-color: #FF594F;
    color: var(--white-color);
}

.add-to-cart-badge {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.add-to-cart-badge-disabled {
    background-color: #A2A8D3;
    ;
    color: var(--white-color);
}

.unavailable-badge {
    background-color: #A2A8D3;
    color: var(--white-color);
}

.sidebar-top-row {
    display: none;
}

.sidebar-close-btn,
.sidebar-open-btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--white-color);
    background-color: var(--primary-color);
    border: none;
    border-radius: 50%;
    font-size: 16px;
}

.sidebar-close-btn {
    width: 30px;
    height: 30px;
    color: var(--white-color);
    background-color: var(--secondary-color);
    border-radius: 50%;
}

.login-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    z-index: 1;
    padding: 40px 15px;
}

.login-pattern {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0px;
    opacity: .1;
}

.login-row {
    max-width: 400px;
    width: 100%;
}

.logo {
    text-align: center;
    margin-bottom: 40px;
}

.login-card {
    box-shadow: 0px 25px 25px 0px #EAEAEA;
    padding: 30px;
    border-radius: 10px;
    background-color: var(--white-color);
}

.login-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 136%;
    margin-bottom: 30px;
    color: var(--black-color);
    text-transform: capitalize;
}

.login-title>span {
    color: var(--primary-color);
    font-weight: 800;
}

.forgot-password-text {
    display: table;
    margin-left: auto;
    margin-top: 7px;
    font-size: 14px;
    font-weight: 600;
    line-height: 136%;
    text-align: right;
    color: var(--primary-color);
}

.forgot-password-text:hover {
    color: var(--secondary-color);
}

.login-card .comn-btn {
    margin-top: 15px;
}

.admin-header {
    padding: 15px;
    background-color: var(--admin-body-color);
    position: sticky;
    top: 0px;
    z-index: 99999;
}

.admin-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    background-color: var(--white-color);
    padding: 15px 20px;
    border-radius: 10px;
}

.admin-header-leftside {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.admin-header-logo {
    width: 206px;
}

.admin-header-search-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 500px;
    padding: 14px 20px;
    border-radius: 30px;
    background-color: var(--primary05-color);
}

.admin-header-search-row i {
    font-size: 16px;
    color: var(--black70-color);
}

.admin-header-search-row input {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--black-color);
}

.admin-header-rightside {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.profile-dropdown>button {
    padding: 0;
    border: none;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    position: relative;
}

.profile-dropdown>button>span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    border: 2px solid var(--white-color);
    background-color: #E2A03F;
    border-radius: 50%;
}

.profile-dropdown>button>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.dropdown-menu {
    padding: 15px 15px;
    background: #ffffff;
    border: 1px solid rgba(52, 52, 52, 0.1);
    border-radius: 5px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
}

.profile-dropdown .dropdown-menu a {
    padding-inline: 0;
    font-weight: 500;
    text-transform: capitalize;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.profile-dropdown .dropdown-menu a:hover {
    color: #2D42D0;
    background: transparent;
}

.profile-username {
    border-bottom: 1px solid #2D42D01A;
    padding-block: 10px 25px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 136%;
}

.dropdown-item {
    color: var(--black-color);
}

.main-container {
    padding: 0 15px 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.sidebar-row {
    position: fixed;
    width: 240px;
    height: calc(100vh - 125px);
    overflow: auto;
}

.sidebar-row::-webkit-scrollbar {
    width: 0;
    height: 0;
}


/* .sidebar-row::-webkit-scrollbar-track {
    background-color: #ccc;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
} */

@-moz-document url-prefix() {
    .sidebar-row {
        scrollbar-width: thin;
        scrollbar-color: #1e202a;
    }
}

.sidebar {
    padding: 24px 15px;
    border-radius: 10px;
    background: var(--blue-color);
    box-shadow: 0px 8px 16px 0px #3434340A;
    min-height: 100%;
}

.sidebar-list>li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 15px;
    color: var(--white-color);
    text-transform: capitalize;
    transition: all var(--transition);
    font-size: 16px;
    font-weight: 600;
    line-height: 136%;
}

.sidebar-list>li>a:after,
.sidebar-list>li>a+.submenu>li>a[aria-expanded="false"]:after,
.sidebar-list>li>a[aria-expanded="true"]:after,
.sidebar-list>li>a+.submenu>li>a[aria-expanded="true"]:after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 5px;
    color: currentColor;
    transform: translateY(-50%);
    transition: var(--transition);
}

.sidebar-list>li>a[aria-expanded="true"]:after,
.sidebar-list>li>a+.submenu>li>a[aria-expanded="true"]:after {
    transform: translateY(-50%) rotate(90deg);
    color: var(--blue-color);
}

.sidebar-list>li.active>a,
.sidebar-list>li>a.active,
.sidebar-list>li>a[aria-expanded="true"],
.sidebar-list>li>a+.submenu>li>a[aria-expanded="true"] {
    background: #EFF1F8;
    color: var(--blue-color);
    border-radius: 100px 0px 0px 100px;
    z-index: 0;
    position: relative;
}

.sidebar-list>li.active>a:before,
.sidebar-list>li>a.active:before,
.sidebar-list>li>a[aria-expanded="true"]:before,
.sidebar-list>li>a+.submenu>li>a[aria-expanded="true"]:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
    background: url(../images/menu-shape.svg) no-repeat;
    width: 45px;
    height: 90px;
    z-index: -1;
}

.sidebar-list>li a i {
    font-size: 14px;
}

.sidebar-list .submenu {
    margin-left: 10px;
}

.sidebar-list .submenu li:first-child {
    margin-top: 10px;
}

.sidebar-list .submenu li:last-child {
    margin-bottom: 10px;
}

.submenu li a {
    padding: 6px 0 6px 10px;
    color: #FFFFFF80;
    border-left: 1px solid #FFFFFF26;
    font-weight: 400;
}

.submenu li.active a,
.submenu li a.active {
    color: #FFFFFF;
    border-left: 1px solid var(--white-color);
}

.content-wrap {
    flex: 1 1 0;
    max-width: 100%;
    width: 1px;
    margin-left: 255px;
}

.white-comn-box {
    background: #FFFFFF;
    box-shadow: 0px 8px 16px 0px #3434340A;
    border-radius: 10px;
    margin-bottom: 15px;
}

.box-title {
    font-size: 16px;
    font-weight: 800;
    text-transform: capitalize;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 2px solid var(--admin-body-color);
    background-color: var(--white-color);
    padding: 15px;
    margin: 0;
    color: var(--black-color);
    display: flex;
    align-items: center;
    gap: 10px;
}

.box-title>a {
    flex-shrink: 0;
    color: var(--black-color);
    font-size: 14px;
}

.box-title>span {
    color: var(--secondary-color);
}

.white-comn-box-body {
    padding: 20px 15px;
}

.white-comn-box-body-2 {
    padding-bottom: 5px;
}

.dashboard-filter-row,
.dashboard-orders-row {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
}

.dashboard-filter-box {
    border-radius: 10px;
    border: 1px solid var(--black15-color);
}

.dashboard-filter-box h5 {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 15px;
    display: table;
    border-bottom: 1px solid #343434;
    margin-bottom: -1px;
}

.filter-box-body {
    border-top: 1px solid #34343433;
    padding: 15px;
}

.dashboard-orders-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 30px;
    border-radius: 6px;
    border: 1px solid var(--black30-color);
    background-color: var(--white-color);
}

.order-label {
    font-size: 16px;
    font-weight: 700;
    display: block;
    text-transform: capitalize;
}

.order-value {
    font-size: 34px;
    font-weight: 900;
    line-height: 50px;
    margin-bottom: 0;
}

.green-box {
    background: #70B94426;
    border: 1px solid #70B9441A;
    color: var(--secondary-color);
}

.blue-box {
    background: #4A8CDA26;
    border: 1px solid #4A8CDA1A;
    color: #4A8CDA;
}

.orange-box {
    background: #EC815326;
    border: 1px solid #EC81531A;
    color: #EC8153;
}

.purple-box {
    background: #6647BF26;
    border: 1px solid #6647BF1A;
    color: #6647BF;
}

.red-box {
    background: #FC4C4E26;
    border: 1px solid #FC4C4E1A;
    color: #FC4C4E;
}

.total-box {
    background: #3A93AF26;
    border: 1px solid #3A93AF1A;
    color: #3A93AF;
}

.dashboard-cashflows-row {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(4, 1fr);
}

.dashboard-cashflows-box {
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    gap: 5px;
    border-radius: 6px;
    background-color: var(--blue-color);
    background: url(../images/box-bg.svg) no-repeat right bottom/ cover;
    color: var(--white-color);
}

/* .total-paid,
.total-unpaid {
    grid-column: span 2;
} */

.total-sales, .supplier-rebate {
    background-color: #008000;
}

.total-refund, .retailer-rebate {
    background-color: #FF6666;
}

.total-cancelled {
    background-color: #8B4513;
}

.total-net {
    background-color: #3535B5;
}

.total-unpaid {
    background-color: #FF8C00;
}

.total-paid {
    background-color: #008080;
}

.dashboard-tables {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}

.comn-table #top-customer tr td {
    height: 96px;
}

.dashboard-tables .comn-table {
    overflow: auto;
    max-height: 546px;
}

.product-grid-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    padding: 15px 10px;
}

.full-grid {
    grid-column: span 2;
}

.tagify-container {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.tagify-container .comn-form-select,
.tagify-container .comn-form-select-custom {
    width: 100%;
}

.tagify-add-btn {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: transparent;
    border: 1px solid currentColor;
    color: var(--secondary-color);
    font-size: 18px;
    border-radius: 4px;
}

.tagify-add-btn:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
}

.tagify--outside {
    border: 0;
}

.tagify--outside .tagify__input {
    order: -1;
    flex: 100%;
    margin: 0;
    transition: .1s;
}

.comn-tagify {
    width: 100%;
    gap: 10px;
    overflow: hidden;
}

.comn-tagify.tagify--outside {
    padding: 0;
}

.tagify__tag>div::before {
    box-shadow: none;
}

.tagify__tag>div {
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 136%;
    color: var(--black-color);
}

.tagify__tag__removeBtn {
    margin: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: var(--black50-color);
    color: var(--white-color);
    font-size: 8px;
}

.tagify__tag__removeBtn::after {
    content: "\f00d";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.tagify__tag {
    margin: 0;
    gap: 5px;
}

.tagify__input::before {
    opacity: 1;
}

.comn-modal {
    z-index: 100000;
}

.modal-backdrop {
    z-index: 99999;
    --bs-backdrop-opacity: 0.7;
}

.comn-modal .modal-dialog {
    max-width: 520px;
}

.comn-big-modal .modal-dialog {
    max-width: 880px;
}

.cart-modal .modal-dialog {
    max-width: 650px;
}

.comn-modal .modal-dialog .modal-content {
    border-radius: 10px;
    border: none;
}

.comn-modal .modal-header {
    padding: 15px 30px;
}

.comn-modal .modal-title {
    font-size: 16px;
    font-weight: 800;
    line-height: 136%;
    color: var(--black-color);
    text-transform: capitalize;
}

.comn-modal .btn-close {
    opacity: .8;
    width: 16px;
    height: 16px;
}

.comn-modal .btn-close:focus {
    box-shadow: none;
}

.comn-modal .modal-body {
    padding: 15px 30px;
}

.comn-modal .modal-footer {
    justify-content: flex-start;
    padding: 30px;
    border: none;
    gap: 12px;
    justify-content: flex-end;
}

.comn-modal .modal-footer>* {
    margin: 0;
}

.link-text {
    display: inline-block;
    font-size: 14px;
    line-height: 136%;
    color: var(--primary-color);
    text-transform: capitalize;
    text-decoration: underline;
    background-color: transparent;
    border: none;
    padding: 0;
    margin-top: 12px;
}

.comn-border-box {
    border: 1px solid var(--black30-color);
    padding: 15px;
    border-radius: 5px;
}

.comn-border-box-2 {
    padding: 30px 20px;
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused),
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border: none !important;
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners,
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-top: 1px solid var(--black30-color) !important;
}

.ck-reset_all :not(.ck-reset_all-excluded *),
.ck.ck-reset_all {
    font-family: "Nunito", sans-serif !important;
}

.ck.ck-list__item>.ck-button.ck-on:hover:not(.ck-disabled),
.ck.ck-list__item>.ck-button.ck-on {
    background: var(--primary-color);
}

.ck.ck-button.ck-on:not(.ck-disabled):hover,
a.ck.ck-button.ck-on:not(.ck-disabled):hover,
.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
    color: var(--primary-color);
    background-color: var(--primary10-color);
}

.ck .ck-insert-table-dropdown-grid-box.ck-on {
    border-color: var(--primary-color);
}

.ck.ck-button:active,
.ck.ck-button:focus,
a.ck.ck-button:active,
a.ck.ck-button:focus,
.ck.ck-input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

.ck.ck-editor__main {
    max-height: 500px;
    overflow: auto;
}

.ck-content {
    min-height: 100px;
}

.big-ck-editor .ck-content {
    min-height: 250px;
}

.ck.ck-button.ck-disabled:active,
.ck.ck-button.ck-disabled:focus,
a.ck.ck-button.ck-disabled:active,
a.ck.ck-button.ck-disabled:focus {
    box-shadow: none !important;
}

.ck .ck-widget:hover {
    outline-color: var(--secondary-color) !important;
}

.ck .ck-widget:not(.ck-widget_selected)>.ck-widget__type-around>.ck-widget__type-around__button,
.ck .ck-widget.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle {
    background-color: var(--secondary-color) !important;
}

.tagify__input {
    min-width: 20px;
    margin: 0;
    padding: 0;
    color: var(--input-color);
}

.product-variable-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}

.product-variable-card {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.product-variable-card .comn-form-group {
    flex: 1 0 200px;
    margin: 0;
}

.product-variable-handle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin-top: 18px;
    flex-shrink: 0;
    font-size: 18px;
    cursor: grab;
}

.product-variable-card .comn-action-btn {
    flex-shrink: 0;
    margin-top: 18px;
    width: 30px;
    height: 30px;
    font-size: 18px;
}

.attribute-varient-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.attribute-varient-row .comn-link-text {
    font-size: 16px;
}

.attribute-varient-row>aside {
    font-size: 16px;
    font-weight: 600;
    line-height: 136%;
    color: var(--black70-color);
    text-transform: capitalize;
}

.attribute-varient-row>aside span {
    color: var(--black-color);
    font-weight: 700;
}

.comn-form-switch-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 30px;
    min-height: 46px;
}

.comn-form-switch-row.min-h-auto {
    min-height: auto;
}

.comn-border-form-switch-row {
    border-bottom: 1px solid var(--black15-color);
    margin-bottom: 15px;
    min-height: auto;
    padding-bottom: 15px;
}

.comn-form-switch-row .comn-form-check {
    display: flex;
    gap: 6px;
    margin: 0;
}

.comn-form-switch-row .form-check .form-check-input {
    margin: 0;
    cursor: pointer;
}

.product-table {
    box-shadow: none;
}

.product-table .table tr th,
.product-table .table tr td {
    border-top: none;
    padding-block: 10px;
}

.product-table .table tr th {
    height: 60px;
}

.product-table .table tr td .comn-form-control,
.product-table .table tr td .comn-form-select .ts-control {
    padding-block: 10px;
}

.volume-btn-row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    position: relative;
}

.volume-btn-row::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--black15-color);
}

.gap-10 {
    padding-inline: 10px;
    background-color: var(--white-color);
    position: relative;
    z-index: 1;
}

.volume-btn-row .comn-btn {
    min-width: auto;
    z-index: 1;
    position: relative;
}

.seo-text-card {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-bottom: 15px;
}

.seo-text-card>* {
    width: 100%;
}

.seo-text-card>aside {
    font-size: 18px;
    font-weight: 600;
    line-height: 136%;
    color: var(--primary-color);
    text-transform: capitalize;
}

.seo-text-card>span {
    font-size: 16px;
    font-weight: 500;
    line-height: 136%;
    color: #086925;
}

.seo-text-card>p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    color: var(--black80-color);
}

.tags-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}

.product-tags-row {
    padding: 15px 30px;
}

.content-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: flex-start;
}

.content-row>* {
    position: sticky;
    top: 111px;
}

.content-row>.table-main {
    width: calc(100% - 365px);
}

.table-sidebar {
    width: 350px;
}

.table-sidebar-header {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 136%;
    text-align: center;
    padding: 10px;
    color: var(--white-color);
    background-color: var(--primary-color);
    border-radius: 5px 5px 0 0;
    text-transform: capitalize;
    margin: 0;
}

.table-sidebar-row {
    background-color: var(--white-color);
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 8px 16px 0px #3434340A;
}

.table-sidebar-row>* {
    width: 100%;
}

.table-sidebar-inner-box {
    padding: 15px 10px;
}

.table-list {
    text-align: left;
}

.table-list>span {
    font-weight: 500;
}

.table-list>ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 15px;
}

.comn-table .attributes-table tr th,
.comn-table .attributes-table tr td {
    text-align: left;
    vertical-align: top;
}

.attribute-action-box ul {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-top: 5px;
    opacity: 0;
    transition: var(--transition);
}

.comn-table .attributes-table tr:hover .attribute-action-box ul {
    opacity: 1;
}

.attribute-action-box ul li>* {
    border: none;
    border-right: 1px solid var(--black-color);
    padding: 0;
    padding-right: 5px;
    margin-right: 5px;
    background-color: transparent;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 136%;
    text-transform: capitalize;
}

.attribute-action-box ul li:last-child>* {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.attribute-action-box ul li>*:hover {
    color: var(--primary-color);
}

.terms-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 136%;
    color: var(--black-color);
}

.terms-text>a {
    display: block;
    color: var(--primary-color);
    text-transform: capitalize;
}

.analytics-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    background-color: var(--white-color);
    margin-top: 6px;
    padding: 15px;
}

.analytics-box {
    flex: 1 0 200px;
}

.analytics-box.small-box {
    flex: 0 0 150px;
}

.analytics-box .comn-form-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
}

.analytics-box .comn-form-control>span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.analytics-box .comn-form-control>span.text-green {
    color: #58A700;
}

.analytics-box .comn-form-control>span.text-red {
    color: #F14C41;
}

.order-content-row>.table-main {
    width: calc(100% - 415px);
}

.order-content-row>.table-sidebar {
    width: 400px;
}

.orderprocess-badge {
    background-color: #98B036;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 800;
    line-height: 136%;
    text-align: center;
    padding: 10px 12px;
    border-radius: 5px;
    white-space: nowrap;
}

.orderprocess-badge-2 {
    background-color: #C0E333;
    color: var(--black-color);
}

.order-process-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    background-color: var(--white-color);
    border-radius: 10px;
    padding: 15px;
    margin-top: 30px;
}

.order-process-footer>.comn-btn-row {
    margin: 0;
}

.order-process-footer>.comn-form-group {
    margin: 0;
    width: 350px;
    max-width: 100%;
}

.order-list-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.order-list-card {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.order-list-card-leftside {
    flex: 1 0 220px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.order-list-card-leftside .comn-form-checkbox {
    display: none !important;
}

.order-list-image {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
}

.order-list-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.order-list-data {
    flex: 1 0 0;
}

.order-list-data>aside {
    font-size: 14px;
    font-weight: 600;
    line-height: 136%;
    color: var(--black-color);
}

.order-list-data>ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.order-list-data>ul li {
    font-size: 14px;
    line-height: 136%;
    color: var(--black70-color);
    padding-right: 10px;
    border-right: 1px solid var(--black20-color);
}

.order-list-data>ul li:last-child {
    padding-right: 0;
    border-right: none;
}

.order-list-card-rightside {
    flex: 0 0 130px;
}

.order-list-card-rightside-top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-count-box {
    display: flex;
    width: 94px;
    height: 30px;
    border: 1px solid var(--black15-color);
    border-radius: 4px;
    overflow: hidden;
}

.order-count-box>* {
    flex: 1 0 33.33%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    border: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 136%;
    color: var(--black-color);
}

.order-count-box>p {
    background-color: var(--black03-color);
    cursor: pointer;
}

.order-list-card-rightside-top .comn-action-btn {
    width: 26px;
    height: 26px;
    font-size: 14px;
}

.order-total-text {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    color: var(--black-color);
}

.order-total-text>span {
    font-weight: 700;
}

.order-payment-list {
    padding: 15px;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    border-radius: 8px;
    background-color: var(--black03-color);
}

.dark-order-payment-list {
    background-color: var(--blue-color);
    margin-top: 25px;
}

.order-payment-list li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    color: var(--black90-color);
    text-transform: capitalize;
}

.order-payment-list .grand-total-text {
    padding-top: 15px;
    margin-top: 5px;
    font-weight: 700;
    color: var(--black-color);
    border-top: 1px solid var(--black10-color);
}

.dark-order-payment-list .grand-total-text,
.dark-order-payment-list li {
    color: rgba(255, 255, 255, 0.9);
}

.order-payment-list li>p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--black-color);
    font-weight: 700;
}

.dark-order-payment-list li>p {
    color: var(--white-color);
}

.order-payment-list li>p>span {
    flex-shrink: 0;
    /* width: 19px; */
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comn-form-small-text {
    font-size: 14px;
    line-height: 136%;
    display: block;
    width: 100%;
    margin-top: 10px;
    color: var(--black60-color);
}

.payment-type-checkrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.available-credit-text {
    width: 100%;
    font-size: 14px;
    line-height: 136%;
    padding-left: 28px;
    color: var(--black-color);
}

.available-credit-text>span {
    font-weight: 700;
}

.order-switch-row {
    min-height: auto;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 25px;
}

.responsive-customer-manager-row {
    display: none;
}

.total-payment-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 136%;
    text-align: right;
    margin-bottom: 12px;
    text-transform: capitalize;
    color: var(--black-color);
}

.past-payment-table-box {
    border-radius: 5px;
    border: 1px solid var(--black30-color);
}

.past-payment-table .table tr th,
.past-payment-table .table tr td {
    border: none;
    padding-block: 10px;
}

.past-payment-table .table tr th {
    border-bottom: 1px solid var(--black15-color);
    height: 60px;
}

.past-payment-table .table tr:nth-child(even) td {
    background-color: var(--black03-color);
}

.add-recall-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

.add-recall-row>* {
    margin: 0;
    flex: 1 0 23%;
}

.auto-generate-box {
    border: 1px solid var(--black30-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    padding: 30px;
}

.auto-generate-box>* {
    flex: 1 0 100px;
}

.auto-generate-box-data>aside {
    font-size: 14px;
    font-weight: 700;
    line-height: 136%;
    color: var(--black-color);
}

.auto-generate-box-data>aside>span {
    display: block;
    font-weight: 600;
    color: var(--black70-color);
}

.auto-generate-border {
    flex: 0 0 0;
    align-self: stretch;
    border-left: 1px solid var(--black30-color);
}

.auto-generate-qr-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.auto-generate-qr-box>img {
    max-width: 110px;
}

.auto-generate-qr-box>p {
    font-size: 14px;
    font-weight: 600;
    line-height: 136%;
    color: var(--black-color);
}

.invoice-text {
    font-size: 16px;
    font-weight: 800;
    line-height: 136%;
    color: var(--black-color);
    text-transform: capitalize;
}

.invoice-text>span {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-left: 5px;
}

.invoice-total-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 136%;
    text-transform: capitalize;
    color: var(--black80-color);
    background-color: #3434340D;
    border: 1px solid #3434340D;
    padding: 5px 12px;
    border-radius: 4px;
}

.invoice-total-text>span {
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    color: var(--black-color);
}

.add-stock-top-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
    background-color: var(--white-color);
    border-bottom: 2px solid var(--admin-body-color);
}

.add-stock-top-row>.comn-form-group {
    margin-bottom: 0;
    flex: 1 0 150px;
}

.add-stock-top-row .comn-form-group.xl {
    flex-basis: 45%;
}

.add-stock-top-row .comn-table-header-btn-row .comn-form-group {
    max-width: 350px;
    width: 100%;
}

.add-stock-top-row .comn-table-header-btn-row .comn-btn {
    min-width: 150px;
}

.profile-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

.profile-row-leftside {
    width: 370px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.profile-image-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
}

.profile-image-box>img {
    border: 1px solid var(--black10-color);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.profile-image-box>input {
    display: none;
}

.profile-image-box>label {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--secondary-color);
    position: absolute;
    bottom: 10px;
    right: -10px;
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: var(--white-color);
    cursor: pointer;
    transition: var(--transition);
}

.profile-image-box>label:hover {
    background-color: var(--primary-color);
}

.profile-row-leftside>aside {
    font-size: 20px;
    line-height: 100%;
    color: var(--black333-color);
    text-transform: capitalize;
}

.profile-row-rightside {
    width: calc(100% - 390px);
}

.show-hide-password-row {
    position: relative;
}

.show-hide-password-row .comn-form-control {
    padding-right: 40px;
}

.show-hide-password-btn {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black666-color);
    cursor: pointer;
}

.am-filter-row {
    padding: 20px 15px 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    border-bottom: 1px solid var(--black10-color);
}

.am-filter-row .comn-form-group {
    margin-bottom: 0;
    flex: 0 0 25%;
}

.pos-row .table-sidebar {
    width: 480px;
    height: calc(100vh - 125px);
    overflow: auto;
}

.pos-row>.table-main {
    width: calc(100% - 505px);
    position: initial;
    height: calc(100vh - 125px);
    overflow: auto;
}

.category-splide .nav-tabs {
    border: none;
}

.category-splide .nav-tabs .nav-link:hover {
    border: 1px solid var(--secondary-color);
}

.category-splide .nav-tabs .nav-link.active {
    border: 1px solid var(--secondary-color);
    background-color: #8CC0310D;
}

.category-box:last-child {
    margin-right: 0 !important;
}

.category-box .nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    height: 150px;
    border: 1px solid var(--black15-color);
    padding: 5px 20px;
    border-radius: 8px;
    margin: 0;
}

.category-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    position: absolute;
}

.category-box .nav-link.active .category-icon img,
.category-box:hover .category-icon img {
    transform: scale(1.1);
}

.category-box .nav-link.active .category-icon .blue-img,
.category-box:hover .category-icon .blue-img,
.category-icon .green-img {
    opacity: 0;
}

.category-box .nav-link.active .category-icon .green-img,
.category-box:hover .category-icon .green-img {
    opacity: 1;
}

.category-box .nav-link aside {
    font-size: 14px;
    font-weight: 600;
    line-height: 125%;
    text-align: center;
    color: var(--black-color);
    text-transform: capitalize;
    min-height: 55px;
}

.category-box .nav-link aside>span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--black60-color);
    margin-top: 2px;
}

.category-splide .splide__arrows {
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    top: -45px;
    right: 0;
}

.category-splide .splide__arrow {
    position: initial;
    transform: none;
    width: 26px;
    height: 26px;
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 14px;
    opacity: 1;
}

.category-splide .splide__arrow:disabled {
    pointer-events: none;
    opacity: .25;
}

.category-splide .splide__arrow:hover {
    background-color: var(--secondary-color);
}

.product-search-row {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 15px;
    margin-block: 30px 10px;
}

.product-search-row .comn-small-title {
    flex: 1 0 200px;
    margin: 0;
}

.product-search-row .comn-country-input {
    flex: 0 0 250px;
}

.pro-category-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    grid-gap: 15px;
}

.pro-category-box {
    border: 1px solid var(--black05-color);
    border-radius: 6px;
    overflow: hidden;
    transition: var(--transition);
}

.pro-category-box:hover {
    box-shadow: 0px 25px 25px 0px #00000026;
    border-color: var(--black40-color);
}

.pro-category-image {
    height: 170px;
    background-color: var(--black03-color);
    position: relative;
}

.cart-btn {
    position: absolute;
    bottom: 10px;
    right: -100px;
    width: 50px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white-color);
    border-radius: 5px 0 0 5px;
    box-shadow: 0px 0px 16px 0px #00000014, 0px 0px 1px 0px #00000040;
    font-size: 24px;
    color: var(--secondary-color);
    transition: var(--transition);
    transition-duration: 200ms;
}

.pro-category-box:hover .cart-btn {
    right: 0;
}

.pro-category-image>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pro-category-data {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: space-between;
    align-items: flex-start;
    height: calc(100% - 170px);
}

.pro-category-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 125%;
    width: 100%;
    color: var(--black-color);
    text-transform: capitalize;
}

.pro-category-price {
    font-size: 14px;
    font-weight: 700;
    line-height: 125%;
    width: 100%;
    color: var(--black70-color);
}

.cart-modal-row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.cart-modal-row .pro-category-image {
    width: 180px;
    height: 180px;
    flex-shrink: 0;
    border: 1px solid var(--black10-color);
    border-radius: 8px;
}

.cart-modal-data {
    flex: 1 0 150px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 30px;
}

.cart-modal-data>aside {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;
    color: var(--black-color);
    width: 100%;
    word-break: break-all;
}

.cart-modal-content {
    width: 100%;
}

.cart-modal-content .box-title {
    padding: 0;
    padding-bottom: 6px;
    margin-bottom: 6px;
    font-weight: 700;
}

.cart-modal-content>p {
    font-size: 16px;
    line-height: 136%;
}

.cart-discount-row {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.cart-table {
    border-radius: 8px;
    border: 1px solid var(--black10-color);
}

.cart-table .table {
    margin: 0;
}

.cart-table .table th,
.cart-table .table td {
    font-size: 12px;
    font-weight: 500;
    line-height: 125%;
    padding: 12px 10px;
    border-bottom: 1px solid var(--black10-color);
    width: 20%;
}

.cart-table .table tr:last-child td {
    border-bottom: none;
}

.cart-table .table th {
    text-transform: capitalize;
    font-weight: 700;
    background-color: var(--black05-color);
    white-space: nowrap;
}

.cart-table .table td.text-14px {
    font-size: 14px;
    font-weight: 600;
}

.cart-image {
    width: 60px;
    height: 60px;
    background-color: var(--black03-color);
    border: 1px solid var(--black05-color);
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 10px;
}

.cart-image>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.flat-margin-row,
.percentage-row,
.flat-discount-row,
.coupon-code-row {
    display: none;
}

.payment-method-row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-block: 15px;
}

.payment-method-group {
    flex: 1 0 100px;
}

.payment-method-group input {
    display: none;
}

.payment-method-group label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--black15-color);
    padding: 10px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 136%;
    color: var(--black-color);
    text-transform: capitalize;
    width: 100%;
    cursor: pointer;
}

.payment-method-group input:checked+label {
    background-color: var(--secondary10-color);
    border-color: var(--secondary-color);
}

.payment-method-group label img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.cart-btn-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart-btn-row button,
.cart-btn-row .button {
    flex: 1 0 100px;
}

.retaileer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 15px;
    border-bottom: 2px solid var(--admin-body-color);
}

.retaileer-header>h4 {
    font-size: 16px;
    font-weight: 800;
    line-height: 136%;
    color: var(--black-color);
    margin: 0;
}

.retaileer-header>.comn-form-group {
    flex: 0 0 350px;
    margin: 0;
}

.retailer-dash-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.retailer-dash-row .dashboard-cashflows-box {
    background-color: var(--black60-color);
}

.retailer-dash-row .box-1 {
    background-color: #70B944;
}

.retailer-dash-row .box-2 {
    background-color: #4A8CDA;
}

.retailer-dash-row .box-3 {
    background-color: #6647BF;
}

.retailer-dash-row .box-4 {
    background-color: #EC8153;
}

.retailer-dash-row .box-5 {
    background-color: #FC4C4E;
}

.retailer-dash-row .box-6 {
    background-color: #3A93AF;
}

.retailer-dash-row .box-7 {
    background-color: #0066FF;
}

.retailer-dash-row>* {
    flex: 1 0 320px;
}

.add-to-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.invoice-return-row>*,
.add-to-row>* {
    width: 100%;
    margin: 0;
}

.invoice-return-row>p,
.add-to-row>p {
    color: var(--black-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
}

.invoice-return-row>p.text-red,
.add-to-row>p.text-red {
    color: #F14C41;
}

.invoice-return-row {
    padding: 15px 30px;
    border: 1px solid var(--black15-color);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.comn-list-box {
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid var(--black15-color);
    border-radius: 10px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.comn-list-box p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    color: var(--black-color);
}

.report-invoice-row {
    background-color: var(--white-color);
    padding: 20px;
    border-bottom: 15px solid var(--admin-body-color);
}


/*
.report-invoice-box {
    padding: 20px;
    border: 1px solid var(--black15-color);
    border-radius: 8px;
} */

.report-invoice-box .comn-btn {
    min-width: auto;
}

.report-invoice-box-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

.report-invoice-box-top-leftside {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px 30px;
    flex: 1 0 300px;
}

.report-invoice-box-top-leftside .comn-form-group {
    margin: 0;
    flex-basis: 340px;
}

.report-invoice-box-bottom {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid var(--black15-color);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px;
}

.report-invoice-box-bottom-box {
    flex: 1 0 150px;
}

.report-invoice-box-bottom>.comn-btn {
    align-self: flex-end;
}

.report-invoice-box-bottom .comn-form-switch-row {
    align-items: flex-start;
    gap: 10px;
    min-height: auto;
    flex-direction: column;
    margin-bottom: 10px;
}

.naf-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

.naf-row>* {
    margin-bottom: 0;
    flex: 1 0 180px;
}

.place-order-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    background-color: var(--white-color);
    padding-top: 15px;
}

.place-order-row>p {
    font-size: 16px;
    font-weight: 600;
    line-height: 136%;
    color: #8E6928;
    padding: 5px 12px;
    margin: 0;
    background-color: #FEF9EB;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #FFE9B3;
    border-radius: 0px 100px 100px 0px;
    text-transform: capitalize;
}

.place-order-row>span {
    display: block;
    padding-inline: 15px;
    font-size: 16px;
    font-weight: 800;
    line-height: 136%;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.review-order-box {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--black15-color);
}

.review-order-box:not(:last-child) {
    margin-bottom: 20px;
}

.review-order-title {
    font-size: 16px;
    font-weight: 800;
    line-height: 136%;
    color: var(--black-color);
    margin-bottom: 15px;
    text-transform: capitalize;
}

.review-order-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.review-order-list li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-block: 15px;
    border-bottom: 1px solid var(--black10-color);
}

.review-order-list li:last-child {
    border-bottom: none;
    padding-top: 25px;
    padding-bottom: 0;
}

.review-order-list li>p {
    margin: 0;
    font-size: 16px;
    line-height: 125%;
    color: var(--black80-color);
}

.review-order-list li>aside {
    display: flex;
    align-items: center;
    gap: 40px;
    font-size: 16px;
    line-height: 136%;
    color: var(--black-color);
    flex-shrink: 0;
}

.review-order-list li>aside.total-text {
    font-size: 24px;
    font-weight: 600;
}

.review-order-list li>aside>span {
    font-size: 14px;
}

.unavailable-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unavailable-box aside {
    font-size: 16px;
    font-weight: 700;
    line-height: 136%;
    color: var(--black-color);
}

.unavailable-box p {
    font-size: 16px;
    font-weight: 500;
    line-height: 136%;
    color: var(--black-color);
    margin: 0;
}

.unavailable-box span {
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    margin-top: 5px;
    display: block;
    color: #F14C41;
}

.order-pad-container {
    padding: 20px;
    background-color: var(--white-color);
}

.order-pad-row {
    border: 1px solid var(--black15-color);
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.order-pad-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.order-pad-box>* {
    flex: 1 0 200px;
}

.order-pad-btn {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background-color: transparent;
    border: 1px solid currentColor;
    color: var(--secondary-color);
    border-radius: 4px;
    font-size: 18px;
}

.order-pad-btn:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
}

.order-pad-row .comn-btn-row {
    margin-top: 20px;
}

.order-pad-row .comn-btn-row>button:disabled {
    opacity: .5;
    pointer-events: none;
}

.order-pad-cart-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    padding: 15px;
    background-color: var(--white-color);
    border-bottom: 2px solid var(--admin-body-color);
    border-radius: 10px 10px 0 0;
}

.order-pad-cart-left,
.order-pad-cart-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.order-pad-cart-left {
    gap: 10px;
}

.order-pad-cart-left>aside {
    font-size: 16px;
    font-weight: 800;
    line-height: 136%;
    color: var(--black-color);
    text-transform: capitalize;
}

.order-pad-cart-left>span {
    font-size: 16px;
    font-weight: 800;
    line-height: 136%;
    color: var(--secondary-color);
}

.order-pad-cart-right>p {
    font-size: 16px;
    font-weight: 800;
    line-height: 136%;
    color: var(--black60-color);
    margin: 5px 15px 0 0px;
}

.search-product-control .ts-control {
    padding: 13px 60px 13px 40px !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(102, 102, 102)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>');
    background-size: 16px;
    background-position: left 12px center;
    background-repeat: no-repeat;
    border-color: var(--black20-color);
    border-radius: 5px;
}

.search-product-control .ts-dropdown-content {
    max-height: 450px;
    padding-right: 10px;
    margin-bottom: 76px;
}

.search-product-control .ts-dropdown [data-selectable].option {
    padding-bottom: 0px;
    margin-bottom: 15px;
}

.search-product-control .ts-dropdown .optgroup [data-selectable].option {
    margin-bottom: 10px;
}

.search-product-control .ts-dropdown .optgroup [data-selectable].option:last-child {
    margin-bottom: 0;
}

.search-product-control .optgroup-header {
    display: none;
}

.sp-card {
    align-items: center;
    gap: 10px;
}

.sp-card>.comn-form-checkbox {
    margin: 0 !important;
}

.search-product-control .optgroup {
    padding-left: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--black10-color);
    margin-bottom: 15px;
}

.search-product-control .optgroup:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.search-product-control .optgroup .order-list-image {
    width: 50px;
    height: 50px;
}

.sp-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--white-color);
    border-top: 1px solid var(--black15-color);
}

.sp-footer-leftside {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sp-footer-leftside>p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    color: var(--black-color);
    text-transform: capitalize;
}

.sp-footer-leftside>p>span {
    font-weight: 700;
}

.sp-footer-rightside {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.ts-dropdown {
    display: flex;
    flex-direction: column;
}

.currency-icon {
    position: absolute;
    left: 20px;
    /* top: 25px; */
    top: 50%;
    transform: translateY(-50%);
}


/* changes 08-07-24 */

#inventory-add tr th:nth-child(5),
#inventory-add tr td:nth-child(5) {
    text-align: left;
}


/* Chrome, Safari, Edge, Opera */

#inventory-add input::-webkit-outer-spin-button,
#inventory-add input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#inventory-add input[type=number] {
    -moz-appearance: textfield;
}

#inventory th,
#inventory td,
#inventory-view th,
#inventory-view td {
    text-align: left !important;
}

#inventory th:nth-child(3),
#inventory td:nth-child(3) {
    text-align: center !important;
}

#inventory td:last-child .comn-table-action-row {
    justify-content: flex-start;
}

#inventory-view_wrapper+.order-payment-list li,
#inventory-view_wrapper+.order-payment-list li p {
    font-size: 18px;
}

.add-stock-top-row>.comn-form-group.lg {
    flex: 1 0 250px;
}

#set-quantityModal.comn-modal .modal-dialog {
    max-width: 650px;
}

.set-quantity-data-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.set-quantity-pro-name {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}

.set-quantity-total {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}

.set-quantity-total span {
    font-weight: 700;
}

.set-quantity-data-col .order-count-box {
    display: flex;
    width: 120px;
    height: 42px;
}

.set-qauntity-pro {
    background: #34343408;
    border: 1px solid #3434341A;
    border-radius: 8px;
    overflow: hidden;
    width: 180px;
    height: 180px;
    text-align: center;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.set-qauntity-pro img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.modal-scroll-form {
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pro-category-box {
    position: relative;
}

.pro-category-overlay {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.pro-category-box:hover .pro-category-overlay {
    top: 0;
}

.pro-overlay-btn-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.price-code-text {
    position: absolute;
    top: calc(50% + 3px);
    left: 15px;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    padding-right: 10px;
    margin: 0;
    /* border-right: 1px solid var(--black-color); */
    color: var(--black-color);
}

.pro-overlay-btn-row button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: var(--white-color);
    border-radius: 5px;
    box-shadow: 0px 0px 16px 0px #00000014, 0px 0px 1px 0px #00000040;
    font-size: 16px;
    color: var(--secondary-color);
    border: none;
    transition: var(--transition);
}

.pro-overlay-btn-row button:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.comn-big-modal {
    z-index: 100000;
}

.product-grid-card.product-grid-right {
    background-color: #f8faff;
    padding: 15px;
    border: 1px solid #dcdfeb;
    border-radius: 5px;
}

.product-grid-card.product-grid-right .comn-form-label {
    background-color: #f8faff;
}

.sidebar-list>li a+.submenu>li a[aria-expanded="true"] {
    padding: 11px 12px;
    font-weight: 600;
}

.cart-image-li {
    width: 60px;
}

.cart-name-li {
    flex: 1;
    max-width: 20%;
    text-align: center;
}

.cart-tax-li {
    width: 55px;
    text-align: center;
}

.cart-quantity-li {
    width: 90px;
    text-align: center;
}

.cart-price-li {
    width: 90px;
    text-align: center;
}

.cart-action-li {
    width: 45px;
    text-align: center;
}


/* Chrome, Safari, Edge, Opera */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

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

.form-control:focus {
    box-shadow: none;
    border-color: var(--primary-color);
}

.search-product-control.searchProduct i.wesupply-barcode {
    position: absolute;
    right: 10px;
    font-size: large;
}

.view-cart-update-cart-top-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.order-details-box {
    border-radius: 0;
    background-color: #fff;
    justify-content: flex-end;
    text-align: right;
}

.billing-shipping-address-main {
    background-color: var(--white-color);
    padding-inline: 15px;
    padding-bottom: 15px;
}

.billing-shipping-address-main .review-order-box h5 {
    font-weight: 700;
}

.billing-shipping-address-main .review-order-box p {
    margin-bottom: 5px;
}

.comn-table #group-managers.table tr th,
.comn-table #group-managers.table tr td {
    text-align: left;
}

.comn-table #customers.table tr th:nth-child(2),
.comn-table #customers.table tr th:nth-child(3),
.comn-table #customers.table tr th:nth-child(6),
.comn-table #customers.table tr td:nth-child(2),
.comn-table #customers.table tr td:nth-child(3),
.comn-table #customers.table tr td:nth-child(6) {
    text-align: left;
}

.page-loader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    background-color: #ffffffed;
}

.page-loader img {
    max-width: 120px;
}

.comn-table .table tr td:last-child .comn-table-action-row {
    justify-content: flex-start;
}

label.form-check-label[for="etransfer"] {
    text-transform: initial;
}

.checkout-sidebar {
    background-color: var(--primary05-color);
    padding: 20px;
    border-radius: 10px;
    /* border: 1px solid var(--black15-color); */
    position: sticky;
    top: 110px;
}

.checkout-total-list li {
    padding-block: 5px;
    border-bottom: 0;
}

.checkout-total-list li>p {
    font-size: 14px;
    max-width: 70%;
}

.checkout-total-list li>aside {
    font-weight: 700;
}

.checkout-total-list li:last-child {
    padding-top: 4px;
    padding-bottom: 0;
}

.checkout-total-list li:last-child>p {
    font-size: 16px;
    font-weight: 700;
    color: var(--black-color);
}

.checkout-total-list li>aside.total-text {
    font-size: 20px;
    font-weight: 700;
}

.promo-code .input-group-text {
    font-weight: 700;
    color: var(--primary-color);
    background-color: #fff;
    border-color: var(--black30-color);
}

.payment-opotion-area {
    border-top: 1px solid var(--black15-color);
    padding-top: 20px;
    margin-top: 20px;
}

.company-detail-area {
    padding: 15px 10px;
}

.company-detail-single label {
    margin-bottom: 5px;
}

.company-detail-single p {
    font-weight: 700;
}

.company-detail-single {
    padding: 15px;
    border-radius: 8px;
    background-color: var(--black03-color);
}

form#form-stock-adjustment .comn-table {
    overflow-x: visible;
}

#discount_type_dropdown .ts-dropdown{
    top: auto !important;
    bottom: 120% !important; 
}


/* product search */
#searchProductModal .modal-lg {
    max-width: 800px;
}
.product-searchlist-main {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}
.search-list-single {
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-seachlist-sub {
    margin-top: 15px;
}
.product-searchlist-main>li {
    margin-bottom: 15px;
}

.custom-readonly {
    cursor: not-allowed;
    background: #cfd1d0;
}