:root {
    --bs-body-font-family: 'Baloo Bhaijaan 2', sans-serif;
    --heading-font: 'Effra Arbc', sans-serif;
    --white: #fff;
    --black: #000;
    --primary: #4FBCC2;
    --primary-rgb: 79, 188, 194;
    --primary-100: #7FE0E5;
    --secondary: #BC9CD5;
    --secondary-rgb: 188, 156, 213;
    --dark: #333333;
    --grey: #808080;
    --grey-100: #B3B3B3;
    --grey-200: #f8f8f8;
    --bs-body-font-size: 16px;
    --bs-body-line-height: 1.5;
    --bs-body-font-weight: 400;
    --bs-body-color: var(--grey);
    --bs-body-bg: var(--white);
    --bs-border-color: #D9D9D9;
    --success: #40c654;
    --bs-success-rgb: 64, 198, 84;
    --danger: #ff627d;
    --bs-danger-rgb: 255, 98, 125;
    --bs-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
}

img {
    max-width: 100%;
    height: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

body {
    border-top: 4px solid var(--primary);
    background-color: #F8F8F8;
}

body:has(header .navbar-toggler[aria-expanded="true"]) {
    overflow: hidden;
}

body main {
    padding: 40px 0;
    background-color: #F8F8F8;
}

.font-effra {
    font-family: var(--heading-font) !important;
}

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

.fs-18 {
    font-size: 18px;
}

.lh-30 {
    line-height: 30px;
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-grey {
    color: var(--grey) !important;
}

.text-grey-100 {
    color: var(--grey-100) !important;
}

.text-dark {
    color: var(--dark) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-grey {
    background-color: var(--grey) !important;
}

.bg-grey-200 {
    background-color: var(--grey-200) !important;
}

.bg-border {
    background-color: var(--bs-border-color) !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

.border-grey {
    border-color: var(--grey) !important;
}

.border-grey-100 {
    border-color: var(--grey-100) !important;
}

.grid {
    display: grid;
}

.min-w-450 {
    min-width: 450px !important;
}

.min-w-auto {
    min-width: auto !important;
}

/* Button */
.btn {
    padding: 14px 40px;
    border-radius: 8px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    font-family: var(--heading-font);
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: 0.2s all ease-in-out;
}

.btn.btn-sm {
    padding: 5.5px 11px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

.btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.btn.btn-primary,
.btn.btn-primary:active {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}

.btn.btn-secondary,
.btn.btn-secondary:active {
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
    color: var(--white);
}

.btn.btn-grey,
.btn.btn-grey:active {
    background-color: var(--grey);
    border: 1px solid var(--grey);
    color: var(--white);
}

.btn-danger {
    --bs-btn-bg: #FF627D;
    --bs-btn-border-color: #FF627D;
    --bs-btn-hover-bg: #FF627D;
    --bs-btn-hover-border-color: #FF627D;
    --bs-btn-active-bg: #FF627D;
    --bs-btn-active-border-color: #FF627D;
    --bs-btn-disabled-bg: #FF627D;
    --bs-btn-disabled-border-color: #FF627D;
}

.btn-warning {
    --bs-btn-bg: #FF8C00;
    --bs-btn-border-color: #FF8C00;
    --bs-btn-hover-bg: #FF8C00;
    --bs-btn-hover-border-color: #FF8C00;
    --bs-btn-active-bg: #FF8C00;
    --bs-btn-active-border-color: #FF8C00;
    --bs-btn-disabled-bg: #FF8C00;
    --bs-btn-disabled-border-color: #FF8C00;
    color: var(--white);
}

/* Button */

/* Card */
.cus-card {
    position: relative;
    background-color: var(--white);
    border-radius: 4px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.cus-card.chart {
    padding: 0;
}

.cus-card.chart .heading {
    padding: 20px;
}

.cus-card.top-line::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 0;
    width: 60px;
    height: 3px;
    background-color: var(--primary);
    z-index: 1;
}

/* Card */

/* cus-filter */
.cus-filter {
    padding: 2px;
    display: flex;
    align-items: stretch;
    gap: 2px;
    width: 100%;
    max-width: 190px;
}

.cus-filter button {
    padding: 4px;
    border-radius: 100rem;
    font-size: 18px;
    line-height: 21px;
    background-color: transparent;
    border: none;
    color: var(--grey);
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cus-filter button.active {
    background-color: var(--primary);
    color: var(--white);
}

/* cus-filter */

/* apexcharts */
.apexcharts-legend-marker svg {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

/* apexcharts */

/* Input */
.form-control:not([type=file]) {
    padding: 12px 16px;
}

.form-control,
.form-select {
    background-color: var(--white);
    border-radius: 8px;
    line-height: 25px;
    color: var(--dark);
}

.form-select {
    padding: 12px 40px 12px 16px;
}

.form-control::placeholder,
.form-control[type=file] {
    color: var(--grey-100);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), 0.25);
    border-color: var(--primary);
    color: var(--dark);
}

.form-label {
    margin-bottom: 4px;
    color: var(--dark);
    line-height: 27px;
}

.auth-wrapper .form-label {
    color: var(--bs-body-color);
}

.form-control::file-selector-button {
    padding: 12px 16px;
    background-color: #f1f1f1;
    color: var(--grey-100);
}

.form-control.camera-icon {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 3.5C15.5046 3.49984 15.9906 3.69041 16.3605 4.0335C16.7305 4.37659 16.9572 4.84684 16.995 5.35L17 5.5C17 5.74493 17.09 5.98134 17.2527 6.16437C17.4155 6.34741 17.6397 6.46434 17.883 6.493L18 6.5H19C19.7652 6.49996 20.5015 6.79233 21.0583 7.31728C21.615 7.84224 21.9501 8.56011 21.995 9.324L22 9.5V18.5C22 19.2652 21.7077 20.0015 21.1827 20.5583C20.6578 21.115 19.9399 21.4501 19.176 21.495L19 21.5H5C4.23479 21.5 3.49849 21.2077 2.94174 20.6827C2.38499 20.1578 2.04989 19.4399 2.005 18.676L2 18.5V9.5C1.99996 8.73479 2.29233 7.99849 2.81728 7.44174C3.34224 6.88499 4.06011 6.54989 4.824 6.505L5 6.5H6C6.26522 6.5 6.51957 6.39464 6.70711 6.20711C6.89464 6.01957 7 5.76522 7 5.5C6.99984 4.99542 7.19041 4.50943 7.5335 4.13945C7.87659 3.76947 8.34685 3.54284 8.85 3.505L9 3.5H15ZM12 10.5C11.2566 10.4999 10.5396 10.7759 9.98813 11.2744C9.43662 11.7729 9.08984 12.4584 9.015 13.198L9.004 13.35L9 13.5L9.004 13.65C9.03335 14.2362 9.23402 14.801 9.58117 15.2743C9.92832 15.7476 10.4067 16.1087 10.957 16.3128C11.5074 16.5169 12.1055 16.5551 12.6773 16.4226C13.2491 16.2901 13.7695 15.9928 14.174 15.5675C14.5786 15.1422 14.8494 14.6076 14.9531 14.0298C15.0568 13.4521 14.9887 12.8566 14.7572 12.3172C14.5258 11.7778 14.1412 11.3181 13.6511 10.9951C13.1611 10.6721 12.587 10.5 12 10.5Z" fill="%234FBCC1"/></svg>');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: calc(100% - 10px) center;
    padding: .375rem 2.75rem .375rem .75rem;
}

.form-check {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
    color: var(--dark);
}

.form-check.form-check-inline {
    margin-right: 28px;
    display: inline-flex;
}

.form-check .form-check-label {
    cursor: pointer;
    line-height: 30px;
}

.form-check .form-check-input {
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin: 0;
    cursor: pointer;
}

.form-check .form-check-input:checked {
    background-color: var(--white);
    border-color: var(--primary);
    background-size: unset;
}

.form-check .form-check-input[type=radio]:checked {
    --bs-form-check-bg-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_424_10638)"><path d="M0 6C0 2.68629 2.68629 0 6 0H12C15.3137 0 18 2.68629 18 6V12C18 15.3137 15.3137 18 12 18H6C2.68629 18 0 15.3137 0 12V6Z" fill="%234FBCC1"/></g><defs><clipPath id="clip0_424_10638"><rect width="18" height="18" rx="9" fill="white"/></clipPath></defs></svg>');
}

.form-check .form-check-input[type=checkbox]:checked {
    --bs-form-check-bg-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_451_11794)"><path d="M5 12L10 17L20 7" stroke="%234FBCC1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_451_11794"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4261_588)"><path d="M16 2.5C16.183 2.5 16.355 2.55 16.502 2.635L16.535 2.655C16.815 2.832 17 3.145 17 3.5V4.5H18C18.7652 4.49996 19.5015 4.79233 20.0583 5.31728C20.615 5.84224 20.9501 6.56011 20.995 7.324L21 7.5V19.5C21 20.2652 20.7077 21.0015 20.1827 21.5583C19.6578 22.115 18.9399 22.4501 18.176 22.495L18 22.5H6C5.23479 22.5 4.49849 22.2077 3.94174 21.6827C3.38499 21.1578 3.04989 20.4399 3.005 19.676L3 19.5V7.5C2.99996 6.73479 3.29233 5.99849 3.81728 5.44174C4.34224 4.88499 5.06011 4.54989 5.824 4.505L6 4.5H7V3.5C6.99999 3.32173 7.04764 3.14669 7.13802 2.99302C7.22839 2.83936 7.3582 2.71264 7.514 2.626L7.607 2.58L7.673 2.555L7.773 2.526L7.88 2.507L8 2.5C8.05533 2.5 8.109 2.50433 8.161 2.513L8.283 2.542L8.323 2.554L8.383 2.577C8.711 2.712 8.951 3.017 8.993 3.383L9 3.5V4.5H15V3.5C15 3.23478 15.1054 2.98043 15.2929 2.79289C15.4804 2.60536 15.7348 2.5 16 2.5ZM19 9.5H5V19.125C5 19.83 5.386 20.411 5.883 20.491L6 20.5H18C18.513 20.5 18.936 19.97 18.993 19.285L19 19.125V9.5Z" fill="%234FBCC1"/><path d="M9.01499 13.4999C9.01499 13.7651 8.90963 14.0195 8.7221 14.207C8.53456 14.3946 8.28021 14.4999 8.01499 14.4999C7.87993 14.5063 7.74497 14.4852 7.61827 14.438C7.49157 14.3908 7.37575 14.3184 7.2778 14.2252C7.17984 14.132 7.10179 14.0199 7.04834 13.8957C6.9949 13.7715 6.96717 13.6377 6.96683 13.5025C6.96649 13.3673 6.99355 13.2334 7.04638 13.109C7.0992 12.9845 7.17669 12.872 7.27418 12.7783C7.37166 12.6846 7.48712 12.6117 7.61359 12.5638C7.74005 12.5159 7.8749 12.4942 8.00999 12.4999C8.56699 12.4999 9.01499 12.9479 9.01499 13.4999Z" fill="%234FBCC1"/><path d="M13.015 13.4999C13.015 13.7651 12.9096 14.0195 12.7221 14.207C12.5346 14.3946 12.2802 14.4999 12.015 14.4999C11.8799 14.5063 11.745 14.4852 11.6183 14.438C11.4916 14.3908 11.3757 14.3184 11.2778 14.2252C11.1798 14.132 11.1018 14.0199 11.0483 13.8957C10.9949 13.7715 10.9672 13.6377 10.9668 13.5025C10.9665 13.3673 10.9936 13.2334 11.0464 13.109C11.0992 12.9845 11.1767 12.872 11.2742 12.7783C11.3717 12.6846 11.4871 12.6117 11.6136 12.5638C11.74 12.5159 11.8749 12.4942 12.01 12.4999C12.567 12.4999 13.015 12.9479 13.015 13.4999Z" fill="%234FBCC1"/><path d="M17.02 13.4999C17.02 13.7651 16.9146 14.0195 16.7271 14.207C16.5396 14.3946 16.2852 14.4999 16.02 14.4999C15.8849 14.5063 15.75 14.4852 15.6233 14.438C15.4966 14.3908 15.3808 14.3184 15.2828 14.2252C15.1848 14.132 15.1068 14.0199 15.0533 13.8957C14.9999 13.7715 14.9722 13.6377 14.9718 13.5025C14.9715 13.3673 14.9986 13.2334 15.0514 13.109C15.1042 12.9845 15.1817 12.872 15.2792 12.7783C15.3767 12.6846 15.4921 12.6117 15.6186 12.5638C15.7451 12.5159 15.8799 12.4942 16.015 12.4999C16.572 12.4999 17.02 12.9479 17.02 13.4999Z" fill="%234FBCC1"/><path d="M12.02 15.4999C12.2852 15.4999 12.5396 15.6053 12.7271 15.7928C12.9146 15.9803 13.02 16.2347 13.02 16.4999C13.02 16.7651 12.9146 17.0195 12.7271 17.207C12.5396 17.3946 12.2852 17.4999 12.02 17.4999C11.8849 17.5063 11.75 17.4852 11.6233 17.438C11.4966 17.3908 11.3808 17.3184 11.2828 17.2252C11.1848 17.132 11.1068 17.0199 11.0533 16.8957C10.9999 16.7715 10.9722 16.6377 10.9718 16.5025C10.9715 16.3673 10.9986 16.2334 11.0514 16.109C11.1042 15.9845 11.1817 15.872 11.2792 15.7783C11.3767 15.6846 11.4921 15.6117 11.6186 15.5638C11.7451 15.5159 11.8799 15.4942 12.015 15.4999H12.02Z" fill="%234FBCC1"/><path d="M9.01499 16.4999C9.01499 16.7651 8.90963 17.0195 8.7221 17.207C8.53456 17.3946 8.28021 17.4999 8.01499 17.4999C7.87993 17.5063 7.74497 17.4852 7.61827 17.438C7.49157 17.3908 7.37575 17.3184 7.2778 17.2252C7.17984 17.132 7.10179 17.0199 7.04834 16.8957C6.9949 16.7715 6.96717 16.6377 6.96683 16.5025C6.96649 16.3673 6.99355 16.2334 7.04638 16.109C7.0992 15.9845 7.17669 15.872 7.27418 15.7783C7.37166 15.6846 7.48712 15.6117 7.61359 15.5638C7.74005 15.5159 7.8749 15.4942 8.00999 15.4999C8.56699 15.4999 9.01499 15.9479 9.01499 16.4999Z" fill="%234FBCC1"/></g><defs><clipPath id="clip0_4261_588"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
    background-size: auto;
    width: 24px;
    height: 24px;
}

.label-switch {
    padding: 3px;
}

.label-switch label span {
    padding: 12px 16px;
    cursor: pointer;
    font-size: 18px;
    line-height: 21px;
    font-family: var(--heading-font);
    min-width: 108px;
    transition: 0.2s all ease-in-out;
}

.label-switch label span.approved {
    color: var(--white);
}

.label-switch label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    transform: translateX(0);
    border-radius: 4px;
    background-color: var(--primary);
    transition: 0.2s all ease-in-out;
}

.label-switch input:checked+label::after {
    transform: translateX(100%);
}

.label-switch input:checked+label span.approved {
    color: var(--dark);
}

.label-switch input:checked+label span.rejected {
    color: var(--white);
}

.label-switch.active-blocked:has(input:not(:checked)) {
    border-color: var(--success) !important;
}

.label-switch.active-blocked label span {
    padding: 6px 8px;
    font-size: 14px;
    line-height: 18px;
    min-width: 64px;
}

.label-switch.active-blocked label::after {
    background-color: var(--success);
}

.label-switch.active-blocked:has(input:checked) {
    border-color: var(--danger) !important;
}

.label-switch.active-blocked input:checked+label::after {
    background-color: var(--danger);
}

.label-switch input:disabled+label {
    color: var(--grey-100);
}

.label-switch input:disabled+label::after {
    background-color: var(--grey-100);
}

.label-switch.active-blocked:has(input:disabled) {
    border-color: var(--grey-100) !important;
}

.label-switch.active-blocked:has(input:disabled),
.label-switch input:disabled+label span {
    cursor: no-drop;
}

.form-control-box .tracking-search .action {
    right: 10px;
}

.form-control-box .tracking-search .form-control {
    padding-right: 120px;
}

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

.select2-selection {
    padding: 7px 16px 12px 11px !important;
    background-color: var(--white) !important;
    border-radius: 8px !important;
    line-height: 25px;
    color: var(--dark);
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.select2-container--focus .select2-selection {
    box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), 0.25);
    border-color: var(--primary) !important;
    color: var(--dark);
}

.select2-search__field {
    height: 25px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primary);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--grey-200);
    border: 1px solid var(--bs-border-color);
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--bs-border-color);
}

/* Input */

/* Table */
.table {
    margin-bottom: 5px;
    min-width: 950px;
}

.table.table-lg {
    min-width: 1200px;
}

.table.table-lg tr :is(th, td):not(:last-child) {
    padding-right: 0 !important;
}

.table>:not(caption)>*>* {
    border-bottom: 4px solid #F8F8F8;
}

.table tr:hover td {
    background-color: rgba(var(--primary-rgb), 0.1);
}

.table button svg rect {
    transition: 0.2s all ease-in-out;
}

.table button:hover svg rect {
    fill: var(--primary);
}

.table-responsive.bg-white .table>:not(caption)>*>* {
    border-bottom: 4px solid var(--white);
}

.table-responsive.bg-white .table tr td {
    background-color: #f8f8f8 !important;
}

.table .input-group input {
    max-width: 120px;
}

.cust-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.cust-table-inner {
    min-width: 900px;
}

.table tr td:not(:last-child) {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Table */

/* Pagination */
.pagination {
    margin-top: 5px;
}

.pagination .page-item {
    display: flex;
}

.pagination .page-item .page-link {
    padding: 11px 15px;
    color: #6C757D;
    min-width: 38px;
}

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

.pagination .page-item.active .page-link {
    background-color: var(--primary);
    border: none;
    color: var(--white);
}

.pagination .page-item.disabled .page-link {
    color: #ADB5BD;
    background-color: var(--white);
}

/* Pagination */

/* Modal */
.modal {
    --bs-modal-border-width: 0;
    --bs-modal-header-padding: 20px;
    --bs-modal-padding: 20px;
    --bs-modal-header-border-color: #E6E6E6;
}

.modal-backdrop {
    --bs-backdrop-opacity: 0.2;
}

.btn-close {
    --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), 0.25);
    --bs-btn-close-bg: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_480_14571)"><path d="M18 6L6 18" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 6L18 18" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_480_14571"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
    background-size: auto;
}

/* Modal */

/* Header */
.main-header .container::before {
    content: "";
    width: 576px;
    height: 418px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../images/header-bg.png') no-repeat;
}

.main-header nav {
    padding: 20px 0;
}

.main-header nav .navbar-nav .nav-link {
    font-size: 20px;
    line-height: 34px;
    min-height: 34px;
}

.main-header nav .navbar-nav .nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
}

.main-header nav .navbar-nav .nav-link.dropdown-toggle .dropdown-icon {
    transition: 0.1s all ease-in-out;
}

.main-header nav .navbar-nav .nav-link.dropdown-toggle.show .dropdown-icon {
    transform: rotate(180deg);
}

.main-header nav .navbar-nav .nav-link.dropdown-toggle::after,
.main-header .user-action-box .dropdown-toggle::after,
.print-action-box .dropdown-toggle::after {
    display: none;
}

.main-header nav .navbar-nav .dropdown-menu,
.main-header .user-action-box .dropdown-menu {
    border: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 14px;
    background: var(--white);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    min-width: 180px;
}

.dropdown .dropdown-menu li {
    width: 100%;
}

.print-action-box .dropdown-menu {
    border: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 12px 4px;
    background: var(--white);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    min-width: unset;
}

.main-header .user-action-box .dropdown-menu,
.print-action-box .dropdown-menu {
    left: unset !important;
    right: 0 !important;
}

.main-header nav .navbar-nav .dropdown-menu.show,
.main-header .user-action-box .dropdown-menu.show,
.print-action-box .dropdown-menu.show {
    display: flex;
}

.main-header nav .navbar-nav .dropdown-menu .dropdown-item,
.main-header .user-action-box .dropdown-menu .dropdown-item {
    font-size: 18px;
    line-height: 1;
    white-space: unset;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.main-header nav .navbar-nav .nav-link:hover,
.main-header nav .navbar-nav .dropdown-menu .dropdown-item:hover,
.main-header .user-action-box .dropdown-menu .dropdown-item:hover,
.print-action-box .dropdown-menu .dropdown-item:hover,
.main-header nav .navbar-nav .nav-link.active,
.main-header nav .navbar-nav .dropdown-menu .dropdown-item.active,
.main-header .user-action-box .dropdown-menu .dropdown-item.active,
.print-action-box .dropdown-menu .dropdown-item.active {
    color: var(--primary) !important;
    background-color: transparent !important;
}

.main-header nav .user-action {
    gap: 6px;
    font-size: 18px;
    line-height: 31px;
}

.main-header nav .user-action img {
    width: 30px;
    height: 30px;
    border: 2px solid var(--white);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 50%;
}

.heading-title .heading-title-inner {
    padding: 20px 0;
}

.heading-title .title {
    font-size: 28px;
    line-height: 33px;
}

.heading-title .subtitle {
    font-size: 16px;
    line-height: 19px;
}

.heading-title .form-control-box {
    max-width: 298px;
    position: relative;
}

.heading-title .form-control-box:has(.clear-search) input {
    padding-inline-end: 36px;
}

.heading-title .form-control-box .clear-search {
    inset-inline-end: 6px;
    padding: 1px;
}

.heading-title .btn {
    padding-block: 9.5px;
}

/* Header */

/* auth-wrapper */
.auth-wrapper {
    min-height: calc(100vh - 4px);
}

.auth-wrapper .auth-inner {
    max-width: 523px;
    padding: 80px;
    height: calc(100vh - 4px);
}

.auth-wrapper .form {
    gap: 30px;
}

.auth-wrapper .auth-inner .title {
    font-size: 28px;
    line-height: 33px;
}

.auth-wrapper .auth-inner .subtitle {
    font-size: 18px;
    line-height: 21px;
}

.auth-wrapper .auth-bg {
    height: calc(100vh - 4px);
}

.auth-wrapper .auth-bg img {
    object-position: top;
}

/* auth-wrapper */

/* label-value */
.label-value-box {
    gap: 20px;
    padding-bottom: 40px;
    margin-bottom: 30px;
}

.label-value {
    font-size: 20px;
}

.label-value .label {
    min-width: 299px;
}

.label-value .label-sm {
    min-width: 194px !important;
}

.label-value .profile-pic {
    width: 100px;
    height: 100px;
    min-width: 100px;
    object-fit: cover;
}

.label-value .product-pic {
    width: 34px;
    height: 34px;
    min-width: 34px;
    object-fit: cover;
}

.user-sign-box {
    width: 100%;
    max-width: 280px;
}

.user-sign-box .user-sign {
    height: 160px;
}

.client-logo-box {
    width: 100%;
    max-width: 160px;
}

.client-logo-box .client-logo {
    height: 160px;
}

/* label-value */

/* tacking-box */
.tacking-box .box-left {
    padding-left: 16px;
    border-left: 1px solid var(--bs-border-color);
}

/* tacking-box */

/* key-point */
.key-point {
    padding: 25.5px 20px;
}

.key-point::after {
    content: "";
    position: absolute;
    right: -42px;
    top: calc(100% - 22px);
    width: 233px;
    height: 208px;
    background-image: url('../images/overlay.svg');
    background-repeat: no-repeat;
}

.key-point .title {
    font-size: 38px;
    line-height: 38px;
}

.key-point .subtitle {
    font-size: 14px;
    line-height: 16px;
}

/* key-point */

/* employee-of-month */
.employee-of-month::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 143px;
    background: url('../images/employee-of-month-bg.png') center;
}

.employee-of-month .employee-img .trophy-icon {
    bottom: 0;
    right: 20%;
}

.employee-of-month .label-btn {
    max-width: 213px;
    padding: 10px 30px;
}

/* employee-of-month */

/* Loader */
.loader {
    z-index: 12;
}

.loader img {
    animation: spin 1s ease-out infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Loader */