:root {
    --theme-default: #7366FF;
    --theme-secondary: #838383;
    --light-background: rgba(242, 243, 247, 0.7);
    --body-font-color: #2F2F3B;
    --chart-border: #ECF3FA;
    --recent-chart-bg: #FCFCFD;
    --light-bg: #EEF1F6;
    --white: #fff;
    --light2: #F5F6F9;
    --sidebar-border: rgba(0, 0, 0, 0.1);
    --chart-text-color: rgba(82, 82, 108, 0.8);
    --recent-dashed-border: rgba(82, 82, 108, 0.3);
    --chart-dashed-border: rgba(82, 82, 108, 0.2);
    --chart-progress-light: rgba(82, 82, 108, 0.1);
    --recent-box-bg: #F2F4F7;
    --recent-border: rgba(97, 101, 122, 0.25);
    --course-light-btn: #F2F3F7;
    --course-bg: #F7F7F7;
    --balance-profile-bg: #E0DFEF;
    --view-grid-bg: #ECF3FA80;
    --view-border-marker: #cfcdfc;
    --light-slate: #F5F6F9;
    --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
    --light-shade-primary: rgba(245, 244, 255);
    --rgb-primary: rgb(115, 102, 255);
    --f-lighter: #7f8183;
    --light-datatable-odd: #F5F6FA;
    --dark-light-color: rgba(10, 10, 10, 0.5);
    --lighter-gray: rgba(33, 37, 41, 0.75);
    --primary-70: rgba(115, 102, 255, 0.7);
    --warning-70: rgba(255, 169, 65, 0.7);
    --success-70: rgba(84, 186, 74, 0.7);
    --fc-button-bg-color: var(--theme-default);
    --fc-button-active-bg-color: var(--theme-default);
    --fc-button-active-border-color: var(--theme-default);
    --fc-button-border-color: var(--theme-default);
    --fc-button-hover-bg-color: var(--theme-default);
    --fc-button-hover-border-color: var(--theme-default);
    --normal: #ECEAF3;
    --normal-shadow: #D9D8E3;
    --normal-mouth: #9795A4;
    --normal-eye: #595861;
    --active: #F8DA69;
    --active-shadow: #F4B555;
    --active-mouth: #F05136;
    --active-eye: #313036;
    --active-tear: #76b5e7;
    --active-shadow-angry: #e94f1d;
    --bs-emphasis-color-rgb: rgba(242, 243, 247, 0.7);
    --bs-border-color: #e9edf1;
    --bs-table-bg: var(--bs-emphasis-color-rgb);
    --bs-heading-color: #333333;
}

:root .customLook {
    --tag-bg: var(--theme-default);
    --tag-hover: var(--theme-secondary);
    --tag-text-color: var(--white);
    --tags-border-color: silver;
    --tag-border-radius: 25px;
    --tag-text-color--edit: #111;
    --tag-remove-bg: var(--tag-hover);
    --tag-pad: .6em 1em;
    --tag-inset-shadow-size: 1.35em;
    --tag-remove-btn-bg--hover: #000;
    --tagify-dd-bg-color: var(--course-light-btn);
}

:root .table {
    --bs-table-color-state: initial;
    --bs-body-bg: auto;
}

:root .table.table-inverse {
    --bs-table-bg: #292b2c;
}

:root .table.table-striped.bg-primary {
    --bs-table-bg: unset;
}

.dark-only {
    --light-background: rgba(31, 32, 40, 0.65);
    --recent-chart-bg: #262932;
    --light-bg: #1d1e26;
    --white: #262932;
    --sidebar-border: rgba(255, 255, 255, 0.1);
    --light2: #1d1e26;
    --chart-border: #374558;
    --recent-box-bg: #1d1e26;
    --recent-border: #374558;
    --body-font-color: rgba(255, 255, 255, 0.6);
    --chart-text-color: rgba(101, 101, 113, 1);
    --chart-dashed-border: rgba(135, 135, 136, 0.2);
    --chart-progress-light: #202128;
    --course-light-btn: var(--light-bg);
    --course-bg: rgba(31, 32, 40, 0.65);
    --view-grid-bg: var(--light-bg);
    --view-border-marker: #2c2c45d4;
    --light-slate: #1c1d26;
    --light-datatable-odd: #191e27;
    --product-shadow: 0px 1px 0px rgb(55 70 87);
    --light-shade-primary: rgba(46, 53, 67, 1);
    --light-gray-1: linear-gradient(0deg, #FCFCFD, #FCFCFD), linear-gradient(0deg, #FFFFFF, #FFFFFF);
    --bs-body-bg: rgba(255, 255, 255, 0.6);
    --bs-table-bg: transparent;
    --light-bg-primary: rgba(239, 238, 255);
    --lighter-gray: rgba(255, 255, 255, 0.2);
    --bs-heading-color: rgba(255, 255, 255, 0.7);
    --bs-emphasis-color-rgb: var(--light-background);
    --bs-border-color: var(--recent-chart-bg);
}

.dark-only .table.table-inverse {
    --bs-table-bg: #1f2533;
}

.dark-only .table.table-striped.bg-primary {
    --bs-table-bg: unset;
}

.f-light {
    color: rgba(117, 117, 138, 0.8);
}

.c-light {
    color: rgb(82, 82, 108);
}

.c-o-light {
    color: rgb(82, 82, 108);
    opacity: 0.8;
}

.light-white {
    color: rgb(255, 255, 255);
}

.pull-right {
    float: right;
}

svg.f-light {
    fill: rgb(117, 117, 138);
    opacity: 0.8;
}

.w-600 {
    width: 600px;
}

.light-card {
    background-color: var(--light-background);
}

.light-background {
    background-color: var(--light-bg);
}

.icon-arrow-down.icon-rotate, .icon-arrow-up.icon-rotate {
    transform: rotate(-45deg);
    display: inline-block;
}

[contenteditable] {
    outline: transparent solid 0px;
}

::selection {
    background-color: rgb(115, 102, 255);
    color: rgb(255, 255, 255);
}

.p-0 {
    padding: 0px;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}

.p-30 {
    padding: 30px;
}

.p-35 {
    padding: 35px;
}

.p-40 {
    padding: 40px;
}

.p-45 {
    padding: 45px;
}

.p-50 {
    padding: 50px;
}

.p-l-0 {
    padding-left: 0px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-35 {
    padding-left: 35px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-45 {
    padding-left: 45px;
}

.p-l-50 {
    padding-left: 50px;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.p-r-0 {
    padding-right: 0px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-35 {
    padding-right: 35px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-r-45 {
    padding-right: 45px;
}

.p-r-50 {
    padding-right: 50px;
}

.m-0 {
    margin: 0px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-35 {
    margin: 35px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-45 {
    margin: 45px !important;
}

.m-50 {
    margin: 50px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

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

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-b-45 {
    margin-bottom: 45px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-l-35 {
    margin-left: 35px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.m-l-45 {
    margin-left: 45px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.m-r-0 {
    margin-right: 0px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-r-35 {
    margin-right: 35px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-r-45 {
    margin-right: 45px;
}

.m-r-50 {
    margin-right: 50px;
}

.b-r-0 {
    border-radius: 0px !important;
}

.b-r-1 {
    border-radius: 1px !important;
}

.b-r-2 {
    border-radius: 2px !important;
}

.b-r-3 {
    border-radius: 3px !important;
}

.b-r-4 {
    border-radius: 4px !important;
}

.b-r-5 {
    border-radius: 5px !important;
}

.b-r-6 {
    border-radius: 6px !important;
}

.b-r-7 {
    border-radius: 7px !important;
}

.b-r-8 {
    border-radius: 8px !important;
}

.b-r-9 {
    border-radius: 9px !important;
}

.b-r-10 {
    border-radius: 10px !important;
}

.b-r-11 {
    border-radius: 11px !important;
}

.b-r-12 {
    border-radius: 12px !important;
}

.b-r-13 {
    border-radius: 13px !important;
}

.b-r-14 {
    border-radius: 14px !important;
}

.b-r-15 {
    border-radius: 15px !important;
}

.b-r-16 {
    border-radius: 16px !important;
}

.b-r-17 {
    border-radius: 17px !important;
}

.b-r-18 {
    border-radius: 18px !important;
}

.b-r-19 {
    border-radius: 19px !important;
}

.b-r-20 {
    border-radius: 20px !important;
}

.b-r-21 {
    border-radius: 21px !important;
}

.b-r-22 {
    border-radius: 22px !important;
}

.b-r-23 {
    border-radius: 23px !important;
}

.b-r-24 {
    border-radius: 24px !important;
}

.b-r-25 {
    border-radius: 25px !important;
}

.b-r-26 {
    border-radius: 26px !important;
}

.b-r-27 {
    border-radius: 27px !important;
}

.b-r-28 {
    border-radius: 28px !important;
}

.b-r-29 {
    border-radius: 29px !important;
}

.b-r-30 {
    border-radius: 30px !important;
}

.b-r-31 {
    border-radius: 31px !important;
}

.b-r-32 {
    border-radius: 32px !important;
}

.b-r-33 {
    border-radius: 33px !important;
}

.b-r-34 {
    border-radius: 34px !important;
}

.b-r-35 {
    border-radius: 35px !important;
}

.f-12 {
    font-size: 12px !important;
}

.f-14 {
    font-size: 14px !important;
}

.f-16 {
    font-size: 16px !important;
}

.f-18 {
    font-size: 18px !important;
}

.f-20 {
    font-size: 20px !important;
}

.f-22 {
    font-size: 22px !important;
}

.f-24 {
    font-size: 24px !important;
}

.f-26 {
    font-size: 26px !important;
}

.f-28 {
    font-size: 28px !important;
}

.f-30 {
    font-size: 30px !important;
}

.f-32 {
    font-size: 32px !important;
}

.f-34 {
    font-size: 34px !important;
}

.f-36 {
    font-size: 36px !important;
}

.f-38 {
    font-size: 38px !important;
}

.f-40 {
    font-size: 40px !important;
}

.f-42 {
    font-size: 42px !important;
}

.f-44 {
    font-size: 44px !important;
}

.f-46 {
    font-size: 46px !important;
}

.f-48 {
    font-size: 48px !important;
}

.f-50 {
    font-size: 50px !important;
}

.f-52 {
    font-size: 52px !important;
}

.f-54 {
    font-size: 54px !important;
}

.f-56 {
    font-size: 56px !important;
}

.f-58 {
    font-size: 58px !important;
}

.f-60 {
    font-size: 60px !important;
}

.f-62 {
    font-size: 62px !important;
}

.f-64 {
    font-size: 64px !important;
}

.f-66 {
    font-size: 66px !important;
}

.f-68 {
    font-size: 68px !important;
}

.f-70 {
    font-size: 70px !important;
}

.f-72 {
    font-size: 72px !important;
}

.f-74 {
    font-size: 74px !important;
}

.f-76 {
    font-size: 76px !important;
}

.f-78 {
    font-size: 78px !important;
}

.f-80 {
    font-size: 80px !important;
}

.f-82 {
    font-size: 82px !important;
}

.f-84 {
    font-size: 84px !important;
}

.f-86 {
    font-size: 86px !important;
}

.f-88 {
    font-size: 88px !important;
}

.f-90 {
    font-size: 90px !important;
}

.f-92 {
    font-size: 92px !important;
}

.f-94 {
    font-size: 94px !important;
}

.f-96 {
    font-size: 96px !important;
}

.f-98 {
    font-size: 98px !important;
}

.f-100 {
    font-size: 100px !important;
}

.f-w-100 {
    font-weight: 100;
}

.f-w-300 {
    font-weight: 300;
}

.f-w-500 {
    font-weight: 500;
}

.f-w-400 {
    font-weight: 400;
}

.f-w-600 {
    font-weight: 600;
}

.f-w-700 {
    font-weight: 700;
}

.f-w-900 {
    font-weight: 900;
}

.f-s-normal {
    font-style: normal;
}

.f-s-italic {
    font-style: italic;
}

.f-s-oblique {
    font-style: oblique;
}

.f-s-initial {
    font-style: initial;
}

.f-s-inherit {
    font-style: inherit;
}

.text-overline {
    text-decoration: overline;
}

.text-line-through {
    text-decoration: line-through;
}

.text-underline {
    text-decoration: underline;
}

.text-dashed {
    text-decoration: dashed;
}

.text-blink {
    text-decoration: blink;
}

.text-dotted {
    text-decoration: dotted;
}

.text-initial {
    text-decoration: initial;
}

.text-none {
    text-decoration: none;
}

.text-solid {
    text-decoration: solid;
}

.text-wavy {
    text-decoration: wavy;
}

.text-inherit {
    text-decoration: inherit;
}

.text-double {
    text-decoration: double;
}

.border-s-overline {
}

.border-s-dashed {
    border-style: dashed;
}

.border-s-dotted {
    border-style: dotted;
}

.border-s-solid {
    border-style: solid;
}

.border-s-double {
    border-style: double;
}

.border-s-groove {
    border-style: groove;
}

.border-s-ridge {
    border-style: ridge;
}

.border-s-inset {
    border-style: inset;
}

.border-s-outset {
    border-style: outset;
}

.border-s-none {
    border-style: none;
}

.border-s-hidden {
    border-style: hidden;
}

.baseline {
    vertical-align: baseline;
}

.sub {
    vertical-align: sub;
}

.super {
    vertical-align: super;
}

.top {
    vertical-align: top;
}

.text-top {
    vertical-align: text-top;
}

.middle {
    vertical-align: middle;
}

.bottom {
    vertical-align: bottom;
}

.text-bottom {
    vertical-align: text-bottom;
}

.initial {
    vertical-align: initial;
}

.inherit {
    vertical-align: inherit;
}

.p-static {
    position: static;
}

.p-absolute {
    position: absolute;
}

.p-fixed {
    position: fixed;
}

.p-relative {
    position: relative;
}

.p-initial {
    position: initial;
}

.p-inherit {
    position: inherit;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.f-none {
    float: none;
}

.o-hidden {
    overflow: hidden;
}

.o-visible {
    overflow: visible;
}

.o-auto {
    overflow: auto;
}

.img-10 {
    width: 10px !important;
}

.img-h-10 {
    height: 10px !important;
}

.img-20 {
    width: 20px !important;
}

.img-h-20 {
    height: 20px !important;
}

.img-30 {
    width: 30px !important;
}

.img-h-30 {
    height: 30px !important;
}

.img-40 {
    width: 40px !important;
}

.img-h-40 {
    height: 40px !important;
}

.img-50 {
    width: 50px !important;
}

.img-h-50 {
    height: 50px !important;
}

.img-60 {
    width: 60px !important;
}

.img-h-60 {
    height: 60px !important;
}

.img-70 {
    width: 70px !important;
}

.img-h-70 {
    height: 70px !important;
}

.img-80 {
    width: 80px !important;
}

.img-h-80 {
    height: 80px !important;
}

.img-90 {
    width: 90px !important;
}

.img-h-90 {
    height: 90px !important;
}

.img-100 {
    width: 100px !important;
}

.img-h-100 {
    height: 100px !important;
}

.placeholder-h-2 {
    height: 2px !important;
}

.placeholder-h-4 {
    height: 4px !important;
}

.placeholder-h-6 {
    height: 6px !important;
}

.placeholder-h-8 {
    height: 8px !important;
}

.placeholder-h-10 {
    height: 10px !important;
}

.placeholder-h-12 {
    height: 12px !important;
}

.placeholder-h-14 {
    height: 14px !important;
}

.placeholder-h-16 {
    height: 16px !important;
}

.placeholder-h-18 {
    height: 18px !important;
}

.placeholder-h-20 {
    height: 20px !important;
}

.placeholder-h-22 {
    height: 22px !important;
}

.placeholder-h-24 {
    height: 24px !important;
}

.placeholder-h-26 {
    height: 26px !important;
}

.placeholder-h-28 {
    height: 28px !important;
}

.placeholder-h-30 {
    height: 30px !important;
}

.placeholder-h-32 {
    height: 32px !important;
}

.placeholder-h-34 {
    height: 34px !important;
}

.placeholder-h-36 {
    height: 36px !important;
}

.placeholder-h-38 {
    height: 38px !important;
}

.placeholder-h-40 {
    height: 40px !important;
}

.placeholder-h-42 {
    height: 42px !important;
}

.placeholder-h-44 {
    height: 44px !important;
}

.placeholder-h-46 {
    height: 46px !important;
}

.placeholder-h-48 {
    height: 48px !important;
}

.placeholder-h-50 {
    height: 50px !important;
}

.placeholder-h-52 {
    height: 52px !important;
}

.placeholder-h-54 {
    height: 54px !important;
}

.placeholder-h-56 {
    height: 56px !important;
}

.placeholder-h-58 {
    height: 58px !important;
}

.placeholder-h-60 {
    height: 60px !important;
}

.placeholder-h-62 {
    height: 62px !important;
}

.placeholder-h-64 {
    height: 64px !important;
}

.placeholder-h-66 {
    height: 66px !important;
}

.placeholder-h-68 {
    height: 68px !important;
}

.placeholder-h-70 {
    height: 70px !important;
}

.placeholder-h-72 {
    height: 72px !important;
}

.placeholder-h-74 {
    height: 74px !important;
}

.placeholder-h-76 {
    height: 76px !important;
}

.placeholder-h-78 {
    height: 78px !important;
}

.placeholder-h-80 {
    height: 80px !important;
}

.placeholder-h-82 {
    height: 82px !important;
}

.placeholder-h-84 {
    height: 84px !important;
}

.placeholder-h-86 {
    height: 86px !important;
}

.placeholder-h-88 {
    height: 88px !important;
}

.placeholder-h-90 {
    height: 90px !important;
}

.placeholder-h-92 {
    height: 92px !important;
}

.placeholder-h-94 {
    height: 94px !important;
}

.placeholder-h-96 {
    height: 96px !important;
}

.placeholder-h-98 {
    height: 98px !important;
}

.placeholder-h-100 {
    height: 100px !important;
}

.font-primary {
    color: rgb(115, 102, 255) !important;
}

.font-secondary {
    color: rgb(131, 131, 131) !important;
}

.font-success {
    color: rgb(101, 193, 92) !important;
}

.font-danger {
    color: rgb(252, 86, 74) !important;
}

.font-info {
    color: rgb(64, 184, 245) !important;
}

.font-light {
    color: rgb(244, 244, 244) !important;
}

.font-dark {
    color: rgb(63, 71, 90) !important;
}

.font-warning {
    color: rgb(255, 184, 41) !important;
}

.font-primary {
    color: var(--theme-default) !important;
}

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

.label {
    border-radius: 2px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.label-theme {
    background-color: rgb(115, 102, 255);
}

.label-primary {
    background-color: rgb(115, 102, 255);
}

.label-secondary {
    background-color: rgb(131, 131, 131);
}

.label-success {
    background-color: rgb(101, 193, 92);
}

.label-danger {
    background-color: rgb(252, 86, 74);
}

.label-info {
    background-color: rgb(64, 184, 245);
}

.label-light {
    background-color: rgb(244, 244, 244);
}

.label-dark {
    background-color: rgb(63, 71, 90);
}

.label-warning {
    background-color: rgb(255, 184, 41);
}

.badge-primary {
    background-color: rgb(115, 102, 255);
}

.badge-b-primary {
    border: 1px solid rgb(115, 102, 255);
}

.badge-secondary {
    background-color: rgb(131, 131, 131);
}

.badge-b-secondary {
    border: 1px solid rgb(131, 131, 131);
}

.badge-success {
    background-color: rgb(101, 193, 92);
}

.badge-b-success {
    border: 1px solid rgb(101, 193, 92);
}

.badge-danger {
    background-color: rgb(252, 86, 74);
}

.badge-b-danger {
    border: 1px solid rgb(252, 86, 74);
}

.badge-info {
    background-color: rgb(64, 184, 245);
}

.badge-b-info {
    border: 1px solid rgb(64, 184, 245);
}

.badge-light {
    background-color: rgb(244, 244, 244);
}

.badge-b-light {
    border: 1px solid rgb(244, 244, 244);
}

.badge-dark {
    background-color: rgb(63, 71, 90);
}

.badge-b-dark {
    border: 1px solid rgb(63, 71, 90);
}

.badge-warning {
    background-color: rgb(255, 184, 41);
}

.badge-b-warning {
    border: 1px solid rgb(255, 184, 41);
}

.badge-primary {
    background-color: var(--theme-default) !important;
}

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

.bg-primary {
    background-color: rgb(115, 102, 255) !important;
    color: rgb(255, 255, 255);
}

.bg-primary:hover {
    background-color: rgb(115, 102, 255);
    color: rgb(255, 255, 255);
}

.table-primary td {
    background-color: rgba(115, 102, 255, 0.4) !important;
}

.title-line-primary::before {
    background-color: rgb(115, 102, 255) !important;
}

.scope-light-primary {
    background-color: rgba(115, 102, 255, 0.15) !important;
}

.outline-10-primary {
    outline: rgba(115, 102, 255, 0.1) solid 2px;
}

.bg-7-primary {
    background-color: rgba(115, 102, 255, 0.07);
}

.bg-10-primary {
    background-color: rgba(115, 102, 255, 0.1);
}

.bg-20-primary {
    background-color: rgba(115, 102, 255, 0.2);
}

.outline-20-primary {
    outline: rgba(115, 102, 255, 0.2) solid 2px;
}

.shadow-10-primary {
    box-shadow: rgba(115, 102, 255, 0.25) 0px 5.04px 14.96px 0px inset;
}

.social-tabs .nav .social-box.bg-7-primary.active {
    border: 1px solid rgb(115, 102, 255);
    transition: 0.4s;
}

.dotted-primary {
    background-color: rgb(115, 102, 255);
}

.text-bg-primary {
    background-color: rgb(115, 102, 255) !important;
}

.divider-body.divider-primary::before, .divider-body.divider-primary::after {
    border-color: rgb(115, 102, 255) !important;
}

.border-dashed-primary {
    border: 1px dashed rgb(115, 102, 255);
    color: rgb(115, 102, 255);
}

.border-dashed-primary:hover, .border-dashed-primary:active {
    border: 1px dashed rgb(115, 102, 255) !important;
    background-color: rgb(115, 102, 255) !important;
    color: rgb(255, 255, 255) !important;
}

.border-left-primary {
    border-left: 4px solid rgb(115, 102, 255);
}

[dir="rtl"] .border-left-primary {
    border-left: unset;
    border-right: 4px solid rgb(115, 102, 255);
}

.link-underline-primary {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(115, 102, 255) !important;
}

.link-underline-primary:hover {
    color: var(--body-font-color);
}

.link-primary {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(115, 102, 255) !important;
    color: rgb(115, 102, 255) !important;
}

.link-primary:hover, .link-primary:focus, .link-primary:active {
    color: rgb(115, 102, 255) !important;
    text-decoration-color: rgb(115, 102, 255) !important;
}

.bg-light-primary {
    background-color: rgba(115, 102, 255, 0.1) !important;
    color: rgb(255, 255, 255);
}

.bg-lighter-primary {
    background-color: rgba(115, 102, 255, 0.6);
    color: rgb(255, 255, 255);
}

.button-light-primary {
    background-color: rgba(115, 102, 255, 0.1) !important;
}

.button-light-primary:active {
    border-color: rgba(115, 102, 255, 0.1) !important;
}

.bg-secondary {
    background-color: rgb(131, 131, 131) !important;
    color: rgb(255, 255, 255);
}

.bg-secondary:hover {
    background-color: rgb(131, 131, 131);
    color: rgb(255, 255, 255);
}

.table-secondary td {
    background-color: rgba(131, 131, 131, 0.4) !important;
}

.title-line-secondary::before {
    background-color: rgb(131, 131, 131) !important;
}

.scope-light-secondary {
    background-color: rgba(131, 131, 131, 0.15) !important;
}

.outline-10-secondary {
    outline: rgba(131, 131, 131, 0.1) solid 2px;
}

.bg-7-secondary {
    background-color: rgba(131, 131, 131, 0.07);
}

.bg-10-secondary {
    background-color: rgba(131, 131, 131, 0.1);
}

.bg-20-secondary {
    background-color: rgba(131, 131, 131, 0.2);
}

.outline-20-secondary {
    outline: rgba(131, 131, 131, 0.2) solid 2px;
}

.shadow-10-secondary {
    box-shadow: rgba(131, 131, 131, 0.25) 0px 5.04px 14.96px 0px inset;
}

.social-tabs .nav .social-box.bg-7-secondary.active {
    border: 1px solid rgb(131, 131, 131);
    transition: 0.4s;
}

.dotted-secondary {
    background-color: rgb(131, 131, 131);
}

.text-bg-secondary {
    background-color: rgb(131, 131, 131) !important;
}

.divider-body.divider-secondary::before, .divider-body.divider-secondary::after {
    border-color: rgb(131, 131, 131) !important;
}

.border-dashed-secondary {
    border: 1px dashed rgb(131, 131, 131);
    color: rgb(131, 131, 131);
}

.border-dashed-secondary:hover, .border-dashed-secondary:active {
    border: 1px dashed rgb(131, 131, 131) !important;
    background-color: rgb(131, 131, 131) !important;
    color: rgb(255, 255, 255) !important;
}

.border-left-secondary {
    border-left: 4px solid rgb(131, 131, 131);
}

[dir="rtl"] .border-left-secondary {
    border-left: unset;
    border-right: 4px solid rgb(131, 131, 131);
}

.link-underline-secondary {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(131, 131, 131) !important;
}

.link-underline-secondary:hover {
    color: var(--body-font-color);
}

.link-secondary {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(131, 131, 131) !important;
    color: rgb(131, 131, 131) !important;
}

.link-secondary:hover, .link-secondary:focus, .link-secondary:active {
    color: rgb(131, 131, 131) !important;
    text-decoration-color: rgb(131, 131, 131) !important;
}

.bg-light-secondary {
    background-color: rgba(131, 131, 131, 0.1) !important;
    color: rgb(255, 255, 255);
}

.bg-lighter-secondary {
    background-color: rgba(131, 131, 131, 0.6);
    color: rgb(255, 255, 255);
}

.button-light-secondary {
    background-color: rgba(131, 131, 131, 0.1) !important;
}

.button-light-secondary:active {
    border-color: rgba(131, 131, 131, 0.1) !important;
}

.bg-success {
    background-color: rgb(101, 193, 92) !important;
    color: rgb(255, 255, 255);
}

.bg-success:hover {
    background-color: rgb(101, 193, 92);
    color: rgb(255, 255, 255);
}

.table-success td {
    background-color: rgba(101, 193, 92, 0.4) !important;
}

.title-line-success::before {
    background-color: rgb(101, 193, 92) !important;
}

.scope-light-success {
    background-color: rgba(101, 193, 92, 0.15) !important;
}

.outline-10-success {
    outline: rgba(101, 193, 92, 0.1) solid 2px;
}

.bg-7-success {
    background-color: rgba(101, 193, 92, 0.07);
}

.bg-10-success {
    background-color: rgba(101, 193, 92, 0.1);
}

.bg-20-success {
    background-color: rgba(101, 193, 92, 0.2);
}

.outline-20-success {
    outline: rgba(101, 193, 92, 0.2) solid 2px;
}

.shadow-10-success {
    box-shadow: rgba(101, 193, 92, 0.25) 0px 5.04px 14.96px 0px inset;
}

.social-tabs .nav .social-box.bg-7-success.active {
    border: 1px solid rgb(101, 193, 92);
    transition: 0.4s;
}

.dotted-success {
    background-color: rgb(101, 193, 92);
}

.text-bg-success {
    background-color: rgb(101, 193, 92) !important;
}

.divider-body.divider-success::before, .divider-body.divider-success::after {
    border-color: rgb(101, 193, 92) !important;
}

.border-dashed-success {
    border: 1px dashed rgb(101, 193, 92);
    color: rgb(101, 193, 92);
}

.border-dashed-success:hover, .border-dashed-success:active {
    border: 1px dashed rgb(101, 193, 92) !important;
    background-color: rgb(101, 193, 92) !important;
    color: rgb(255, 255, 255) !important;
}

.border-left-success {
    border-left: 4px solid rgb(101, 193, 92);
}

[dir="rtl"] .border-left-success {
    border-left: unset;
    border-right: 4px solid rgb(101, 193, 92);
}

.link-underline-success {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(101, 193, 92) !important;
}

.link-underline-success:hover {
    color: var(--body-font-color);
}

.link-success {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(101, 193, 92) !important;
    color: rgb(101, 193, 92) !important;
}

.link-success:hover, .link-success:focus, .link-success:active {
    color: rgb(101, 193, 92) !important;
    text-decoration-color: rgb(101, 193, 92) !important;
}

.bg-light-success {
    background-color: rgba(101, 193, 92, 0.1) !important;
    color: rgb(255, 255, 255);
}

.bg-lighter-success {
    background-color: rgba(101, 193, 92, 0.6);
    color: rgb(255, 255, 255);
}

.button-light-success {
    background-color: rgba(101, 193, 92, 0.1) !important;
}

.button-light-success:active {
    border-color: rgba(101, 193, 92, 0.1) !important;
}

.bg-danger {
    background-color: rgb(252, 86, 74) !important;
    color: rgb(255, 255, 255);
}

.bg-danger:hover {
    background-color: rgb(252, 86, 74);
    color: rgb(255, 255, 255);
}

.table-danger td {
    background-color: rgba(252, 86, 74, 0.4) !important;
}

.title-line-danger::before {
    background-color: rgb(252, 86, 74) !important;
}

.scope-light-danger {
    background-color: rgba(252, 86, 74, 0.15) !important;
}

.outline-10-danger {
    outline: rgba(252, 86, 74, 0.1) solid 2px;
}

.bg-7-danger {
    background-color: rgba(252, 86, 74, 0.07);
}

.bg-10-danger {
    background-color: rgba(252, 86, 74, 0.1);
}

.bg-20-danger {
    background-color: rgba(252, 86, 74, 0.2);
}

.outline-20-danger {
    outline: rgba(252, 86, 74, 0.2) solid 2px;
}

.shadow-10-danger {
    box-shadow: rgba(252, 86, 74, 0.25) 0px 5.04px 14.96px 0px inset;
}

.social-tabs .nav .social-box.bg-7-danger.active {
    border: 1px solid rgb(252, 86, 74);
    transition: 0.4s;
}

.dotted-danger {
    background-color: rgb(252, 86, 74);
}

.text-bg-danger {
    background-color: rgb(252, 86, 74) !important;
}

.divider-body.divider-danger::before, .divider-body.divider-danger::after {
    border-color: rgb(252, 86, 74) !important;
}

.border-dashed-danger {
    border: 1px dashed rgb(252, 86, 74);
    color: rgb(252, 86, 74);
}

.border-dashed-danger:hover, .border-dashed-danger:active {
    border: 1px dashed rgb(252, 86, 74) !important;
    background-color: rgb(252, 86, 74) !important;
    color: rgb(255, 255, 255) !important;
}

.border-left-danger {
    border-left: 4px solid rgb(252, 86, 74);
}

[dir="rtl"] .border-left-danger {
    border-left: unset;
    border-right: 4px solid rgb(252, 86, 74);
}

.link-underline-danger {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(252, 86, 74) !important;
}

.link-underline-danger:hover {
    color: var(--body-font-color);
}

.link-danger {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(252, 86, 74) !important;
    color: rgb(252, 86, 74) !important;
}

.link-danger:hover, .link-danger:focus, .link-danger:active {
    color: rgb(252, 86, 74) !important;
    text-decoration-color: rgb(252, 86, 74) !important;
}

.bg-light-danger {
    background-color: rgba(252, 86, 74, 0.1) !important;
    color: rgb(255, 255, 255);
}

.bg-lighter-danger {
    background-color: rgba(252, 86, 74, 0.6);
    color: rgb(255, 255, 255);
}

.button-light-danger {
    background-color: rgba(252, 86, 74, 0.1) !important;
}

.button-light-danger:active {
    border-color: rgba(252, 86, 74, 0.1) !important;
}

.bg-info {
    background-color: rgb(64, 184, 245) !important;
    color: rgb(255, 255, 255);
}

.bg-info:hover {
    background-color: rgb(64, 184, 245);
    color: rgb(255, 255, 255);
}

.table-info td {
    background-color: rgba(64, 184, 245, 0.4) !important;
}

.title-line-info::before {
    background-color: rgb(64, 184, 245) !important;
}

.scope-light-info {
    background-color: rgba(64, 184, 245, 0.15) !important;
}

.outline-10-info {
    outline: rgba(64, 184, 245, 0.1) solid 2px;
}

.bg-7-info {
    background-color: rgba(64, 184, 245, 0.07);
}

.bg-10-info {
    background-color: rgba(64, 184, 245, 0.1);
}

.bg-20-info {
    background-color: rgba(64, 184, 245, 0.2);
}

.outline-20-info {
    outline: rgba(64, 184, 245, 0.2) solid 2px;
}

.shadow-10-info {
    box-shadow: rgba(64, 184, 245, 0.25) 0px 5.04px 14.96px 0px inset;
}

.social-tabs .nav .social-box.bg-7-info.active {
    border: 1px solid rgb(64, 184, 245);
    transition: 0.4s;
}

.dotted-info {
    background-color: rgb(64, 184, 245);
}

.text-bg-info {
    background-color: rgb(64, 184, 245) !important;
}

.divider-body.divider-info::before, .divider-body.divider-info::after {
    border-color: rgb(64, 184, 245) !important;
}

.border-dashed-info {
    border: 1px dashed rgb(64, 184, 245);
    color: rgb(64, 184, 245);
}

.border-dashed-info:hover, .border-dashed-info:active {
    border: 1px dashed rgb(64, 184, 245) !important;
    background-color: rgb(64, 184, 245) !important;
    color: rgb(255, 255, 255) !important;
}

.border-left-info {
    border-left: 4px solid rgb(64, 184, 245);
}

[dir="rtl"] .border-left-info {
    border-left: unset;
    border-right: 4px solid rgb(64, 184, 245);
}

.link-underline-info {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(64, 184, 245) !important;
}

.link-underline-info:hover {
    color: var(--body-font-color);
}

.link-info {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(64, 184, 245) !important;
    color: rgb(64, 184, 245) !important;
}

.link-info:hover, .link-info:focus, .link-info:active {
    color: rgb(64, 184, 245) !important;
    text-decoration-color: rgb(64, 184, 245) !important;
}

.bg-light-info {
    background-color: rgba(64, 184, 245, 0.1) !important;
    color: rgb(255, 255, 255);
}

.bg-lighter-info {
    background-color: rgba(64, 184, 245, 0.6);
    color: rgb(255, 255, 255);
}

.button-light-info {
    background-color: rgba(64, 184, 245, 0.1) !important;
}

.button-light-info:active {
    border-color: rgba(64, 184, 245, 0.1) !important;
}

.bg-light {
    background-color: rgb(244, 244, 244) !important;
    color: rgb(255, 255, 255);
}

.bg-light:hover {
    background-color: rgb(244, 244, 244);
    color: rgb(255, 255, 255);
}

.table-light td {
    background-color: rgba(244, 244, 244, 0.4) !important;
}

.title-line-light::before {
    background-color: rgb(244, 244, 244) !important;
}

.scope-light-light {
    background-color: rgba(244, 244, 244, 0.15) !important;
}

.outline-10-light {
    outline: rgba(244, 244, 244, 0.1) solid 2px;
}

.bg-7-light {
    background-color: rgba(244, 244, 244, 0.07);
}

.bg-10-light {
    background-color: rgba(244, 244, 244, 0.1);
}

.bg-20-light {
    background-color: rgba(244, 244, 244, 0.2);
}

.outline-20-light {
    outline: rgba(244, 244, 244, 0.2) solid 2px;
}

.shadow-10-light {
    box-shadow: rgba(244, 244, 244, 0.25) 0px 5.04px 14.96px 0px inset;
}

.social-tabs .nav .social-box.bg-7-light.active {
    border: 1px solid rgb(244, 244, 244);
    transition: 0.4s;
}

.dotted-light {
    background-color: rgb(244, 244, 244);
}

.text-bg-light {
    background-color: rgb(244, 244, 244) !important;
}

.divider-body.divider-light::before, .divider-body.divider-light::after {
    border-color: rgb(244, 244, 244) !important;
}

.border-dashed-light {
    border: 1px dashed rgb(244, 244, 244);
    color: rgb(244, 244, 244);
}

.border-dashed-light:hover, .border-dashed-light:active {
    border: 1px dashed rgb(244, 244, 244) !important;
    background-color: rgb(244, 244, 244) !important;
    color: rgb(255, 255, 255) !important;
}

.border-left-light {
    border-left: 4px solid rgb(244, 244, 244);
}

[dir="rtl"] .border-left-light {
    border-left: unset;
    border-right: 4px solid rgb(244, 244, 244);
}

.link-underline-light {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(244, 244, 244) !important;
}

.link-underline-light:hover {
    color: var(--body-font-color);
}

.link-light {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(244, 244, 244) !important;
    color: rgb(244, 244, 244) !important;
}

.link-light:hover, .link-light:focus, .link-light:active {
    color: rgb(244, 244, 244) !important;
    text-decoration-color: rgb(244, 244, 244) !important;
}

.bg-light-light {
    background-color: rgba(244, 244, 244, 0.1) !important;
    color: rgb(255, 255, 255);
}

.bg-lighter-light {
    background-color: rgba(244, 244, 244, 0.6);
    color: rgb(255, 255, 255);
}

.button-light-light {
    background-color: rgba(244, 244, 244, 0.1) !important;
}

.button-light-light:active {
    border-color: rgba(244, 244, 244, 0.1) !important;
}

.bg-dark {
    background-color: rgb(63, 71, 90) !important;
    color: rgb(255, 255, 255);
}

.bg-dark:hover {
    background-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255);
}

.table-dark td {
    background-color: rgba(63, 71, 90, 0.4) !important;
}

.title-line-dark::before {
    background-color: rgb(63, 71, 90) !important;
}

.scope-light-dark {
    background-color: rgba(63, 71, 90, 0.15) !important;
}

.outline-10-dark {
    outline: rgba(63, 71, 90, 0.1) solid 2px;
}

.bg-7-dark {
    background-color: rgba(63, 71, 90, 0.07);
}

.bg-10-dark {
    background-color: rgba(63, 71, 90, 0.1);
}

.bg-20-dark {
    background-color: rgba(63, 71, 90, 0.2);
}

.outline-20-dark {
    outline: rgba(63, 71, 90, 0.2) solid 2px;
}

.shadow-10-dark {
    box-shadow: rgba(63, 71, 90, 0.25) 0px 5.04px 14.96px 0px inset;
}

.social-tabs .nav .social-box.bg-7-dark.active {
    border: 1px solid rgb(63, 71, 90);
    transition: 0.4s;
}

.dotted-dark {
    background-color: rgb(63, 71, 90);
}

.text-bg-dark {
    background-color: rgb(63, 71, 90) !important;
}

.divider-body.divider-dark::before, .divider-body.divider-dark::after {
    border-color: rgb(63, 71, 90) !important;
}

.border-dashed-dark {
    border: 1px dashed rgb(63, 71, 90);
    color: rgb(63, 71, 90);
}

.border-dashed-dark:hover, .border-dashed-dark:active {
    border: 1px dashed rgb(63, 71, 90) !important;
    background-color: rgb(63, 71, 90) !important;
    color: rgb(255, 255, 255) !important;
}

.border-left-dark {
    border-left: 4px solid rgb(63, 71, 90);
}

[dir="rtl"] .border-left-dark {
    border-left: unset;
    border-right: 4px solid rgb(63, 71, 90);
}

.link-underline-dark {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(63, 71, 90) !important;
}

.link-underline-dark:hover {
    color: var(--body-font-color);
}

.link-dark {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(63, 71, 90) !important;
    color: rgb(63, 71, 90) !important;
}

.link-dark:hover, .link-dark:focus, .link-dark:active {
    color: rgb(63, 71, 90) !important;
    text-decoration-color: rgb(63, 71, 90) !important;
}

.bg-light-dark {
    background-color: rgba(63, 71, 90, 0.1) !important;
    color: rgb(255, 255, 255);
}

.bg-lighter-dark {
    background-color: rgba(63, 71, 90, 0.6);
    color: rgb(255, 255, 255);
}

.button-light-dark {
    background-color: rgba(63, 71, 90, 0.1) !important;
}

.button-light-dark:active {
    border-color: rgba(63, 71, 90, 0.1) !important;
}

.bg-warning {
    background-color: rgb(255, 184, 41) !important;
    color: rgb(255, 255, 255);
}

.bg-warning:hover {
    background-color: rgb(255, 184, 41);
    color: rgb(255, 255, 255);
}

.table-warning td {
    background-color: rgba(255, 184, 41, 0.4) !important;
}

.title-line-warning::before {
    background-color: rgb(255, 184, 41) !important;
}

.scope-light-warning {
    background-color: rgba(255, 184, 41, 0.15) !important;
}

.outline-10-warning {
    outline: rgba(255, 184, 41, 0.1) solid 2px;
}

.bg-7-warning {
    background-color: rgba(255, 184, 41, 0.07);
}

.bg-10-warning {
    background-color: rgba(255, 184, 41, 0.1);
}

.bg-20-warning {
    background-color: rgba(255, 184, 41, 0.2);
}

.outline-20-warning {
    outline: rgba(255, 184, 41, 0.2) solid 2px;
}

.shadow-10-warning {
    box-shadow: rgba(255, 184, 41, 0.25) 0px 5.04px 14.96px 0px inset;
}

.social-tabs .nav .social-box.bg-7-warning.active {
    border: 1px solid rgb(255, 184, 41);
    transition: 0.4s;
}

.dotted-warning {
    background-color: rgb(255, 184, 41);
}

.text-bg-warning {
    background-color: rgb(255, 184, 41) !important;
}

.divider-body.divider-warning::before, .divider-body.divider-warning::after {
    border-color: rgb(255, 184, 41) !important;
}

.border-dashed-warning {
    border: 1px dashed rgb(255, 184, 41);
    color: rgb(255, 184, 41);
}

.border-dashed-warning:hover, .border-dashed-warning:active {
    border: 1px dashed rgb(255, 184, 41) !important;
    background-color: rgb(255, 184, 41) !important;
    color: rgb(255, 255, 255) !important;
}

.border-left-warning {
    border-left: 4px solid rgb(255, 184, 41);
}

[dir="rtl"] .border-left-warning {
    border-left: unset;
    border-right: 4px solid rgb(255, 184, 41);
}

.link-underline-warning {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(255, 184, 41) !important;
}

.link-underline-warning:hover {
    color: var(--body-font-color);
}

.link-warning {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: rgb(255, 184, 41) !important;
    color: rgb(255, 184, 41) !important;
}

.link-warning:hover, .link-warning:focus, .link-warning:active {
    color: rgb(255, 184, 41) !important;
    text-decoration-color: rgb(255, 184, 41) !important;
}

.bg-light-warning {
    background-color: rgba(255, 184, 41, 0.1) !important;
    color: rgb(255, 255, 255);
}

.bg-lighter-warning {
    background-color: rgba(255, 184, 41, 0.6);
    color: rgb(255, 255, 255);
}

.button-light-warning {
    background-color: rgba(255, 184, 41, 0.1) !important;
}

.button-light-warning:active {
    border-color: rgba(255, 184, 41, 0.1) !important;
}

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

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

.txt-primary {
    color: rgb(115, 102, 255) !important;
}

.txt-secondary {
    color: rgb(131, 131, 131) !important;
}

.txt-success {
    color: rgb(101, 193, 92) !important;
}

.txt-danger {
    color: rgb(252, 86, 74) !important;
}

.txt-info {
    color: rgb(64, 184, 245) !important;
}

.txt-light {
    color: rgb(244, 244, 244) !important;
}

.txt-dark {
    color: rgb(63, 71, 90) !important;
}

.txt-warning {
    color: rgb(255, 184, 41) !important;
}

.txt-google-plus {
    color: rgb(198, 78, 64) !important;
}

.txt-twitter {
    color: rgba(0, 0, 0, 0.8) !important;
}

.txt-linkedin {
    color: rgb(0, 115, 177) !important;
}

.txt-fb {
    color: rgb(80, 89, 142) !important;
}

.txt-primary {
    color: var(--theme-default) !important;
}

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

@keyframes push {
    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

.btn-primary {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0px);
    background-color: rgb(115, 102, 255) !important;
    border-color: rgb(115, 102, 255) !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: rgb(115, 102, 255) !important;
    border-color: rgb(115, 102, 255) !important;
}

.btn-primary:focus {
    box-shadow: white 0px 0px 0px 0.2rem;
}

.btn-secondary {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0px);
    background-color: rgb(131, 131, 131) !important;
    border-color: rgb(131, 131, 131) !important;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: rgb(131, 131, 131) !important;
    border-color: rgb(131, 131, 131) !important;
}

.btn-secondary:focus {
    box-shadow: rgb(208, 208, 208) 0px 0px 0px 0.2rem;
}

.btn-success {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0px);
    background-color: rgb(101, 193, 92) !important;
    border-color: rgb(101, 193, 92) !important;
}

.btn-success.disabled, .btn-success:disabled {
    background-color: rgb(101, 193, 92) !important;
    border-color: rgb(101, 193, 92) !important;
}

.btn-success:focus {
    box-shadow: rgb(206, 235, 203) 0px 0px 0px 0.2rem;
}

.btn-danger {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0px);
    background-color: rgb(252, 86, 74) !important;
    border-color: rgb(252, 86, 74) !important;
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: rgb(252, 86, 74) !important;
    border-color: rgb(252, 86, 74) !important;
}

.btn-danger:focus {
    box-shadow: rgb(254, 227, 225) 0px 0px 0px 0.2rem;
}

.btn-info {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0px);
    color: rgb(255, 255, 255);
    background-color: rgb(64, 184, 245) !important;
    border-color: rgb(64, 184, 245) !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: rgb(255, 255, 255) !important;
}

.btn-info.disabled, .btn-info:disabled {
    background-color: rgb(64, 184, 245) !important;
    border-color: rgb(64, 184, 245) !important;
}

.btn-info:focus {
    box-shadow: rgb(209, 238, 253) 0px 0px 0px 0.2rem;
}

.btn-light {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0px);
    background-color: rgb(244, 244, 244) !important;
    border-color: rgb(244, 244, 244) !important;
}

.btn-light.disabled, .btn-light:disabled {
    background-color: rgb(244, 244, 244) !important;
    border-color: rgb(244, 244, 244) !important;
}

.btn-light:focus {
    box-shadow: white 0px 0px 0px 0.2rem;
}

.btn-dark {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0px);
    background-color: rgb(63, 71, 90) !important;
    border-color: rgb(63, 71, 90) !important;
}

.btn-dark.disabled, .btn-dark:disabled {
    background-color: rgb(63, 71, 90) !important;
    border-color: rgb(63, 71, 90) !important;
}

.btn-dark:focus {
    box-shadow: rgb(135, 146, 171) 0px 0px 0px 0.2rem;
}

.btn-warning {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0px);
    color: rgb(255, 255, 255);
    background-color: rgb(255, 184, 41) !important;
    border-color: rgb(255, 184, 41) !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.show {
    color: rgb(255, 255, 255) !important;
}

.btn-warning.disabled, .btn-warning:disabled {
    background-color: rgb(255, 184, 41) !important;
    border-color: rgb(255, 184, 41) !important;
}

.btn-warning:focus {
    box-shadow: rgb(255, 235, 194) 0px 0px 0px 0.2rem;
}

.btn-light {
    background-color: rgba(115, 102, 255, 0.06) !important;
    border-color: rgba(115, 102, 255, 0.06) !important;
}

.btn-light:hover {
    background-color: rgba(115, 102, 255, 0.1) !important;
    border-color: rgba(115, 102, 255, 0.1) !important;
}

.btn-primary {
    background-color: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
}

.btn-secondary {
    background-color: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
}

.btn-hover-effect:hover {
    animation: 0.5s linear 0s 1 normal none running push;
}

.btn-outline-primary-2x {
    border-width: 2px;
    border-color: rgb(115, 102, 255);
    color: rgb(115, 102, 255);
    background-color: transparent;
}

.btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(115, 102, 255) !important;
    border-color: rgb(115, 102, 255) !important;
}

.btn-outline-secondary-2x {
    border-width: 2px;
    border-color: rgb(131, 131, 131);
    color: rgb(131, 131, 131);
    background-color: transparent;
}

.btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(131, 131, 131) !important;
    border-color: rgb(131, 131, 131) !important;
}

.btn-outline-success-2x {
    border-width: 2px;
    border-color: rgb(101, 193, 92);
    color: rgb(101, 193, 92);
    background-color: transparent;
}

.btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(101, 193, 92) !important;
    border-color: rgb(101, 193, 92) !important;
}

.btn-outline-danger-2x {
    border-width: 2px;
    border-color: rgb(252, 86, 74);
    color: rgb(252, 86, 74);
    background-color: transparent;
}

.btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(252, 86, 74) !important;
    border-color: rgb(252, 86, 74) !important;
}

.btn-outline-info-2x {
    border-width: 2px;
    border-color: rgb(64, 184, 245);
    color: rgb(64, 184, 245);
    background-color: transparent;
}

.btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(64, 184, 245) !important;
    border-color: rgb(64, 184, 245) !important;
}

.btn-outline-light-2x {
    border-width: 2px;
    border-color: rgb(244, 244, 244);
    color: rgb(244, 244, 244);
    background-color: transparent;
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(244, 244, 244) !important;
    border-color: rgb(244, 244, 244) !important;
}

.btn-outline-light-2x {
    color: rgb(64, 64, 64);
}

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: rgb(64, 64, 64) !important;
}

.btn-outline-dark-2x {
    border-width: 2px;
    border-color: rgb(63, 71, 90);
    color: rgb(63, 71, 90);
    background-color: transparent;
}

.btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(63, 71, 90) !important;
    border-color: rgb(63, 71, 90) !important;
}

.btn-outline-warning-2x {
    border-width: 2px;
    border-color: rgb(255, 184, 41);
    color: rgb(255, 184, 41);
    background-color: transparent;
}

.btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(255, 184, 41) !important;
    border-color: rgb(255, 184, 41) !important;
}

.btn-outline-primary {
    border-color: rgb(115, 102, 255);
    color: rgb(115, 102, 255);
    background-color: transparent;
}

.btn-outline-primary.disabled {
    color: rgb(115, 102, 255);
    border-color: rgb(115, 102, 255);
}

.btn-outline-primary:hover, .btn-outline-primary:active {
    color: rgb(255, 255, 255);
    border-color: rgb(115, 102, 255) !important;
    background-color: rgb(115, 102, 255) !important;
}

.btn-check {
    color: rgb(115, 102, 255) !important;
}

.btn-check:checked {
    color: white !important;
    background-color: rgb(115, 102, 255) !important;
}

.btn-check:checked + .btn-outline-primary {
    color: white !important;
    background-color: rgb(115, 102, 255) !important;
    box-shadow: unset !important;
}

.btn-check + .btn-outline-primary {
    background-color: transparent;
    border-color: rgb(115, 102, 255) !important;
    color: rgb(115, 102, 255) !important;
}

.btn-check + .btn-outline-primary.disabled {
    color: rgb(115, 102, 255);
}

.btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(115, 102, 255) !important;
    border-color: rgb(115, 102, 255) !important;
    box-shadow: none !important;
}

.btn-outline-secondary {
    border-color: rgb(131, 131, 131);
    color: rgb(131, 131, 131);
    background-color: transparent;
}

.btn-outline-secondary.disabled {
    color: rgb(131, 131, 131);
    border-color: rgb(131, 131, 131);
}

.btn-outline-secondary:hover, .btn-outline-secondary:active {
    color: rgb(255, 255, 255);
    border-color: rgb(131, 131, 131) !important;
    background-color: rgb(131, 131, 131) !important;
}

.btn-check {
    color: rgb(131, 131, 131) !important;
}

.btn-check:checked {
    color: white !important;
    background-color: rgb(131, 131, 131) !important;
}

.btn-check:checked + .btn-outline-secondary {
    color: white !important;
    background-color: rgb(131, 131, 131) !important;
    box-shadow: unset !important;
}

.btn-check + .btn-outline-secondary {
    background-color: transparent;
    border-color: rgb(131, 131, 131) !important;
    color: rgb(131, 131, 131) !important;
}

.btn-check + .btn-outline-secondary.disabled {
    color: rgb(131, 131, 131);
}

.btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(131, 131, 131) !important;
    border-color: rgb(131, 131, 131) !important;
    box-shadow: none !important;
}

.btn-outline-success {
    border-color: rgb(101, 193, 92);
    color: rgb(101, 193, 92);
    background-color: transparent;
}

.btn-outline-success.disabled {
    color: rgb(101, 193, 92);
    border-color: rgb(101, 193, 92);
}

.btn-outline-success:hover, .btn-outline-success:active {
    color: rgb(255, 255, 255);
    border-color: rgb(101, 193, 92) !important;
    background-color: rgb(101, 193, 92) !important;
}

.btn-check {
    color: rgb(101, 193, 92) !important;
}

.btn-check:checked {
    color: white !important;
    background-color: rgb(101, 193, 92) !important;
}

.btn-check:checked + .btn-outline-success {
    color: white !important;
    background-color: rgb(101, 193, 92) !important;
    box-shadow: unset !important;
}

.btn-check + .btn-outline-success {
    background-color: transparent;
    border-color: rgb(101, 193, 92) !important;
    color: rgb(101, 193, 92) !important;
}

.btn-check + .btn-outline-success.disabled {
    color: rgb(101, 193, 92);
}

.btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(101, 193, 92) !important;
    border-color: rgb(101, 193, 92) !important;
    box-shadow: none !important;
}

.btn-outline-danger {
    border-color: rgb(252, 86, 74);
    color: rgb(252, 86, 74);
    background-color: transparent;
}

.btn-outline-danger.disabled {
    color: rgb(252, 86, 74);
    border-color: rgb(252, 86, 74);
}

.btn-outline-danger:hover, .btn-outline-danger:active {
    color: rgb(255, 255, 255);
    border-color: rgb(252, 86, 74) !important;
    background-color: rgb(252, 86, 74) !important;
}

.btn-check {
    color: rgb(252, 86, 74) !important;
}

.btn-check:checked {
    color: white !important;
    background-color: rgb(252, 86, 74) !important;
}

.btn-check:checked + .btn-outline-danger {
    color: white !important;
    background-color: rgb(252, 86, 74) !important;
    box-shadow: unset !important;
}

.btn-check + .btn-outline-danger {
    background-color: transparent;
    border-color: rgb(252, 86, 74) !important;
    color: rgb(252, 86, 74) !important;
}

.btn-check + .btn-outline-danger.disabled {
    color: rgb(252, 86, 74);
}

.btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(252, 86, 74) !important;
    border-color: rgb(252, 86, 74) !important;
    box-shadow: none !important;
}

.btn-outline-info {
    border-color: rgb(64, 184, 245);
    color: rgb(64, 184, 245);
    background-color: transparent;
}

.btn-outline-info.disabled {
    color: rgb(64, 184, 245);
    border-color: rgb(64, 184, 245);
}

.btn-outline-info:hover, .btn-outline-info:active {
    color: rgb(255, 255, 255);
    border-color: rgb(64, 184, 245) !important;
    background-color: rgb(64, 184, 245) !important;
}

.btn-check {
    color: rgb(64, 184, 245) !important;
}

.btn-check:checked {
    color: white !important;
    background-color: rgb(64, 184, 245) !important;
}

.btn-check:checked + .btn-outline-info {
    color: white !important;
    background-color: rgb(64, 184, 245) !important;
    box-shadow: unset !important;
}

.btn-check + .btn-outline-info {
    background-color: transparent;
    border-color: rgb(64, 184, 245) !important;
    color: rgb(64, 184, 245) !important;
}

.btn-check + .btn-outline-info.disabled {
    color: rgb(64, 184, 245);
}

.btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(64, 184, 245) !important;
    border-color: rgb(64, 184, 245) !important;
    box-shadow: none !important;
}

.btn-outline-light {
    border-color: rgb(244, 244, 244);
    background-color: transparent;
    color: rgb(64, 64, 64);
}

.btn-outline-light.disabled {
    color: rgb(244, 244, 244);
    border-color: rgb(244, 244, 244);
}

.btn-outline-light:hover, .btn-outline-light:active {
    color: rgb(255, 255, 255);
    border-color: rgb(244, 244, 244) !important;
    background-color: rgb(244, 244, 244) !important;
}

.btn-check {
    color: rgb(244, 244, 244) !important;
}

.btn-check:checked {
    color: white !important;
    background-color: rgb(244, 244, 244) !important;
}

.btn-check:checked + .btn-outline-light {
    color: white !important;
    background-color: rgb(244, 244, 244) !important;
    box-shadow: unset !important;
}

.btn-check + .btn-outline-light {
    background-color: transparent;
    border-color: rgb(244, 244, 244) !important;
    color: rgb(244, 244, 244) !important;
}

.btn-check + .btn-outline-light.disabled {
    color: rgb(244, 244, 244);
}

.btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(244, 244, 244) !important;
    border-color: rgb(244, 244, 244) !important;
    box-shadow: none !important;
}

.btn-outline-dark {
    border-color: rgb(63, 71, 90);
    color: rgb(63, 71, 90);
    background-color: transparent;
}

.btn-outline-dark.disabled {
    color: rgb(63, 71, 90);
    border-color: rgb(63, 71, 90);
}

.btn-outline-dark:hover, .btn-outline-dark:active {
    color: rgb(255, 255, 255);
    border-color: rgb(63, 71, 90) !important;
    background-color: rgb(63, 71, 90) !important;
}

.btn-check {
    color: rgb(63, 71, 90) !important;
}

.btn-check:checked {
    color: white !important;
    background-color: rgb(63, 71, 90) !important;
}

.btn-check:checked + .btn-outline-dark {
    color: white !important;
    background-color: rgb(63, 71, 90) !important;
    box-shadow: unset !important;
}

.btn-check + .btn-outline-dark {
    background-color: transparent;
    border-color: rgb(63, 71, 90) !important;
    color: rgb(63, 71, 90) !important;
}

.btn-check + .btn-outline-dark.disabled {
    color: rgb(63, 71, 90);
}

.btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(63, 71, 90) !important;
    border-color: rgb(63, 71, 90) !important;
    box-shadow: none !important;
}

.btn-outline-warning {
    border-color: rgb(255, 184, 41);
    color: rgb(255, 184, 41);
    background-color: transparent;
}

.btn-outline-warning.disabled {
    color: rgb(255, 184, 41);
    border-color: rgb(255, 184, 41);
}

.btn-outline-warning:hover, .btn-outline-warning:active {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 184, 41) !important;
    background-color: rgb(255, 184, 41) !important;
}

.btn-check {
    color: rgb(255, 184, 41) !important;
}

.btn-check:checked {
    color: white !important;
    background-color: rgb(255, 184, 41) !important;
}

.btn-check:checked + .btn-outline-warning {
    color: white !important;
    background-color: rgb(255, 184, 41) !important;
    box-shadow: unset !important;
}

.btn-check + .btn-outline-warning {
    background-color: transparent;
    border-color: rgb(255, 184, 41) !important;
    color: rgb(255, 184, 41) !important;
}

.btn-check + .btn-outline-warning.disabled {
    color: rgb(255, 184, 41);
}

.btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(255, 184, 41) !important;
    border-color: rgb(255, 184, 41) !important;
    box-shadow: none !important;
}

.btn-primary:not([disabled]):not(.disabled).active {
    background-color: rgb(68, 51, 255);
    border-color: rgb(68, 51, 255);
    box-shadow: none !important;
}

.btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled).active:active, .btn-primary:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: rgb(68, 51, 255);
    border-color: rgb(68, 51, 255);
}

.btn-secondary:not([disabled]):not(.disabled).active {
    background-color: rgb(106, 106, 106);
    border-color: rgb(106, 106, 106);
    box-shadow: none !important;
}

.btn-secondary:not([disabled]):not(.disabled).active:hover, .btn-secondary:not([disabled]):not(.disabled).active:focus, .btn-secondary:not([disabled]):not(.disabled).active:active, .btn-secondary:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: rgb(106, 106, 106);
    border-color: rgb(106, 106, 106);
}

.btn-success:not([disabled]):not(.disabled).active {
    background-color: rgb(74, 170, 64);
    border-color: rgb(74, 170, 64);
    box-shadow: none !important;
}

.btn-success:not([disabled]):not(.disabled).active:hover, .btn-success:not([disabled]):not(.disabled).active:focus, .btn-success:not([disabled]):not(.disabled).active:active, .btn-success:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: rgb(74, 170, 64);
    border-color: rgb(74, 170, 64);
}

.btn-danger:not([disabled]):not(.disabled).active {
    background-color: rgb(251, 39, 24);
    border-color: rgb(251, 39, 24);
    box-shadow: none !important;
}

.btn-danger:not([disabled]):not(.disabled).active:hover, .btn-danger:not([disabled]):not(.disabled).active:focus, .btn-danger:not([disabled]):not(.disabled).active:active, .btn-danger:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: rgb(251, 39, 24);
    border-color: rgb(251, 39, 24);
}

.btn-info:not([disabled]):not(.disabled).active {
    background-color: rgb(16, 166, 242);
    border-color: rgb(16, 166, 242);
    box-shadow: none !important;
}

.btn-info:not([disabled]):not(.disabled).active:hover, .btn-info:not([disabled]):not(.disabled).active:focus, .btn-info:not([disabled]):not(.disabled).active:active, .btn-info:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: rgb(16, 166, 242);
    border-color: rgb(16, 166, 242);
}

.btn-light:not([disabled]):not(.disabled).active {
    background-color: rgb(219, 219, 219);
    border-color: rgb(219, 219, 219);
    box-shadow: none !important;
}

.btn-light:not([disabled]):not(.disabled).active:hover, .btn-light:not([disabled]):not(.disabled).active:focus, .btn-light:not([disabled]):not(.disabled).active:active, .btn-light:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: rgb(219, 219, 219);
    border-color: rgb(219, 219, 219);
}

.btn-dark:not([disabled]):not(.disabled).active {
    background-color: rgb(42, 47, 60);
    border-color: rgb(42, 47, 60);
    box-shadow: none !important;
}

.btn-dark:not([disabled]):not(.disabled).active:hover, .btn-dark:not([disabled]):not(.disabled).active:focus, .btn-dark:not([disabled]):not(.disabled).active:active, .btn-dark:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: rgb(42, 47, 60);
    border-color: rgb(42, 47, 60);
}

.btn-warning:not([disabled]):not(.disabled).active {
    background-color: rgb(245, 164, 0);
    border-color: rgb(245, 164, 0);
    box-shadow: none !important;
}

.btn-warning:not([disabled]):not(.disabled).active:hover, .btn-warning:not([disabled]):not(.disabled).active:focus, .btn-warning:not([disabled]):not(.disabled).active:active, .btn-warning:not([disabled]):not(.disabled).active.active {
    color: white;
    background-color: rgb(245, 164, 0);
    border-color: rgb(245, 164, 0);
}

.btn-outline-primary-2x:not([disabled]):not(.disabled).active {
    background-color: rgb(115, 102, 255);
    border-color: rgb(115, 102, 255);
    color: white;
    box-shadow: none !important;
}

.btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-primary-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    box-shadow: none !important;
    background-color: rgb(68, 51, 255) !important;
    border-color: rgb(68, 51, 255) !important;
}

.btn-outline-secondary-2x:not([disabled]):not(.disabled).active {
    background-color: rgb(131, 131, 131);
    border-color: rgb(131, 131, 131);
    color: white;
    box-shadow: none !important;
}

.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    box-shadow: none !important;
    background-color: rgb(106, 106, 106) !important;
    border-color: rgb(106, 106, 106) !important;
}

.btn-outline-success-2x:not([disabled]):not(.disabled).active {
    background-color: rgb(101, 193, 92);
    border-color: rgb(101, 193, 92);
    color: white;
    box-shadow: none !important;
}

.btn-outline-success-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-success-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-success-2x:not([disabled]):not(.disabled).active:active, .btn-outline-success-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    box-shadow: none !important;
    background-color: rgb(74, 170, 64) !important;
    border-color: rgb(74, 170, 64) !important;
}

.btn-outline-danger-2x:not([disabled]):not(.disabled).active {
    background-color: rgb(252, 86, 74);
    border-color: rgb(252, 86, 74);
    color: white;
    box-shadow: none !important;
}

.btn-outline-danger-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:active, .btn-outline-danger-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    box-shadow: none !important;
    background-color: rgb(251, 39, 24) !important;
    border-color: rgb(251, 39, 24) !important;
}

.btn-outline-info-2x:not([disabled]):not(.disabled).active {
    background-color: rgb(64, 184, 245);
    border-color: rgb(64, 184, 245);
    color: white;
    box-shadow: none !important;
}

.btn-outline-info-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-info-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-info-2x:not([disabled]):not(.disabled).active:active, .btn-outline-info-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    box-shadow: none !important;
    background-color: rgb(16, 166, 242) !important;
    border-color: rgb(16, 166, 242) !important;
}

.btn-outline-light-2x:not([disabled]):not(.disabled).active {
    background-color: rgb(244, 244, 244);
    border-color: rgb(244, 244, 244);
    color: white;
    box-shadow: none !important;
}

.btn-outline-light-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-light-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-light-2x:not([disabled]):not(.disabled).active:active, .btn-outline-light-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    box-shadow: none !important;
    background-color: rgb(219, 219, 219) !important;
    border-color: rgb(219, 219, 219) !important;
}

.btn-outline-dark-2x:not([disabled]):not(.disabled).active {
    background-color: rgb(63, 71, 90);
    border-color: rgb(63, 71, 90);
    color: white;
    box-shadow: none !important;
}

.btn-outline-dark-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:active, .btn-outline-dark-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    box-shadow: none !important;
    background-color: rgb(42, 47, 60) !important;
    border-color: rgb(42, 47, 60) !important;
}

.btn-outline-warning-2x:not([disabled]):not(.disabled).active {
    background-color: rgb(255, 184, 41);
    border-color: rgb(255, 184, 41);
    color: white;
    box-shadow: none !important;
}

.btn-outline-warning-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:active, .btn-outline-warning-2x:not([disabled]):not(.disabled).active.active {
    color: white;
    box-shadow: none !important;
    background-color: rgb(245, 164, 0) !important;
    border-color: rgb(245, 164, 0) !important;
}

table thead .border-bottom-primary th, table tbody .border-bottom-primary th, table tbody .border-bottom-primary td {
    border-bottom: 1px solid rgb(115, 102, 255) !important;
}

table thead .border-bottom-secondary th, table tbody .border-bottom-secondary th, table tbody .border-bottom-secondary td {
    border-bottom: 1px solid rgb(131, 131, 131) !important;
}

table thead .border-bottom-success th, table tbody .border-bottom-success th, table tbody .border-bottom-success td {
    border-bottom: 1px solid rgb(101, 193, 92) !important;
}

table thead .border-bottom-danger th, table tbody .border-bottom-danger th, table tbody .border-bottom-danger td {
    border-bottom: 1px solid rgb(252, 86, 74) !important;
}

table thead .border-bottom-info th, table tbody .border-bottom-info th, table tbody .border-bottom-info td {
    border-bottom: 1px solid rgb(64, 184, 245) !important;
}

table thead .border-bottom-light th, table tbody .border-bottom-light th, table tbody .border-bottom-light td {
    border-bottom: 1px solid rgb(244, 244, 244) !important;
}

table thead .border-bottom-dark th, table tbody .border-bottom-dark th, table tbody .border-bottom-dark td {
    border-bottom: 1px solid rgb(63, 71, 90) !important;
}

table thead .border-bottom-warning th, table tbody .border-bottom-warning th, table tbody .border-bottom-warning td {
    border-bottom: 1px solid rgb(255, 184, 41) !important;
}

.table-styling .table-primary, .table-styling.table-primary {
    background-color: rgb(115, 102, 255);
    color: rgb(255, 255, 255);
    border: 3px solid rgb(115, 102, 255);
}

.table-styling .table-primary thead, .table-styling.table-primary thead {
    background-color: rgb(68, 51, 255);
    border: 3px solid rgb(68, 51, 255);
}

.table-styling .table-primary th, .table-styling .table-primary td, .table-styling.table-primary th, .table-styling.table-primary td {
    background-color: transparent;
}

.table-styling .table-secondary, .table-styling.table-secondary {
    background-color: rgb(131, 131, 131);
    color: rgb(255, 255, 255);
    border: 3px solid rgb(131, 131, 131);
}

.table-styling .table-secondary thead, .table-styling.table-secondary thead {
    background-color: rgb(106, 106, 106);
    border: 3px solid rgb(106, 106, 106);
}

.table-styling .table-secondary th, .table-styling .table-secondary td, .table-styling.table-secondary th, .table-styling.table-secondary td {
    background-color: transparent;
}

.table-styling .table-success, .table-styling.table-success {
    background-color: rgb(101, 193, 92);
    color: rgb(255, 255, 255);
    border: 3px solid rgb(101, 193, 92);
}

.table-styling .table-success thead, .table-styling.table-success thead {
    background-color: rgb(74, 170, 64);
    border: 3px solid rgb(74, 170, 64);
}

.table-styling .table-success th, .table-styling .table-success td, .table-styling.table-success th, .table-styling.table-success td {
    background-color: transparent;
}

.table-styling .table-danger, .table-styling.table-danger {
    background-color: rgb(252, 86, 74);
    color: rgb(255, 255, 255);
    border: 3px solid rgb(252, 86, 74);
}

.table-styling .table-danger thead, .table-styling.table-danger thead {
    background-color: rgb(251, 39, 24);
    border: 3px solid rgb(251, 39, 24);
}

.table-styling .table-danger th, .table-styling .table-danger td, .table-styling.table-danger th, .table-styling.table-danger td {
    background-color: transparent;
}

.table-styling .table-info, .table-styling.table-info {
    background-color: rgb(64, 184, 245);
    color: rgb(255, 255, 255);
    border: 3px solid rgb(64, 184, 245);
}

.table-styling .table-info thead, .table-styling.table-info thead {
    background-color: rgb(16, 166, 242);
    border: 3px solid rgb(16, 166, 242);
}

.table-styling .table-info th, .table-styling .table-info td, .table-styling.table-info th, .table-styling.table-info td {
    background-color: transparent;
}

.table-styling .table-light, .table-styling.table-light {
    background-color: rgb(244, 244, 244);
    color: rgb(255, 255, 255);
    border: 3px solid rgb(244, 244, 244);
}

.table-styling .table-light thead, .table-styling.table-light thead {
    background-color: rgb(219, 219, 219);
    border: 3px solid rgb(219, 219, 219);
}

.table-styling .table-light th, .table-styling .table-light td, .table-styling.table-light th, .table-styling.table-light td {
    background-color: transparent;
}

.table-styling .table-dark, .table-styling.table-dark {
    background-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255);
    border: 3px solid rgb(63, 71, 90);
}

.table-styling .table-dark thead, .table-styling.table-dark thead {
    background-color: rgb(42, 47, 60);
    border: 3px solid rgb(42, 47, 60);
}

.table-styling .table-dark th, .table-styling .table-dark td, .table-styling.table-dark th, .table-styling.table-dark td {
    background-color: transparent;
}

.table-styling .table-warning, .table-styling.table-warning {
    background-color: rgb(255, 184, 41);
    color: rgb(255, 255, 255);
    border: 3px solid rgb(255, 184, 41);
}

.table-styling .table-warning thead, .table-styling.table-warning thead {
    background-color: rgb(245, 164, 0);
    border: 3px solid rgb(245, 164, 0);
}

.table-styling .table-warning th, .table-styling .table-warning td, .table-styling.table-warning th, .table-styling.table-warning td {
    background-color: transparent;
}

.stroke-primary {
    stroke: rgb(115, 102, 255) !important;
}

.stroke-secondary {
    stroke: rgb(131, 131, 131) !important;
}

.stroke-success {
    stroke: rgb(101, 193, 92) !important;
}

.stroke-danger {
    stroke: rgb(252, 86, 74) !important;
}

.stroke-info {
    stroke: rgb(64, 184, 245) !important;
}

.stroke-light {
    stroke: rgb(244, 244, 244) !important;
}

.stroke-dark {
    stroke: rgb(63, 71, 90) !important;
}

.stroke-warning {
    stroke: rgb(255, 184, 41) !important;
}

.checkbox-primary.form-check-input:checked {
    border-color: rgb(115, 102, 255);
    background-color: rgb(115, 102, 255) !important;
}

.checkbox-secondary.form-check-input:checked {
    border-color: rgb(131, 131, 131);
    background-color: rgb(131, 131, 131) !important;
}

.checkbox-success.form-check-input:checked {
    border-color: rgb(101, 193, 92);
    background-color: rgb(101, 193, 92) !important;
}

.checkbox-danger.form-check-input:checked {
    border-color: rgb(252, 86, 74);
    background-color: rgb(252, 86, 74) !important;
}

.checkbox-info.form-check-input:checked {
    border-color: rgb(64, 184, 245);
    background-color: rgb(64, 184, 245) !important;
}

.checkbox-light.form-check-input:checked {
    border-color: rgb(244, 244, 244);
    background-color: rgb(244, 244, 244) !important;
}

.checkbox-dark.form-check-input:checked {
    border-color: rgb(63, 71, 90);
    background-color: rgb(63, 71, 90) !important;
}

.checkbox-warning.form-check-input:checked {
    border-color: rgb(255, 184, 41);
    background-color: rgb(255, 184, 41) !important;
}

.b-primary {
    border: 1px solid rgb(115, 102, 255) !important;
}

.b-t-primary {
    border-top: 1px solid rgb(115, 102, 255) !important;
}

.border-t-primary {
    border-top: 1px solid rgb(115, 102, 255) !important;
}

.b-b-primary {
    border-bottom: 1px solid rgb(115, 102, 255) !important;
}

.border-b-primary {
    border-bottom: 1px solid rgb(115, 102, 255) !important;
}

.b-l-primary {
    border-left: 1px solid rgb(115, 102, 255) !important;
}

.border-l-primary {
    border-left: 1px solid rgb(115, 102, 255) !important;
}

.b-r-primary {
    border-right: 1px solid rgb(115, 102, 255) !important;
}

.border-r-primary {
    border-right: 1px solid rgb(115, 102, 255) !important;
}

.b-secondary {
    border: 1px solid rgb(131, 131, 131) !important;
}

.b-t-secondary {
    border-top: 1px solid rgb(131, 131, 131) !important;
}

.border-t-secondary {
    border-top: 1px solid rgb(131, 131, 131) !important;
}

.b-b-secondary {
    border-bottom: 1px solid rgb(131, 131, 131) !important;
}

.border-b-secondary {
    border-bottom: 1px solid rgb(131, 131, 131) !important;
}

.b-l-secondary {
    border-left: 1px solid rgb(131, 131, 131) !important;
}

.border-l-secondary {
    border-left: 1px solid rgb(131, 131, 131) !important;
}

.b-r-secondary {
    border-right: 1px solid rgb(131, 131, 131) !important;
}

.border-r-secondary {
    border-right: 1px solid rgb(131, 131, 131) !important;
}

.b-success {
    border: 1px solid rgb(101, 193, 92) !important;
}

.b-t-success {
    border-top: 1px solid rgb(101, 193, 92) !important;
}

.border-t-success {
    border-top: 1px solid rgb(101, 193, 92) !important;
}

.b-b-success {
    border-bottom: 1px solid rgb(101, 193, 92) !important;
}

.border-b-success {
    border-bottom: 1px solid rgb(101, 193, 92) !important;
}

.b-l-success {
    border-left: 1px solid rgb(101, 193, 92) !important;
}

.border-l-success {
    border-left: 1px solid rgb(101, 193, 92) !important;
}

.b-r-success {
    border-right: 1px solid rgb(101, 193, 92) !important;
}

.border-r-success {
    border-right: 1px solid rgb(101, 193, 92) !important;
}

.b-danger {
    border: 1px solid rgb(252, 86, 74) !important;
}

.b-t-danger {
    border-top: 1px solid rgb(252, 86, 74) !important;
}

.border-t-danger {
    border-top: 1px solid rgb(252, 86, 74) !important;
}

.b-b-danger {
    border-bottom: 1px solid rgb(252, 86, 74) !important;
}

.border-b-danger {
    border-bottom: 1px solid rgb(252, 86, 74) !important;
}

.b-l-danger {
    border-left: 1px solid rgb(252, 86, 74) !important;
}

.border-l-danger {
    border-left: 1px solid rgb(252, 86, 74) !important;
}

.b-r-danger {
    border-right: 1px solid rgb(252, 86, 74) !important;
}

.border-r-danger {
    border-right: 1px solid rgb(252, 86, 74) !important;
}

.b-info {
    border: 1px solid rgb(64, 184, 245) !important;
}

.b-t-info {
    border-top: 1px solid rgb(64, 184, 245) !important;
}

.border-t-info {
    border-top: 1px solid rgb(64, 184, 245) !important;
}

.b-b-info {
    border-bottom: 1px solid rgb(64, 184, 245) !important;
}

.border-b-info {
    border-bottom: 1px solid rgb(64, 184, 245) !important;
}

.b-l-info {
    border-left: 1px solid rgb(64, 184, 245) !important;
}

.border-l-info {
    border-left: 1px solid rgb(64, 184, 245) !important;
}

.b-r-info {
    border-right: 1px solid rgb(64, 184, 245) !important;
}

.border-r-info {
    border-right: 1px solid rgb(64, 184, 245) !important;
}

.b-light {
    border: 1px solid rgb(244, 244, 244) !important;
}

.b-t-light {
    border-top: 1px solid rgb(244, 244, 244) !important;
}

.border-t-light {
    border-top: 1px solid rgb(244, 244, 244) !important;
}

.b-b-light {
    border-bottom: 1px solid rgb(244, 244, 244) !important;
}

.border-b-light {
    border-bottom: 1px solid rgb(244, 244, 244) !important;
}

.b-l-light {
    border-left: 1px solid rgb(244, 244, 244) !important;
}

.border-l-light {
    border-left: 1px solid rgb(244, 244, 244) !important;
}

.b-r-light {
    border-right: 1px solid rgb(244, 244, 244) !important;
}

.border-r-light {
    border-right: 1px solid rgb(244, 244, 244) !important;
}

.b-dark {
    border: 1px solid rgb(63, 71, 90) !important;
}

.b-t-dark {
    border-top: 1px solid rgb(63, 71, 90) !important;
}

.border-t-dark {
    border-top: 1px solid rgb(63, 71, 90) !important;
}

.b-b-dark {
    border-bottom: 1px solid rgb(63, 71, 90) !important;
}

.border-b-dark {
    border-bottom: 1px solid rgb(63, 71, 90) !important;
}

.b-l-dark {
    border-left: 1px solid rgb(63, 71, 90) !important;
}

.border-l-dark {
    border-left: 1px solid rgb(63, 71, 90) !important;
}

.b-r-dark {
    border-right: 1px solid rgb(63, 71, 90) !important;
}

.border-r-dark {
    border-right: 1px solid rgb(63, 71, 90) !important;
}

.b-warning {
    border: 1px solid rgb(255, 184, 41) !important;
}

.b-t-warning {
    border-top: 1px solid rgb(255, 184, 41) !important;
}

.border-t-warning {
    border-top: 1px solid rgb(255, 184, 41) !important;
}

.b-b-warning {
    border-bottom: 1px solid rgb(255, 184, 41) !important;
}

.border-b-warning {
    border-bottom: 1px solid rgb(255, 184, 41) !important;
}

.b-l-warning {
    border-left: 1px solid rgb(255, 184, 41) !important;
}

.border-l-warning {
    border-left: 1px solid rgb(255, 184, 41) !important;
}

.b-r-warning {
    border-right: 1px solid rgb(255, 184, 41) !important;
}

.border-r-warning {
    border-right: 1px solid rgb(255, 184, 41) !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.border-6 {
    border-width: 6px !important;
}

.border-7 {
    border-width: 7px !important;
}

.border-8 {
    border-width: 8px !important;
}

.border-9 {
    border-width: 9px !important;
}

.border-10 {
    border-width: 10px !important;
}

.b-width-1 {
    border-width: 1px !important;
}

.b-width-2 {
    border-width: 2px !important;
}

.b-width-3 {
    border-width: 3px !important;
}

.b-width-4 {
    border-width: 4px !important;
}

.b-width-5 {
    border-width: 5px !important;
}

.b-width-6 {
    border-width: 6px !important;
}

.b-width-7 {
    border-width: 7px !important;
}

.b-width-8 {
    border-width: 8px !important;
}

.b-width-9 {
    border-width: 9px !important;
}

.b-width-10 {
    border-width: 10px !important;
}

.map-js-height {
    height: 500px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    box-shadow: rgb(233, 237, 241) 0px 0px 6px inset;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 8px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(68, 102, 242, 0.15);
}

.customer-table::-webkit-scrollbar-track, .recent-order-scroll::-webkit-scrollbar-track, .recent-items::-webkit-scrollbar-track, .recent-table::-webkit-scrollbar-track, .lead-table::-webkit-scrollbar-track, .deal-table::-webkit-scrollbar-track, .referral-visit::-webkit-scrollbar-track, .leave-request-table::-webkit-scrollbar-track, .chats-user::-webkit-scrollbar-track, .contact-wrapper::-webkit-scrollbar-track, .fc-scroller-liquid-absolute::-webkit-scrollbar-track, .fc-scroller-liquid::-webkit-scrollbar-track, .tagify__dropdown__wrapper::-webkit-scrollbar-track, .iti__country-list::-webkit-scrollbar-track, .tt-dataset-countries::-webkit-scrollbar-track, .dt-scroll-body::-webkit-scrollbar-track, .jsgrid-grid-header::-webkit-scrollbar-track, .jsgrid-grid-body::-webkit-scrollbar-track, .select2-results__options::-webkit-scrollbar-track, .ace_scrollbar::-webkit-scrollbar-track, .anchor::-webkit-scrollbar-track, .ql-editor .inner.show::-webkit-scrollbar-track, .form-control[data-multiselectsplitter-firstselect-selector]::-webkit-scrollbar-track, .form-control[data-multiselectsplitter-secondselect-selector]::-webkit-scrollbar-track, .bootstrap-select .inner.show::-webkit-scrollbar-track, .permission-form ul::-webkit-scrollbar-track, .main-setting .nav-primary::-webkit-scrollbar-track {
    box-shadow: rgb(233, 237, 241) 0px 0px 6px inset;
}

.customer-table::-webkit-scrollbar, .recent-order-scroll::-webkit-scrollbar, .recent-items::-webkit-scrollbar, .recent-table::-webkit-scrollbar, .lead-table::-webkit-scrollbar, .deal-table::-webkit-scrollbar, .referral-visit::-webkit-scrollbar, .leave-request-table::-webkit-scrollbar, .chats-user::-webkit-scrollbar, .contact-wrapper::-webkit-scrollbar, .fc-scroller-liquid-absolute::-webkit-scrollbar, .fc-scroller-liquid::-webkit-scrollbar, .tagify__dropdown__wrapper::-webkit-scrollbar, .iti__country-list::-webkit-scrollbar, .tt-dataset-countries::-webkit-scrollbar, .dt-scroll-body::-webkit-scrollbar, .jsgrid-grid-header::-webkit-scrollbar, .jsgrid-grid-body::-webkit-scrollbar, .select2-results__options::-webkit-scrollbar, .ace_scrollbar::-webkit-scrollbar, .anchor::-webkit-scrollbar, .ql-editor .inner.show::-webkit-scrollbar, .form-control[data-multiselectsplitter-firstselect-selector]::-webkit-scrollbar, .form-control[data-multiselectsplitter-secondselect-selector]::-webkit-scrollbar, .bootstrap-select .inner.show::-webkit-scrollbar, .permission-form ul::-webkit-scrollbar, .main-setting .nav-primary::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

.customer-table::-webkit-scrollbar-thumb, .recent-order-scroll::-webkit-scrollbar-thumb, .recent-items::-webkit-scrollbar-thumb, .recent-table::-webkit-scrollbar-thumb, .lead-table::-webkit-scrollbar-thumb, .deal-table::-webkit-scrollbar-thumb, .referral-visit::-webkit-scrollbar-thumb, .leave-request-table::-webkit-scrollbar-thumb, .chats-user::-webkit-scrollbar-thumb, .contact-wrapper::-webkit-scrollbar-thumb, .fc-scroller-liquid-absolute::-webkit-scrollbar-thumb, .fc-scroller-liquid::-webkit-scrollbar-thumb, .tagify__dropdown__wrapper::-webkit-scrollbar-thumb, .iti__country-list::-webkit-scrollbar-thumb, .tt-dataset-countries::-webkit-scrollbar-thumb, .dt-scroll-body::-webkit-scrollbar-thumb, .jsgrid-grid-header::-webkit-scrollbar-thumb, .jsgrid-grid-body::-webkit-scrollbar-thumb, .select2-results__options::-webkit-scrollbar-thumb, .ace_scrollbar::-webkit-scrollbar-thumb, .anchor::-webkit-scrollbar-thumb, .ql-editor .inner.show::-webkit-scrollbar-thumb, .form-control[data-multiselectsplitter-firstselect-selector]::-webkit-scrollbar-thumb, .form-control[data-multiselectsplitter-secondselect-selector]::-webkit-scrollbar-thumb, .bootstrap-select .inner.show::-webkit-scrollbar-thumb, .permission-form ul::-webkit-scrollbar-thumb, .main-setting .nav-primary::-webkit-scrollbar-thumb {
    background-color: rgba(68, 102, 242, 0.15);
}

.line {
    color: rgb(63, 71, 90);
}

.line pre {
    font-size: 100%;
}

.theme-close {
    opacity: 1;
    position: absolute;
    z-index: 1;
    right: 0px;
    background-color: rgb(255, 255, 255) !important;
}

.options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.options > div {
    color: rgb(204, 204, 204);
    padding: 2px 10px;
    border: 1px solid;
}

.options > div:hover {
    background-color: rgb(115, 102, 255);
    color: rgb(255, 255, 255);
    transition: background-color 0.3s;
}

.modal-footer {
    flex-wrap: wrap;
}

.img-cropper .img-container {
    min-height: auto;
    margin-bottom: 0px;
}

.img-cropper .docs-data > .input-group:last-child {
    margin-bottom: 0px;
}

.img-cropper .docs-preview {
    margin-top: 20px;
    margin-bottom: 10px;
}

.dropzone .dz-preview .dz-error-message {
    border: 1px solid rgb(115, 102, 255);
    background: rgb(255, 255, 255) !important;
    color: rgb(115, 102, 255) !important;
}

.dropzone .dz-preview .dz-error-message::after {
    border-bottom: 6px solid rgb(115, 102, 255) !important;
}

.typeahead .theme-form .form-group {
    margin-bottom: 0px;
}

.primary .svg-fill {
    fill: var(--theme-default);
}

.primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-default);
}

.primary .bg-gradient {
    background-image: linear-gradient(144.16deg, rgba(115, 102, 255, 0.1) 19.06%, rgba(115, 102, 255, 0) 79.03%) !important;
}

.secondary .svg-fill {
    fill: var(--theme-secondary);
}

.secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary);
}

.secondary .bg-gradient {
    background-image: linear-gradient(144.16deg, rgba(131, 131, 131, 0.1) 19.06%, rgba(131, 131, 131, 0) 79.03%) !important;
}

.success .svg-fill {
    fill: rgb(101, 193, 92);
}

.success .bg-gradient {
    background-image: linear-gradient(144.16deg, rgba(101, 193, 92, 0.1) 19.06%, rgba(101, 193, 92, 0) 79.03%) !important;
}

.warning .svg-fill {
    fill: rgb(255, 184, 41);
}

.warning .bg-gradient {
    background-image: linear-gradient(144.16deg, rgba(255, 184, 41, 0.1) 19.06%, rgba(255, 184, 41, 0) 79.03%) !important;
}

.dotted {
    border-style: dotted;
}

.dashed {
    border-style: dashed;
}

.double {
    border-style: double;
}

.groove {
    border-style: groove;
}

.ridge {
    border-style: ridge;
}

.inset {
    border-style: inset;
}

.outset {
    border-style: outset;
}

@keyframes fadeIncustom {
    0% {
        opacity: 0;
        top: 50px;
    }

    75% {
        opacity: 0.6;
        top: 0px;
    }

    100% {
        opacity: 1;
    }
}

.code-box-copy {
    width: 100%;
    overflow: auto;
}

.code-box-copy pre[class*="language-"] {
    height: 300px;
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .custom-rs-4 {
        width: 33.3333%;
    }

    .custom-rs-12 {
        width: 100%;
    }
}

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
    width: 10px;
    height: 10px;
}

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group, .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
    display: none;
}

.bg-gray {
    background-color: var(--chart-text-color);
}

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

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

.common-f-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: rgb(232, 229, 255);
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: rgb(232, 229, 255);
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: rgb(232, 229, 255);
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: rgb(232, 229, 255);
}

.common-title {
    background-color: var(--white);
    padding: 18px;
    border-radius: 10px;
}

body {
    font-size: 14px;
    overflow-x: hidden;
    font-family: Rubik, sans-serif;
    color: rgb(64, 64, 64);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

h1 {
    font-size: 26px;
    line-height: 1.2;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

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

ul, ol, dl, p {
    color: rgb(64, 64, 64);
}

ul li, ul dt, ul dd, ol li, ol dt, ol dd, dl li, dl dt, dl dd, p li, p dt, p dd {
    color: rgb(64, 64, 64);
}

* a {
    color: var(--theme-default);
    text-decoration: none;
    letter-spacing: 1px;
}

.d-flex {
    align-items: flex-start;
}

.d-flex .flex-grow-1 {
    flex: 1 1 0%;
}

.f-m-light {
    margin: 0px;
    color: var(--f-lighter);
}

a {
    font-size: 0.875rem;
    text-decoration: none;
    color: var(--theme-default);
    transition: 0.5s;
}

a:hover {
    color: var(--theme-default);
}

a:focus-visible {
    outline: none;
}

.btn {
    font-size: 14px;
}

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

button:focus {
    outline: none !important;
}

p {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.7px;
}

code {
    border-radius: 2px;
    color: var(--theme-default) !important;
}

span {
    display: inline-block;
}

.d-flex {
    display: flex;
    align-items: flex-start;
}

.d-flex .flex-grow-1 {
    flex: 1 1 0%;
}

blockquote {
    border-left: 4px solid rgb(115, 102, 255);
    padding: 18px;
}

.figure.text-center blockquote {
    border: none !important;
}

.figure.text-end blockquote {
    border-right: 4px solid rgb(115, 102, 255);
    border-left: none !important;
}

.row > div {
    position: relative;
}

:focus {
    outline-color: var(--theme-default);
}

.disabled, :disabled {
    cursor: not-allowed;
    opacity: 0.8 !important;
    pointer-events: inherit !important;
}

svg {
    vertical-align: baseline;
}

input:focus {
    outline-color: transparent;
}

label {
    margin-bottom: 0.5rem;
}

.media-widgets .flex-grow-1 {
    margin-bottom: 30px;
}

.typography h1, .typography .h1, .typography h2, .typography .h2, .typography h3, .typography .h3, .typography h4, .typography .h4, .typography h5, .typography .h5, .typography h6, .typography .h6 {
    margin: 0px 0px 18px;
}

.typography h1:last-child, .typography .h1:last-child, .typography h2:last-child, .typography .h2:last-child, .typography h3:last-child, .typography .h3:last-child, .typography h4:last-child, .typography .h4:last-child, .typography h5:last-child, .typography .h5:last-child, .typography h6:last-child, .typography .h6:last-child {
    margin-bottom: 0px;
}

.typography small {
    padding-left: 10px;
    color: rgb(63, 71, 90);
}

pre {
    background-color: rgba(115, 102, 255, 0.03);
    padding: 20px 0px;
}

.typography-list ul li ul {
    padding-left: 32px;
    list-style-type: circle;
}

[dir="rtl"] .typography-list ul li ul {
    padding-left: unset;
    padding-right: 32px;
}

.owl-theme .owl-dots .owl-dot span {
    background: rgb(208, 204, 255);
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--theme-default);
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-bottom: -10px;
    margin-top: 25px;
}

.click2edit ~ .note-editor.note-frame {
    margin-bottom: 30px;
}

.note-editor.note-frame {
    border-color: rgb(244, 244, 244);
}

.note-editor.fullscreen .note-toolbar-wrapper {
    height: 0px !important;
}

.note-editor.note-frame {
    border-color: rgb(244, 244, 244);
}

.alert-theme.notify-alert button {
    color: var(--theme-default);
    top: 45px !important;
    right: 20px !important;
}

@media (max-width: 420px) {
    .alert-theme.notify-alert button {
        top: 40px !important;
        font-size: 20px;
    }
}

[dir="rtl"] .alert-theme.notify-alert button {
    right: unset !important;
    left: 20px !important;
}

.alert-theme.notify-alert span + span + span {
    background-color: rgb(255, 255, 255);
    color: var(--theme-default);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 14px -3px;
}

.alert-theme.notify-alert .close {
    color: var(--theme-default);
}

.alert-theme.notify-alert i {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 0px !important;
    margin-right: 20px !important;
}

.alert-theme.notify-alert .progress {
    height: 2px;
    width: 100%;
    margin-top: -2px !important;
}

.alert-theme.notify-alert .progress .progress-bar {
    background-color: var(--theme-default);
}

.ace-editor {
    height: 400px;
    width: 100%;
}

.editor-toolbar {
    width: 100% !important;
}

.editor-toolbar.fullscreen {
    z-index: 100;
}

.CodeMirror {
    top: 0px !important;
}

.CodeMirror-fullscreen {
    top: 50px !important;
}

table tbody tr {
    vertical-align: middle;
}

.common-flex {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.common-align {
    display: flex;
    justify-content: center;
    align-items: center;
}

.typography-table thead tr th {
    font-size: 16px;
}

.typography-table tbody tr td:last-child {
    min-width: 280px;
}

.typography-table tbody tr td:first-child {
    min-width: 100px;
}

.default-according .avatar-showcase {
    margin-bottom: 0px;
}

.default-according .card {
    margin-bottom: 0px;
    box-shadow: none;
}

.default-according .card + .card {
    margin-top: 10px;
}

.default-according .card .btn-link {
    font-weight: 500;
    color: rgb(64, 64, 64);
    text-decoration: none;
}

.default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
    text-decoration: none;
}

.default-according .card .card-header {
    padding: 0.75rem 1.25rem;
    border: 1px solid rgb(233, 237, 241);
}

.default-according .card .card-header i {
    position: absolute;
    left: 18px;
    font-size: 20px;
    top: 20px;
}

.default-according .card .card-header h5 {
    margin-top: 2px;
}

.default-according .card .card-body {
    border-right: 1px solid rgb(233, 237, 241);
    border-bottom: 1px solid rgb(233, 237, 241);
    border-left: 1px solid rgb(233, 237, 241);
    border-image: initial;
    border-top: none;
}

.default-according.style-1 button {
    width: 100%;
    text-align: left;
}

.default-according.style-1 button::before {
    right: 20px;
    position: absolute;
    transition: 0.4s;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 575px) {
    .default-according.style-1 button::before {
        right: 15px;
    }
}

.default-according.style-1 button[aria-expanded="true"]::before {
    content: "";
    font-family: IcoFont;
}

.default-according.style-1 button[aria-expanded="false"]::before {
    content: "";
    font-family: IcoFont;
}

.accordion-button .svg-color {
    position: absolute;
    right: 20px;
}

[dir="rtl"] .accordion-button .svg-color {
    left: 20px;
    right: unset;
}

.accordion-button .svg-color::after {
    content: "";
    background-image: unset;
}

.accordion-button svg {
    transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed) {
    background-color: unset;
    box-shadow: none;
}

.accordion-button:not(.collapsed) svg {
    transform: rotate(-180deg);
}

.accordion-button:not(.collapsed)::after {
    background-image: unset;
}

.accordion-button::after {
    background-image: unset;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button::after {
    content: unset;
}

.accordion-button.accordion-light-primary:not(.collapsed) {
    background-color: rgba(115, 102, 255, 0.1);
}

.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
    background-color: rgba(115, 102, 255, 0.1);
    color: rgb(0, 0, 0);
}

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
    background-color: rgba(115, 102, 255, 0.1) !important;
    color: var(--body-font-color);
}

.accordion-button.accordion-light-secondary:not(.collapsed) {
    background-color: rgba(131, 131, 131, 0.1);
}

.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
    background-color: rgba(131, 131, 131, 0.1);
    color: rgb(0, 0, 0);
}

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
    background-color: rgba(131, 131, 131, 0.1) !important;
    color: var(--body-font-color);
}

.accordion-button.accordion-light-success:not(.collapsed) {
    background-color: rgba(101, 193, 92, 0.1);
}

.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
    background-color: rgba(101, 193, 92, 0.1);
    color: rgb(0, 0, 0);
}

.multi-collapse.show .collapse-wrapper.accordion-light-success {
    background-color: rgba(101, 193, 92, 0.1) !important;
    color: var(--body-font-color);
}

.accordion-button.accordion-light-warning:not(.collapsed) {
    background-color: rgba(255, 184, 41, 0.1);
}

.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
    background-color: rgba(255, 184, 41, 0.1);
    color: rgb(0, 0, 0);
}

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
    background-color: rgba(255, 184, 41, 0.1) !important;
    color: var(--body-font-color);
}

.accordion-button.accordion-light-info:not(.collapsed) {
    background-color: rgba(64, 184, 245, 0.1);
}

.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
    background-color: rgba(64, 184, 245, 0.1);
    color: rgb(0, 0, 0);
}

.multi-collapse.show .collapse-wrapper.accordion-light-info {
    background-color: rgba(64, 184, 245, 0.1) !important;
    color: var(--body-font-color);
}

.accordion-button.accordion-light-light:not(.collapsed) {
    background-color: rgba(244, 244, 244, 0.1);
}

.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
    background-color: rgba(244, 244, 244, 0.1);
    color: rgb(0, 0, 0);
}

.multi-collapse.show .collapse-wrapper.accordion-light-light {
    background-color: rgba(244, 244, 244, 0.1) !important;
    color: var(--body-font-color);
}

.accordion-button.accordion-light-danger:not(.collapsed) {
    background-color: rgba(252, 86, 74, 0.1);
}

.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
    background-color: rgba(252, 86, 74, 0.1);
    color: rgb(0, 0, 0);
}

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
    background-color: rgba(252, 86, 74, 0.1) !important;
    color: var(--body-font-color);
}

.accordion-button.accordion-light-dark:not(.collapsed) {
    background-color: rgba(63, 71, 90, 0.1);
}

.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
    background-color: rgba(63, 71, 90, 0.1);
    color: rgb(0, 0, 0);
}

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
    background-color: rgba(63, 71, 90, 0.1) !important;
    color: var(--body-font-color);
}

.accordion-item .accordion-button .svg-wrapper {
    width: 18px;
    height: 18px;
}

.accordion-wrapper.accordion-item {
    background-color: transparent !important;
}

.accordion-wrapper.accordion-item .accordion-button {
    border-bottom: 1px solid var(--recent-border);
    background-color: transparent !important;
}

.accordion-wrapper.accordion-item .accordion-button.collapsed {
    border-bottom: none;
}

.accordion-wrapper:active {
    border-right: 1px solid rgb(115, 102, 255);
    border-bottom: 1px solid rgb(115, 102, 255);
    border-left: 1px solid rgb(115, 102, 255);
    border-image: initial;
    border-top: 1px solid rgb(115, 102, 255) !important;
}

.accordion-border .accordion-item {
    border: 0px;
}

.icons-accordion .accordion-item:last-child .accordion-body {
    padding-bottom: 0px !important;
}

.icons-accordion .accordion-item .accordion-button:not(.collapsed) svg:first-child {
    transform: unset;
}

.accordions-content li {
    color: rgb(63, 71, 90);
}

.collapse-accordion .btn-dark.collapse {
    border-radius: 15px;
    color: rgb(255, 255, 255);
}

.main-accordion .accordion:not(.accordion-flush) .accordion-item {
    border-color: var(--view-border-marker) !important;
}

.main-accordion .accordion.accordion-flush .accordion-item {
    border-color: var(--recent-dashed-border);
}

.main-accordion .accordion .accordion-item .accordion-button {
    padding-right: 50px;
}

[dir="rtl"] .main-accordion .accordion .accordion-item .accordion-button {
    padding-right: 20px;
    padding-left: 50px;
}

.notify-alert .close {
    color: rgb(255, 255, 255);
    background: unset;
    border: none;
    font-size: 25px;
}

[dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important;
}

.notify-alert.alert-light .close {
    color: rgb(64, 64, 64);
}

.alert {
    border-radius: 0.15rem;
    padding: 15px;
}

.alert svg {
    vertical-align: middle;
}

.alert .progress {
    margin-top: 15px;
}

.alert [data-notify="icon"] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute;
}

.alert [data-notify="message"] {
    display: inline-block;
    width: 100%;
}

.alert i {
    margin-right: 5px;
    font-size: 16px;
}

.alert p {
    margin-bottom: 0px;
}

.alert .close {
    opacity: 1;
}

.alert .close span {
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    border-radius: 3px;
    text-shadow: none;
    padding: 0px 0px 0px 5px;
}

.alert-dismissible {
    padding-right: 2.5rem;
}

[dir="rtl"] .alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem;
}

.alert-dismissible .btn-close {
    box-shadow: none;
}

@media (max-width: 767px) {
    .alert-dismissible .btn-close {
        font-size: 10px;
    }
}

.alert-dismissible .close {
    padding: 10px 13px 10px 1.25rem;
    top: 4px;
    opacity: 0.5;
    transition: 0.3s;
}

.alert-dismissible .close:hover {
    transition: 0.3s;
    opacity: 1;
    color: inherit;
}

.card-body button:focus {
    outline: none;
}

.card-body .alert:last-child {
    margin-bottom: 0px;
}

.card-body .alert svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    position: absolute;
    top: 18px;
}

.card-body .alert svg ~ p {
    padding-left: 20px;
}

strong {
    display: inline-block;
}

strong ~ p {
    display: inline-block;
}

.alert-primary {
    background-color: rgba(115, 102, 255, 0.8);
    border-color: rgba(115, 102, 255, 0.9);
    color: rgb(255, 255, 255);
}

.alert-primary .progress {
    height: 5px;
    background-color: rgb(110, 97, 255);
    border-radius: 0px;
}

.alert-primary .progress-bar {
    background-color: white;
}

.alert-primary .btn-close {
    filter: brightness(1) invert(1);
}

.alert-primary .alert-link {
    color: rgb(115, 102, 255);
}

.alert-primary hr {
    border-top-color: rgb(115, 102, 255);
}

.border-primary {
    border-color: rgb(115, 102, 255) !important;
}

.alert-bg-primary {
    background-color: rgba(115, 102, 255, 0.1);
}

.income-wrapper ul li .income-dot.dot-primary {
    background-color: rgb(115, 102, 255);
}

.touchspin-wrapper .btn-touchspin.touchspin-primary {
    background-color: rgb(115, 102, 255);
    border: 1px solid rgb(115, 102, 255);
    color: rgb(255, 255, 255);
}

.touchspin-wrapper .btn-touchspin.spin-border-primary {
    background-color: unset;
    border: 1px solid rgb(115, 102, 255);
    color: rgb(115, 102, 255);
}

.touchspin-wrapper input[type="number"].spin-outline-primary {
    outline: rgb(115, 102, 255) solid 1px;
    border: none;
    border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-primary {
    background-color: rgb(115, 102, 255);
    border: 1px solid rgb(115, 102, 255);
    color: rgb(255, 255, 255);
}

.form-switch .form-check-input.switch-primary:checked {
    background-color: rgb(115, 102, 255);
    border-color: rgb(115, 102, 255);
}

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

.payment-second .mega-icons.stroke-primary {
    stroke: rgb(115, 102, 255);
}

.toast-primary {
    color: rgb(115, 102, 255) !important;
}

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
    border-left: 4px solid rgb(115, 102, 255);
}

[dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-primary, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-primary, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-primary, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-primary, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-primary {
    border-right: 4px solid rgb(115, 102, 255);
    border-left: unset;
}

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
    box-shadow: rgba(115, 102, 255, 0.55) 0px 0px 0px 4px;
}

.fill-radios .radio.radio-primary input[type="radio"]:checked + label::before {
    border: 10px solid rgb(115, 102, 255);
}

.fill-radios .radio.radio-primary input[type="radio"]:checked + label::after {
    background-color: rgb(115, 102, 255);
}

.list-group .form-check-input[type="checkbox"].checkbox-primary, .list-group [type="radio"].checkbox-primary {
    background-color: unset;
    border-color: rgb(115, 102, 255);
    outline: 0px;
}

.list-group .form-check-input[type="checkbox"].checkbox-primary:focus, .list-group .form-check-input[type="checkbox"].checkbox-primary:active, .list-group .form-check-input[type="checkbox"].checkbox-primary.active, .list-group .form-check-input[type="checkbox"].checkbox-primary:checked, .list-group [type="radio"].checkbox-primary:focus, .list-group [type="radio"].checkbox-primary:active, .list-group [type="radio"].checkbox-primary.active, .list-group [type="radio"].checkbox-primary:checked {
    border-color: rgb(115, 102, 255);
    outline: 0px;
    background-color: rgb(115, 102, 255);
}

.list-group .alert-primary.light {
    background-color: rgba(115, 102, 255, 0.4);
    border-color: rgba(115, 102, 255, 0.7);
}

.list-group .alert-primary.dark .alert-link {
    background-color: rgb(115, 102, 255);
    border-color: rgb(115, 102, 255);
    color: rgb(250, 250, 250);
}

.list-group .alert-primary.outline, .list-group .alert-primary.outline-2x {
    background-color: transparent;
    border-color: rgb(115, 102, 255);
    color: rgb(115, 102, 255);
}

.list-group .alert-primary.outline .btn-close, .list-group .alert-primary.outline-2x .btn-close {
    filter: unset;
}

.list-group .alert-primary.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: rgb(115, 102, 255);
    color: rgb(64, 64, 64);
}

.list-group .alert-primary.inverse::before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0px;
    height: 0px;
    border-left: 7px solid rgb(115, 102, 255);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

@media (max-width: 576px) {
    .list-group .alert-primary.inverse::before {
        left: 45px;
    }
}

.list-group .alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: rgb(115, 102, 255);
    color: rgb(255, 255, 255);
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

@media (max-width: 576px) {
    .list-group .alert-primary.inverse i {
        padding: 17px 14px;
    }
}

.list-group .btn-close {
    filter: unset;
    top: -3px;
}

.alert-secondary {
    background-color: rgba(131, 131, 131, 0.8);
    border-color: rgba(131, 131, 131, 0.9);
    color: rgb(255, 255, 255);
}

.alert-secondary .progress {
    height: 5px;
    background-color: gray;
    border-radius: 0px;
}

.alert-secondary .progress-bar {
    background-color: white;
}

.alert-secondary .btn-close {
    filter: brightness(1) invert(1);
}

.alert-secondary .alert-link {
    color: rgb(131, 131, 131);
}

.alert-secondary hr {
    border-top-color: rgb(131, 131, 131);
}

.border-secondary {
    border-color: rgb(131, 131, 131) !important;
}

.alert-bg-secondary {
    background-color: rgba(131, 131, 131, 0.1);
}

.income-wrapper ul li .income-dot.dot-secondary {
    background-color: rgb(131, 131, 131);
}

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
    background-color: rgb(131, 131, 131);
    border: 1px solid rgb(131, 131, 131);
    color: rgb(255, 255, 255);
}

.touchspin-wrapper .btn-touchspin.spin-border-secondary {
    background-color: unset;
    border: 1px solid rgb(131, 131, 131);
    color: rgb(131, 131, 131);
}

.touchspin-wrapper input[type="number"].spin-outline-secondary {
    outline: rgb(131, 131, 131) solid 1px;
    border: none;
    border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
    background-color: rgb(131, 131, 131);
    border: 1px solid rgb(131, 131, 131);
    color: rgb(255, 255, 255);
}

.form-switch .form-check-input.switch-secondary:checked {
    background-color: rgb(131, 131, 131);
    border-color: rgb(131, 131, 131);
}

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

.payment-second .mega-icons.stroke-secondary {
    stroke: rgb(131, 131, 131);
}

.toast-secondary {
    color: rgb(131, 131, 131) !important;
}

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
    border-left: 4px solid rgb(131, 131, 131);
}

[dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-secondary, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-secondary, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-secondary, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-secondary, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-secondary {
    border-right: 4px solid rgb(131, 131, 131);
    border-left: unset;
}

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
    box-shadow: rgba(131, 131, 131, 0.55) 0px 0px 0px 4px;
}

.fill-radios .radio.radio-secondary input[type="radio"]:checked + label::before {
    border: 10px solid rgb(131, 131, 131);
}

.fill-radios .radio.radio-secondary input[type="radio"]:checked + label::after {
    background-color: rgb(131, 131, 131);
}

.list-group .form-check-input[type="checkbox"].checkbox-secondary, .list-group [type="radio"].checkbox-secondary {
    background-color: unset;
    border-color: rgb(131, 131, 131);
    outline: 0px;
}

.list-group .form-check-input[type="checkbox"].checkbox-secondary:focus, .list-group .form-check-input[type="checkbox"].checkbox-secondary:active, .list-group .form-check-input[type="checkbox"].checkbox-secondary.active, .list-group .form-check-input[type="checkbox"].checkbox-secondary:checked, .list-group [type="radio"].checkbox-secondary:focus, .list-group [type="radio"].checkbox-secondary:active, .list-group [type="radio"].checkbox-secondary.active, .list-group [type="radio"].checkbox-secondary:checked {
    border-color: rgb(131, 131, 131);
    outline: 0px;
    background-color: rgb(131, 131, 131);
}

.list-group .alert-secondary.light {
    background-color: rgba(131, 131, 131, 0.4);
    border-color: rgba(131, 131, 131, 0.7);
}

.list-group .alert-secondary.dark .alert-link {
    background-color: rgb(131, 131, 131);
    border-color: rgb(131, 131, 131);
    color: rgb(250, 250, 250);
}

.list-group .alert-secondary.outline, .list-group .alert-secondary.outline-2x {
    background-color: transparent;
    border-color: rgb(131, 131, 131);
    color: rgb(131, 131, 131);
}

.list-group .alert-secondary.outline .btn-close, .list-group .alert-secondary.outline-2x .btn-close {
    filter: unset;
}

.list-group .alert-secondary.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: rgb(131, 131, 131);
    color: rgb(64, 64, 64);
}

.list-group .alert-secondary.inverse::before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0px;
    height: 0px;
    border-left: 7px solid rgb(131, 131, 131);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

@media (max-width: 576px) {
    .list-group .alert-secondary.inverse::before {
        left: 45px;
    }
}

.list-group .alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: rgb(131, 131, 131);
    color: rgb(255, 255, 255);
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

@media (max-width: 576px) {
    .list-group .alert-secondary.inverse i {
        padding: 17px 14px;
    }
}

.list-group .btn-close {
    filter: unset;
    top: -3px;
}

.alert-success {
    background-color: rgba(101, 193, 92, 0.8);
    border-color: rgba(101, 193, 92, 0.9);
    color: rgb(255, 255, 255);
}

.alert-success .progress {
    height: 5px;
    background-color: rgb(98, 192, 88);
    border-radius: 0px;
}

.alert-success .progress-bar {
    background-color: white;
}

.alert-success .btn-close {
    filter: brightness(1) invert(1);
}

.alert-success .alert-link {
    color: rgb(101, 193, 92);
}

.alert-success hr {
    border-top-color: rgb(101, 193, 92);
}

.border-success {
    border-color: rgb(101, 193, 92) !important;
}

.alert-bg-success {
    background-color: rgba(101, 193, 92, 0.1);
}

.income-wrapper ul li .income-dot.dot-success {
    background-color: rgb(101, 193, 92);
}

.touchspin-wrapper .btn-touchspin.touchspin-success {
    background-color: rgb(101, 193, 92);
    border: 1px solid rgb(101, 193, 92);
    color: rgb(255, 255, 255);
}

.touchspin-wrapper .btn-touchspin.spin-border-success {
    background-color: unset;
    border: 1px solid rgb(101, 193, 92);
    color: rgb(101, 193, 92);
}

.touchspin-wrapper input[type="number"].spin-outline-success {
    outline: rgb(101, 193, 92) solid 1px;
    border: none;
    border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-success {
    background-color: rgb(101, 193, 92);
    border: 1px solid rgb(101, 193, 92);
    color: rgb(255, 255, 255);
}

.form-switch .form-check-input.switch-success:checked {
    background-color: rgb(101, 193, 92);
    border-color: rgb(101, 193, 92);
}

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

.payment-second .mega-icons.stroke-success {
    stroke: rgb(101, 193, 92);
}

.toast-success {
    color: rgb(101, 193, 92) !important;
}

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
    border-left: 4px solid rgb(101, 193, 92);
}

[dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-success, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-success, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-success, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-success, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-success {
    border-right: 4px solid rgb(101, 193, 92);
    border-left: unset;
}

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
    box-shadow: rgba(101, 193, 92, 0.55) 0px 0px 0px 4px;
}

.fill-radios .radio.radio-success input[type="radio"]:checked + label::before {
    border: 10px solid rgb(101, 193, 92);
}

.fill-radios .radio.radio-success input[type="radio"]:checked + label::after {
    background-color: rgb(101, 193, 92);
}

.list-group .form-check-input[type="checkbox"].checkbox-success, .list-group [type="radio"].checkbox-success {
    background-color: unset;
    border-color: rgb(101, 193, 92);
    outline: 0px;
}

.list-group .form-check-input[type="checkbox"].checkbox-success:focus, .list-group .form-check-input[type="checkbox"].checkbox-success:active, .list-group .form-check-input[type="checkbox"].checkbox-success.active, .list-group .form-check-input[type="checkbox"].checkbox-success:checked, .list-group [type="radio"].checkbox-success:focus, .list-group [type="radio"].checkbox-success:active, .list-group [type="radio"].checkbox-success.active, .list-group [type="radio"].checkbox-success:checked {
    border-color: rgb(101, 193, 92);
    outline: 0px;
    background-color: rgb(101, 193, 92);
}

.list-group .alert-success.light {
    background-color: rgba(101, 193, 92, 0.4);
    border-color: rgba(101, 193, 92, 0.7);
}

.list-group .alert-success.dark .alert-link {
    background-color: rgb(101, 193, 92);
    border-color: rgb(101, 193, 92);
    color: rgb(250, 250, 250);
}

.list-group .alert-success.outline, .list-group .alert-success.outline-2x {
    background-color: transparent;
    border-color: rgb(101, 193, 92);
    color: rgb(101, 193, 92);
}

.list-group .alert-success.outline .btn-close, .list-group .alert-success.outline-2x .btn-close {
    filter: unset;
}

.list-group .alert-success.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: rgb(101, 193, 92);
    color: rgb(64, 64, 64);
}

.list-group .alert-success.inverse::before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0px;
    height: 0px;
    border-left: 7px solid rgb(101, 193, 92);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

@media (max-width: 576px) {
    .list-group .alert-success.inverse::before {
        left: 45px;
    }
}

.list-group .alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: rgb(101, 193, 92);
    color: rgb(255, 255, 255);
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

@media (max-width: 576px) {
    .list-group .alert-success.inverse i {
        padding: 17px 14px;
    }
}

.list-group .btn-close {
    filter: unset;
    top: -3px;
}

.alert-danger {
    background-color: rgba(252, 86, 74, 0.8);
    border-color: rgba(252, 86, 74, 0.9);
    color: rgb(255, 255, 255);
}

.alert-danger .progress {
    height: 5px;
    background-color: rgb(252, 81, 69);
    border-radius: 0px;
}

.alert-danger .progress-bar {
    background-color: white;
}

.alert-danger .btn-close {
    filter: brightness(1) invert(1);
}

.alert-danger .alert-link {
    color: rgb(252, 86, 74);
}

.alert-danger hr {
    border-top-color: rgb(252, 86, 74);
}

.border-danger {
    border-color: rgb(252, 86, 74) !important;
}

.alert-bg-danger {
    background-color: rgba(252, 86, 74, 0.1);
}

.income-wrapper ul li .income-dot.dot-danger {
    background-color: rgb(252, 86, 74);
}

.touchspin-wrapper .btn-touchspin.touchspin-danger {
    background-color: rgb(252, 86, 74);
    border: 1px solid rgb(252, 86, 74);
    color: rgb(255, 255, 255);
}

.touchspin-wrapper .btn-touchspin.spin-border-danger {
    background-color: unset;
    border: 1px solid rgb(252, 86, 74);
    color: rgb(252, 86, 74);
}

.touchspin-wrapper input[type="number"].spin-outline-danger {
    outline: rgb(252, 86, 74) solid 1px;
    border: none;
    border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-danger {
    background-color: rgb(252, 86, 74);
    border: 1px solid rgb(252, 86, 74);
    color: rgb(255, 255, 255);
}

.form-switch .form-check-input.switch-danger:checked {
    background-color: rgb(252, 86, 74);
    border-color: rgb(252, 86, 74);
}

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

.payment-second .mega-icons.stroke-danger {
    stroke: rgb(252, 86, 74);
}

.toast-danger {
    color: rgb(252, 86, 74) !important;
}

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
    border-left: 4px solid rgb(252, 86, 74);
}

[dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-danger, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-danger, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-danger, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-danger, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-danger {
    border-right: 4px solid rgb(252, 86, 74);
    border-left: unset;
}

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
    box-shadow: rgba(252, 86, 74, 0.55) 0px 0px 0px 4px;
}

.fill-radios .radio.radio-danger input[type="radio"]:checked + label::before {
    border: 10px solid rgb(252, 86, 74);
}

.fill-radios .radio.radio-danger input[type="radio"]:checked + label::after {
    background-color: rgb(252, 86, 74);
}

.list-group .form-check-input[type="checkbox"].checkbox-danger, .list-group [type="radio"].checkbox-danger {
    background-color: unset;
    border-color: rgb(252, 86, 74);
    outline: 0px;
}

.list-group .form-check-input[type="checkbox"].checkbox-danger:focus, .list-group .form-check-input[type="checkbox"].checkbox-danger:active, .list-group .form-check-input[type="checkbox"].checkbox-danger.active, .list-group .form-check-input[type="checkbox"].checkbox-danger:checked, .list-group [type="radio"].checkbox-danger:focus, .list-group [type="radio"].checkbox-danger:active, .list-group [type="radio"].checkbox-danger.active, .list-group [type="radio"].checkbox-danger:checked {
    border-color: rgb(252, 86, 74);
    outline: 0px;
    background-color: rgb(252, 86, 74);
}

.list-group .alert-danger.light {
    background-color: rgba(252, 86, 74, 0.4);
    border-color: rgba(252, 86, 74, 0.7);
}

.list-group .alert-danger.dark .alert-link {
    background-color: rgb(252, 86, 74);
    border-color: rgb(252, 86, 74);
    color: rgb(250, 250, 250);
}

.list-group .alert-danger.outline, .list-group .alert-danger.outline-2x {
    background-color: transparent;
    border-color: rgb(252, 86, 74);
    color: rgb(252, 86, 74);
}

.list-group .alert-danger.outline .btn-close, .list-group .alert-danger.outline-2x .btn-close {
    filter: unset;
}

.list-group .alert-danger.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: rgb(252, 86, 74);
    color: rgb(64, 64, 64);
}

.list-group .alert-danger.inverse::before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0px;
    height: 0px;
    border-left: 7px solid rgb(252, 86, 74);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

@media (max-width: 576px) {
    .list-group .alert-danger.inverse::before {
        left: 45px;
    }
}

.list-group .alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: rgb(252, 86, 74);
    color: rgb(255, 255, 255);
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

@media (max-width: 576px) {
    .list-group .alert-danger.inverse i {
        padding: 17px 14px;
    }
}

.list-group .btn-close {
    filter: unset;
    top: -3px;
}

.alert-warning {
    background-color: rgba(255, 184, 41, 0.8);
    border-color: rgba(255, 184, 41, 0.9);
    color: rgb(255, 255, 255);
}

.alert-warning .progress {
    height: 5px;
    background-color: rgb(255, 182, 36);
    border-radius: 0px;
}

.alert-warning .progress-bar {
    background-color: white;
}

.alert-warning .btn-close {
    filter: brightness(1) invert(1);
}

.alert-warning .alert-link {
    color: rgb(255, 184, 41);
}

.alert-warning hr {
    border-top-color: rgb(255, 184, 41);
}

.border-warning {
    border-color: rgb(255, 184, 41) !important;
}

.alert-bg-warning {
    background-color: rgba(255, 184, 41, 0.1);
}

.income-wrapper ul li .income-dot.dot-warning {
    background-color: rgb(255, 184, 41);
}

.touchspin-wrapper .btn-touchspin.touchspin-warning {
    background-color: rgb(255, 184, 41);
    border: 1px solid rgb(255, 184, 41);
    color: rgb(255, 255, 255);
}

.touchspin-wrapper .btn-touchspin.spin-border-warning {
    background-color: unset;
    border: 1px solid rgb(255, 184, 41);
    color: rgb(255, 184, 41);
}

.touchspin-wrapper input[type="number"].spin-outline-warning {
    outline: rgb(255, 184, 41) solid 1px;
    border: none;
    border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-warning {
    background-color: rgb(255, 184, 41);
    border: 1px solid rgb(255, 184, 41);
    color: rgb(255, 255, 255);
}

.form-switch .form-check-input.switch-warning:checked {
    background-color: rgb(255, 184, 41);
    border-color: rgb(255, 184, 41);
}

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

.payment-second .mega-icons.stroke-warning {
    stroke: rgb(255, 184, 41);
}

.toast-warning {
    color: rgb(255, 184, 41) !important;
}

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
    border-left: 4px solid rgb(255, 184, 41);
}

[dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-warning, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-warning, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-warning, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-warning, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-warning {
    border-right: 4px solid rgb(255, 184, 41);
    border-left: unset;
}

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
    box-shadow: rgba(255, 184, 41, 0.55) 0px 0px 0px 4px;
}

.fill-radios .radio.radio-warning input[type="radio"]:checked + label::before {
    border: 10px solid rgb(255, 184, 41);
}

.fill-radios .radio.radio-warning input[type="radio"]:checked + label::after {
    background-color: rgb(255, 184, 41);
}

.list-group .form-check-input[type="checkbox"].checkbox-warning, .list-group [type="radio"].checkbox-warning {
    background-color: unset;
    border-color: rgb(255, 184, 41);
    outline: 0px;
}

.list-group .form-check-input[type="checkbox"].checkbox-warning:focus, .list-group .form-check-input[type="checkbox"].checkbox-warning:active, .list-group .form-check-input[type="checkbox"].checkbox-warning.active, .list-group .form-check-input[type="checkbox"].checkbox-warning:checked, .list-group [type="radio"].checkbox-warning:focus, .list-group [type="radio"].checkbox-warning:active, .list-group [type="radio"].checkbox-warning.active, .list-group [type="radio"].checkbox-warning:checked {
    border-color: rgb(255, 184, 41);
    outline: 0px;
    background-color: rgb(255, 184, 41);
}

.list-group .alert-warning.light {
    background-color: rgba(255, 184, 41, 0.4);
    border-color: rgba(255, 184, 41, 0.7);
}

.list-group .alert-warning.dark .alert-link {
    background-color: rgb(255, 184, 41);
    border-color: rgb(255, 184, 41);
    color: rgb(250, 250, 250);
}

.list-group .alert-warning.outline, .list-group .alert-warning.outline-2x {
    background-color: transparent;
    border-color: rgb(255, 184, 41);
    color: rgb(255, 184, 41);
}

.list-group .alert-warning.outline .btn-close, .list-group .alert-warning.outline-2x .btn-close {
    filter: unset;
}

.list-group .alert-warning.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: rgb(255, 184, 41);
    color: rgb(64, 64, 64);
}

.list-group .alert-warning.inverse::before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0px;
    height: 0px;
    border-left: 7px solid rgb(255, 184, 41);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

@media (max-width: 576px) {
    .list-group .alert-warning.inverse::before {
        left: 45px;
    }
}

.list-group .alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: rgb(255, 184, 41);
    color: rgb(255, 255, 255);
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

@media (max-width: 576px) {
    .list-group .alert-warning.inverse i {
        padding: 17px 14px;
    }
}

.list-group .btn-close {
    filter: unset;
    top: -3px;
}

.alert-info {
    background-color: rgba(64, 184, 245, 0.8);
    border-color: rgba(64, 184, 245, 0.9);
    color: rgb(255, 255, 255);
}

.alert-info .progress {
    height: 5px;
    background-color: rgb(59, 182, 245);
    border-radius: 0px;
}

.alert-info .progress-bar {
    background-color: white;
}

.alert-info .btn-close {
    filter: brightness(1) invert(1);
}

.alert-info .alert-link {
    color: rgb(64, 184, 245);
}

.alert-info hr {
    border-top-color: rgb(64, 184, 245);
}

.border-info {
    border-color: rgb(64, 184, 245) !important;
}

.alert-bg-info {
    background-color: rgba(64, 184, 245, 0.1);
}

.income-wrapper ul li .income-dot.dot-info {
    background-color: rgb(64, 184, 245);
}

.touchspin-wrapper .btn-touchspin.touchspin-info {
    background-color: rgb(64, 184, 245);
    border: 1px solid rgb(64, 184, 245);
    color: rgb(255, 255, 255);
}

.touchspin-wrapper .btn-touchspin.spin-border-info {
    background-color: unset;
    border: 1px solid rgb(64, 184, 245);
    color: rgb(64, 184, 245);
}

.touchspin-wrapper input[type="number"].spin-outline-info {
    outline: rgb(64, 184, 245) solid 1px;
    border: none;
    border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-info {
    background-color: rgb(64, 184, 245);
    border: 1px solid rgb(64, 184, 245);
    color: rgb(255, 255, 255);
}

.form-switch .form-check-input.switch-info:checked {
    background-color: rgb(64, 184, 245);
    border-color: rgb(64, 184, 245);
}

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

.payment-second .mega-icons.stroke-info {
    stroke: rgb(64, 184, 245);
}

.toast-info {
    color: rgb(64, 184, 245) !important;
}

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
    border-left: 4px solid rgb(64, 184, 245);
}

[dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-info, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-info, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-info, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-info, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-info {
    border-right: 4px solid rgb(64, 184, 245);
    border-left: unset;
}

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
    box-shadow: rgba(64, 184, 245, 0.55) 0px 0px 0px 4px;
}

.fill-radios .radio.radio-info input[type="radio"]:checked + label::before {
    border: 10px solid rgb(64, 184, 245);
}

.fill-radios .radio.radio-info input[type="radio"]:checked + label::after {
    background-color: rgb(64, 184, 245);
}

.list-group .form-check-input[type="checkbox"].checkbox-info, .list-group [type="radio"].checkbox-info {
    background-color: unset;
    border-color: rgb(64, 184, 245);
    outline: 0px;
}

.list-group .form-check-input[type="checkbox"].checkbox-info:focus, .list-group .form-check-input[type="checkbox"].checkbox-info:active, .list-group .form-check-input[type="checkbox"].checkbox-info.active, .list-group .form-check-input[type="checkbox"].checkbox-info:checked, .list-group [type="radio"].checkbox-info:focus, .list-group [type="radio"].checkbox-info:active, .list-group [type="radio"].checkbox-info.active, .list-group [type="radio"].checkbox-info:checked {
    border-color: rgb(64, 184, 245);
    outline: 0px;
    background-color: rgb(64, 184, 245);
}

.list-group .alert-info.light {
    background-color: rgba(64, 184, 245, 0.4);
    border-color: rgba(64, 184, 245, 0.7);
}

.list-group .alert-info.dark .alert-link {
    background-color: rgb(64, 184, 245);
    border-color: rgb(64, 184, 245);
    color: rgb(250, 250, 250);
}

.list-group .alert-info.outline, .list-group .alert-info.outline-2x {
    background-color: transparent;
    border-color: rgb(64, 184, 245);
    color: rgb(64, 184, 245);
}

.list-group .alert-info.outline .btn-close, .list-group .alert-info.outline-2x .btn-close {
    filter: unset;
}

.list-group .alert-info.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: rgb(64, 184, 245);
    color: rgb(64, 64, 64);
}

.list-group .alert-info.inverse::before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0px;
    height: 0px;
    border-left: 7px solid rgb(64, 184, 245);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

@media (max-width: 576px) {
    .list-group .alert-info.inverse::before {
        left: 45px;
    }
}

.list-group .alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: rgb(64, 184, 245);
    color: rgb(255, 255, 255);
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

@media (max-width: 576px) {
    .list-group .alert-info.inverse i {
        padding: 17px 14px;
    }
}

.list-group .btn-close {
    filter: unset;
    top: -3px;
}

.alert-light {
    background-color: rgba(244, 244, 244, 0.8);
    border-color: rgba(244, 244, 244, 0.9);
    color: rgb(255, 255, 255);
}

.alert-light .progress {
    height: 5px;
    background-color: rgb(241, 241, 241);
    border-radius: 0px;
}

.alert-light .progress-bar {
    background-color: white;
}

.alert-light .btn-close {
    filter: brightness(1) invert(1);
}

.alert-light .alert-link {
    color: rgb(63, 71, 90);
}

.alert-light {
    color: rgb(63, 71, 90);
    background-color: rgb(244, 244, 244);
}

.alert-light .btn-close {
    filter: unset;
}

.alert-light hr {
    border-top-color: rgb(244, 244, 244);
}

.border-light {
    border-color: rgb(244, 244, 244) !important;
}

.alert-bg-light {
    background-color: rgba(244, 244, 244, 0.1);
}

.income-wrapper ul li .income-dot.dot-light {
    background-color: rgb(244, 244, 244);
}

.touchspin-wrapper .btn-touchspin.touchspin-light {
    background-color: rgb(244, 244, 244);
    border: 1px solid rgb(244, 244, 244);
    color: rgb(255, 255, 255);
}

.touchspin-wrapper .btn-touchspin.spin-border-light {
    background-color: unset;
    border: 1px solid rgb(244, 244, 244);
    color: rgb(244, 244, 244);
}

.touchspin-wrapper input[type="number"].spin-outline-light {
    outline: rgb(244, 244, 244) solid 1px;
    border: none;
    border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-light {
    background-color: rgb(244, 244, 244);
    border: 1px solid rgb(244, 244, 244);
    color: rgb(255, 255, 255);
}

.form-switch .form-check-input.switch-light:checked {
    background-color: rgb(244, 244, 244);
    border-color: rgb(244, 244, 244);
}

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

.payment-second .mega-icons.stroke-light {
    stroke: rgb(244, 244, 244);
}

.toast-light {
    color: rgb(244, 244, 244) !important;
}

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
    border-left: 4px solid rgb(244, 244, 244);
}

[dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-light, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-light, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-light, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-light, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-light {
    border-right: 4px solid rgb(244, 244, 244);
    border-left: unset;
}

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
    box-shadow: rgba(244, 244, 244, 0.55) 0px 0px 0px 4px;
}

.fill-radios .radio.radio-light input[type="radio"]:checked + label::before {
    border: 10px solid rgb(244, 244, 244);
}

.fill-radios .radio.radio-light input[type="radio"]:checked + label::after {
    background-color: rgb(244, 244, 244);
}

.list-group .form-check-input[type="checkbox"].checkbox-light, .list-group [type="radio"].checkbox-light {
    background-color: unset;
    border-color: rgb(244, 244, 244);
    outline: 0px;
}

.list-group .form-check-input[type="checkbox"].checkbox-light:focus, .list-group .form-check-input[type="checkbox"].checkbox-light:active, .list-group .form-check-input[type="checkbox"].checkbox-light.active, .list-group .form-check-input[type="checkbox"].checkbox-light:checked, .list-group [type="radio"].checkbox-light:focus, .list-group [type="radio"].checkbox-light:active, .list-group [type="radio"].checkbox-light.active, .list-group [type="radio"].checkbox-light:checked {
    border-color: rgb(244, 244, 244);
    outline: 0px;
    background-color: rgb(244, 244, 244);
}

.list-group .alert-light.light {
    background-color: rgba(244, 244, 244, 0.4);
    border-color: rgba(244, 244, 244, 0.7);
}

.list-group .alert-light.dark {
    color: rgb(63, 71, 90);
}

.list-group .alert-light.dark .alert-link {
    background-color: rgb(244, 244, 244);
    border-color: rgb(244, 244, 244);
    color: rgb(63, 71, 90);
}

.list-group .alert-light.outline, .list-group .alert-light.outline-2x {
    background-color: transparent;
    border-color: rgb(244, 244, 244);
    color: rgb(63, 71, 90);
}

.list-group .alert-light.outline .btn-close, .list-group .alert-light.outline-2x .btn-close {
    filter: unset;
}

.list-group .alert-light.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: rgb(244, 244, 244);
    color: rgb(64, 64, 64);
}

.list-group .alert-light.inverse::before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0px;
    height: 0px;
    border-left: 7px solid rgb(244, 244, 244);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

@media (max-width: 576px) {
    .list-group .alert-light.inverse::before {
        left: 45px;
    }
}

.list-group .alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: rgb(244, 244, 244);
    color: rgb(255, 255, 255);
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

@media (max-width: 576px) {
    .list-group .alert-light.inverse i {
        padding: 17px 14px;
    }
}

.list-group .btn-close {
    filter: unset;
    top: -3px;
}

.alert-dark {
    background-color: rgba(63, 71, 90, 0.8);
    border-color: rgba(63, 71, 90, 0.9);
    color: rgb(255, 255, 255);
}

.alert-dark .progress {
    height: 5px;
    background-color: rgb(61, 69, 87);
    border-radius: 0px;
}

.alert-dark .progress-bar {
    background-color: rgb(195, 200, 213);
}

.alert-dark .btn-close {
    filter: brightness(1) invert(1);
}

.alert-dark .alert-link {
    color: rgb(63, 71, 90);
}

.alert-dark hr {
    border-top-color: rgb(63, 71, 90);
}

.border-dark {
    border-color: rgb(63, 71, 90) !important;
}

.alert-bg-dark {
    background-color: rgba(63, 71, 90, 0.1);
}

.income-wrapper ul li .income-dot.dot-dark {
    background-color: rgb(63, 71, 90);
}

.touchspin-wrapper .btn-touchspin.touchspin-dark {
    background-color: rgb(63, 71, 90);
    border: 1px solid rgb(63, 71, 90);
    color: rgb(255, 255, 255);
}

.touchspin-wrapper .btn-touchspin.spin-border-dark {
    background-color: unset;
    border: 1px solid rgb(63, 71, 90);
    color: rgb(63, 71, 90);
}

.touchspin-wrapper input[type="number"].spin-outline-dark {
    outline: rgb(63, 71, 90) solid 1px;
    border: none;
    border-radius: 3px;
}

.pre-post-touchspin .btn-touchspin.touchspin-dark {
    background-color: rgb(63, 71, 90);
    border: 1px solid rgb(63, 71, 90);
    color: rgb(255, 255, 255);
}

.form-switch .form-check-input.switch-dark:checked {
    background-color: rgb(63, 71, 90);
    border-color: rgb(63, 71, 90);
}

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

.payment-second .mega-icons.stroke-dark {
    stroke: rgb(63, 71, 90);
}

.toast-dark {
    color: rgb(63, 71, 90) !important;
}

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
    border-left: 4px solid rgb(63, 71, 90);
}

[dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-dark, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-dark, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-dark, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-dark, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-dark {
    border-right: 4px solid rgb(63, 71, 90);
    border-left: unset;
}

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
    box-shadow: rgba(63, 71, 90, 0.55) 0px 0px 0px 4px;
}

.fill-radios .radio.radio-dark input[type="radio"]:checked + label::before {
    border: 10px solid rgb(63, 71, 90);
}

.fill-radios .radio.radio-dark input[type="radio"]:checked + label::after {
    background-color: rgb(63, 71, 90);
}

.list-group .form-check-input[type="checkbox"].checkbox-dark, .list-group [type="radio"].checkbox-dark {
    background-color: unset;
    border-color: rgb(63, 71, 90);
    outline: 0px;
}

.list-group .form-check-input[type="checkbox"].checkbox-dark:focus, .list-group .form-check-input[type="checkbox"].checkbox-dark:active, .list-group .form-check-input[type="checkbox"].checkbox-dark.active, .list-group .form-check-input[type="checkbox"].checkbox-dark:checked, .list-group [type="radio"].checkbox-dark:focus, .list-group [type="radio"].checkbox-dark:active, .list-group [type="radio"].checkbox-dark.active, .list-group [type="radio"].checkbox-dark:checked {
    border-color: rgb(63, 71, 90);
    outline: 0px;
    background-color: rgb(63, 71, 90);
}

.list-group .alert-dark.light {
    background-color: rgba(63, 71, 90, 0.4);
    border-color: rgba(63, 71, 90, 0.7);
}

.list-group .alert-dark.dark .alert-link {
    background-color: rgb(63, 71, 90);
    border-color: rgb(63, 71, 90);
    color: rgb(250, 250, 250);
}

.list-group .alert-dark.outline, .list-group .alert-dark.outline-2x {
    background-color: transparent;
    border-color: rgb(63, 71, 90);
    color: rgb(63, 71, 90);
}

.list-group .alert-dark.outline .btn-close, .list-group .alert-dark.outline-2x .btn-close {
    filter: unset;
}

.list-group .alert-dark.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: rgb(63, 71, 90);
    color: rgb(64, 64, 64);
}

.list-group .alert-dark.inverse::before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0px;
    height: 0px;
    border-left: 7px solid rgb(63, 71, 90);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

@media (max-width: 576px) {
    .list-group .alert-dark.inverse::before {
        left: 45px;
    }
}

.list-group .alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255);
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

@media (max-width: 576px) {
    .list-group .alert-dark.inverse i {
        padding: 17px 14px;
    }
}

.list-group .btn-close {
    filter: unset;
    top: -3px;
}

.outline-2x {
    border-width: 2px;
    padding: 11px 1.25rem;
}

.alert-icons.outline-2x {
    padding: 15px;
}

.alert-icons svg {
    position: absolute !important;
    top: 18px !important;
}

.alert-dark .btn-close, .alert-info .btn-close {
    filter: none;
}

.alert-dark .btn-close {
    filter: brightness(1) invert(1);
}

.alert-light-primary {
    background-color: rgb(232, 229, 255);
}

.shadow-primary {
    box-shadow: rgb(232, 229, 255) 0px 10.5112px 12.409px 0px;
}

.alert-light-secondary {
    background-color: rgb(242, 242, 242);
}

.shadow-secondary {
    box-shadow: rgb(242, 242, 242) 0px 10.5112px 12.409px 0px;
}

.alert-light-success {
    background-color: rgb(220, 241, 218);
}

.shadow-success {
    box-shadow: rgb(220, 241, 218) 0px 10.5112px 12.409px 0px;
}

.alert-light-warning {
    background-color: rgb(255, 247, 229);
}

.shadow-warning {
    box-shadow: rgb(255, 247, 229) 0px 10.5112px 12.409px 0px;
}

.alert-light-info {
    background-color: rgb(213, 245, 254);
}

.shadow-info {
    box-shadow: rgb(213, 245, 254) 0px 10.5112px 12.409px 0px;
}

.alert-light-light {
    background-color: rgb(249, 249, 251);
}

.shadow-light {
    box-shadow: rgb(249, 249, 251) 0px 10.5112px 12.409px 0px;
}

.alert-light-danger {
    background-color: rgb(255, 232, 230);
}

.shadow-danger {
    box-shadow: rgb(255, 232, 230) 0px 10.5112px 12.409px 0px;
}

.alert-light-dark {
    background-color: rgb(234, 235, 242);
}

.shadow-dark {
    box-shadow: rgb(234, 235, 242) 0px 10.5112px 12.409px 0px;
}

.alert-arrow {
    min-width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.alert-arrow i {
    margin-right: 0px;
}

@media (max-width: 576px) {
    .ellipsis.content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 294px;
    }
}

@media (max-width: 575px) {
    .ellipsis.content {
        max-width: 180px;
    }
}

.alert-dismissible {
    display: flex;
    align-items: center;
    gap: 8px;
}

.alert.notify-alert.alert-copy {
    background-color: var(--theme-default);
    border: 1px solid var(--theme-default);
    width: 300px;
    line-height: 1;
    color: rgb(255, 255, 255);
    display: flex !important;
}

@media (max-width: 550px) {
    .alert.notify-alert.alert-copy {
        width: 285px;
    }
}

.alerts-icon .alert > div {
    min-width: 30px;
    min-height: 30px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.alerts-icon .alert svg {
    position: relative;
    top: 0px;
    width: 18px;
    height: 18px;
    margin: 0px;
}

.outline-alerts .double-border {
    border: 4px double;
}

.outline-alerts .inset-border {
    border: 4px inset;
}

.outline-alerts .alert p {
    display: inline-block;
    max-width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alert-box .alert-body {
    text-align: center;
}

.alert-box .alert-body svg {
    width: 100px;
    height: 100px;
    position: relative;
    margin-bottom: 20px;
}

.alert-box .alert-body p {
    margin-bottom: 12px;
}

.alert-box .alert-body .button-box button:first-child {
    margin-right: 6px;
}

.alert-box .alert-body .button-box button.light-background:hover, .alert-box .alert-body .button-box button.light-background:focus {
    border-color: transparent;
    background-color: var(--light-bg) !important;
}

.avatars .avatar {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    width: auto;
}

.avatars .avatar:last-child {
    margin-right: 0px;
}

.avatars .avatar.ratio img {
    width: auto;
}

.avatars .avatar .status {
    position: absolute;
    height: 12%;
    width: 12%;
    border-radius: 100%;
    bottom: 12%;
    right: 4%;
}

.avatars.badge-avatar .avatar .badge {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.customers ul {
    display: inline-block;
}

.customers ul li img {
    border: 2px solid var(--white);
    transition: 0.5s;
}

.customers ul li img:hover {
    transform: translateY(-4px) scale(1.02);
    transition: 0.5s;
}

.customers ul li + li {
    margin-left: -7%;
}

.customers.avatar-group {
    margin-right: 30px;
}

.customers.avatar-group:last-child {
    margin-right: 0px;
}

.avatar-showcase {
    margin-bottom: -10px;
}

.avatar-showcase .avatars .avatar {
    margin-bottom: 10px;
}

.avatar-showcase .avatar-group {
    margin-bottom: 10px;
}

.avatar-showcase .ratio > * {
    position: relative;
    top: unset;
    left: unset;
}

.letter-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.letter-avatar h6 {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.animation-ping {
    animation: 1s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running ping;
}

@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

.badge-spacing {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.badge-spacing .badge {
    padding: 6px 12px;
    font-size: 12px;
}

.badge-spacing .badge.badge svg {
    padding-top: 0px;
}

.badge-spacing .badge.rounded-circle {
    padding: 10px 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.badge-spacing .badge.badge-p-space {
    padding: 10px 13px;
}

.badge-spacing .badge + .badge {
    margin-left: 0px;
}

a.badge:hover {
    color: inherit;
}

a.badge:hover.badge-dark:hover {
    color: rgb(255, 255, 255);
}

.badge {
    padding: 0.25em 0.5em;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

.badge + .badge {
    margin-left: 5px;
}

.badge svg {
    width: 16px;
    height: 16px;
    padding-top: 3px;
}

.b-ln-height {
    line-height: 5px;
}

.pill-badge-primary {
    background-color: var(--theme-default);
    box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-default), 0.25);
    color: rgb(255, 255, 255);
    border-radius: 0px;
}

.pill-badge-secondary {
    background-color: rgb(131, 131, 131);
    box-shadow: rgba(131, 131, 131, 0.25) -0.5px 4.33px 16px 0px;
    color: rgb(255, 255, 255);
    border-radius: 0px;
}

.pill-badge-success {
    background-color: rgb(101, 193, 92);
    box-shadow: rgba(101, 193, 92, 0.25) -0.5px 4.33px 16px 0px;
    color: rgb(255, 255, 255);
    border-radius: 0px;
}

.pill-badge-danger {
    background-color: rgb(252, 86, 74);
    box-shadow: rgba(252, 86, 74, 0.25) -0.5px 4.33px 16px 0px;
    color: rgb(255, 255, 255);
    border-radius: 0px;
}

.pill-badge-info {
    background-color: rgb(64, 184, 245);
    box-shadow: rgba(64, 184, 245, 0.25) -0.5px 4.33px 16px 0px;
    color: rgb(255, 255, 255);
    border-radius: 0px;
}

.pill-badge-light {
    background-color: rgb(244, 244, 244);
    box-shadow: rgba(244, 244, 244, 0.25) -0.5px 4.33px 16px 0px;
    color: rgb(255, 255, 255);
    border-radius: 0px;
}

.pill-badge-dark {
    background-color: rgb(63, 71, 90);
    box-shadow: rgba(63, 71, 90, 0.25) -0.5px 4.33px 16px 0px;
    color: rgb(255, 255, 255);
    border-radius: 0px;
}

.pill-badge-warning {
    background-color: rgb(255, 184, 41);
    box-shadow: rgba(255, 184, 41, 0.25) -0.5px 4.33px 16px 0px;
    color: rgb(255, 255, 255);
    border-radius: 0px;
}

.pill-badge-primary {
    background-color: var(--theme-default);
}

.pill-badge-secondary {
    background-color: var(--theme-secondary);
}

.round-badge-primary {
    border-radius: 6px;
    background-color: var(--theme-default);
    box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-default), 0.18);
    color: rgb(255, 255, 255) !important;
}

.round-badge-secondary {
    border-radius: 6px;
    background-color: rgb(131, 131, 131);
    box-shadow: rgba(131, 131, 131, 0.18) -0.5px -6.67px 14px 0px;
    color: rgb(255, 255, 255) !important;
}

.round-badge-success {
    border-radius: 6px;
    background-color: rgb(101, 193, 92);
    box-shadow: rgba(101, 193, 92, 0.18) -0.5px -6.67px 14px 0px;
    color: rgb(255, 255, 255) !important;
}

.round-badge-danger {
    border-radius: 6px;
    background-color: rgb(252, 86, 74);
    box-shadow: rgba(252, 86, 74, 0.18) -0.5px -6.67px 14px 0px;
    color: rgb(255, 255, 255) !important;
}

.round-badge-info {
    border-radius: 6px;
    background-color: rgb(64, 184, 245);
    box-shadow: rgba(64, 184, 245, 0.18) -0.5px -6.67px 14px 0px;
    color: rgb(255, 255, 255) !important;
}

.round-badge-light {
    border-radius: 6px;
    background-color: rgb(244, 244, 244);
    box-shadow: rgba(244, 244, 244, 0.18) -0.5px -6.67px 14px 0px;
    color: rgb(255, 255, 255) !important;
}

.round-badge-dark {
    border-radius: 6px;
    background-color: rgb(63, 71, 90);
    box-shadow: rgba(63, 71, 90, 0.18) -0.5px -6.67px 14px 0px;
    color: rgb(255, 255, 255) !important;
}

.round-badge-warning {
    border-radius: 6px;
    background-color: rgb(255, 184, 41);
    box-shadow: rgba(255, 184, 41, 0.18) -0.5px -6.67px 14px 0px;
    color: rgb(255, 255, 255) !important;
}

.round-badge-primary {
    background-color: var(--theme-default);
}

.round-badge-secondary {
    background-color: var(--theme-secondary);
}

.badge-heading h1, .badge-heading h2, .badge-heading h3, .badge-heading h4, .badge-heading h5 {
    margin-bottom: 16px;
}

.badge-flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 22px;
    flex-wrap: wrap;
}

.badge-flex .badge-square {
    width: 35px;
    height: 35px;
    padding: 0px;
}

.badge-flex .badge-p-5 {
    padding: 5px;
}

.image-badges span img {
    height: 24px;
}

.image-badges span.vr {
    min-height: 12px;
    height: auto;
}

.image-badges span a svg {
    vertical-align: middle;
}

.bookmark ul li {
    display: inline-block;
}

.bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1;
}

.bookmark ul li .search-form .form-control-search {
    top: 65px;
    position: absolute;
    transition: 0.3s linear;
    right: -20px;
    transform: translateY(-35px) scaleY(0);
    opacity: 0;
    visibility: hidden;
}

.bookmark ul li .search-form .form-control-search input {
    width: 240px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 21px;
}

.bookmark ul li .search-form .form-control-search.open {
    transform: translateY(0px) scaleY(1);
    opacity: 1;
    visibility: visible;
    transition: 0.3s linear;
    z-index: 100;
}

.bookmark ul li .search-form .form-control-search::after {
    top: 12px;
    left: 20px;
    z-index: 1;
}

.bookmark ul li .search-form .form-control-search::before {
    left: 50px;
    top: 9px;
    z-index: 2;
}

.bookmark ul li a {
    position: relative;
    color: rgb(64, 64, 64);
}

.bookmark ul li a svg {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.bookmark ul li + li {
    margin-left: 10px;
}

.bookmark ul li:last-child {
    padding-right: 0px;
}

.bookmark ul li:last-child a {
    border-radius: 5px;
}

.bookmark ul li:last-child a svg {
    color: rgb(255, 159, 64);
}

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
    z-index: 99999;
    color: rgba(255, 255, 255, 0.5);
}

.offcanvas-bookmark::before {
    position: fixed;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1;
    right: 0px;
    left: 0px;
}

body.modal-open .select2-container--open {
    width: unset !important;
    display: block;
}

body.modal-open .select2-container--open .select2-dropdown {
    z-index: 1076;
}

.breadcrumb-colored {
    padding: 12px 16px;
    border-radius: 4px;
}

.breadcrumb-colored li a {
    color: rgb(255, 255, 255);
}

.breadcrumb-colored li.active {
    color: rgb(255, 255, 255);
    opacity: 0.7;
}

.breadcrumb-colored .breadcrumb-item::before {
    color: rgb(255, 255, 255);
}

.breadcrumb-colored .breadcrumb-item.txt-dark::before {
    color: rgb(0, 0, 0);
}

.breadcrumb-icon {
    --bs-breadcrumb-divider: ">";
}

.breadcrumb-icon li {
    display: inline-block;
}

.breadcrumb-no-divider {
    --bs-breadcrumb-divider: "";
}

.breadcrumb-item.active {
    text-transform: capitalize;
    color: var(--theme-default);
    font-weight: 500;
}

.breadcrumb-space .breadcrumb-item::before {
    padding-right: 0px;
}

.dark-color-header {
    background-color: unset !important;
    color: rgb(115, 102, 255);
}

.dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
    color: rgb(115, 102, 255) !important;
}

.dark-color-header ul li i {
    color: rgb(244, 244, 244) !important;
}

.btn-link {
    color: var(--theme-default);
}

.btn-outline-light {
    color: rgb(36, 41, 52) !important;
}

.purchase-btn {
    background: linear-gradient(90deg, var(--theme-default) -18.33%, #563EE0 62.78%);
    padding: 12px 20px;
    min-width: 200px;
    border: none;
    transition: 0.5s;
}

.purchase-btn:hover {
    background: linear-gradient(90deg, #563EE0 -18.33%, var(--theme-default) 62.78%);
    transition: 0.5s;
}

@media (max-width: 991px) {
    .purchase-btn {
        min-width: 160px;
    }
}

@media (max-width: 767px) {
    .purchase-btn {
        min-width: 140px;
        padding: 10px 17px;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .purchase-btn {
        font-size: 14px;
    }
}

.btn-light:not([disabled]):not(.disabled).active.active {
    color: rgb(64, 64, 64);
    background-color: rgb(239, 239, 239) !important;
}

.btn-primary-gradien {
    background-image: linear-gradient(to right, rgb(78, 61, 255) 0%, rgb(152, 143, 255) 51%, rgb(78, 61, 255) 100%);
    border: none;
    background-size: auto 200%;
    transition: 0.3s;
    color: rgb(255, 255, 255);
}

.btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, rgb(152, 143, 255), 0%, rgb(78, 61, 255), 100%, rgb(255, 255, 255)) !important;
}

.btn-secondary-gradien {
    background-image: linear-gradient(to right, rgb(151, 151, 151) 0%, rgb(111, 111, 111) 51%, rgb(151, 151, 151) 100%);
    border: none;
    color: rgb(255, 255, 255);
    background-size: auto 200%;
    transition: 0.3s;
}

.btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, rgb(151, 151, 151), 0%, rgb(111, 111, 111), 100%, rgb(255, 255, 255)) !important;
}

.btn-success-gradien {
    background-image: linear-gradient(to right, rgb(129, 204, 122) 0%, rgb(77, 177, 67) 51%, rgb(129, 204, 122) 100%);
    border: none;
    color: rgb(255, 255, 255);
    background-size: auto 200%;
    transition: 0.3s;
}

.btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, rgb(129, 204, 122), 0%, rgb(77, 177, 67), 100%, rgb(255, 255, 255)) !important;
}

.btn-danger-gradien {
    background-image: linear-gradient(to right, rgb(253, 123, 114) 0%, rgb(251, 49, 34) 51%, rgb(253, 123, 114) 100%);
    border: none;
    color: rgb(255, 255, 255);
    background-size: auto 200%;
    transition: 0.3s;
}

.btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, rgb(253, 123, 114), 0%, rgb(251, 49, 34), 100%, rgb(255, 255, 255)) !important;
}

.btn-warning-gradien {
    background-image: linear-gradient(to right, rgb(255, 198, 82) 0%, rgb(255, 170, 0) 51%, rgb(255, 198, 82) 100%);
    border: none;
    color: rgb(255, 255, 255);
    background-size: auto 200%;
    transition: 0.3s;
}

.btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, rgb(255, 198, 82), 0%, rgb(255, 170, 0), 100%, rgb(255, 255, 255)) !important;
}

.btn-info-gradien {
    background-image: linear-gradient(to right, rgb(103, 198, 247) 0%, rgb(25, 170, 243) 51%, rgb(103, 198, 247) 100%);
    border: none;
    color: rgb(255, 255, 255);
    background-size: auto 200%;
    transition: 0.3s;
}

.btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, rgb(103, 198, 247), 0%, rgb(25, 170, 243), 100%, rgb(255, 255, 255)) !important;
}

.btn-light-gradien {
    background-image: linear-gradient(to right, white 0%, rgb(224, 224, 224) 51%, white 100%);
    border: none;
    color: rgb(255, 255, 255);
    background-size: auto 200%;
    transition: 0.3s;
}

.btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, white, 0%, rgb(224, 224, 224), 100%, rgb(255, 255, 255)) !important;
}

.btn-dark-gradien {
    background-image: linear-gradient(to right, rgb(80, 90, 114) 0%, rgb(46, 52, 66) 51%, rgb(80, 90, 114) 100%);
    border: none;
    color: rgb(255, 255, 255);
    background-size: auto 200%;
    transition: 0.3s;
}

.btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, rgb(80, 90, 114), 0%, rgb(46, 52, 66), 100%, rgb(255, 255, 255)) !important;
}

.btn {
    padding: 0.375rem 1.75rem;
}

.btn.bg-light-primary:hover {
    background: rgb(115, 102, 255) !important;
    color: rgb(255, 255, 255) !important;
}

.btn-lg {
    font-size: 18px;
}

.btn-sm {
    font-size: 12px;
}

.btn-xs {
    padding: 0.05rem 0.4rem;
    font-size: 11px;
    line-height: 1.4;
}

.large-btn {
    margin-bottom: -20px;
}

.large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px;
}

.btn-outline-white {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.btn-outline-white:hover, .btn-outline-white:focus {
    background: rgb(255, 255, 255);
    color: var(--theme-default);
}

.button-light-primary {
    background-color: rgb(232, 229, 255);
}

.button-light-primary:hover {
    background-color: rgb(232, 229, 255);
}

.button-light-secondary {
    background-color: rgb(242, 242, 242);
}

.button-light-secondary:hover {
    background-color: rgb(242, 242, 242);
}

.button-light-success {
    background-color: rgb(220, 241, 218);
}

.button-light-success:hover {
    background-color: rgb(220, 241, 218);
}

.button-light-warning {
    background-color: rgb(255, 247, 229);
}

.button-light-warning:hover {
    background-color: rgb(255, 247, 229);
}

.button-light-info {
    background-color: rgb(213, 245, 254);
}

.button-light-info:hover {
    background-color: rgb(213, 245, 254);
}

.button-light-light {
    background-color: rgb(249, 249, 251);
}

.button-light-light:hover {
    background-color: rgb(249, 249, 251);
}

.button-light-danger {
    background-color: rgb(255, 232, 230);
}

.button-light-danger:hover {
    background-color: rgb(255, 232, 230);
}

.button-light-dark {
    background-color: rgb(234, 235, 242);
}

.button-light-dark:hover {
    background-color: rgb(234, 235, 242);
}

.btn-air-primary {
    box-shadow: rgba(88, 103, 221, 0.19) 0px 5px 10px 2px !important;
}

.btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: rgb(68, 51, 255);
    border-color: rgb(68, 51, 255);
}

.input-air-primary {
    box-shadow: rgba(115, 102, 255, 0.1) 0px 3px 5px 1px !important;
}

.input-air-primary:focus {
    border-color: rgb(115, 102, 255);
}

.btn-air-secondary {
    box-shadow: rgba(88, 103, 221, 0.19) 0px 5px 10px 2px !important;
}

.btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: rgb(106, 106, 106);
    border-color: rgb(106, 106, 106);
}

.input-air-secondary {
    box-shadow: rgba(131, 131, 131, 0.1) 0px 3px 5px 1px !important;
}

.input-air-secondary:focus {
    border-color: rgb(131, 131, 131);
}

.btn-air-success {
    box-shadow: rgba(88, 103, 221, 0.19) 0px 5px 10px 2px !important;
}

.btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: rgb(74, 170, 64);
    border-color: rgb(74, 170, 64);
}

.input-air-success {
    box-shadow: rgba(101, 193, 92, 0.1) 0px 3px 5px 1px !important;
}

.input-air-success:focus {
    border-color: rgb(101, 193, 92);
}

.btn-air-danger {
    box-shadow: rgba(88, 103, 221, 0.19) 0px 5px 10px 2px !important;
}

.btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: rgb(251, 39, 24);
    border-color: rgb(251, 39, 24);
}

.input-air-danger {
    box-shadow: rgba(252, 86, 74, 0.1) 0px 3px 5px 1px !important;
}

.input-air-danger:focus {
    border-color: rgb(252, 86, 74);
}

.btn-air-info {
    box-shadow: rgba(88, 103, 221, 0.19) 0px 5px 10px 2px !important;
}

.btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: rgb(16, 166, 242);
    border-color: rgb(16, 166, 242);
}

.input-air-info {
    box-shadow: rgba(64, 184, 245, 0.1) 0px 3px 5px 1px !important;
}

.input-air-info:focus {
    border-color: rgb(64, 184, 245);
}

.btn-air-light {
    box-shadow: rgba(88, 103, 221, 0.19) 0px 5px 10px 2px !important;
}

.btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: rgb(219, 219, 219);
    border-color: rgb(219, 219, 219);
}

.input-air-light {
    box-shadow: rgba(244, 244, 244, 0.1) 0px 3px 5px 1px !important;
}

.input-air-light:focus {
    border-color: rgb(244, 244, 244);
}

.btn-air-dark {
    box-shadow: rgba(88, 103, 221, 0.19) 0px 5px 10px 2px !important;
}

.btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: rgb(42, 47, 60);
    border-color: rgb(42, 47, 60);
}

.input-air-dark {
    box-shadow: rgba(63, 71, 90, 0.1) 0px 3px 5px 1px !important;
}

.input-air-dark:focus {
    border-color: rgb(63, 71, 90);
}

.btn-air-warning {
    box-shadow: rgba(88, 103, 221, 0.19) 0px 5px 10px 2px !important;
}

.btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: rgb(245, 164, 0);
    border-color: rgb(245, 164, 0);
}

.input-air-warning {
    box-shadow: rgba(255, 184, 41, 0.1) 0px 3px 5px 1px !important;
}

.input-air-warning:focus {
    border-color: rgb(255, 184, 41);
}

.btn-warning {
    color: rgb(255, 255, 255);
}

.btn-warning:hover, .btn-warning.disabled {
    color: rgb(255, 255, 255);
}

[class*="-gradien"]:hover {
    background-size: 50% 100%;
    transition: 0.3s;
    color: rgb(255, 255, 255);
}

.btn-square {
    border-radius: 0px;
}

.btn-pill {
    border-radius: 60px;
}

.btn-group-pill .btn:first-child {
    border-radius: 60px 0px 0px 60px;
}

.btn-group-pill .btn:last-child {
    border-radius: 0px 60px 60px 0px;
}

.btn-group-square .btn:first-child {
    border-radius: 0px;
}

.btn-group-square .btn:last-child {
    border-radius: 0px;
}

.btn-showcase {
    margin-bottom: -10px;
}

.btn-showcase .btn {
    margin-bottom: 10px;
    margin-right: 10px;
}

.btn-dropdown-showcase {
    margin-bottom: -10px;
}

.btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px;
}

.btn-dropdown-showcase .btn-group {
    margin-bottom: 10px;
    margin-right: 18px;
}

.btn-group .radio label::before {
    top: 2px;
}

.btn-group .radio label::after {
    top: 7px;
}

.btn-group .checkbox label {
    margin-top: 3px;
}

.tooltiptext {
    visibility: visible;
    width: 120px;
    background-color: rgb(85, 85, 85);
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 6px;
    padding: 5px 0px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 1;
    transition: opacity 0.3s;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(85, 85, 85) transparent transparent;
}

.card-header-right-icon .btn.btn-light-primary {
    background-color: var(--light-shade-primary);
    color: var(--theme-default);
}

.card-header-right-icon .btn.btn-light-primary:hover {
    color: rgb(255, 255, 255);
    background-color: var(--theme-default);
}

.btn.button-primary, button.button-primary {
    background-color: var(--light-shade-primary);
    color: var(--theme-default);
}

.btn.button-primary:hover, button.button-primary:hover {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
    border-color: var(--theme-default);
}

.visual-button button, .visual-button .btn {
    width: 45px;
    height: 45px;
    padding: 0px;
}

.visual-button button svg, .visual-button .btn svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.visual-button button.btn-pill, .visual-button .btn.btn-pill {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: unset;
}

@media (max-width: 1200px) {
    .visual-button button.btn-pill, .visual-button .btn.btn-pill {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 1200px) {
    .visual-button button, .visual-button .btn {
        width: 40px;
        height: 40px;
    }
}

.visual-button.visual-button1 .btn, .visual-button.visual-button1 .btn-pill {
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 6px 28px;
}

.visual-button.visual-button1 .btn-pill {
    border-radius: 60px;
}

.button-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-direction: column;
}

.button-wrapper .btn-group .btn {
    vertical-align: middle;
}

.button-wrapper .btn-group .btn svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 1190px) {
    .button-wrapper .btn-group.select-checkbox label {
        padding: 6px;
    }
}

@media (max-width: 1065px) {
    .button-wrapper .btn-group.select-checkbox label.btn-outline-primary {
        display: none;
    }
}

.button-wrapper .btn-group.select-checkbox label:nth-child(4) {
    border-left: 0px;
}

[dir="rtl"] .button-wrapper .btn-group.select-checkbox label:nth-child(4) {
    border-left: unset;
    border-right: 0px;
}

@media (max-width: 1065px) and (min-width: 591px) {
    .button-wrapper.button-box .btn-group .btn {
        padding: 6px 10px;
    }
}

@media (max-width: 590px) {
    .button-wrapper.button-box .btn-group .btn {
        padding: 6px 8px;
    }
}

.button-wrapper.button-outlined .btn-group .btn {
    line-height: 0.8;
}

@media (max-width: 1399px) {
    .btn-groups .button-wrapper {
        align-items: center;
    }
}

.btn-group-vertical .btn-group .btn.show {
    border-color: var(--recent-border);
}

@media (max-width: 360px) {
    .btn-radio .btn-group .btn {
        border-radius: 6px !important;
    }
}

.btn-radio .btn-group .btn:hover {
    color: var(--body-font-color);
}

@media (max-width: 369px) {
    .btn-radio .btn-group {
        display: grid;
        gap: 8px;
    }

    .btn-radio .btn-group .btn {
        border-radius: 6px;
    }
}

.btn-toolbar {
    gap: 12px;
}

.card-wrapper .btn-option .btn:hover {
    color: var(--body-font-color);
}

.card-wrapper .btn-option .btn:focus, .card-wrapper .btn-option .btn:active {
    color: var(--body-font-color);
    box-shadow: unset;
}

@media (max-width: 369px) {
    .card-wrapper .btn-option.btn-group {
        display: grid;
        gap: 8px;
    }

    .card-wrapper .btn-option.btn-group .btn {
        border-radius: 6px;
    }
}

.loader-buttons button i {
    margin-left: 8px;
}

[dir="rtl"] .loader-buttons button i {
    margin-left: unset;
    margin-right: 8px;
}

.ripple-button {
    overflow: hidden;
    position: relative;
    transform-origin: center center;
}

.ripple-button:focus, .ripple-button:active {
    outline: 0px;
    box-shadow: none;
}

.ripple-button .ripple-span {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    transform: scale(0);
    animation: 0.7s linear 0s 1 normal none running ripple;
    width: 20px;
    height: 20px;
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0.4;
    }

    100% {
        transform: scale(30);
        opacity: 0;
    }
}

.mix-hover-btn .btn {
    position: relative;
}

.mix-hover-btn .btn.btn-border-pop::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: -1;
    border: 2px solid var(--theme-default);
    transition: top, left, right, bottom, 100ms ease-in-out;
}

.mix-hover-btn .btn.btn-border-pop:hover::before, .mix-hover-btn .btn.btn-border-pop:focus::before {
    inset: -5px;
    border-radius: 10px;
}

.mix-hover-btn .btn.btn-bg-slide::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: -1;
    background-color: var(--theme-default);
    transition: transform 300ms ease-in-out;
    transform: scaleX(0);
    transform-origin: left center;
    border-radius: 6px;
}

.mix-hover-btn .btn.btn-bg-slide:hover, .mix-hover-btn .btn.btn-bg-slide:focus {
    color: rgb(255, 255, 255);
    transition: color 300ms ease-in-out;
    z-index: 1;
}

.mix-hover-btn .btn.btn-bg-slide:hover::before, .mix-hover-btn .btn.btn-bg-slide:focus::before {
    transform: scaleX(1);
}

.mix-hover-btn .btn.btn-border-bottom::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 2px;
    background-color: var(--theme-default);
    transform: scaleX(0);
    transition: transform 300ms ease-in-out;
}

.mix-hover-btn .btn.btn-border-bottom:hover::before, .mix-hover-btn .btn.btn-border-bottom:focus::before {
    transform: scaleX(1);
}

.button--winona {
    position: relative;
    overflow: hidden;
    padding: 0px;
    transition: border-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), background-color 0.3s;
    border: 2px solid rgb(115, 102, 255);
    background-color: transparent;
    color: var(--body-font-color);
}

.button--winona::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    color: rgb(115, 102, 255);
    transform: translate3d(0px, 25%, 0px);
}

.button--winona > span {
    display: block;
}

.button--winona::after, .button--winona > span {
    padding: 6px 28px;
    transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s;
}

.button--winona:hover {
    background-color: rgba(232, 229, 255, 0.7);
}

.button--winona:hover::after {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

.button--winona:hover > span {
    opacity: 0;
    transform: translate3d(0px, -25%, 0px);
}

.block-main-wrapper p, .card-block-wrapper p {
    display: -webkit-box;
    height: 68px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-main-wrapper {
    position: relative;
}

.block-main-wrapper .block-wrapper {
    padding: 12px;
    margin-bottom: 12px;
    position: relative;
    border: 1px solid var(--chart-dashed-border);
}

.block-main-wrapper .block-wrapper p {
    margin: 0px;
}

.card-img-top1, .card-img-top2 {
    width: 100%;
    height: 100px;
    object-fit: cover;
    object-position: center bottom;
    border-radius: 0px;
}

.form-main-wrapper .form-block-wrapper {
    position: relative;
    margin-bottom: 12px;
}

.form-main-wrapper .form-block-wrapper .card-wrapper.overlay-bg {
    cursor: wait;
}

.form-main-wrapper .form-block-wrapper .card-wrapper.overlay-bg form .form-control {
    background-color: transparent;
    border-color: var(--view-grid-bg);
}

.overlay-bg {
    background-color: rgba(0, 0, 0, 0.3);
}

.page-loader-10 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0.4;
}

.page-loader-10::before {
    content: attr(data-text);
    display: block;
    max-width: 125px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(52, 58, 64);
    text-align: center;
}

.page-loader-10::after {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: transparent var(--recent-dashed-border) var(--recent-dashed-border) var(--recent-dashed-border);
    position: absolute;
    top: 50%;
    left: 50%;
    animation: 0.85s linear 0s infinite normal none running load;
}

@keyframes load {
    0% {
        transform: translate3d(-50%, -50%, 0px) rotate(0deg);
    }

    100% {
        transform: translate3d(-50%, -50%, 0px) rotate(360deg);
    }
}

.page-loader-12 {
    animation: 2s linear 0s 1 normal none running content-loading;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.8);
}

.page-loader-12::before {
    content: "Loading...";
    display: block;
    max-width: 125px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--body-font-color);
    z-index: 1;
    font-size: 20px;
    padding: 18px;
    border-radius: 25px 0px;
    background-color: var(--theme-secondary);
}

@keyframes content-loading {
    100% {
        opacity: 0;
    }
}

.card {
    margin-bottom: 20px;
    border: none;
    transition: 0.3s;
    letter-spacing: 0.5px;
    border-radius: 15px;
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
}

.card:hover {
    box-shadow: rgba(8, 21, 66, 0.05) 0px 0px 40px;
    transition: 0.3s;
}

.card .card-header {
    background-color: rgb(255, 255, 255);
    padding: 20px;
    border-bottom: 1px solid rgb(233, 237, 241);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: relative;
}

.card .card-header.card-no-border {
    border-bottom: none !important;
}

.card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
    margin-bottom: 0px;
    text-transform: capitalize;
}

.card .card-header > span {
    font-size: 12px;
    color: rgb(117, 117, 138);
    margin-top: 5px;
    display: block;
    letter-spacing: 1px;
}

.card .card-header .card-header-right {
    border-radius: 0px 0px 0px 7px;
    right: 20px;
    top: 14px;
    display: inline-block;
    float: right;
    padding: 8px 0px;
    position: absolute;
    background-color: var(--white);
    z-index: 1;
}

.card .card-header .card-header-right .card-option {
    text-align: right;
    width: 35px;
    height: 20px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.card .card-header .card-header-right .card-option li {
    display: inline-block;
}

.card .card-header .card-header-right .card-option li:first-child i {
    transition: 1s;
    font-size: 16px;
    color: var(--theme-default);
}

.card .card-header .card-header-right .card-option li:first-child i.icofont {
    color: unset;
}

.card .card-header .card-header-right i {
    margin: 0px 5px;
    cursor: pointer;
    color: rgb(63, 71, 90);
    line-height: 20px;
}

.card .card-header .card-header-right i.icofont-refresh {
    font-size: 13px;
}

.card .card-body {
    padding: 20px;
    background-color: transparent;
}

.card .card-body p:last-child {
    margin-bottom: 0px;
}

.card .sub-title {
    padding-bottom: 12px;
    font-size: calc(14.4px + 0.1875vw);
}

.card .card-footer {
    background-color: rgb(255, 255, 255);
    border-top: 1px solid rgb(233, 237, 241);
    padding: 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.card.card-load .card-loader {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    align-items: center;
    justify-content: center;
}

.card.card-load .card-loader i {
    margin: 0px auto;
    color: var(--theme-default);
    font-size: 20px;
}

.card.full-card {
    position: fixed;
    top: 0px;
    z-index: 99999;
    box-shadow: none;
    right: 0px;
    border-radius: 0px;
    border: 1px solid rgb(239, 239, 239);
    width: calc(-12px + 100vw);
    height: 100vh;
}

.card.full-card .card-body {
    overflow: auto;
}

.page-body-wrapper .card .sub-title {
    font-family: Rubik, sans-serif;
    font-weight: 500;
    color: rgb(117, 117, 138);
}

.card-absolute {
    margin-top: 20px;
}

.card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: 0.25rem;
    padding: 10px 15px;
}

.card-absolute .card-header h5 {
    font-size: 17px;
}

.card-absolute .card-body {
    margin-top: 10px;
}

.card-header .border-tab {
    margin-bottom: -13px;
}

.custom-card {
    overflow: hidden;
    padding: 30px;
}

.custom-card .card-header {
    padding: 0px;
}

.custom-card .card-header img {
    border-radius: 50%;
    margin-top: -100px;
    transform: scale(1.5);
}

.custom-card .card-profile {
    text-align: center;
}

.custom-card .card-profile img {
    height: 110px;
    padding: 7px;
    background-color: rgb(255, 255, 255);
    z-index: 1;
    position: relative;
}

.custom-card .card-social {
    text-align: center;
}

.custom-card .card-social li {
    display: inline-block;
    padding: 15px 0px;
}

.custom-card .card-social li:last-child a {
    margin-right: 0px;
}

.custom-card .card-social li a {
    padding: 0px;
    margin-right: 15px;
    color: rgb(188, 198, 222);
    font-size: 16px;
    transition: 0.3s;
}

.custom-card .card-social li a:hover {
    color: var(--theme-default);
    transition: 0.3s;
}

.custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: rgb(117, 117, 138);
    font-size: 14px;
}

.custom-card .card-footer {
    padding: 0px;
}

.custom-card .card-footer > div {
    padding: 15px;
    text-align: center;
}

.custom-card .card-footer > div + div {
    border-left: 1px solid rgb(239, 239, 239);
}

.custom-card .card-footer > div h3 {
    margin-bottom: 0px;
    font-size: 24px;
}

.custom-card .card-footer > div h6 {
    font-size: 14px;
    color: rgb(117, 117, 138);
}

.custom-card .card-footer > div h5 {
    font-size: 16px;
    margin-bottom: 0px;
}

.custom-card .card-footer > div i {
    font-size: 24px;
    display: inline-block;
    margin-bottom: 15px;
}

.custom-card .card-footer > div .m-b-card {
    margin-bottom: 10px;
}

.social-profile {
    text-align: center;
    background-image: url("../images/dashboard-5/profile-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.social-profile .card-body {
    padding-inline: 20px; }

@media (max-width: 1399px) {
    .social-profile .card-body {
        padding: 23px 15px;
    }
}

.social-details {
    margin-top: 15px;
}

.social-details h5 a {
    color: var(--body-font-color);
}

.social-details .social-follow {
    column-count: 3;
    column-gap: 30px;
    margin-top: 25px;
}

@media (max-width: 1399px) {
    .social-details .social-follow {
        column-gap: 23px;
    }
}

.social-details .social-follow li {
    position: relative;
}

.social-details .social-follow li + li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: var(--recent-dashed-border);
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

[dir="rtl"] .social-details .social-follow li + li::before {
    left: unset;
    right: -15px;
}

.social-details .card-social {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

.social-img-wrap {
    background: linear-gradient(253deg, var(--theme-default) 11.51%, rgba(115, 102, 255, 0) 82.07%);
    display: inline-block;
    border-radius: 100%;
    padding: 2px;
    position: relative;
}

[dir="rtl"] .social-img-wrap {
    background: linear-gradient(-253deg, var(--theme-default) 11.51%, rgba(115, 102, 255, 0) 82.07%);
}

.social-img-wrap .edit-icon {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.social-img-wrap .edit-icon svg {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid var(--white);
    background: var(--white);
}

.social-img {
    padding: 5px;
    background: var(--white);
    border-radius: 100%;
}

.social-img img {
    height: 68px;
    border-radius: 100%;
}

.effective-card .effect-card {
    display: block;
    position: relative;
    background-color: var(--light-background);
    border-radius: 4px;
    text-decoration: none;
    padding: 18px;
    z-index: 0;
    overflow: hidden;
}

.effective-card .effect-card .common-box1 {
    gap: 8px;
    justify-content: flex-start;
    margin-bottom: 8px;
}

.effective-card .effect-card .common-box1 svg {
    min-width: 16px;
    min-height: 16px;
    color: rgb(69, 90, 100);
}

.effective-card .effect-card h5 {
    color: var(--body-font-color);
}

.effective-card .effect-card p {
    color: rgb(117, 117, 138);
}

.effective-card .effect-card:hover p {
    transition: 0.3s ease-out;
    color: rgb(255, 255, 255);
}

.effective-card .effect-card:hover h5 {
    transition: 0.3s ease-out;
    color: rgb(255, 255, 255);
}

.effective-card .effect-card:hover svg {
    color: rgb(255, 255, 255);
}

@media (max-width: 1399px) {
    .effective-card .effect-card:hover::before {
        width: 82px;
        height: 82px;
    }
}

.effective-card .effect-card .go-corner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 36px;
    height: 36px;
    overflow: hidden;
    top: 0px;
    right: 0px;
    background-color: var(--theme-default);
    border-radius: 0px 4px 0px 32px;
    cursor: pointer;
}

@media (max-width: 1788px) and (min-width: 576px) {
    .effective-card .effect-card .go-corner {
        width: 28px;
        height: 28px;
    }
}

[dir="rtl"] .effective-card .effect-card .go-corner {
    right: unset;
    left: 0px;
    border-radius: 4px 0px 32px;
}

.effective-card .effect-card .go-corner .go-arrow {
    margin-top: -4px;
    margin-right: -4px;
    color: var(--white);
}

[dir="rtl"] .effective-card .effect-card .go-corner .go-arrow {
    margin-right: unset;
    margin-left: -4px;
}

.effective-card .effect-card .go-corner .go-arrow i {
    font-size: 14px;
    transform: rotateZ(140deg);
}

.effective-card .effect-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -14px;
    background: var(--theme-default);
    width: 40px;
    height: 40px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 60% 50%;
    transition: transform 0.25s ease-out;
}

@media (max-width: 1788px) and (min-width: 576px) {
    .effective-card .effect-card::before {
        width: 28px;
        height: 28px;
    }
}

[dir="rtl"] .effective-card .effect-card::before {
    right: unset;
    left: -14px;
    transform-origin: 40% 50%;
}

.effective-card .effect-card:hover::before {
    transform: scale(17);
}

.effective-card .common-hover .card-header.border-3 {
    border-bottom-width: 1px !important;
}

.creative-wrapper {
    border-radius: 15px;
    padding: 18px;
    background: rgb(255, 255, 255);
    position: relative;
    display: flex;
    align-items: flex-end;
    transition: 0.4s ease-out;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 10px;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .creative-wrapper {
        padding: 4px;
    }
}

.creative-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 12px;
}

[dir="rtl"] .creative-wrapper img {
    left: unset;
    right: 0px;
}

.creative-wrapper:hover .creative-info {
    opacity: 1;
    transform: translateY(0px);
}

.creative-wrapper:hover .creative-info::before {
    opacity: 1;
}

.creative-wrapper .creative-info {
    opacity: 1;
    transform: translateY(0px);
}

.creative-wrapper .creative-info::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgba(63, 71, 90, 0.2);
    z-index: 2;
    transition: 0.5s;
    opacity: 0;
}

[dir="rtl"] .creative-wrapper .creative-info::before {
    left: unset;
    right: 0px;
}

.creative-wrapper .creative-info {
    position: relative;
    z-index: 3;
    padding: 16px;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s;
    backdrop-filter: blur(6px);
    width: 100%;
}

.creative-wrapper h5, .creative-wrapper p {
    color: rgb(255, 255, 255);
}

.creative-wrapper h5 {
    margin-bottom: 8px;
}

.overlay-card {
    height: 136px;
    position: relative;
    inset: 0px;
    background: url("../images/masonry/6.jpg") center center / cover no-repeat;
    cursor: pointer;
}

@media (max-width: 1626px) and (min-width: 1400px) {
    .overlay-card {
        height: 190px;
    }
}

@media (max-width: 1399px) and (min-width: 576px) {
    .overlay-card {
        height: 98px;
    }
}

@media (max-width: 576px) {
    .overlay-card {
        height: 128px;
    }
}

.overlay-card .overlay {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 2fr 2fr 1fr;
    background: rgba(77, 77, 77, 0.9);
    color: var(--white);
    opacity: 0;
    transition: 0.5s;
}

.overlay-card .overlay .overlay-box {
    padding: 0px 14px;
}

.overlay-card .overlay .overlay-box.overlay-heading {
    transform: translateY(40px);
    transition: 0.7s;
}

.overlay-card .overlay .overlay-box.overlay-heading hr {
    display: block;
    width: 0px;
    border: none;
    position: absolute;
    bottom: 0px;
    left: 20px;
    transition: 0.5s;
}

[dir="rtl"] .overlay-card .overlay .overlay-box.overlay-heading hr {
    left: unset;
    right: 20px;
}

.overlay-card .overlay .overlay-box.overlay-subtitle {
    font-weight: bold;
    opacity: 0;
    transform: translateY(40px);
    transition: 0.7s;
}

.overlay-card .overlay .overlay-box.overlay-subtitle .overlay-pera {
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

@media (max-width: 350px) {
    .overlay-card .overlay .overlay-box.overlay-subtitle .overlay-pera {
        display: -webkit-box;
        height: 70px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.overlay-card:hover .overlay {
    opacity: 1;
}

.overlay-card:hover .overlay .overlay-heading {
    transform: translateY(0px);
}

.overlay-card:hover .overlay .overlay-heading hr {
    width: 75px;
    transition-delay: 0.4s;
}

.overlay-card:hover .overlay .overlay-subtitle {
    transform: translateY(0px);
    transition-delay: 0.3s;
    opacity: 1;
}

.common-hover {
    transition: 0.5s;
}

.common-hover:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

.basic-dark-card .card-header {
    border-bottom: 1px solid rgb(29, 30, 38) !important;
}

.basic-dark-card .card-header p {
    color: rgba(255, 255, 255, 0.7);
}

.basic-dark-card .card-footer {
    border-top: 1px solid rgb(29, 30, 38) !important;
}

.default-dashboard .heading-space .card-header .header-top, .dashboard-2 .heading-space .card-header .header-top, .dashboard-3 .heading-space .card-header .header-top, .dashboard-4 .heading-space .card-header .header-top, .dashboard-5 .heading-space .card-header .header-top, .dashboard-6 .heading-space .card-header .header-top, .dashboard-7 .heading-space .card-header .header-top, .dashboard-09 .heading-space .card-header .header-top, .dashboard-10 .heading-space .card-header .header-top, .dashboard-11 .heading-space .card-header .header-top, .dashboard-12 .heading-space .card-header .header-top, .dashboard-13 .heading-space .card-header .header-top, .main-scope-project .heading-space .card-header .header-top, .e-category .heading-space .card-header .header-top, .list-product-view .heading-space .card-header .header-top, .seller-details-wrapper .heading-space .card-header .header-top, .common-order-history .heading-space .card-header .header-top, .datatable-init .heading-space .card-header .header-top, .common-cart .heading-space .card-header .header-top, .role-permission-wrapper .heading-space .card-header .header-top, .user-list-wrapper .heading-space .card-header .header-top, .main-tasks .heading-space .card-header .header-top, .project-status .heading-space .card-header .header-top, .api-manage .heading-space .card-header .header-top, .manage-review-wrapper .heading-space .card-header .header-top, .candidate-wrapper .heading-space .card-header .header-top, .product-report-wrapper .heading-space .card-header .header-top, .sale-report-wrapper .heading-space .card-header .header-top, .sale-return-wrapper .heading-space .card-header .header-top, .customer-order-wrapper .heading-space .card-header .header-top, .subscribed-user .heading-space .card-header .header-top {
    margin-left: 74px;
}

.default-dashboard div.dt-container .dt-layout-row thead, .dashboard-2 div.dt-container .dt-layout-row thead, .dashboard-3 div.dt-container .dt-layout-row thead, .dashboard-4 div.dt-container .dt-layout-row thead, .dashboard-5 div.dt-container .dt-layout-row thead, .dashboard-6 div.dt-container .dt-layout-row thead, .dashboard-7 div.dt-container .dt-layout-row thead, .dashboard-09 div.dt-container .dt-layout-row thead, .dashboard-10 div.dt-container .dt-layout-row thead, .dashboard-11 div.dt-container .dt-layout-row thead, .dashboard-12 div.dt-container .dt-layout-row thead, .dashboard-13 div.dt-container .dt-layout-row thead, .main-scope-project div.dt-container .dt-layout-row thead, .e-category div.dt-container .dt-layout-row thead, .list-product-view div.dt-container .dt-layout-row thead, .seller-details-wrapper div.dt-container .dt-layout-row thead, .common-order-history div.dt-container .dt-layout-row thead, .datatable-init div.dt-container .dt-layout-row thead, .common-cart div.dt-container .dt-layout-row thead, .role-permission-wrapper div.dt-container .dt-layout-row thead, .user-list-wrapper div.dt-container .dt-layout-row thead, .main-tasks div.dt-container .dt-layout-row thead, .project-status div.dt-container .dt-layout-row thead, .api-manage div.dt-container .dt-layout-row thead, .manage-review-wrapper div.dt-container .dt-layout-row thead, .candidate-wrapper div.dt-container .dt-layout-row thead, .product-report-wrapper div.dt-container .dt-layout-row thead, .sale-report-wrapper div.dt-container .dt-layout-row thead, .sale-return-wrapper div.dt-container .dt-layout-row thead, .customer-order-wrapper div.dt-container .dt-layout-row thead, .subscribed-user div.dt-container .dt-layout-row thead {
    background: var(--light2);
}

.default-dashboard div.dt-container .dt-layout-row thead th, .dashboard-2 div.dt-container .dt-layout-row thead th, .dashboard-3 div.dt-container .dt-layout-row thead th, .dashboard-4 div.dt-container .dt-layout-row thead th, .dashboard-5 div.dt-container .dt-layout-row thead th, .dashboard-6 div.dt-container .dt-layout-row thead th, .dashboard-7 div.dt-container .dt-layout-row thead th, .dashboard-09 div.dt-container .dt-layout-row thead th, .dashboard-10 div.dt-container .dt-layout-row thead th, .dashboard-11 div.dt-container .dt-layout-row thead th, .dashboard-12 div.dt-container .dt-layout-row thead th, .dashboard-13 div.dt-container .dt-layout-row thead th, .main-scope-project div.dt-container .dt-layout-row thead th, .e-category div.dt-container .dt-layout-row thead th, .list-product-view div.dt-container .dt-layout-row thead th, .seller-details-wrapper div.dt-container .dt-layout-row thead th, .common-order-history div.dt-container .dt-layout-row thead th, .datatable-init div.dt-container .dt-layout-row thead th, .common-cart div.dt-container .dt-layout-row thead th, .role-permission-wrapper div.dt-container .dt-layout-row thead th, .user-list-wrapper div.dt-container .dt-layout-row thead th, .main-tasks div.dt-container .dt-layout-row thead th, .project-status div.dt-container .dt-layout-row thead th, .api-manage div.dt-container .dt-layout-row thead th, .manage-review-wrapper div.dt-container .dt-layout-row thead th, .candidate-wrapper div.dt-container .dt-layout-row thead th, .product-report-wrapper div.dt-container .dt-layout-row thead th, .sale-report-wrapper div.dt-container .dt-layout-row thead th, .sale-return-wrapper div.dt-container .dt-layout-row thead th, .customer-order-wrapper div.dt-container .dt-layout-row thead th, .subscribed-user div.dt-container .dt-layout-row thead th {
    font-size: 14px;
    font-weight: 500;
    color: rgb(82, 82, 108);
}

.default-dashboard div.dt-container .dt-layout-row .dt-length, .dashboard-2 div.dt-container .dt-layout-row .dt-length, .dashboard-3 div.dt-container .dt-layout-row .dt-length, .dashboard-4 div.dt-container .dt-layout-row .dt-length, .dashboard-5 div.dt-container .dt-layout-row .dt-length, .dashboard-6 div.dt-container .dt-layout-row .dt-length, .dashboard-7 div.dt-container .dt-layout-row .dt-length, .dashboard-09 div.dt-container .dt-layout-row .dt-length, .dashboard-10 div.dt-container .dt-layout-row .dt-length, .dashboard-11 div.dt-container .dt-layout-row .dt-length, .dashboard-12 div.dt-container .dt-layout-row .dt-length, .dashboard-13 div.dt-container .dt-layout-row .dt-length, .main-scope-project div.dt-container .dt-layout-row .dt-length, .e-category div.dt-container .dt-layout-row .dt-length, .list-product-view div.dt-container .dt-layout-row .dt-length, .seller-details-wrapper div.dt-container .dt-layout-row .dt-length, .common-order-history div.dt-container .dt-layout-row .dt-length, .datatable-init div.dt-container .dt-layout-row .dt-length, .common-cart div.dt-container .dt-layout-row .dt-length, .role-permission-wrapper div.dt-container .dt-layout-row .dt-length, .user-list-wrapper div.dt-container .dt-layout-row .dt-length, .main-tasks div.dt-container .dt-layout-row .dt-length, .project-status div.dt-container .dt-layout-row .dt-length, .api-manage div.dt-container .dt-layout-row .dt-length, .manage-review-wrapper div.dt-container .dt-layout-row .dt-length, .candidate-wrapper div.dt-container .dt-layout-row .dt-length, .product-report-wrapper div.dt-container .dt-layout-row .dt-length, .sale-report-wrapper div.dt-container .dt-layout-row .dt-length, .sale-return-wrapper div.dt-container .dt-layout-row .dt-length, .customer-order-wrapper div.dt-container .dt-layout-row .dt-length, .subscribed-user div.dt-container .dt-layout-row .dt-length {
    position: absolute;
    top: 20px;
    left: 20px;
}

.default-dashboard div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-2 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-3 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-4 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-5 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-6 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-7 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-09 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-10 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-11 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-12 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-13 div.dt-container .dt-layout-row .dt-length .dt-input, .main-scope-project div.dt-container .dt-layout-row .dt-length .dt-input, .e-category div.dt-container .dt-layout-row .dt-length .dt-input, .list-product-view div.dt-container .dt-layout-row .dt-length .dt-input, .seller-details-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .common-order-history div.dt-container .dt-layout-row .dt-length .dt-input, .datatable-init div.dt-container .dt-layout-row .dt-length .dt-input, .common-cart div.dt-container .dt-layout-row .dt-length .dt-input, .role-permission-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .user-list-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .main-tasks div.dt-container .dt-layout-row .dt-length .dt-input, .project-status div.dt-container .dt-layout-row .dt-length .dt-input, .api-manage div.dt-container .dt-layout-row .dt-length .dt-input, .manage-review-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .candidate-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .product-report-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .sale-report-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .sale-return-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .customer-order-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .subscribed-user div.dt-container .dt-layout-row .dt-length .dt-input {
    border-color: var(--recent-dashed-border);
    padding: 4px 6px;
    border-radius: 4px;
    background-color: rgb(248, 248, 248);
}

.default-dashboard div.dt-container .dt-layout-row .dt-length label, .dashboard-2 div.dt-container .dt-layout-row .dt-length label, .dashboard-3 div.dt-container .dt-layout-row .dt-length label, .dashboard-4 div.dt-container .dt-layout-row .dt-length label, .dashboard-5 div.dt-container .dt-layout-row .dt-length label, .dashboard-6 div.dt-container .dt-layout-row .dt-length label, .dashboard-7 div.dt-container .dt-layout-row .dt-length label, .dashboard-09 div.dt-container .dt-layout-row .dt-length label, .dashboard-10 div.dt-container .dt-layout-row .dt-length label, .dashboard-11 div.dt-container .dt-layout-row .dt-length label, .dashboard-12 div.dt-container .dt-layout-row .dt-length label, .dashboard-13 div.dt-container .dt-layout-row .dt-length label, .main-scope-project div.dt-container .dt-layout-row .dt-length label, .e-category div.dt-container .dt-layout-row .dt-length label, .list-product-view div.dt-container .dt-layout-row .dt-length label, .seller-details-wrapper div.dt-container .dt-layout-row .dt-length label, .common-order-history div.dt-container .dt-layout-row .dt-length label, .datatable-init div.dt-container .dt-layout-row .dt-length label, .common-cart div.dt-container .dt-layout-row .dt-length label, .role-permission-wrapper div.dt-container .dt-layout-row .dt-length label, .user-list-wrapper div.dt-container .dt-layout-row .dt-length label, .main-tasks div.dt-container .dt-layout-row .dt-length label, .project-status div.dt-container .dt-layout-row .dt-length label, .api-manage div.dt-container .dt-layout-row .dt-length label, .manage-review-wrapper div.dt-container .dt-layout-row .dt-length label, .candidate-wrapper div.dt-container .dt-layout-row .dt-length label, .product-report-wrapper div.dt-container .dt-layout-row .dt-length label, .sale-report-wrapper div.dt-container .dt-layout-row .dt-length label, .sale-return-wrapper div.dt-container .dt-layout-row .dt-length label, .customer-order-wrapper div.dt-container .dt-layout-row .dt-length label, .subscribed-user div.dt-container .dt-layout-row .dt-length label {
    display: none;
}

.default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc {
    padding-right: 20px;
}

.default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order {
    right: 5px;
}

.default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc {
    position: relative;
    padding-right: 28px;
}

.default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order {
    position: absolute;
    right: 12px;
    top: 0px;
    bottom: 0px;
    width: 12px;
}

.default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after {
    left: 0px;
    opacity: 0.125;
    line-height: 9px;
    font-size: 0.8em;
}

.default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before {
    position: absolute;
    display: block;
    bottom: 50%;
    content: "▲" / "";
}

.default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after {
    position: absolute;
    display: block;
    top: 50%;
    content: "▼" / "";
}

.default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before {
    display: none;
}

.default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc {
    cursor: pointer;
}

.default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before {
    opacity: 0.6;
}

.default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after {
    opacity: 0.6;
}

.default-dashboard div.dt-container .dt-layout-row:last-child, .dashboard-2 div.dt-container .dt-layout-row:last-child, .dashboard-3 div.dt-container .dt-layout-row:last-child, .dashboard-4 div.dt-container .dt-layout-row:last-child, .dashboard-5 div.dt-container .dt-layout-row:last-child, .dashboard-6 div.dt-container .dt-layout-row:last-child, .dashboard-7 div.dt-container .dt-layout-row:last-child, .dashboard-09 div.dt-container .dt-layout-row:last-child, .dashboard-10 div.dt-container .dt-layout-row:last-child, .dashboard-11 div.dt-container .dt-layout-row:last-child, .dashboard-12 div.dt-container .dt-layout-row:last-child, .dashboard-13 div.dt-container .dt-layout-row:last-child, .main-scope-project div.dt-container .dt-layout-row:last-child, .e-category div.dt-container .dt-layout-row:last-child, .list-product-view div.dt-container .dt-layout-row:last-child, .seller-details-wrapper div.dt-container .dt-layout-row:last-child, .common-order-history div.dt-container .dt-layout-row:last-child, .datatable-init div.dt-container .dt-layout-row:last-child, .common-cart div.dt-container .dt-layout-row:last-child, .role-permission-wrapper div.dt-container .dt-layout-row:last-child, .user-list-wrapper div.dt-container .dt-layout-row:last-child, .main-tasks div.dt-container .dt-layout-row:last-child, .project-status div.dt-container .dt-layout-row:last-child, .api-manage div.dt-container .dt-layout-row:last-child, .manage-review-wrapper div.dt-container .dt-layout-row:last-child, .candidate-wrapper div.dt-container .dt-layout-row:last-child, .product-report-wrapper div.dt-container .dt-layout-row:last-child, .sale-report-wrapper div.dt-container .dt-layout-row:last-child, .sale-return-wrapper div.dt-container .dt-layout-row:last-child, .customer-order-wrapper div.dt-container .dt-layout-row:last-child, .subscribed-user div.dt-container .dt-layout-row:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 575px) {
    .default-dashboard div.dt-container .dt-layout-row:last-child, .dashboard-2 div.dt-container .dt-layout-row:last-child, .dashboard-3 div.dt-container .dt-layout-row:last-child, .dashboard-4 div.dt-container .dt-layout-row:last-child, .dashboard-5 div.dt-container .dt-layout-row:last-child, .dashboard-6 div.dt-container .dt-layout-row:last-child, .dashboard-7 div.dt-container .dt-layout-row:last-child, .dashboard-09 div.dt-container .dt-layout-row:last-child, .dashboard-10 div.dt-container .dt-layout-row:last-child, .dashboard-11 div.dt-container .dt-layout-row:last-child, .dashboard-12 div.dt-container .dt-layout-row:last-child, .dashboard-13 div.dt-container .dt-layout-row:last-child, .main-scope-project div.dt-container .dt-layout-row:last-child, .e-category div.dt-container .dt-layout-row:last-child, .list-product-view div.dt-container .dt-layout-row:last-child, .seller-details-wrapper div.dt-container .dt-layout-row:last-child, .common-order-history div.dt-container .dt-layout-row:last-child, .datatable-init div.dt-container .dt-layout-row:last-child, .common-cart div.dt-container .dt-layout-row:last-child, .role-permission-wrapper div.dt-container .dt-layout-row:last-child, .user-list-wrapper div.dt-container .dt-layout-row:last-child, .main-tasks div.dt-container .dt-layout-row:last-child, .project-status div.dt-container .dt-layout-row:last-child, .api-manage div.dt-container .dt-layout-row:last-child, .manage-review-wrapper div.dt-container .dt-layout-row:last-child, .candidate-wrapper div.dt-container .dt-layout-row:last-child, .product-report-wrapper div.dt-container .dt-layout-row:last-child, .sale-report-wrapper div.dt-container .dt-layout-row:last-child, .sale-return-wrapper div.dt-container .dt-layout-row:last-child, .customer-order-wrapper div.dt-container .dt-layout-row:last-child, .subscribed-user div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-empty {
    text-align: center;
    color: var(--body-font-color);
}

.default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-info {
    padding: 12px 20px 0px;
    color: rgb(63, 71, 90);
}

.default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    position: absolute;
    top: 20px;
    right: -10px;
    z-index: 0;
}

@media (max-width: 640px) {
    .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
    }
}

.default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-search label {
    margin-right: 6px;
    color: rgb(82, 82, 108);
}

.default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-search input {
    border: 1px solid rgba(82, 82, 108, 0.3);
    width: 50%;
    color: rgb(89, 102, 122);
}

.default-dashboard div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell tr td, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell tr td, .e-category div.dt-container .dt-layout-row .dt-layout-cell tr td, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell tr td, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell tr td, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell tr td, .common-cart div.dt-container .dt-layout-row .dt-layout-cell tr td, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .main-tasks div.dt-container .dt-layout-row .dt-layout-cell tr td, .project-status div.dt-container .dt-layout-row .dt-layout-cell tr td, .api-manage div.dt-container .dt-layout-row .dt-layout-cell tr td, .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell tr td {
    color: var(--body-font-color);
}

.default-dashboard div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .e-category div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .common-cart div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .main-tasks div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .project-status div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .api-manage div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell tr.selected td {
    background-color: rgb(249, 249, 250);
    box-shadow: unset;
}

.default-dashboard div.dt-container .dt-layout-row .dt-paging, .dashboard-2 div.dt-container .dt-layout-row .dt-paging, .dashboard-3 div.dt-container .dt-layout-row .dt-paging, .dashboard-4 div.dt-container .dt-layout-row .dt-paging, .dashboard-5 div.dt-container .dt-layout-row .dt-paging, .dashboard-6 div.dt-container .dt-layout-row .dt-paging, .dashboard-7 div.dt-container .dt-layout-row .dt-paging, .dashboard-09 div.dt-container .dt-layout-row .dt-paging, .dashboard-10 div.dt-container .dt-layout-row .dt-paging, .dashboard-11 div.dt-container .dt-layout-row .dt-paging, .dashboard-12 div.dt-container .dt-layout-row .dt-paging, .dashboard-13 div.dt-container .dt-layout-row .dt-paging, .main-scope-project div.dt-container .dt-layout-row .dt-paging, .e-category div.dt-container .dt-layout-row .dt-paging, .list-product-view div.dt-container .dt-layout-row .dt-paging, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging, .common-order-history div.dt-container .dt-layout-row .dt-paging, .datatable-init div.dt-container .dt-layout-row .dt-paging, .common-cart div.dt-container .dt-layout-row .dt-paging, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging, .user-list-wrapper div.dt-container .dt-layout-row .dt-paging, .main-tasks div.dt-container .dt-layout-row .dt-paging, .project-status div.dt-container .dt-layout-row .dt-paging, .api-manage div.dt-container .dt-layout-row .dt-paging, .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging, .candidate-wrapper div.dt-container .dt-layout-row .dt-paging, .product-report-wrapper div.dt-container .dt-layout-row .dt-paging, .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging, .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging, .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging, .subscribed-user div.dt-container .dt-layout-row .dt-paging {
    text-align: end;
    padding: 12px 20px 0px;
}

.default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .project-status div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button {
    border: unset;
    padding: 2px 10px;
    font-size: 14px;
    color: var(--body-font-color);
    margin-right: 12px;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .project-status div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button {
        font-size: 13px;
        margin-right: 8px;
    }
}

.default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .project-status div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child {
    margin-right: 0px;
}

.default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .project-status div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-12 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-13 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .datatable-init div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .user-list-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .main-tasks div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .project-status div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .api-manage div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .manage-review-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .candidate-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .product-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .sale-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .sale-return-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .customer-order-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .subscribed-user div.dt-container .dt-layout-row .dt-select .dt-select-checkbox {
    padding: 6px;
    border-color: rgba(82, 82, 108, 0.8);
    cursor: pointer;
    vertical-align: text-top;
}

.default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-12 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-13 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .datatable-init div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .user-list-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .main-tasks div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .project-status div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .api-manage div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .manage-review-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .candidate-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .product-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .sale-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .sale-return-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .customer-order-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .subscribed-user div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after {
    top: 4px;
    left: 4px;
    background-color: var(--body-font-color);
}

.default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-12 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-13 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .datatable-init div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .user-list-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .main-tasks div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .project-status div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .api-manage div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .manage-review-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .candidate-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .product-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .sale-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .sale-return-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .customer-order-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .subscribed-user div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked {
    background-color: var(--theme-default);
    border-color: transparent;
}

.default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-12 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-13 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .datatable-init div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .user-list-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .main-tasks div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .project-status div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .api-manage div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .manage-review-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .candidate-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .product-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .sale-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .sale-return-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .customer-order-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .subscribed-user div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after {
    content: "";
    font-family: fontawesome;
    font-size: 9px;
    margin-top: -10px;
    margin-left: -4px;
    color: rgb(255, 255, 255);
}

.dt-buttons .btn {
    padding: 6px calc(7.4px + 0.5vw) !important;
}

.datatable-init div.dt-container.dt-bootstrap5 table, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table, .data-source-wrapper div.dt-container.dt-bootstrap5 table, .autofill-data-tables div.dt-container.dt-bootstrap5 table, .support-ticket-table div.dt-container.dt-bootstrap5 table {
    border-collapse: initial !important;
}

.datatable-init div.dt-container.dt-bootstrap5 table thead tr th, .datatable-init div.dt-container.dt-bootstrap5 table thead tr td, .datatable-init div.dt-container.dt-bootstrap5 table tbody tr th, .datatable-init div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr td, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr td, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr td, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr td, .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr td, .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr td, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr td, .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr td {
    text-align: left;
}

[dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr td {
    text-align: right;
}

.datatable-init div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .datatable-init div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty {
    text-align: center;
}

.datatable-init div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td, .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td {
    color: rgb(64, 64, 64);
}

.datatable-init div.dt-container.dt-bootstrap5 table thead tr th, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th {
    font-weight: 500;
}

.datatable-init div.dt-container.dt-bootstrap5 table thead tr th:hover, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th:hover, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th:hover, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th:hover, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th:hover, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th:hover, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th:hover {
    outline: unset;
}

.datatable-init div.dt-container.dt-bootstrap5 thead tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 thead tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 thead tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 thead tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 thead tr th, .support-ticket-table div.dt-container.dt-bootstrap5 thead tr th {
    border-bottom: 1px solid rgb(239, 239, 239);
}

.datatable-init div.dt-container.dt-bootstrap5 tfoot tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 tfoot tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 tfoot tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 tfoot tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 tfoot tr th, .support-ticket-table div.dt-container.dt-bootstrap5 tfoot tr th {
    border-top: 1px solid rgb(239, 239, 239);
}

.datatable-init div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .datatable-api-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .data-source-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .autofill-data-tables div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .support-ticket-table div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link {
    color: rgb(64, 64, 64);
    background-color: var(--light-background);
    padding: calc(3.6px + 0.125vw) calc(6px + 0.3125vw);
    font-size: calc(12.4px + 0.1875vw);
}

.datatable-init div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .datatable-api-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .data-source-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .autofill-data-tables div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .support-ticket-table div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus {
    box-shadow: unset;
    border-color: unset;
}

.datatable-init div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .datatable-api-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .data-source-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .autofill-data-tables div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .support-ticket-table div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link {
    color: rgb(255, 255, 255);
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

.complex-header-table thead tr th:first-child, .complex-header-table thead tr td:first-child, .complex-header-table tbody tr th:first-child, .complex-header-table tbody tr td:first-child {
    min-width: 150px;
}

.complex-header-table thead tr th:nth-child(2), .complex-header-table thead tr td:nth-child(2), .complex-header-table tbody tr th:nth-child(2), .complex-header-table tbody tr td:nth-child(2) {
    min-width: 230px;
}

.complex-header-table thead tr th:nth-child(4), .complex-header-table thead tr td:nth-child(4), .complex-header-table tbody tr th:nth-child(4), .complex-header-table tbody tr td:nth-child(4) {
    min-width: 120px;
}

.state-saving-table thead tr th:nth-child(1), .state-saving-table thead tr td:nth-child(1), .state-saving-table tbody tr th:nth-child(1), .state-saving-table tbody tr td:nth-child(1) {
    min-width: 140px;
}

.state-saving-table thead tr th:nth-child(3), .state-saving-table thead tr td:nth-child(3), .state-saving-table tbody tr th:nth-child(3), .state-saving-table tbody tr td:nth-child(3) {
    min-width: 130px;
}

.state-saving-table thead tr th:nth-child(5), .state-saving-table thead tr td:nth-child(5), .state-saving-table tbody tr th:nth-child(5), .state-saving-table tbody tr td:nth-child(5) {
    min-width: 120px;
}

.callback-table thead tr th:first-child, .callback-table thead tr td:first-child, .callback-table tbody tr th:first-child, .callback-table tbody tr td:first-child {
    min-width: 165px;
}

.callback-table thead tr th:nth-child(5), .callback-table thead tr td:nth-child(5), .callback-table tbody tr th:nth-child(5), .callback-table tbody tr td:nth-child(5) {
    min-width: 150px;
}

.row-group-table tr.group {
    background-color: rgba(204, 204, 204, 0.5);
}

.row-group-table tr.group:hover {
    background-color: rgba(204, 204, 204, 0.5);
}

.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table.foot-callback-table thead tr th:last-child, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table.foot-callback-table thead tr td:last-child, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table.foot-callback-table tbody tr th:last-child, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table.foot-callback-table tbody tr td:last-child, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table.foot-callback-table tfoot tr th:last-child, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table.foot-callback-table tfoot tr td:last-child {
    text-align: end;
}

.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table.foot-callback-table tfoot tr th:last-child {
    font-size: 18px;
}

table.selection-deletion.dataTable tbody tr.selected > * {
    box-shadow: rgba(82, 82, 108, 0.2) 0px 0px 0px 9999px inset !important;
}

table.selection-deletion.dataTable tbody tr.selected:hover > * {
    box-shadow: rgba(82, 82, 108, 0.2) 0px 0px 0px 9999px inset !important;
}

.add-row-table thead tr th, .add-row-table thead tr td, .add-row-table tbody tr th, .add-row-table tbody tr td {
    min-width: 118px;
}

.child-row-table thead tr th:first-child, .child-row-table thead tr td:first-child, .child-row-table tbody tr th:first-child, .child-row-table tbody tr td:first-child {
    min-width: 75px;
}

.child-row-table thead tr th:nth-child(2), .child-row-table thead tr td:nth-child(2), .child-row-table tbody tr th:nth-child(2), .child-row-table tbody tr td:nth-child(2) {
    min-width: 160px;
}

.child-row-table thead tr th:nth-child(3), .child-row-table thead tr td:nth-child(3), .child-row-table tbody tr th:nth-child(3), .child-row-table tbody tr td:nth-child(3) {
    min-width: 210px;
}

.child-row-table thead tr th:nth-child(4), .child-row-table thead tr td:nth-child(4), .child-row-table tbody tr th:nth-child(4), .child-row-table tbody tr td:nth-child(4) {
    min-width: 128px;
}

.row-selection-table thead tr th:first-child, .row-selection-table thead tr td:first-child, .row-selection-table tbody tr th:first-child, .row-selection-table tbody tr td:first-child {
    min-width: 175px;
}

.row-selection-table thead tr th:nth-child(2), .row-selection-table thead tr td:nth-child(2), .row-selection-table tbody tr th:nth-child(2), .row-selection-table tbody tr td:nth-child(2) {
    min-width: 180px;
}

.row-selection-table thead tr th:nth-child(3), .row-selection-table thead tr td:nth-child(3), .row-selection-table tbody tr th:nth-child(3), .row-selection-table tbody tr td:nth-child(3) {
    min-width: 160px;
}

.row-selection-table thead tr th:nth-child(4), .row-selection-table thead tr td:nth-child(4), .row-selection-table tbody tr th:nth-child(4), .row-selection-table tbody tr td:nth-child(4) {
    min-width: 130px;
}

.custom-filtering-table thead tr th:nth-child(3), .custom-filtering-table thead tr td:nth-child(3), .custom-filtering-table tbody tr th:nth-child(3), .custom-filtering-table tbody tr td:nth-child(3) {
    min-width: 125px;
}

.dom-source-data thead tr th:first-child, .dom-source-data thead tr td:first-child, .dom-source-data tbody tr th:first-child, .dom-source-data tbody tr td:first-child {
    min-width: 170px;
}

.dom-source-data thead tr th:nth-child(2), .dom-source-data thead tr td:nth-child(2), .dom-source-data tbody tr th:nth-child(2), .dom-source-data tbody tr td:nth-child(2) {
    min-width: 230px;
}

.dom-source-data thead tr th:nth-child(4), .dom-source-data thead tr td:nth-child(4), .dom-source-data tbody tr th:nth-child(4), .dom-source-data tbody tr td:nth-child(4) {
    min-width: 120px;
}

.ajax-table thead tr th:first-child, .ajax-table thead tr td:first-child, .ajax-table tbody tr th:first-child, .ajax-table tbody tr td:first-child {
    min-width: 150px;
}

.ajax-table thead tr th:nth-child(2), .ajax-table thead tr td:nth-child(2), .ajax-table tbody tr th:nth-child(2), .ajax-table tbody tr td:nth-child(2) {
    min-width: 230px;
}

.ajax-table thead tr th:nth-child(5), .ajax-table thead tr td:nth-child(5), .ajax-table tbody tr th:nth-child(5), .ajax-table tbody tr td:nth-child(5) {
    min-width: 130px;
}

.js-source-table thead tr th:first-child, .js-source-table thead tr td:first-child, .js-source-table tbody tr th:first-child, .js-source-table tbody tr td:first-child {
    min-width: 150px;
}

.js-source-table thead tr th:nth-child(2), .js-source-table thead tr td:nth-child(2), .js-source-table tbody tr th:nth-child(2), .js-source-table tbody tr td:nth-child(2) {
    min-width: 230px;
}

.js-source-table thead tr th:nth-child(3), .js-source-table thead tr th:nth-child(5), .js-source-table thead tr td:nth-child(3), .js-source-table thead tr td:nth-child(5), .js-source-table tbody tr th:nth-child(3), .js-source-table tbody tr th:nth-child(5), .js-source-table tbody tr td:nth-child(3), .js-source-table tbody tr td:nth-child(5) {
    min-width: 130px;
}

.server-side-table thead tr th:first-child, .server-side-table thead tr td:first-child, .server-side-table tbody tr th:first-child, .server-side-table tbody tr td:first-child {
    min-width: 125px;
}

.server-side-table thead tr th:nth-child(2), .server-side-table thead tr td:nth-child(2), .server-side-table tbody tr th:nth-child(2), .server-side-table tbody tr td:nth-child(2) {
    min-width: 130px;
}

.server-side-table thead tr th:nth-child(3), .server-side-table thead tr td:nth-child(3), .server-side-table tbody tr th:nth-child(3), .server-side-table tbody tr td:nth-child(3) {
    min-width: 195px;
}

.server-side-table thead tr th:nth-child(4), .server-side-table thead tr td:nth-child(4), .server-side-table tbody tr th:nth-child(4), .server-side-table tbody tr td:nth-child(4) {
    min-width: 120px;
}

.server-side-table thead tr th:nth-child(5), .server-side-table thead tr td:nth-child(5), .server-side-table tbody tr th:nth-child(5), .server-side-table tbody tr td:nth-child(5) {
    min-width: 120px;
}

.keytable-table thead tr th:first-child, .keytable-table thead tr td:first-child, .keytable-table tbody tr th:first-child, .keytable-table tbody tr td:first-child {
    min-width: 175px;
}

.keytable-table thead tr th:nth-child(2), .keytable-table thead tr td:nth-child(2), .keytable-table tbody tr th:nth-child(2), .keytable-table tbody tr td:nth-child(2) {
    min-width: 195px;
}

.keytable-table thead tr th:nth-child(3), .keytable-table thead tr td:nth-child(3), .keytable-table tbody tr th:nth-child(3), .keytable-table tbody tr td:nth-child(3) {
    min-width: 152px;
}

.keytable-table thead tr th:nth-child(4), .keytable-table thead tr td:nth-child(4), .keytable-table tbody tr th:nth-child(4), .keytable-table tbody tr td:nth-child(4) {
    min-width: 120px;
}

.multi-level-table thead tr th:first-child, .multi-level-table thead tr td:first-child, .multi-level-table tbody tr th:first-child, .multi-level-table tbody tr td:first-child {
    min-width: 95px;
}

.multi-level-table thead tr th:nth-child(2), .multi-level-table thead tr td:nth-child(2), .multi-level-table tbody tr th:nth-child(2), .multi-level-table tbody tr td:nth-child(2) {
    min-width: 208px;
}

.multi-level-table thead tr th:nth-child(3), .multi-level-table thead tr td:nth-child(3), .multi-level-table tbody tr th:nth-child(3), .multi-level-table tbody tr td:nth-child(3) {
    min-width: 108px;
}

.multi-level-table thead tr th:nth-child(4), .multi-level-table thead tr td:nth-child(4), .multi-level-table tbody tr th:nth-child(4), .multi-level-table tbody tr td:nth-child(4) {
    min-width: 120px;
}

.header-footer-table thead tr th:first-child, .header-footer-table thead tr td:first-child, .header-footer-table tbody tr th:first-child, .header-footer-table tbody tr td:first-child {
    min-width: 155px;
}

.header-footer-table thead tr th:nth-child(2), .header-footer-table thead tr td:nth-child(2), .header-footer-table tbody tr th:nth-child(2), .header-footer-table tbody tr td:nth-child(2) {
    min-width: 165px;
}

.header-footer-table thead tr th:nth-child(3), .header-footer-table thead tr td:nth-child(3), .header-footer-table tbody tr th:nth-child(3), .header-footer-table tbody tr td:nth-child(3) {
    min-width: 132px;
}

.header-footer-table thead tr th:nth-child(4), .header-footer-table thead tr td:nth-child(4), .header-footer-table tbody tr th:nth-child(4), .header-footer-table tbody tr td:nth-child(4) {
    min-width: 80px;
}

.header-footer-table thead tr th:nth-child(5), .header-footer-table thead tr td:nth-child(5), .header-footer-table tbody tr th:nth-child(5), .header-footer-table tbody tr td:nth-child(5) {
    min-width: 120px;
}

.html-expert-table .pagination {
    justify-content: flex-end;
}

.html-expert-table thead tr th:first-child, .html-expert-table thead tr td:first-child, .html-expert-table tbody tr th:first-child, .html-expert-table tbody tr td:first-child {
    min-width: 155px;
}

.html-expert-table thead tr th:nth-child(2), .html-expert-table thead tr td:nth-child(2), .html-expert-table tbody tr th:nth-child(2), .html-expert-table tbody tr td:nth-child(2) {
    min-width: 235px;
}

.html-expert-table thead tr th:nth-child(3), .html-expert-table thead tr td:nth-child(3), .html-expert-table tbody tr th:nth-child(3), .html-expert-table tbody tr td:nth-child(3) {
    min-width: 132px;
}

.html-expert-table thead tr th:nth-child(4), .html-expert-table thead tr td:nth-child(4), .html-expert-table tbody tr th:nth-child(4), .html-expert-table tbody tr td:nth-child(4) {
    min-width: 80px;
}

.html-expert-table thead tr th:nth-child(5), .html-expert-table thead tr td:nth-child(5), .html-expert-table tbody tr th:nth-child(5), .html-expert-table tbody tr td:nth-child(5) {
    min-width: 120px;
}

.row-selection thead tr th:first-child, .row-selection thead tr td:first-child, .row-selection tbody tr th:first-child, .row-selection tbody tr td:first-child {
    min-width: 224px;
}

.row-selection thead tr th:nth-child(2), .row-selection thead tr td:nth-child(2), .row-selection tbody tr th:nth-child(2), .row-selection tbody tr td:nth-child(2) {
    min-width: 200px;
}

.row-selection thead tr th:nth-child(3), .row-selection thead tr td:nth-child(3), .row-selection tbody tr th:nth-child(3), .row-selection tbody tr td:nth-child(3) {
    min-width: 132px;
}

.row-selection thead tr th:nth-child(4), .row-selection thead tr td:nth-child(4), .row-selection tbody tr th:nth-child(4), .row-selection tbody tr td:nth-child(4) {
    min-width: 65px;
}

.row-selection thead tr th:nth-child(6), .row-selection thead tr td:nth-child(6), .row-selection tbody tr th:nth-child(6), .row-selection tbody tr td:nth-child(6) {
    min-width: 114px;
}

.support-ticket-table thead tr th:first-child, .support-ticket-table thead tr td:first-child, .support-ticket-table tbody tr th:first-child, .support-ticket-table tbody tr td:first-child {
    min-width: 224px;
}

.support-ticket-table thead tr th:nth-child(2), .support-ticket-table thead tr td:nth-child(2), .support-ticket-table tbody tr th:nth-child(2), .support-ticket-table tbody tr td:nth-child(2) {
    min-width: 200px;
}

.support-ticket-table thead tr th:nth-child(3), .support-ticket-table thead tr td:nth-child(3), .support-ticket-table tbody tr th:nth-child(3), .support-ticket-table tbody tr td:nth-child(3) {
    min-width: 132px;
}

.support-ticket-table thead tr th:nth-child(4), .support-ticket-table thead tr td:nth-child(4), .support-ticket-table tbody tr th:nth-child(4), .support-ticket-table tbody tr td:nth-child(4) {
    min-width: 65px;
}

.support-ticket-table thead tr th:nth-child(5), .support-ticket-table thead tr td:nth-child(5), .support-ticket-table tbody tr th:nth-child(5), .support-ticket-table tbody tr td:nth-child(5) {
    min-width: 120px;
}

#batchDelete .jsgrid-grid-header tr th:first-child, #batchDelete .jsgrid-grid-header tr td:first-child, #batchDelete .jsgrid-grid-body tr th:first-child, #batchDelete .jsgrid-grid-body tr td:first-child {
    min-width: 130px;
    width: 130px !important;
}

.autofill-data-tables .dt-ext table.keytable-table tbody tr td.focus {
    outline: 2px solid var(--theme-default);
}

.autofill-data-tables .dt-ext .dt-autofill-handle {
    background: var(--theme-default);
}

div.dt-rowReorder-float-parent {
    outline: 2px solid var(--theme-default) !important;
}

div.dt-button-background {
    display: none !important;
}

div.DTS div.dataTables_scrollBody table {
    z-index: 1;
}

div .table-avtar {
    height: 32px;
    margin-right: 10px;
}

[dir="rtl"] div .table-avtar {
    margin-right: unset;
    margin-left: 10px;
}

div .action {
    display: flex;
}

div .action i {
    font-size: 16px;
}

div .action .pdf i {
    font-size: 20px;
    color: rgb(252, 86, 74);
}

div .action .edit {
    margin-right: 5px;
}

div .action .edit i {
    color: rgb(101, 193, 92);
}

[dir="rtl"] div .action .edit {
    margin-left: 5px;
}

div .action .delete i {
    color: rgb(252, 86, 74);
}

#auto-generate-content_wrapper.dataTables_wrapper button {
    background-color: var(--white);
    border: 1px solid var(--theme-default);
    color: var(--theme-default);
}

.dataTables_wrapper {
    width: calc(100% - 1px);
    padding: 0px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid rgb(233, 237, 241);
}

.dataTables_wrapper .dt-buttons .btn {
    border-radius: 0.25rem !important;
}

.dataTables_wrapper .btn-group button {
    margin-right: 5px;
}

.dataTables_wrapper button {
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 0.25rem;
    color: rgb(255, 255, 255);
}

.dataTables_wrapper + .dataTables_wrapper {
    margin-top: 20px;
}

.dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgb(244, 244, 244);
    border-radius: 0.25rem;
    padding-top: 0px;
    margin-left: 15px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: var(--theme-default);
    box-shadow: none;
    color: rgb(255, 255, 255) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid var(--theme-default);
    color: rgb(63, 71, 90) !important;
    background: transparent !important;
}

.dataTables_wrapper .dataTables_length {
    margin-bottom: 30px;
}

.dataTables_wrapper .dataTables_length select {
    border-color: rgb(244, 244, 244);
    color: rgb(63, 71, 90);
    padding: 0px 10px;
    margin: 0px 10px;
    height: 2.7142em;
    background-color: rgb(255, 255, 255);
}

.dataTables_wrapper table.dataTable {
    border: 1px solid rgb(239, 239, 239);
}

.dataTables_wrapper table.dataTable tbody td.select-checkbox, .dataTables_wrapper table.dataTable tbody th.select-checkbox {
    padding-right: 40px !important;
}

.dataTables_wrapper table.dataTable tbody td.select-checkbox::before, .dataTables_wrapper table.dataTable tbody th.select-checkbox::before {
    right: 20px;
    top: 22px;
    left: unset;
}

.dataTables_wrapper table.dataTable tbody td.select-checkbox::after, .dataTables_wrapper table.dataTable tbody th.select-checkbox::after {
    margin-top: -5px;
    margin-left: 21px;
}

.dataTables_wrapper table.dataTable thead th, .dataTables_wrapper table.dataTable thead td {
    border-bottom: 2px solid rgb(239, 239, 239);
}

.dataTables_wrapper table.dataTable th, .dataTables_wrapper table.dataTable td {
    padding: 0.75rem;
}

.dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px;
}

.dataTables_wrapper .dataTables_filter input[type="search"] {
    border: 1px solid rgb(239, 239, 239);
    padding: 0px 10px;
    margin-left: 10px;
    height: 37px;
    border-radius: 0px;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

table .fixedHeader-floating {
    position: fixed !important;
    background-color: rgb(255, 255, 255);
}

table .box > div {
    padding: 5px 15px;
    background-color: var(--theme-default);
    display: inline-block;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    margin-bottom: 15px;
    margin-right: 15px;
}

table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
    z-index: 99;
    width: calc(-250px + 100vw) !important;
    max-width: calc(-250px + 100vw) !important;
    overflow: hidden !important;
    right: 0px !important;
    left: 0px !important;
}

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
    width: 100% !important;
}

table.dataTable {
    border-collapse: collapse !important;
    margin-top: 0px !important;
}

table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    bottom: 12px !important;
}

table.dataTable input, table.dataTable select {
    border: 1px solid rgb(239, 239, 239);
    height: 37px;
}

.user-datatable tr td:first-child, .user-datatable tr th:first-child {
    min-width: 198px;
}

.user-datatable tr td:nth-child(2), .user-datatable tr th:nth-child(2) {
    min-width: 190px;
}

.user-datatable tr td:nth-child(5), .user-datatable tr th:nth-child(5) {
    min-width: 130px;
}

.jsgrid .jsgrid-button {
    width: 20px;
    height: 20px;
}

.jsgrid .jsgrid-delete-button {
    background-position: 0px -78px;
    width: 22px;
    height: 22px;
}

.jsgrid .jsgrid-edit-button {
    background-position: -2px -122px;
    width: 22px;
    height: 22px;
}

.jsgrid .jsgrid-insert-mode-button {
    background-position: -2px -160px;
    width: 25px;
    height: 25px;
}

.jsgrid .jsgrid-insert-button {
    background-position: -3px -202px;
    width: 16px;
    height: 16px;
}

.toolbar {
    padding: 5px 15px;
    background-color: var(--theme-default);
    display: inline-block;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    margin-bottom: 15px;
    margin-right: 15px;
}

code.option {
    color: rgb(252, 86, 74) !important;
}

code.api {
    color: rgb(101, 193, 92) !important;
}

.dt-ext .dataTables_wrapper .page-item.active .page-link {
    color: rgb(255, 255, 255);
    background-color: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
}

.dt-ext .dataTables_wrapper .dataTables_paginate {
    border: none;
}

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px;
    border: none;
}

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    border: none !important;
}

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
    margin-left: 0px;
    color: var(--theme-default);
}

.dt-ext .dataTables_wrapper button.dt-button, .dt-ext .dataTables_wrapper div.dt-button, .dt-ext .dataTables_wrapper a.dt-button, .dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled), .dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled), .dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled), .dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled), .dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled), .dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled), .dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled), .dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled), .dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
    background-color: var(--theme-default);
    border-color: var(--theme-default);
    border-radius: 2px;
    color: rgb(255, 255, 255);
    background-image: none;
    font-size: 14px;
}

.dt-ext .dataTables_wrapper button.dt-button.btn-success, .dt-ext .dataTables_wrapper div.dt-button.btn-success, .dt-ext .dataTables_wrapper a.dt-button.btn-success {
    background-color: rgb(101, 193, 92);
    border-color: rgb(101, 193, 92);
}

.dt-ext .dataTables_wrapper button.dt-button.btn-primary, .dt-ext .dataTables_wrapper div.dt-button.btn-primary, .dt-ext .dataTables_wrapper a.dt-button.btn-primary {
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

.dt-ext .dataTables_wrapper button.dt-button.btn-danger, .dt-ext .dataTables_wrapper div.dt-button.btn-danger, .dt-ext .dataTables_wrapper a.dt-button.btn-danger {
    background-color: rgb(252, 86, 74);
    border-color: rgb(252, 86, 74);
}

.dt-ext .dataTables_wrapper table.dataTable th.focus, .dt-ext .dataTables_wrapper table.dataTable td.focus {
    outline: 3px solid var(--theme-default);
}

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1, .dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
    background-color: white;
}

.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected, .dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected, .dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected, .dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
    background-color: white;
}

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1, .dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
    background-color: white;
}

.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected, .dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
    background-color: white;
}

td.highlight {
    background-color: rgb(244, 244, 244) !important;
}

td.details-control {
    background: url("../images/details_open.png") center center no-repeat;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url("../images/details_close.png") center center no-repeat;
}

.dataTables_scroll ~ .dataTables_paginate {
    margin-top: 20px !important;
}

.product-table th:last-child {
    min-width: 120px;
}

.product-table h6 {
    font-weight: 600;
    color: rgb(63, 71, 90);
}

table.dataTable.display tbody tr.odd > .sorting_1 {
    background-color: rgb(253, 254, 255);
}

table.dataTable.display tbody tr.odd .badge {
    line-height: 15px;
}

table.dataTable.display tbody tr.even .badge {
    line-height: 15px;
}

.jsgrid-row .jsgrid-cell .badge, .jsgrid-alt-row .jsgrid-cell .badge {
    line-height: 15px !important;
}

.datepicker {
    z-index: 99;
}

.datepicker--day-name {
    color: rgb(115, 102, 255);
    font-weight: bold;
}

.datepicker--cell.-current- {
    color: rgb(0, 0, 0);
    border-radius: 5px;
    font-weight: bold;
    border: 2px solid var(--theme-default);
}

.datepicker--cell.-focus- {
    background: var(--theme-default);
    color: rgb(255, 255, 255);
}

.datepicker--cell.-selected- {
    background: var(--theme-default) !important;
}

.datepicker--cell-day {
    width: 14.2857%;
}

.datepickers-container, .bootstrap-datetimepicker-widget {
    z-index: 7;
}

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
}

.datetime-picker .input-group-text i {
    line-height: 1.3;
}

.bootstrap-calendar .form-control {
    font-size: 14px;
    color: rgb(137, 137, 137);
}

.clockpicker-popover {
    border: none;
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
    z-index: 7;
}

.clockpicker-popover .popover-content {
    background-color: rgba(115, 102, 255, 0.05);
}

.clockpicker-canvas-bg {
    fill: white;
}

.clockpicker-tick:hover {
    color: inherit;
    background-color: white;
}

.calendar-basic .md-sidebar-aside {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(46, 35, 94, 0.08) 0px 9px 20px;
}

@media (max-width: 1199px) and (min-width: 775px) {
    .calendar-basic .md-sidebar-aside {
        height: 400px;
        overflow-y: scroll;
    }
}

@media (max-width: 774px) {
    .calendar-basic .md-sidebar-aside {
        height: 275px;
        overflow-y: scroll;
    }
}

.calendar-basic .fc-event i {
    font-size: 14px;
}

.calendar-basic #external-events {
    padding: 20px;
    border: 1px solid rgb(215, 226, 233);
}

.calendar-basic #external-events h6 {
    margin-bottom: 14px;
}

.calendar-basic #external-events p {
    margin-top: 12px;
}

.calendar-basic #external-events .fc-h-event {
    padding: 12px;
    background-color: rgba(131, 131, 131, 0.1);
    border: 1px solid rgba(131, 131, 131, 0.1);
    cursor: pointer;
}

.calendar-basic #external-events .fc-h-event .fc-event-main {
    color: var(--body-font-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-basic #external-events .fc-h-event + .fc-h-event {
    margin-top: 10px;
}

.calendar-basic #external-events .fc-h-event .fc-event-main {
    font-size: 14px;
}

.calendar-basic .create-event .form-control {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.calendar-basic .calendar-default .fc-event-main-frame {
    padding: 2px 6px;
    font-size: 13px;
    color: var(--body-font-color);
}

.calendar-basic .calendar-default .fc .fc-highlight {
    background: rgba(63, 71, 90, 0.2);
}

.calendar-basic .calendar-default .fc-daygrid-dot-event {
    font-size: 13px;
}

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-time {
    color: var(--body-font-color);
}

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
    text-overflow: ellipsis;
    color: var(--body-font-color);
    font-weight: 400;
}

.calendar-basic .calendar-default .fc td[role="presentation"] {
    border: 0px;
}

.calendar-basic .calendar-default .fc .fc-daygrid-day-number, .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgb(64, 64, 64);
    font-weight: 500;
}

.calendar-basic .calendar-default .fc .fc-button:focus {
    box-shadow: unset;
}

.calendar-basic .calendar-default .fc .fc-button .fc-icon {
    height: 23px;
}

.calendar-basic .calendar-default .fc-h-event {
    padding: 2px;
    background-color: rgba(131, 131, 131, 0.1);
    border: 1px solid rgba(131, 131, 131, 0.1);
}

.calendar-basic .calendar-default .fc-h-event .fc-event-title {
    color: var(--body-font-color);
}

.calendar-basic .calendar-default .fc-h-event .fc-event-time {
    font-weight: 400;
}

.calendar-basic .calendar-default .fc-h-event .fc-event-time {
    color: var(--body-font-color);
}

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group button {
    text-transform: capitalize;
}

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
    margin: 0px 8px;
    text-transform: capitalize;
}

.calendar-basic p label {
    cursor: pointer;
}

.fc-event-dragging {
    padding: 10px;
    background-color: rgba(131, 131, 131, 0.1);
    border: 1px solid var(--theme-secondary);
}

.fc-event-dragging .fc-event-main {
    color: var(--body-font-color);
    font-size: 14px;
}

.fc-v-event {
    background-color: rgba(131, 131, 131, 0.1);
    border: 1px solid var(--theme-secondary);
}

.fc-timegrid-event-harness-inset .fc-timegrid-event {
    box-shadow: unset;
}

.fc .fc-toolbar {
    flex-wrap: wrap;
    gap: 10px;
}

.fc .fc-button-primary:focus {
    box-shadow: rgba(115, 102, 255, 0.5) 0px 0px 0px 0.2rem;
}

.main-inline-calender.input-group {
    flex-direction: column;
}

.main-inline-calender.input-group .form-control {
    width: 100%;
    border-radius: 6px !important;
}

.main-inline-calender.input-group .form-control:focus {
    box-shadow: unset;
    border-color: var(--recent-border);
}

.main-inline-calender.input-group .flatpickr-calendar.inline {
    width: 100%;
    border-radius: 6px !important;
}

.main-inline-calender.input-group .flatpickr-innerContainer {
    display: block;
}

.main-inline-calender.input-group .flatpickr-rContainer {
    display: block;
}

.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
    width: 100%;
}

.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
    width: 100%;
}

.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
    width: 100%;
    max-width: none;
    min-width: unset;
}

.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
    border-radius: 5px;
    width: 100%;
    max-width: unset;
}

.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    border-color: transparent;
}

.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.prevMonthDay, .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.nextMonthDay {
    color: rgba(82, 82, 108, 0.6);
}

.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background: var(--theme-default) !important;
    color: rgb(255, 255, 255) !important;
}

.flatpickr-day.selected, .flatpickr-day .endRange {
    background-color: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
}

.flatpickr-day.selected:hover, .flatpickr-day .endRange:hover {
    background-color: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
}

.main-flatpickr .form-control:read-only {
    background-color: unset;
}

.flatpickr-months {
    font-size: calc(11.6px + 0.125vw);
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    z-index: 1;
}

.flatpickr-current-month {
    font-size: calc(13px + 0.3125vw);
}

.flatpickr-current-month .numInputWrapper:hover .arrowUp::after {
    border-bottom-color: var(--body-font-color);
}

.flatpickr-current-month .numInputWrapper:hover .arrowDown::after {
    border-top-color: var(--body-font-color);
}

@media (max-width: 400px) {
    .flatpickr-calendar.animate {
        width: 77%;
        transform: translateX(-50%);
        left: 50% !important;
    }
}

.flatpickr-calendar .flatpickr-days {
    width: unset;
}

.flatpickr-calendar .flatpickr-days .dayContainer {
    width: unset;
    min-width: unset;
    max-width: unset;
}

.flatpickr-calendar.rangeMode .flatpickr-days .dayContainer .flatpickr-day.endRange {
    border-color: var(--theme-default);
    background-color: var(--theme-default);
}

@media (max-width: 768px) {
    .flatpicker-calender .form-control {
        font-size: 14px;
    }
}

.timepicker-wrapper .row {
    margin-bottom: 16px;
}

.timepicker-wrapper .row:last-child {
    margin-bottom: 0px;
}

.timepicker-wrapper .row .input-group .form-control {
    font-size: 14px;
    color: rgb(137, 137, 137);
}

.timepicker-wrapper .row .input-group .form-control.input {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.img-cropper .dropup .dropdown-toggle::after {
    content: "";
    display: none;
}

.dropdown-divider {
    margin: 0px;
}

.dropdown .dropdown-toggle {
    background-color: rgba(115, 102, 255, 0.08);
    color: rgb(115, 102, 255);
    border-radius: 10px;
    padding: 5px 10px;
    width: 100px;
    text-align: left;
}

.dropdown .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "";
    border: none;
    font-family: "Font Awesome 6 Free";
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
}

.dropdown .dropdown-toggle.show {
    border-color: transparent;
}

.dropdown .dropdown-toggle.btn-primary {
    color: rgb(255, 255, 255);
}

.dropdown .dropdown-toggle:focus, .dropdown .dropdown-toggle:active {
    border: 1px solid transparent;
}

.dropdown.custom-dropdown .dropdown-toggle {
    border-radius: 3px;
    border: 1px solid rgba(82, 82, 108, 0.2);
    background-color: transparent;
    color: var(--body-font-color);
    font-weight: 500;
}

.dropdown.custom-dropdown .dropdown-toggle::after {
    color: var(--theme-default);
}

.dropdown.custom-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: rgb(247, 248, 249);
    color: var(--theme-default);
    opacity: 1;
}

.dropdown .dropdown-menu {
    font-family: Rubik, sans-serif;
    border-radius: 0px;
}

.docs-toggles .dropdown .dropdown-toggle {
    width: auto;
}

.docs-toggles .dropdown .dropdown-menu .dropdown-item .form-check .form-check-input:focus {
    box-shadow: unset;
    border-color: rgb(82, 82, 108);
}

.nav-tabs .dropdown .dropdown-toggle {
    width: 120px;
}

@media only screen and (max-width: 575.98px) {
    .nav-tabs .dropdown .dropdown-toggle {
        width: 100%;
        text-align: center;
    }
}

.icon-dropdown .dropdown-toggle {
    background: transparent;
    color: rgb(117, 117, 138);
    padding: 0px;
    width: auto;
    z-index: 1;
    position: relative;
}

.icon-dropdown .dropdown-toggle i {
    font-size: 16px;
}

.icon-dropdown .dropdown-toggle::after {
    display: none;
}

.icon-dropdown .dropdown-item {
    line-height: 1.5;
}

.dropdown-basic {
    margin-bottom: -10px;
}

.dropdown-basic .btn-group .btn-round {
    border-radius: 50px;
}

.dropdown-basic .separated-btn {
    margin-left: -6px;
}

[dir="rtl"] .dropdown-basic .separated-btn {
    margin-left: unset;
    margin-right: -6px;
}

.dropdown-basic .separated-btn .btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 10px;
}

.dropdown-basic .separated-btn.dropdown {
    margin-bottom: 0px;
}

.dropdown-basic button {
    max-height: 43px;
}

.dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.dropdown-basic .dropdown .dropbtn {
    color: rgb(255, 255, 255);
    padding: 12px 35px;
    border: none;
    cursor: pointer;
}

.dropdown-basic .dropdown-content a:hover {
    background-color: rgb(241, 241, 241);
}

.dropdown-basic .dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-block li .dropdown-item:hover {
    background-color: rgb(204, 204, 204);
}

.dropdown-block li .helper-truncate:hover {
    background-color: unset !important;
}

.dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: rgb(204, 204, 204) !important;
}

.dropdown-menu .input-group {
    padding: 6px 12px;
    border-top: 1px solid rgb(239, 239, 239);
    background-color: var(--white);
    opacity: 0.6;
}

.dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
    background-color: rgb(204, 204, 204);
}

.dropdown-menu .input-group .input-group-text {
    background-color: unset;
    border: none;
}

.dark-form .form-label {
    color: var(--chart-text-color);
}

.dark-form .form-control {
    border: 1px solid var(--chart-text-color) !important;
}

.dark-form .form-check .form-check-input {
    border: 1px solid var(--chart-text-color);
}

.dark-form .form-check .form-check-label {
    color: var(--chart-text-color);
}

.dark-form h6 {
    color: var(--chart-text-color);
}

.dark-form p.dropdown-item {
    padding: 7px 0px 0px;
    border-top: 1px solid var(--chart-dashed-border);
}

.dark-form .helper-truncate {
    color: var(--chart-text-color);
    background-color: transparent;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 8px;
    vertical-align: 2px;
    content: "";
    border-width: 4px 4px 0px;
    border-top-style: solid;
    border-top-color: initial;
    border-right-style: solid;
    border-right-color: transparent;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-left-style: solid;
    border-left-color: transparent;
}

[dir="rtl"] .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px;
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 8px;
    content: "";
    border-top: 4px solid transparent;
    border-right: 4px solid;
    border-bottom: 4px solid transparent;
}

[dir="rtl"] .dropstart .dropdown-toggle::before {
    margin-left: 8px;
    margin-right: unset;
}

.dropup:not(.bootstrap-select) .dropdown-toggle::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    vertical-align: 4px;
    border-width: 0px 4px 4px;
    border-top-style: initial;
    border-top-color: initial;
    border-right-style: solid;
    border-right-color: transparent;
    border-bottom-style: solid;
    border-bottom-color: initial;
    border-left-style: solid;
    border-left-color: transparent;
}

[dir="rtl"] .dropup:not(.bootstrap-select) .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px;
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    content: "";
    border-width: 4px 0px 4px 4px;
    border-top-style: solid;
    border-top-color: transparent;
    border-right-style: initial;
    border-right-color: initial;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-style: solid;
    border-left-color: initial;
    margin-left: 8px;
}

[dir="rtl"] .dropend .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px;
}

.form-wrapper {
    width: 260px;
}

@media (max-width: 400px) {
    .dropdown-menu .helper-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.dropdown-menu .form-control::placeholder {
    color: rgb(153, 153, 153);
    font-size: 14px;
}

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
    background-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255);
}

btn-group .dropdown-wrapper {
    z-index: 2;
}

btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 8px 0px 0px;
}

[dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 0px 0px 8px;
}

.helper-cards .common-flex .btn-group .dropdown-menu li .dropdown-item:hover {
    background-color: transparent;
}

.dropdown-option .dropdown .dropdown-toggle {
    color: rgb(255, 255, 255);
}

.dropdown-option .dropdown .dropdown-toggle::after {
    font-size: 14px;
}

[dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item {
    text-align: right;
}

.rtl-dropdown .dropdown-menu.show .form-control {
    color: rgb(82, 82, 108);
}

[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
    text-align: right;
}

.heading-dropdown .dropdown-menu > li:first-child > a {
    border-bottom: 4px solid var(--recent-border);
    border-top: 0px;
    background-color: rgb(215, 226, 233);
}

.split-dropdown .dropdown-basic .btn-group .dropdown-menu .dropdown-item a {
    color: rgb(43, 43, 43);
    font-size: 13px;
    padding: initial;
    background: transparent;
}

.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0px;
    top: 1px;
}

.icon-addon .glyphicon, .icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0px;
    top: 1px;
}

.input-group-square .input-group-text, .input-group-square .form-control {
    border-radius: 0px !important;
}

.input-group-air {
    box-shadow: rgb(239, 239, 239) 0px 3px 20px 0px;
}

.icon-addon {
    position: relative;
    color: rgb(76, 86, 103);
    display: block;
}

.icon-addon::after {
    display: table;
    content: "";
    clear: both;
}

.icon-addon::before {
    display: table;
    content: "";
}

.icon-addon .addon-md .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.input-group-wrapper .input-group {
    margin-bottom: 16px;
}

.input-group-wrapper .input-group .form-control {
    font-size: 16px;
}

.input-group-wrapper .input-group .form-control:focus {
    border-color: var(--recent-border);
    box-shadow: unset;
}

.input-group-wrapper .input-group:last-child {
    margin-bottom: 0px;
}

.main-custom-form label {
    margin-bottom: 0px;
}

.main-custom-form .form-select:focus {
    box-shadow: unset;
    border-color: var(--recent-border);
}

.main-custom-form .dropdown-menu {
    z-index: 3;
}

.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.main-custom-form .form-select, .main-custom-form .form-control {
    font-size: calc(13.8px + 0.0625vw);
}

.main-custom-form .input-group-text {
    font-size: calc(13.6px + 0.125vw);
}

@media (max-width: 338px) {
    .main-custom-form .dropdown-toggle.btn {
        padding: 6px 11px;
    }
}

.main-segment-btn .dropdown-toggle::after {
    content: "";
    margin-left: 0px;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    vertical-align: 2px;
}

.main-segment-btn .dropdown-menu {
    z-index: 3;
}

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
    display: none;
}

.form-control-color {
    max-width: 70rem;
}

.select2-container--default .select2-selection--single {
    border: 1px dashed rgb(204, 204, 204);
}

.select2-container--default .select2-results__option--highlighted {
    background-color: rgb(115, 102, 255) !important;
}

.theme-form select.form-select option {
    padding: 8px 10px;
    border-radius: 100px;
}

.input-radius .form-control:focus {
    box-shadow: unset;
    border-color: var(--recent-border);
}

.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.floating-wrapper .form-floating .form-control {
    height: 54px;
}

.autosize-textarea .textarea {
    border: 1px solid rgb(204, 204, 204);
    padding: 6px;
    display: block;
    width: 100%;
    overflow: hidden;
    resize: both;
    min-height: 40px;
    line-height: 1.8;
    color: rgba(82, 82, 108, 0.8);
}

.autosize-textarea .textarea[contenteditable]:empty::before {
    content: "Enter your message...";
    color: rgba(82, 82, 108, 0.8);
}

.dynamic-form-field .input-group-btn span {
    margin-left: 6px;
    vertical-align: middle;
    font-size: 12px;
}

.multiple-selects option {
    font-size: 14px;
    padding: 8px;
}

@media (max-width: 575px) {
    .multiple-selects .row [class*="col-"] .row {
        --bs-gutter-y: 1rem;
        --bs-gutter-x: 1rem;
    }
}

.main-input-group .input-group-wrapper .input-group .btn.show {
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

.form-wizard .tab {
    display: none;
}

.form-wizard .step {
    width: 10px;
    height: 10px;
    margin: 0px 2px;
    background-color: var(--theme-default);
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.form-wizard .step.active {
    opacity: 1;
}

.form-wizard .step.finish {
    background-color: var(--theme-secondary);
}

.wizard-4 .action-bar {
    position: absolute;
    bottom: 50px;
    right: 50px;
}

[dir="rtl"] .wizard-4 .action-bar {
    right: unset;
    left: 50px;
}

.wizard-4 .action-bar .btn {
    float: right;
    margin: 0px 5px;
    color: var(--theme-default);
    background-color: rgba(115, 102, 255, 0.1) !important;
    border-color: rgba(115, 102, 255, 0.1) !important;
}

.wizard-4 .action-bar .buttonDisabled {
    color: rgb(89, 102, 122);
    cursor: text;
    background-color: rgba(89, 102, 122, 0.05) !important;
    border: 1px solid rgba(89, 102, 122, 0.05) !important;
}

.wizard-4 .step-container {
    background: rgb(248, 249, 254);
    position: relative;
    margin: 0px;
    padding: 0px;
    border: 0px solid rgb(232, 235, 242);
    overflow: hidden;
    clear: right;
    width: 70%;
}

.wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    clear: both;
}

[dir="rtl"] .wizard-4 .step-container div.content {
    text-align: right;
}

.wizard-4 .step-container div.content .wizard-title {
    width: 450px;
    margin: 0px auto;
}

.wizard-4 .loader {
    display: none;
}

.wizard-4 .msg-box {
    position: fixed;
    display: none;
    background-color: rgb(162, 153, 255);
    top: 30px;
    border-radius: 5px;
    right: 60px;
    padding: 10px 20px;
}

.wizard-4 .msg-box .content {
    padding: 3px 0px 0px;
    float: left;
    color: rgb(255, 255, 255);
}

.wizard-4 .msg-box .close {
    color: rgb(255, 255, 255);
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4;
}

[dir="rtl"] .wizard-4 .msg-box .close {
    margin-right: 10px;
    margin-left: unset;
}

.wizard-4 ul.anchor {
    float: left;
    width: 30%;
    height: calc(-300px + 100vh);
    padding: 40px 30px;
    overflow: auto;
}

.wizard-4 ul.anchor .disabled {
    opacity: 0.7;
    color: rgb(89, 102, 122);
}

.wizard-4 ul.anchor .disabled h4 {
    background-color: rgba(89, 102, 122, 0.15);
}

.wizard-4 ul.anchor .logo {
    padding-bottom: 20px;
}

.wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px 0px 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0;
}

.wizard-4 ul.anchor li + li a {
    padding-left: 80px;
}

[dir="rtl"] .wizard-4 ul.anchor li + li a {
    padding-left: unset;
    padding-right: 80px;
}

.wizard-4 ul.anchor li:last-child {
    position: absolute;
    bottom: 0px;
    width: auto;
    padding-bottom: 0px;
    left: calc(9% - 5px + 0.416667vw);
}

[dir="rtl"] .wizard-4 ul.anchor li:last-child {
    left: unset;
    right: calc(9% - 5px + 0.416667vw);
}

.wizard-4 ul.anchor li:last-child img {
    height: calc(63.3333px + 13.8889vw);
}

@media (max-width: 991px) {
    .wizard-4 ul.anchor li:last-child {
        left: calc(6% - 2.66667px + 0.347222vw);
    }

    [dir="rtl"] .wizard-4 ul.anchor li:last-child {
        left: unset;
        right: calc(6% - 2.66667px + 0.347222vw);
    }

    .wizard-4 ul.anchor li:last-child img {
        height: calc(213.333px + 6.07639vw);
    }
}

.wizard-4 ul.anchor li h4 {
    background-color: rgba(115, 102, 255, 0.2);
    padding: 16px 23px;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 6px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[dir="rtl"] .wizard-4 ul.anchor li h4 {
    left: unset;
    right: 0px;
}

.wizard-4 ul.anchor li a {
    display: block;
    position: relative;
    float: left;
    margin: 0px;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    outline-style: none;
    z-index: 1;
    font-size: 18px;
}

.wizard-4 ul.anchor li a small {
    display: block;
    font-size: 14px;
}

.wizard-4 ul.anchor li a .stepNumber {
    position: relative;
    float: left;
    width: 30px;
    text-align: center;
    padding: 0px 5px 5px;
}

.wizard-4 ul.anchor li a.done h4 {
    color: rgb(255, 255, 255);
    background: var(--theme-default);
}

.wizard-4 ul.anchor li a.done h4::before {
    font-size: 12px;
    position: absolute;
    left: 5px;
    top: -3px;
    content: "";
    font-family: themify;
    background-color: rgb(255, 255, 255);
    color: var(--theme-default);
    border-radius: 15px;
    padding: 2px;
    border: 1px solid;
}

.wizard-4 ul.anchor li a.error {
    color: rgb(137, 137, 137);
    background: rgb(254, 138, 125);
    border: 1px solid rgb(252, 86, 74);
}

.wizard-4 ul.anchor li a.error:hover {
    color: rgb(0, 0, 0);
}

.wizard {
    max-width: 670px;
    margin: 0px auto;
}

.wizard .wizard-content {
    box-shadow: unset;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
}

.vertical-main-wizard .header-vertical-wizard {
    background-color: var(--light-background);
    height: 100%;
    text-align: unset;
}

.vertical-main-wizard .header-vertical-wizard .nav-link {
    border-bottom: 1px solid var(--recent-border);
    border-radius: 0px;
    padding: 18px;
}

.vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
    border-bottom: 0px;
}

.vertical-main-wizard .nav-pills .nav-link.active {
    background-color: transparent;
}

.vertical-main-wizard .nav-pills.show > .nav-link {
    background-color: transparent;
}

.vertical-main-wizard .nav-link .vertical-wizard {
    display: flex;
    align-items: center;
    gap: 14px;
}

.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    width: 33px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    border-radius: 50%;
    position: relative;
    border: 1px solid rgb(82, 82, 108);
}

.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
    margin-right: 0px;
    color: rgb(82, 82, 108);
}

.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
    font-weight: 400;
    line-height: 1;
    color: var(--body-font-color);
}

.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
    color: var(--chart-text-color);
}

.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
    background-color: unset;
}

.vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
    background-color: var(--theme-default);
    border: 1px solid var(--theme-default);
}

.vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
    content: "";
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
    border: 1px solid rgb(115, 102, 255);
}

.vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: var(--theme-default);
}

.vertical-main-wizard .form-check .form-check-label {
    margin-bottom: 0px;
}

.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.basic-wizard .stepper-horizontal {
    display: flex;
    width: 100%;
    margin: 0px auto calc(12px + 0.625vw);
    overflow: auto;
}

.basic-wizard .stepper-horizontal .step {
    position: relative;
    padding-inline: 24px; z-index: 2;
    width: 100%;
}

.basic-wizard .stepper-horizontal .step:first-child {
    padding-left: 0px;
}

[dir="rtl"] .basic-wizard .stepper-horizontal .step:first-child {
    padding-left: 24px;
    padding-right: 0px;
}

.basic-wizard .stepper-horizontal .step:last-child {
    padding-right: 0px;
}

[dir="rtl"] .basic-wizard .stepper-horizontal .step:last-child {
    padding-right: 24px;
    padding-left: 0px;
}

.basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
    display: none;
}

.basic-wizard .stepper-horizontal .step .step-circle {
    width: 32px;
    height: 32px;
    margin: 0px auto;
    border-radius: 50%;
    text-align: center;
    line-height: 1.8;
    font-size: 16px;
    font-weight: 600;
    z-index: 2;
    border: 2px solid rgb(204, 204, 204);
    background: var(--white);
}

.basic-wizard .stepper-horizontal .step.done .step-circle {
    background-color: var(--white);
    border: 2px solid rgb(117, 117, 138);
    color: rgb(115, 102, 255);
    z-index: 4;
    position: relative;
}

.basic-wizard .stepper-horizontal .step.done .step-circle::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    content: "";
}

.basic-wizard .stepper-horizontal .step.done .step-circle * {
    display: none;
}

.basic-wizard .stepper-horizontal .step.done .step-title {
    color: rgb(117, 117, 138);
}

.basic-wizard .stepper-horizontal .step.editing .step-circle {
    background: var(--white);
    border-color: rgb(117, 117, 138);
    color: var(--theme-default);
}

.basic-wizard .stepper-horizontal .step .step-title {
    margin-top: 8px;
    font-size: calc(13.6px + 0.125vw);
    font-weight: 600;
    white-space: nowrap;
    color: var(--chart-text-color);
}

.basic-wizard .stepper-horizontal .step .step-title, .basic-wizard .stepper-horizontal .step .step-optional {
    text-align: center;
}

.basic-wizard .stepper-horizontal .step .step-bar-left, .basic-wizard .stepper-horizontal .step .step-bar-right {
    position: absolute;
    top: 14px;
    height: 4px;
    background-color: var(--view-border-marker);
    border-top-color: ;
    border-top-style: ;
    border-right-color: ;
    border-right-style: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-left-color: ;
    border-left-style: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-width: 2px 0px;
}

.basic-wizard .stepper-horizontal .step .step-bar-left {
    width: 100%;
    left: 50%;
    z-index: -1;
}

[dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
    left: unset;
    right: 50%;
}

.basic-wizard .stepper-horizontal .step .step-bar-right {
    width: 0px;
    left: 50%;
    z-index: -1;
    transition: width 500ms ease-in-out;
}

[dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
    right: 50%;
    left: unset;
}

.basic-wizard .stepper-horizontal .step.done .step-bar-right {
    background-color: var(--theme-default);
    border-color: var(--theme-default);
    z-index: 3;
    width: 100%;
}

.basic-wizard form.none {
    display: none;
}

.basic-wizard form.block {
    display: block;
}

.basic-wizard form .form-check-label {
    margin-bottom: 0px;
}

.important-validation .form-label span {
    color: rgb(252, 86, 74);
}

.select-size.form-select {
    font-size: 14px;
}

.wizard-footer button.disabled {
    background-color: rgb(234, 235, 242);
}

.wizard-footer button.back {
    background-color: rgb(255, 184, 41);
}

.successful-form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 24px;
}

.successful-form img {
    width: calc(61.6px + 2vw);
    height: calc(61.6px + 2vw);
}

#horizontal-wizard-tab .nav-link.active h6, #vertical-wizard-tab .nav-link.active h6 {
    color: rgb(255, 255, 255);
}

.inquiries-form h6 {
    margin-bottom: 14px;
}

.inquiries-form .choose-option {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inquiries-form .choose-option .form-check:last-child {
    margin-bottom: 0px;
}

.form-completed img {
    height: 100px;
    margin: 0px auto;
    display: block;
}

.form-completed h6 {
    text-align: center;
    margin-top: 24px;
}

.horizontal-wizard-wrapper .main-horizontal-header {
    padding: 0px 0px 20px;
}

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 1182px) {
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
        justify-content: flex-start;
    }
}

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--body-font-color);
    transition: 0.3s;
}

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
    font-size: 18px;
    color: var(--body-font-color);
    vertical-align: -2px;
}

[dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
    margin-right: unset;
    margin-left: 10px;
}

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
    color: var(--white);
    transition: 0.3s;
}

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
    color: rgb(255, 255, 255);
}

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
    color: rgb(255, 255, 255);
}

.horizontal-wizard-wrapper .main-horizontal-header .form-check {
    margin-bottom: 0px;
}

.horizontal-wizard-wrapper .bank-search {
    margin-bottom: 22px;
}

@media (max-width: 767px) {
    .horizontal-wizard-wrapper .bank-search {
        margin-bottom: 0px;
    }
}

.horizontal-wizard-wrapper .bank-selection {
    padding: 10px 0px 0px;
}

@media (max-width: 401px) {
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
        justify-content: center;
    }
}

.horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
    margin-bottom: 0px;
    padding: 6px;
}

.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
    height: calc(43.6px + 0.4375vw);
}

.horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
    font-size: 14px;
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
    gap: 12px;
}

@media (max-width: 1400px) {
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
        justify-content: flex-start;
    }
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
    color: var(--body-font-color);
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
    gap: 10px;
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(115, 102, 255, 0.1);
    border-radius: 6px;
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
    margin-right: 0px;
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
    background-color: unset;
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
    color: var(--body-font-color);
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
    background-color: var(--theme-default);
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
    margin-right: 0px;
    color: var(--white);
}

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline start;
    text-align: unset;
    align-items: unset;
    max-width: unset;
}

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
    display: flex;
    justify-content: unset;
    align-items: center;
}

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
    font-size: 13px;
}

@media (max-width: 400px) {
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
        display: none;
    }
}

.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
    padding-bottom: 0px;
}

.horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

.authentication-options .radio-wrapper {
    display: flex;
    gap: calc(6.4px + 0.5vw);
    flex-wrap: wrap;
    justify-content: center;
}

.authentication-options .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline start;
    text-align: unset;
    align-items: unset;
    max-width: unset;
}

.authentication-options .radio-wrapper li .form-check-label {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 14px;
}

@media (max-width: 400px) {
    .authentication-options .radio-wrapper li .form-check-label {
        align-items: baseline;
    }
}

.authentication-options .radio-wrapper li .form-check-label i {
    padding: 0px;
}

[dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
    padding: 0px;
}

.authentication-options .radio-wrapper li .form-check-label span > span {
    font-size: 16px;
    color: rgb(31, 37, 51);
    font-weight: 500;
}

.authentication-options .radio-wrapper li .form-check-label span > span + span {
    color: var(--chart-text-color);
    font-size: 14px;
}

.main-qr-code .modal-toggle-wrapper .modal-img {
    flex-direction: column;
    align-items: center;
    margin-bottom: 22px;
}

@media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img {
        align-items: unset;
    }
}

@media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
        text-align: center;
    }
}

.main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
    width: 100px;
    height: 100px;
}

.main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
    margin-top: 16px;
}

.main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    align-items: unset;
}

.main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
    word-break: break-word;
}

.main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
    font-size: 20px;
    margin-right: 0px;
}

.main-qr-code .modal-toggle-wrapper .btn {
    display: block;
    margin: 12px auto auto;
}

.authentication-body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    text-align: center;
}

.authentication-body img {
    height: calc(156px + 13.75vw);
}

.shipping-form .shipping-border, .checkout-cart .shipping-border {
    border-right: 1px solid var(--recent-dashed-border);
}

@media (max-width: 1200px) {
    .shipping-form .shipping-border, .checkout-cart .shipping-border {
        border-right: unset;
    }
}

.shipping-form .shipping-options, .checkout-cart .shipping-options {
    display: flex;
    align-items: center;
    background-color: rgba(115, 102, 255, 0.1);
    flex-wrap: nowrap;
    margin-bottom: 18px;
}

@media (max-width: 768px) {
    .shipping-form .shipping-options, .checkout-cart .shipping-options {
        flex-direction: column;
    }
}

.shipping-form .shipping-options .nav-link, .checkout-cart .shipping-options .nav-link {
    width: 100%;
}

@media (min-width: 1200px) and (max-width: 1920px) {
    .shipping-form .shipping-options .nav-link, .checkout-cart .shipping-options .nav-link {
        padding: calc(8px + 0vw) calc(4.14815px + 0.617284vw);
    }
}

.shipping-form .shipping-options .nav-link.active i, .checkout-cart .shipping-options .nav-link.active i {
    background-color: rgb(232, 229, 255);
    color: var(--theme-default);
    transition: 0.3s ease-in-out;
}

.shipping-form .shipping-options .nav-link.active h6, .checkout-cart .shipping-options .nav-link.active h6 {
    color: rgb(255, 255, 255);
}

.shipping-form .shipping-options .nav-link:nth-child(2) .cart-options i, .checkout-cart .shipping-options .nav-link:nth-child(2) .cart-options i {
    transform: scaleX(-1);
}

.shipping-form .shipping-options .cart-options, .checkout-cart .shipping-options .cart-options {
    display: flex;
    align-items: center;
    gap: 11px;
}

.shipping-form .shipping-options .cart-options i, .checkout-cart .shipping-options .cart-options i {
    font-size: calc(13.2px + 0.25vw);
    color: rgb(255, 255, 255);
    width: 40px;
    height: 40px;
    background-color: var(--theme-default);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0px;
    transition: 0.3s ease-in-out;
}

@media (min-width: 1200px) and (max-width: 1920px) {
    .shipping-form .shipping-options .cart-options i, .checkout-cart .shipping-options .cart-options i {
        font-size: calc(7.33333px + 0.555556vw);
        width: calc(13.3333px + 1.38889vw);
        height: calc(13.3333px + 1.38889vw);
    }
}

.shipping-form .shipping-options .cart-options h6, .checkout-cart .shipping-options .cart-options h6 {
    color: var(--theme-default);
}

.shipping-form .shipping-info .table thead th, .checkout-cart .shipping-info .table thead th {
    white-space: nowrap;
}

.shipping-form .shipping-info .table thead th:last-child, .checkout-cart .shipping-info .table thead th:last-child {
    text-align: end;
}

.shipping-form .shipping-info .table tbody tr td img, .checkout-cart .shipping-info .table tbody tr td img {
    height: 50px;
}

.shipping-form .shipping-info .table tbody tr td:last-child, .checkout-cart .shipping-info .table tbody tr td:last-child {
    text-align: end;
}

.shipping-form .shipping-info .table tbody tr td span, .checkout-cart .shipping-info .table tbody tr td span {
    color: var(--chart-text-color);
}

.shipping-form .shipping-info .table tbody tr:last-child td, .checkout-cart .shipping-info .table tbody tr:last-child td {
    border: 0px;
}

.shipping-form .shipping-info .table tfoot, .checkout-cart .shipping-info .table tfoot {
    font-weight: 400;
}

.shipping-form .shipping-info .table tfoot tr td, .checkout-cart .shipping-info .table tfoot tr td {
    white-space: nowrap;
}

.shipping-form .shipping-info .table tfoot tr td:first-child, .checkout-cart .shipping-info .table tfoot tr td:first-child {
    max-width: 370px;
}

.shipping-form .shipping-info .table tfoot tr td:last-child, .checkout-cart .shipping-info .table tfoot tr td:last-child {
    min-width: 0px;
    text-align: end;
}

.shipping-form .shipping-info .table tfoot tr:first-child, .checkout-cart .shipping-info .table tfoot tr:first-child {
    font-weight: 500;
}

.shipping-form .shipping-info .table tfoot tr:last-child, .checkout-cart .shipping-info .table tfoot tr:last-child {
    font-weight: 600;
}

.shipping-form .shipping-info .table tfoot tr:last-child td, .checkout-cart .shipping-info .table tfoot tr:last-child td {
    border-bottom: 0px;
}

.shipping-form .shipping-content, .checkout-cart .shipping-content {
    height: 100%;
    padding: 0px;
}

.shipping-form .shipping-content .shipping-wizard .shipping-title, .checkout-cart .shipping-content .shipping-wizard .shipping-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shipping-form .shipping-content .shipping-wizard .shipping-title > .btn, .checkout-cart .shipping-content .shipping-wizard .shipping-title > .btn {
    border: 0px;
    padding: 0px 28px;
    background: none !important;
}

.shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i, .checkout-cart .shipping-content .shipping-wizard .shipping-title > .btn i {
    color: var(--theme-default);
}

.shipping-form .shipping-content .shipping-wizard .collect-address, .checkout-cart .shipping-content .shipping-wizard .collect-address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.shipping-form .shipping-content .shipping-wizard .collect-address .card-icon, .checkout-cart .shipping-content .shipping-wizard .collect-address .card-icon {
    display: flex;
    align-items: center;
    gap: 12px;
}

.shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i, .checkout-cart .shipping-content .shipping-wizard .collect-address .card-icon i {
    font-size: 16px;
    color: var(--theme-default);
}

.shipping-form .shipping-content .shipping-wizard .shipping-address, .checkout-cart .shipping-content .shipping-wizard .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.shipping-form .shipping-content .shipping-wizard .shipping-address h6, .checkout-cart .shipping-content .shipping-wizard .shipping-address h6 {
    font-size: 15px;
    font-weight: 500;
}

.shipping-form .shipping-content > .active.finish-wizard1, .checkout-cart .shipping-content > .active.finish-wizard1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 73px);
}

@media (max-width: 768px) {
    .shipping-form .shipping-content > .active.finish-wizard1, .checkout-cart .shipping-content > .active.finish-wizard1 {
        height: unset;
    }
}

.shipping-form .shipping-method p, .checkout-cart .shipping-method p {
    padding-left: 25px;
    color: var(--chart-text-color);
}

[dir="rtl"] .shipping-form .shipping-method p, [dir="rtl"] .checkout-cart .shipping-method p {
    padding-right: 25px;
    padding-left: unset;
}

.shipping-form .proceed-next, .checkout-cart .proceed-next {
    padding-left: 8px;
}

[dir="rtl"] .shipping-form .proceed-next, [dir="rtl"] .checkout-cart .proceed-next {
    padding-left: unset;
    padding-right: 8px;
}

.shipping-form .proceed-prev, .checkout-cart .proceed-prev {
    transform: scaleX(-1);
    padding-left: 8px;
}

[dir="rtl"] .shipping-form .proceed-prev, [dir="rtl"] .checkout-cart .proceed-prev {
    transform: scaleX(1);
    padding-right: 8px;
    padding-left: unset;
}

.shipping-form .payment-info-wrapper .card-wrapper, .checkout-cart .payment-info-wrapper .card-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 768px) {
    .shipping-form .payment-info-wrapper .card-wrapper, .checkout-cart .payment-info-wrapper .card-wrapper {
        justify-content: unset;
        align-items: flex-start;
        flex-direction: column;
    }
}

.shipping-form .payment-info-wrapper .card-wrapper img, .checkout-cart .payment-info-wrapper .card-wrapper img {
    height: 50px;
}

.shipping-form .payment-info-wrapper .pay-info, .checkout-cart .payment-info-wrapper .pay-info {
    display: block;
}

.shipping-form .payment-info-wrapper .pay-info > div, .checkout-cart .payment-info-wrapper .pay-info > div {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .shipping-form .payment-info-wrapper .pay-info > div, .checkout-cart .payment-info-wrapper .pay-info > div {
        flex-direction: column;
        align-items: flex-start;
    }
}

.shipping-form .order-confirm, .checkout-cart .order-confirm {
    text-align: center;
}

@media (max-width: 1200px) {
    .shipping-form .order-confirm, .checkout-cart .order-confirm {
        margin-bottom: 18px;
    }
}

.shipping-form .order-confirm img, .checkout-cart .order-confirm img {
    height: calc(86px + 2.8125vw);
}

.shipping-form .finish-shipping, .checkout-cart .finish-shipping {
    background-color: var(--light-background);
    width: 100%;
    height: 100%;
    padding-block: 15%; padding-inline: 12px; text-align: center;
}

.shipping-form .finish-shipping svg, .checkout-cart .finish-shipping svg {
    width: calc(122px + 5.625vw);
    height: calc(122px + 5.625vw);
    animation: 2.9s ease-in-out 0s infinite normal none running up-down;
}

.shipping-form .form-select, .checkout-cart .form-select {
    font-size: 14px;
    color: var(--chart-text-color);
}

.avatar-upload {
    flex-direction: column;
}

.avatar-upload div:first-child {
    position: relative;
    max-width: 205px;
    margin: auto;
}

.avatar-upload div:first-child .avatar-edit {
    position: absolute;
    right: 25px;
    z-index: 1;
    top: 4px;
}

.avatar-upload div:first-child .avatar-edit input {
    display: none;
}

.avatar-upload div:first-child .avatar-edit label {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-bottom: 0px;
    border-radius: 100%;
    background: var(--light-bg);
    border: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px 0px;
    cursor: pointer;
    font-weight: normal;
    transition: 0.2s ease-in-out;
}

.avatar-upload div:first-child .avatar-edit label::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    color: var(--body-font-color);
    position: absolute;
    top: 8px;
    left: 3px;
    right: 0px;
    text-align: center;
    margin: auto;
    font-weight: 600;
}

[dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after {
    right: 3px;
    left: 0px;
}

.avatar-upload div:first-child .avatar-preview {
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 100%;
    border: 6px solid rgb(248, 248, 248);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
    margin: auto;
}

.avatar-upload div:first-child .avatar-preview > div {
    background-image: url("../images/forms/user.png");
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.avatar-upload h6 {
    text-align: center;
    padding-top: 14px;
}

.email-verify .card-wrapper {
    display: grid;
    place-content: center;
}

.email-verify .card-wrapper > div {
    align-items: center;
}

.email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.authenticate {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.authenticate span:nth-of-type(1) {
    margin-top: 12px;
}

.authenticate h4 {
    margin-bottom: 12px;
}

.authenticate img {
    height: calc(134px + 3.4375vw);
}

.authenticate form {
    flex-direction: column;
    text-align: center;
}

.authenticate form .otp-generate {
    display: flex;
    gap: 12px;
    margin: 14px 0px;
    justify-content: center;
}

.authenticate form .form-control {
    width: calc(23px + 0.625vw);
    height: calc(23px + 0.625vw);
    border-radius: 5px;
    text-align: center;
    padding: 0px;
    display: block;
    min-width: 0px;
}

.authenticate form div {
    display: inline-grid;
    gap: 2px;
    margin-top: 12px;
}

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
    color: var(--body-font-color);
}

.horizontal-login .mb-3:nth-child(2) {
    position: relative;
}

.horizontal-login .form-control {
    padding-right: 34px;
}

[dir="rtl"] .horizontal-login .form-control {
    padding-right: 0.75rem;
    padding-left: 34px;
}

.horizontal-login .pwd-strength li {
    margin-bottom: 8px;
}

.horizontal-login .pwd-strength li:last-child {
    margin-bottom: 0px;
}

.horizontal-login .pwd-strength li i {
    margin-right: 8px;
}

.horizontal-login .control-label {
    text-align: left !important;
    padding-bottom: 4px;
}

.horizontal-login .progress {
    height: 4px;
    margin-block: 12px; }

.horizontal-login .form-group {
    margin-bottom: 10px;
}

.horizontal-login .show-pass {
    position: absolute;
    transform: translate(50%, -50%);
    top: 2.75rem;
    right: 20px;
}

[dir="rtl"] .horizontal-login .show-pass {
    right: unset;
    left: 20px;
    transform: translate(-50%, -50%);
}

.horizontal-login .was-validated .form-control:invalid ~ .show-pass, .horizontal-login .was-validated .form-control:valid ~ .show-pass {
    right: 40px;
}

[dir="rtl"] .horizontal-login .was-validated .form-control:invalid ~ .show-pass, [dir="rtl"] .horizontal-login .was-validated .form-control:valid ~ .show-pass {
    right: unset;
    left: 40px;
}

.horizontal-login .progress-bar-danger {
    background-color: rgb(252, 86, 74);
}

.horizontal-login .progress-bar-warning {
    background-color: rgb(255, 184, 41);
}

.horizontal-login .progress-bar-success {
    background-color: rgb(101, 193, 92);
}

.horizontal-login .login-btn {
    font-size: 18px;
    color: rgb(255, 255, 255);
    margin: 0px auto 5px;
    padding: 8px 0px;
    width: 180px !important;
    background-image: linear-gradient(to right, rgb(246, 8, 110), rgb(255, 19, 58)) !important;
}

.horizontal-login .login-btn:hover {
    background-image: linear-gradient(to right, rgba(255, 0, 111, 0.8), rgba(247, 2, 43, 0.8)) !important;
    color: rgb(255, 255, 255) !important;
}

.horizontal-login .fa-eye {
    color: var(--body-font-color);
    cursor: pointer;
}

.horizontal-login .ex-account p a {
    color: rgb(252, 86, 74);
    text-decoration: underline;
}

.horizontal-login .fa-circle {
    font-size: 6px;
}

.horizontal-login .fa-check {
    color: rgb(101, 193, 92);
}

.form-label {
    margin-bottom: 4px;
    font-size: 14px;
}

.col-form-label {
    padding-bottom: 4px;
}

.form-space {
    margin-bottom: -10px;
}

.form-space > div {
    margin-bottom: 10px;
}

.theme-form .form-control :focus {
    box-shadow: rgba(171, 140, 228, 0.05) 0px 0px 0px 0.2rem;
}

.theme-form textarea {
    border-color: rgb(239, 239, 239);
}

.theme-form textarea::-webkit-input-placeholder {
    color: rgb(137, 137, 137);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100;
}

.theme-form input[type="text"], .theme-form input[type="email"], .theme-form input[type="search"], .theme-form input[type="password"], .theme-form input[type="number"], .theme-form input[type="tel"], .theme-form input[type="date"], .theme-form input[type="datetime-local"], .theme-form input[type="time"], .theme-form input[type="datetime-local"], .theme-form input[type="month"], .theme-form input[type="week"], .theme-form input[type="url"], .theme-form input[type="file"], .theme-form textarea, .theme-form select {
    border-color: rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: rgb(137, 137, 137);
    padding: 12px 10px;
    box-shadow: none;
}

.theme-form input[type="text"]::-webkit-input-placeholder, .theme-form input[type="email"]::-webkit-input-placeholder, .theme-form input[type="search"]::-webkit-input-placeholder, .theme-form input[type="password"]::-webkit-input-placeholder, .theme-form input[type="number"]::-webkit-input-placeholder, .theme-form input[type="tel"]::-webkit-input-placeholder, .theme-form input[type="date"]::-webkit-input-placeholder, .theme-form input[type="datetime-local"]::-webkit-input-placeholder, .theme-form input[type="time"]::-webkit-input-placeholder, .theme-form input[type="datetime-local"]::-webkit-input-placeholder, .theme-form input[type="month"]::-webkit-input-placeholder, .theme-form input[type="week"]::-webkit-input-placeholder, .theme-form input[type="url"]::-webkit-input-placeholder, .theme-form input[type="file"]::-webkit-input-placeholder, .theme-form textarea::-webkit-input-placeholder, .theme-form select::-webkit-input-placeholder {
    color: rgb(137, 137, 137);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100;
}

.theme-form input[type="file"] {
    height: auto;
}

.theme-form select.form-control:not([size]):not([multiple]) {
    border-color: rgb(239, 239, 239);
    font-size: 14px;
}

.theme-form .checkbox label {
    padding-left: 10px;
}

[dir="rtl"] .theme-form .checkbox label {
    padding-right: 10px;
    padding-left: unset;
}

.theme-form .login-divider {
    position: relative;
    clear: both;
    height: 0px;
    margin: 30px 0px;
    border-top: 1px solid rgb(239, 239, 239);
}

.theme-form .login-divider::before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0px 5px;
    color: rgb(36, 41, 52);
    background: rgb(255, 255, 255);
    content: "Or Login With";
}

[dir="rtl"] .theme-form .login-divider::before {
    left: unset;
    right: 40%;
    margin-left: unset;
    margin-right: -10px;
}

.theme-form .btn-fb, .theme-form .btn-twitter, .theme-form .btn-google, .theme-form .btn-linkedin, .theme-form .btn-dribble {
    color: rgb(255, 255, 255);
    width: 100%;
}

.theme-form .btn-fb {
    background-color: rgb(80, 89, 142);
}

.theme-form .btn-twitter {
    background-color: rgba(0, 0, 0, 0.8);
}

.theme-form .btn-google {
    background-color: rgb(198, 78, 64);
}

.theme-form .btn-linkedin {
    background-color: rgb(0, 115, 177);
}

.theme-form .btn-dribble {
    background: rgb(231, 76, 136);
}

.form-inline {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: wrap;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 0px;
}

.form-inline .col-form-label {
    margin-right: 5px;
}

[dir="rtl"] .form-inline .col-form-label {
    margin-left: 5px;
    margin-right: unset;
}

.search-form .form-group::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 25px;
    background: rgb(232, 235, 242);
    left: 82px;
    top: 50px;
}

[dir="rtl"] .search-form .form-group::before {
    left: unset;
    right: 82px;
}

.search-form .form-group::after {
    position: absolute;
    content: "";
    font-family: FontAwesome;
    top: 53px;
    left: 53px;
    color: rgb(142, 142, 142);
}

[dir="rtl"] .search-form .form-group::after {
    left: unset;
    right: 53px;
}

.search-form input {
    border: 1px solid rgb(239, 239, 239);
    padding: 10px 10px 10px 70px;
    border-radius: 10px;
    background-color: rgba(244, 244, 244, 0.3);
}

[dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px;
}

.search-form input:focus {
    outline: none !important;
}

.form-label-align-right label {
    text-align: right;
    padding-top: 17px;
    font-weight: 500;
}

.needs-validation.was-validated .form-control:valid, .needs-validation.was-validated .form-select:valid {
    border-color: rgb(101, 193, 92);
}

.needs-validation.was-validated .form-control:valid ~ .valid-feedback, .needs-validation.was-validated .form-select:valid ~ .valid-feedback {
    color: rgb(101, 193, 92);
}

.needs-validation.was-validated .form-control:invalid, .needs-validation.was-validated .form-select:invalid {
    border-color: rgb(252, 86, 74);
}

.needs-validation.was-validated .form-control:invalid ~ .invalid-feedback, .needs-validation.was-validated .form-select:invalid ~ .invalid-feedback {
    color: rgb(252, 86, 74);
}

.custom-input.was-validated .form-control:valid, .custom-input.was-validated .form-select:valid {
    border-color: rgb(101, 193, 92);
}

.custom-input.was-validated .form-control:invalid, .custom-input.was-validated .form-select:invalid {
    border-color: rgb(252, 86, 74);
}

.custom-input .valid-tooltip {
    background-color: rgb(101, 193, 92);
}

.custom-input .invalid-tooltip {
    background-color: rgba(252, 86, 74, 0.8);
}

.custom-input .invalid-feedback {
    color: rgb(252, 86, 74) !important;
}

.custom-input .form-check .form-check-input:valid {
    border-color: rgb(101, 193, 92);
}

.custom-input .form-check .form-check-input:invalid {
    border-color: rgb(252, 86, 74);
}

.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
    color: rgb(252, 86, 74);
}

.custom-input .form-check .form-check-input:valid ~ .form-check-label {
    color: rgb(101, 193, 92);
}

.custom-input .form-check .form-check-input:checked {
    background-color: rgb(101, 193, 92);
}

.custom-input .form-check .invalid-feedback {
    color: rgb(252, 86, 74);
}

[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
    margin-left: 7px;
}

.form-check-reverse {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0px;
}

.form-check-reverse .form-check-input {
    float: left;
    margin-right: 0px;
    margin-left: 10px;
}

.checkbox-checked.card-wrapper h6.sub-title {
    font-weight: 500;
}

.checkbox-checked .form-check-input:checked {
    background-color: rgb(115, 102, 255);
    border-color: rgb(115, 102, 255);
}

.checkbox-checked .form-check-input:focus {
    border-color: rgb(115, 102, 255);
    box-shadow: rgba(115, 102, 255, 0.25) 0px 0px 0px 4px;
}

.checkbox-checked .card-wrapper .form-check:last-child {
    min-height: 0px;
    margin-bottom: 0px;
}

.checkbox-checked .card-wrapper .form-check:last-child label {
    margin-bottom: 0px;
}

.form-check-size {
    display: flex;
    gap: 22px;
    align-items: center;
    flex-wrap: wrap;
}

.form-check-size .form-check-inline {
    margin: 0px;
    min-height: 0px;
}

[dir="rtl"] .form-check-size .form-check-inline {
    margin: 0px;
}

.form-check-size .form-check-inline .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 0px;
}

.form-check-size .form-check-inline .check-size {
    width: 36px;
    height: 18px;
    margin-top: 0px;
}

.form-check-size .form-check-inline label {
    margin: 0px;
}

.main-img-checkbox .img-checkbox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-img-checkbox .img-checkbox .main-img-cover {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px;
}

[dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover {
    left: unset;
    right: 15px;
}

.main-img-checkbox .img-checkbox .form-check-label {
    width: 100%;
}

.main-img-checkbox .img-checkbox img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.main-icon-checkbox.checkbox label {
    margin-top: 0px;
}

.main-icon-checkbox.checkbox label::before {
    content: "";
    width: 100%;
    height: 100%;
    margin-left: 1px;
    background-color: transparent;
    top: 0px;
    display: block;
}

[dir="rtl"] .main-icon-checkbox.checkbox label::before {
    margin-left: unset;
    margin-right: 1px;
}

.main-icon-checkbox.checkbox-primary input[type="checkbox"]:checked + label::before {
    color: transparent;
    border: 2px solid rgb(115, 102, 255);
}

.main-icon-checkbox.checkbox-primary input[type="checkbox"] {
    opacity: 1;
}

.main-icon-checkbox.checkbox-primary .form-check-input {
    border: 1px solid rgb(204, 204, 204);
}

.main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
    box-shadow: none;
}

.main-icon-checkbox.checkbox-primary .form-check-input:checked[type="checkbox"] {
    background-image: none;
}

.main-radio-toggle .btn, .main-checkbox-toggle .btn {
    margin-bottom: 0px;
}

.radio-wrapper, .checkbox-wrapper {
    display: flex;
    gap: calc(6.4px + 0.5vw);
    flex-wrap: wrap;
    justify-content: center;
}

@media (max-width: 1200px) {
    .radio-wrapper, .checkbox-wrapper {
        justify-content: unset;
    }
}

.radio-wrapper li, .checkbox-wrapper li {
    position: relative;
    width: 100%;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 130px;
}

@media (max-width: 1335px) {
    .radio-wrapper li, .checkbox-wrapper li {
        max-width: 113px;
    }
}

@media (max-width: 1232px) {
    .radio-wrapper li, .checkbox-wrapper li {
        padding: 10px;
        max-width: 105px;
    }
}

.radio-wrapper li .form-check-input, .checkbox-wrapper li .form-check-input {
    position: absolute;
    width: 100%;
    height: 100%;
    float: none;
    margin: 0px;
    top: 0px;
    left: 0px;
    opacity: 1;
    border-radius: 0px;
    background-color: transparent;
    border: 1px solid rgb(204, 204, 204);
}

.radio-wrapper li .form-check-input:focus, .checkbox-wrapper li .form-check-input:focus {
    box-shadow: none;
}

.radio-wrapper li .form-check-input[type="radio"], .checkbox-wrapper li .form-check-input[type="radio"] {
    opacity: 1;
}

.radio-wrapper li .form-check-input:checked, .checkbox-wrapper li .form-check-input:checked {
    border: 2px solid rgb(115, 102, 255);
    background-color: transparent;
}

.radio-wrapper li .form-check-input:checked[type="radio"], .checkbox-wrapper li .form-check-input:checked[type="radio"] {
    background-image: none;
    box-shadow: unset;
}

.radio-wrapper li .form-check-label, .checkbox-wrapper li .form-check-label {
    position: unset;
    padding: 0px;
    margin-bottom: 0px;
}

.radio-wrapper li .form-check-label::after, .checkbox-wrapper li .form-check-label::after {
    content: none;
}

.radio-wrapper li .form-check-label::before, .checkbox-wrapper li .form-check-label::before {
    content: none;
}

.radio-wrapper li .form-check-label i, .checkbox-wrapper li .form-check-label i {
    font-size: 18px;
    padding-right: 8px;
}

[dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i {
    padding-right: 0px;
    padding-left: 8px;
}

.radio-wrapper li .form-check-label span, .checkbox-wrapper li .form-check-label span {
    font-size: 16px;
}

[dir="rtl"] .rtl-input .form-check.form-check-inline {
    padding: 0px;
}

[dir="rtl"] .rtl-input .form-check.form-switch {
    padding-right: 40px;
}

[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
    margin-left: unset;
    margin-right: -40px;
    float: right;
}

.radio-form {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.radio-form .form-check {
    min-height: 0px;
    margin-bottom: 0px;
}

.radio-form .form-check .form-check-label {
    margin-bottom: 0px;
}

.basic-form {
    position: relative;
}

.basic-form svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

[dir="rtl"] .basic-form svg {
    right: 0px;
    left: 12px;
}

.basic-form svg.stroke-icon {
    width: 25px;
    height: 25px;
    stroke: rgb(63, 71, 90);
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

[dir="rtl"] .basic-form svg.stroke-icon {
    right: unset;
    left: 12px;
}

.form-check {
    margin-bottom: 0px;
}

.form-check [class*="form-check-"] {
    cursor: pointer;
}

.theme-form .custom-input .row .col .row:last-child label {
    margin: 0px;
}

.theme-form.dark-inputs input::file-selector-button {
    border-radius: 30px;
}

[dir="rtl"] .theme-form .form-floating > label {
    left: unset;
    right: 0px;
}

.create-project-form .form-label {
    color: var(--body-font-color);
}

.create-project-form input[type="date" i]::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

.create-project-form .form-control, .create-project-form .form-select {
    border-color: rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: rgb(137, 137, 137);
    padding: 12px 10px;
    box-shadow: none;
}

.create-project-form .form-control::-webkit-input-placeholder, .create-project-form .form-select::-webkit-input-placeholder {
    color: rgb(137, 137, 137);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100;
}

.create-project-form input[type="file"] {
    padding: 6px 12px;
}

.create-project-form .bootstrap-select {
    width: 100% !important;
}

.create-project-form .bootstrap-select .dropdown-toggle {
    width: 100%;
    padding: 12px 10px;
    border-radius: 6px;
    color: rgb(137, 137, 137);
    background-color: unset !important;
    border-color: rgb(204, 204, 204) !important;
}

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

.create-project-form .bootstrap-select .dropdown-toggle::after {
    font-size: 15px;
    color: rgba(44, 50, 63, 0.72);
}

.create-project-form .bootstrap-select .dropdown-toggle .filter-option {
    white-space: initial;
}

.create-project-form .bootstrap-select .bs-searchbox .form-control {
    padding: 6px 10px;
}

.create-project-form .was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: rgb(101, 193, 92) !important;
}

.animated-form form input.error {
    border-color: rgb(252, 86, 74);
    margin: 0px;
}

.animated-form form input.success {
    border-color: rgb(101, 193, 92);
}

.animated-form form .animated {
    animation-fill-mode: both;
    animation-duration: 1s;
}

@-webkit-keyframes input-shake {
    0%, 100% {
        transform: translateX(0px);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

@keyframes input-shake {
    0%, 100% {
        transform: translateX(0px);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.animated-form form .input-shake {
    animation-name: input-shake;
}

.icon-lists div {
    cursor: pointer;
    line-height: 60px;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.icon-lists div:hover {
    background-color: var(--light-background);
}

.icon-lists div i {
    margin: 0px 15px 0px 10px;
    font-size: 24px;
    vertical-align: middle;
}

.icon-lists.whether-icon svg {
    height: calc(38px + 0.625vw);
    width: calc(38px + 0.625vw);
}

.icon-lists.feather-icons .d-flex svg {
    margin: 0px 15px 0px 10px;
}

.icon-lists .feather-icon .icon-first h6 {
    display: none;
}

.icon-lists.flag-icons div, .icon-lists.whether-icon div {
    display: flex;
    align-items: center;
    white-space: nowrap;
    -webkit-box-align: center;
}

.flag-icons, .feather-icons {
    margin-block: -15px; }

.flag-icons div, .feather-icons div {
    line-height: 1;
    overflow-wrap: break-word;
    overflow: auto;
}

.flag-icons div .flag-icon, .feather-icons div .flag-icon {
    width: 50px;
    height: 50px;
}

.flag-icons div .d-flex, .feather-icons div .d-flex {
    padding-block: 15px; width: 100%;
}

.flag-icons div .flex-grow-1 h6, .feather-icons div .flex-grow-1 h6 {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flag-icons div .flex-grow-1 h5, .feather-icons div .flex-grow-1 h5 {
    background-color: var(--theme-default);
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    border-radius: 3px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: rgb(255, 255, 255);
}

.icon-hover-bottom {
    background-color: rgb(253, 254, 255);
    width: 100%;
    bottom: 0px;
    left: 0px;
    box-shadow: rgb(244, 244, 244) 0px 0px 1px 1px;
    z-index: 999;
}

.icon-hover-bottom .icon-popup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
}

.icon-hover-bottom .icon-popup .close-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: rgb(204, 204, 204);
    cursor: pointer;
}

[dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
    right: unset;
    left: 10px;
}

.icon-hover-bottom .icon-popup > div {
    display: inline-block;
}

.icon-hover-bottom .icon-popup > div .flag-icon {
    width: 60px;
    height: 60px;
}

.icon-hover-bottom .icon-popup .icon-class {
    margin: 0px 20px;
    cursor: pointer;
}

.icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
    display: initial;
}

.icon-hover-bottom .icon-title {
    display: block;
    color: rgb(63, 71, 90);
    text-transform: uppercase;
    font-weight: 500;
}

.icon-hover-bottom span, .icon-hover-bottom label, .icon-hover-bottom .btn {
    font-family: Roboto, sans-serif;
}

.icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: rgb(255, 255, 255);
    font-family: Roboto, sans-serif;
}

.fa-fa-icon-show-div, .icons-show-div {
    display: none;
}

.icon-first i {
    color: rgb(137, 137, 137);
}

.icon-first h6 {
    display: none;
}

.list-group-item.active {
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

.list-group i {
    margin-right: 10px;
}

.list-group img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.list-light-primary {
    background-color: rgba(115, 102, 255, 0.1);
}

.list-light-primary:hover, .list-light-primary:active, .list-light-primary:focus {
    background-color: rgba(115, 102, 255, 0.1) !important;
}

.list-hover-primary {
    background-color: unset;
}

.list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
    background-color: rgba(115, 102, 255, 0.1);
    color: rgb(63, 71, 90);
    z-index: 0;
}

.list-light-secondary {
    background-color: rgba(131, 131, 131, 0.1);
}

.list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary:focus {
    background-color: rgba(131, 131, 131, 0.1) !important;
}

.list-hover-secondary {
    background-color: unset;
}

.list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
    background-color: rgba(131, 131, 131, 0.1);
    color: rgb(63, 71, 90);
    z-index: 0;
}

.list-light-success {
    background-color: rgba(101, 193, 92, 0.1);
}

.list-light-success:hover, .list-light-success:active, .list-light-success:focus {
    background-color: rgba(101, 193, 92, 0.1) !important;
}

.list-hover-success {
    background-color: unset;
}

.list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
    background-color: rgba(101, 193, 92, 0.1);
    color: rgb(63, 71, 90);
    z-index: 0;
}

.list-light-warning {
    background-color: rgba(255, 184, 41, 0.1);
}

.list-light-warning:hover, .list-light-warning:active, .list-light-warning:focus {
    background-color: rgba(255, 184, 41, 0.1) !important;
}

.list-hover-warning {
    background-color: unset;
}

.list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
    background-color: rgba(255, 184, 41, 0.1);
    color: rgb(63, 71, 90);
    z-index: 0;
}

.list-light-info {
    background-color: rgba(64, 184, 245, 0.1);
}

.list-light-info:hover, .list-light-info:active, .list-light-info:focus {
    background-color: rgba(64, 184, 245, 0.1) !important;
}

.list-hover-info {
    background-color: unset;
}

.list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
    background-color: rgba(64, 184, 245, 0.1);
    color: rgb(63, 71, 90);
    z-index: 0;
}

.list-light-light {
    background-color: rgba(244, 244, 244, 0.1);
}

.list-light-light:hover, .list-light-light:active, .list-light-light:focus {
    background-color: rgba(244, 244, 244, 0.1) !important;
}

.list-hover-light {
    background-color: unset;
}

.list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
    background-color: rgba(244, 244, 244, 0.1);
    color: rgb(63, 71, 90);
    z-index: 0;
}

.list-light-danger {
    background-color: rgba(252, 86, 74, 0.1);
}

.list-light-danger:hover, .list-light-danger:active, .list-light-danger:focus {
    background-color: rgba(252, 86, 74, 0.1) !important;
}

.list-hover-danger {
    background-color: unset;
}

.list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
    background-color: rgba(252, 86, 74, 0.1);
    color: rgb(63, 71, 90);
    z-index: 0;
}

.list-light-dark {
    background-color: rgba(63, 71, 90, 0.1);
}

.list-light-dark:hover, .list-light-dark:active, .list-light-dark:focus {
    background-color: rgba(63, 71, 90, 0.1) !important;
}

.list-hover-dark {
    background-color: unset;
}

.list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
    background-color: rgba(63, 71, 90, 0.1);
    color: rgb(63, 71, 90);
    z-index: 0;
}

.horizontal-list-wrapper .list-group .list-group-item {
    padding: 8px;
}

.list-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 414px) {
    .list-wrapper {
        flex-wrap: unset;
        word-break: break-word;
    }
}

@media (max-width: 366px) {
    .list-wrapper {
        padding-bottom: 8px;
    }
}

.list-wrapper .list-img {
    width: calc(37px + 0.9375vw);
    height: calc(37px + 0.9375vw);
    margin-bottom: 10px;
    border-radius: 50%;
}

.list-wrapper .list-content p {
    margin-bottom: 0px;
}

.scrollbar-wrapper {
    max-height: 270px;
    overflow: auto;
}

.scrollbar-wrapper .list-group-item.active .list-content h6, .scrollbar-wrapper .list-group-item.active .list-content p, .scrollbar-wrapper .list-group-item.active .list-content small {
    color: var(--body-font-color);
}

.main-lists-content .list-group-item.active h6, .main-lists-content .list-group-item.active p {
    color: rgb(255, 255, 255);
}

@media (max-width: 480px) {
    .main-lists-content small {
        display: none;
    }
}

@media (max-width: 1199px) {
    .list-behavior-1 {
        gap: 12px;
    }
}

@media (max-width: 575px) {
    .list-behavior-1:first-child {
        margin-bottom: 14px;
    }
}

@media (max-width: 1999px) {
    .list-behavior-1 img {
        height: 86px;
    }
}

@media (max-width: 992px) {
    .list-behavior-1 img {
        height: 64px;
    }
}

.list-behavior-1 .flex-grow-1 {
    margin-left: 16px;
}

@media (max-width: 1199px) {
    .list-behavior-1 .flex-grow-1 {
        margin-left: 0px;
    }

    .list-behavior-1 .flex-grow-1 p {
        display: -webkit-box;
        max-width: 100%;
        margin: 0px auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

[dir="rtl"] .list-behavior-1 .flex-grow-1 {
    margin-right: 16px;
    margin-left: unset;
}

.list-behaviors > div:nth-child(2n) .flex-grow-1 {
    order: -1;
    margin-left: unset;
    margin-right: 16px;
}

@media (max-width: 1199px) {
    .list-behaviors > div:nth-child(2n) .flex-grow-1 {
        margin-left: 0px;
        margin-right: 0px;
        order: unset;
    }
}

.list-group .list-group-item {
    padding: 11px 16px;
    border-width: 1px;
}

.list-group .list-group-item .form-check-input:focus {
    box-shadow: unset !important;
}

[dir="rtl"] .list-group .list-group-item i {
    margin-left: 10px;
    margin-right: unset;
}

@media (max-width: 1216px) {
    .contact-profile {
        background-color: unset;
    }

    .contact-profile.list-light-dark:hover {
        background-color: unset;
    }
}

.badge-list .list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.badge-list .list-group-item div {
    margin-right: auto;
    margin-left: 8px;
}

[dir="rtl"] .badge-list .list-group-item div {
    margin-left: auto;
    margin-right: 8px;
}

.list-group-flush li {
    border-bottom-width: 1px;
    border-inline: unset; }

.list-group-flush li:first-child {
    border-top: 0px;
    padding-top: 0px;
}

.list-group-flush li:last-child {
    padding-bottom: 0px;
}

.list-group-flush li i {
    font-size: 16px;
}

.loader-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    background-color: rgb(255, 255, 255);
    z-index: 11;
    top: 0px;
}

.loader-wrapper .loader-index {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    filter: url("style.css");
}

.loader-wrapper .loader-index::after {
    content: "";
    width: 4em;
    height: 4em;
    background: var(--theme-default);
    border-radius: 50%;
    position: absolute;
    transform: scale(0.5);
    animation: 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) 0s infinite alternate none running grow;
}

.loader-wrapper .loader-index span {
    width: 2em;
    height: 2em;
    background: var(--theme-secondary);
    border-radius: 50%;
    margin-right: 2em;
    position: relative;
    transform: translateX(7em);
    animation: 4s ease-in-out 0s infinite normal none running move;
}

.loader-wrapper .loader-index span::before {
    content: "";
    width: 2em;
    height: 2em;
    background: var(--theme-default);
    border-radius: 50%;
    position: absolute;
    left: 3em;
    transform: translateX(0em);
    animation: 2s ease-in-out 0s infinite normal none running shrink;
}

.loader-wrapper .loader-index span::after {
    content: "";
    width: 2em;
    height: 2em;
    background: rgb(64, 184, 245);
    border-radius: 50%;
    position: absolute;
    right: 3em;
    transform: translateX(0em);
    animation: 2s ease-in-out 0s infinite normal none running shrink;
}

@keyframes grow {
    0% {
        transform: scale(0.5);
        background: rgb(64, 184, 245);
    }

    50% {
        transform: scale(1);
        background: var(--theme-secondary);
    }
}

@keyframes move {
    0% {
        transform: translateX(7em);
    }

    50% {
        transform: translateX(-5em);
    }
}

@keyframes shrink {
    0% {
        transform: translateX(0em);
    }

    50% {
        transform: translateX(-1em);
    }
}

.loader-wrapper svg {
    width: 0px;
    height: 0px;
}

.loader-wrapper body {
    font-family: sans;
    min-height: 100vh;
    margin: 0px;
    display: grid;
    place-content: center;
    background: rgb(0, 0, 0);
}

.loader-wrapper h1 {
    color: rgb(255, 255, 255);
    text-align: center;
    margin-bottom: 2em;
    letter-spacing: 3px;
    position: relative;
    z-index: 2;
}

.loader-wrapper h1::before {
    position: absolute;
    content: "";
    height: 1px;
    background: linear-gradient(to right, var(--theme-secondary), var(--theme-default), #40b8f5);
    color: rgb(255, 255, 255);
    top: 2.75em;
    left: 0.75em;
    width: 2.5em;
    font-weight: 400;
    font-variant: small-caps;
    font-size: 0.5em;
}

.modal-toggle-wrapper .form-control::placeholder {
    font-size: 13px;
}

.modal-toggle-wrapper .modal-img {
    display: flex;
    justify-content: center;
}

.modal-toggle-wrapper .modal-img img {
    width: 200px;
    height: 200px;
}

@media (max-width: 992px) {
    .modal-toggle-wrapper .modal-img img {
        width: calc(105.524px + 9.52381vw);
        height: calc(105.524px + 9.52381vw);
    }
}

.modal-toggle-wrapper .modal-img li img {
    width: 100px;
    height: 100px;
}

@media (max-width: 992px) {
    .modal-toggle-wrapper .modal-img li img {
        width: calc(63.0952px + 3.72024vw);
        height: calc(63.0952px + 3.72024vw);
    }
}

.modal-toggle-wrapper .modal-img li + li {
    margin-left: -39px;
}

[dir="rtl"] .modal-toggle-wrapper .modal-img li + li {
    margin-left: unset;
    margin-right: -39px;
}

.modal-toggle-wrapper button svg {
    width: 16px;
    height: 16px;
}

.grid-space {
    display: block;
    text-align: center;
    padding: 12px;
    margin-bottom: 12px;
    font-weight: 500;
}

.large-modal-header, .large-modal-body {
    display: flex;
    align-items: center;
    color: rgb(63, 71, 90);
}

.large-modal-header svg, .large-modal-body svg {
    width: 20px;
    height: 20px;
}

[dir="rtl"] .large-modal-header svg, [dir="rtl"] .large-modal-body svg {
    transform: scaleX(-1);
}

.modal-padding-space {
    padding-left: 20px;
}

.svg-modal {
    width: 15px;
    height: 15px;
    stroke: rgb(131, 131, 131);
    vertical-align: middle;
}

[dir="rtl"] .svg-modal {
    transform: scaleX(-1);
}

.card-wrapper .modal-heading h5 {
    font-size: calc(14.1111px + 0.277778vw);
}

@media (min-width: 750px) and (max-width: 1200px) {
    .card-wrapper .balance-modal {
        display: flex;
        flex-direction: column;
    }
}

.modal-footer .btn {
    margin: 0px 4px;
}

.modal-content .modal-header .btn-close:focus {
    box-shadow: unset;
}

.modal-details h6 {
    padding-bottom: 12px;
}

.modal-details .web-content {
    margin-bottom: 16px;
}

.modal-details .web-content .d-flex p {
    padding-bottom: 8px;
}

.modal-details .web-content .d-flex:last-child p {
    padding-bottom: 0px;
}

.modal-details .web-content:last-child {
    margin-bottom: 0px;
}

.modal .modal-body .card {
    box-shadow: none !important;
}

.modal-dialog .modal-content .modal-body p a {
    margin-right: 0px;
}

.irs-from, .irs-to, .irs-single {
    background: var(--theme-default);
}

.irs-from::after, .irs-to::after, .irs-single::after {
    border-top-color: var(--theme-default);
}

.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge {
    background-color: var(--theme-default);
}

.swal-button {
    background-color: var(--theme-default);
}

.swal-button:active {
    background-color: rgb(92, 77, 255);
}

.swal-button--cancel {
    background-color: rgb(239, 239, 238) !important;
}

.clipboaard-container h6 {
    line-height: 1.6;
    font-size: 14px;
}

fieldset .bootstrap-touchspin-postfix, fieldset .bootstrap-touchspin-prefix {
    border-radius: 0px;
    padding: 0.4rem 0.75rem;
}

fieldset .input-group-lg .touchspin {
    height: 50px;
}

.f1 .f1-steps .f1-step .f1-step-icon {
    padding: 12px;
}

.form-inline .form-group {
    display: flex;
}

.input-group-text i {
    line-height: 1.5;
}

.animated-modal .form-select {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.card-wrapper {
    padding: 14px;
}

.card-wrapper dl dt {
    font-weight: 500;
}

.custom-alert .card-wrapper .cuba-demo-img .dot-group {
    display: flex;
    gap: calc(2.4px + 0.1875vw);
    padding: 15px 10px 0px;
}

.custom-alert .card-wrapper .cuba-demo-img .dot-group li {
    width: calc(5.6px + 0.125vw);
    height: calc(5.6px + 0.125vw);
    background-color: var(--f-lighter);
    border-radius: 100%;
    opacity: 0.6;
}

@media (max-width: 768px) and (min-width: 709px) {
    .custom-col-2 {
        width: 9.33333%;
        flex: 0 0 auto;
    }
}

@media (max-width: 708px) and (min-width: 582px) {
    .custom-col-2 {
        width: 10.3333%;
        flex: 0 0 auto;
    }
}

@media (max-width: 581px) and (min-width: 575px) {
    .custom-col-2 {
        width: 11.3333%;
        flex: 0 0 auto;
    }
}

@media (max-width: 574px) and (min-width: 481px) {
    .custom-col-2 {
        width: 12.3333%;
        flex: 0 0 auto;
    }
}

@media (max-width: 480px) and (min-width: 410px) {
    .custom-col-2 {
        width: 14.3333%;
        flex: 0 0 auto;
    }
}

@media (max-width: 409px) and (min-width: 364px) {
    .custom-col-2 {
        width: 16.3333%;
        flex: 0 0 auto;
    }
}

@media (max-width: 363px) {
    .custom-col-2 {
        width: 100%;
        flex: 0 0 auto;
    }
}

.popover {
    background-color: rgb(255, 255, 255);
    border: none;
    box-shadow: rgba(115, 102, 255, 0.1) 0px 0px 20px;
}

.popover .popover-header {
    background-color: rgb(234, 232, 255);
    color: rgb(115, 102, 255);
    border-bottom: none;
}

.popover .popover-body {
    color: rgba(43, 43, 43, 0.7);
}

.popover-main .btn-showcase a {
    color: rgb(255, 255, 255);
}

.popover-main .btn-showcase button:last-child {
    margin-right: 0px;
}

.svg-tooltip .common-flex > div {
    width: calc(38px + 0.625vw);
    height: calc(38px + 0.625vw);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid;
}

.svg-tooltip .common-flex > div i {
    font-size: calc(17.6px + 0.125vw);
}

.svg-tooltip .common-flex > div:hover i {
    stroke: var(--white) !important;
}

.svg-tooltip .common-flex svg {
    width: calc(17.6px + 0.125vw);
    height: calc(17.6px + 0.125vw);
}

@media print {
    .sidebar-wrapper, .page-header {
        display: none;
    }

    .page-body {
        margin: 0px !important;
    }

    .customizer-links {
        display: none !important;
    }

    .page-wrapper .page-title {
        visibility: hidden;
    }

    .page-wrapper .page-body-wrapper .page-title {
        display: none;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        margin: 0px;
    }

    table.fixedHeader-floating {
        display: none;
    }

    .main-invoice-1 .table-wrapper {
        width: 100%;
    }

    .main-invoice-1 .table-wrapper .print-btn span {
        display: none;
    }

    .main-invoice-1 .banner-image {
        width: 100%;
    }

    .main-tasks .email-body .tab-content .card-header a {
        display: none;
    }

    .mail-body-wrapper {
        margin-top: 20px;
    }

    .mail-body-wrapper .user-mail-wrapper {
        width: 100%;
    }

    .mail-body-wrapper .user-mail-wrapper .send-btn {
        display: none;
    }

    .email-left-aside {
        display: none;
    }

    .footer {
        display: none;
    }

    .print-btn {
        display: none;
    }
}

.animate-chk label {
    line-height: 1.6;
    cursor: pointer;
}

.animate-chk label:last-child:not(.card-view-wrapper .job-accordion .animate-chk label:last-child):not(.list-view-wrapper .job-accordion .animate-chk label:last-child):not(.job-details-wrapper .job-accordion .animate-chk label:last-child) {
    margin-bottom: 0px;
}

.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin: 0px 1rem 0px 0px;
}

.checkbox_animated::before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border-top-color: ;
    border-top-width: ;
    border-right-color: ;
    border-right-width: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-color: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-top-style: none;
    border-right-style: none;
}

.checkbox_animated::after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0px;
    width: 1.3rem;
    height: 1.3rem;
    background: rgb(255, 255, 255);
    border: 2px solid rgb(233, 237, 241);
    cursor: pointer;
}

.checkbox_animated:checked::before {
    transform: rotate(-45deg) scale(1, 1);
}

.radio_animated {
    position: relative;
    margin: 0px 1rem 0px 0px;
    cursor: pointer;
}

.radio_animated::before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0px;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-default);
    border-radius: 50%;
}

.radio_animated::after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: rgb(255, 255, 255);
    border: 2px solid rgb(233, 237, 241);
    border-radius: 50%;
}

.radio_animated:checked::before {
    transform: scale(1, 1);
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 16px;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0px;
    margin-left: -16px;
    border: 1px solid rgb(239, 239, 239);
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0px;
    top: 0px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: rgb(36, 41, 52);
}

.checkbox input[type="checkbox"] {
    opacity: 0;
}

.checkbox input[type="checkbox"]:focus {
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:focus + label::before {
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::before {
    font-family: themify;
    content: "";
    text-align: center;
    line-height: 1.2;
}

.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: rgb(244, 244, 244);
    cursor: not-allowed;
}

.checkbox .checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox .checkbox-inline {
    margin-top: 0px;
}

.m-squar label::before {
    border-radius: 0px;
}

.m-squar .checkbox-circle label::before {
    border-radius: 50%;
}

.m-squar .checkbox-inline {
    margin-top: 0px;
}

.checkbox-primary label::before {
    border-color: var(--theme-default);
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
    border-color: var(--theme-default);
    color: var(--theme-default);
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.checkbox-solid-primary label::before {
    background-color: var(--theme-default);
    border-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-default);
    border-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-default);
}

.radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-default);
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-default);
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-default);
}

.checkbox-secondary label::before {
    border-color: rgb(131, 131, 131);
}

.checkbox-secondary input[type="checkbox"]:checked + label::before {
    border-color: rgb(131, 131, 131);
    color: rgb(131, 131, 131);
}

.checkbox-secondary input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.checkbox-solid-secondary label::before {
    background-color: rgb(131, 131, 131);
    border-color: rgb(131, 131, 131);
    color: rgb(255, 255, 255);
}

.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: rgb(131, 131, 131);
    border-color: rgb(131, 131, 131);
    color: rgb(255, 255, 255);
}

.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.radio-secondary input[type="radio"] + label::before {
    border-color: rgb(131, 131, 131);
}

.radio-secondary input[type="radio"] + label::after {
    background-color: rgb(131, 131, 131);
}

.radio-secondary input[type="radio"]:checked + label::before {
    border-color: rgb(131, 131, 131);
}

.radio-secondary input[type="radio"]:checked + label::after {
    background-color: rgb(131, 131, 131);
}

.checkbox-success label::before {
    border-color: rgb(101, 193, 92);
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    border-color: rgb(101, 193, 92);
    color: rgb(101, 193, 92);
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.checkbox-solid-success label::before {
    background-color: rgb(101, 193, 92);
    border-color: rgb(101, 193, 92);
    color: rgb(255, 255, 255);
}

.checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: rgb(101, 193, 92);
    border-color: rgb(101, 193, 92);
    color: rgb(255, 255, 255);
}

.checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.radio-success input[type="radio"] + label::before {
    border-color: rgb(101, 193, 92);
}

.radio-success input[type="radio"] + label::after {
    background-color: rgb(101, 193, 92);
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: rgb(101, 193, 92);
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: rgb(101, 193, 92);
}

.checkbox-danger label::before {
    border-color: rgb(252, 86, 74);
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    border-color: rgb(252, 86, 74);
    color: rgb(252, 86, 74);
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.checkbox-solid-danger label::before {
    background-color: rgb(252, 86, 74);
    border-color: rgb(252, 86, 74);
    color: rgb(255, 255, 255);
}

.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: rgb(252, 86, 74);
    border-color: rgb(252, 86, 74);
    color: rgb(255, 255, 255);
}

.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.radio-danger input[type="radio"] + label::before {
    border-color: rgb(252, 86, 74);
}

.radio-danger input[type="radio"] + label::after {
    background-color: rgb(252, 86, 74);
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: rgb(252, 86, 74);
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: rgb(252, 86, 74);
}

.checkbox-info label::before {
    border-color: rgb(64, 184, 245);
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    border-color: rgb(64, 184, 245);
    color: rgb(64, 184, 245);
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.checkbox-solid-info label::before {
    background-color: rgb(64, 184, 245);
    border-color: rgb(64, 184, 245);
    color: rgb(255, 255, 255);
}

.checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: rgb(64, 184, 245);
    border-color: rgb(64, 184, 245);
    color: rgb(255, 255, 255);
}

.checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.radio-info input[type="radio"] + label::before {
    border-color: rgb(64, 184, 245);
}

.radio-info input[type="radio"] + label::after {
    background-color: rgb(64, 184, 245);
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: rgb(64, 184, 245);
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: rgb(64, 184, 245);
}

.checkbox-light label::before {
    border-color: rgb(244, 244, 244);
}

.checkbox-light input[type="checkbox"]:checked + label::before {
    border-color: rgb(244, 244, 244);
    color: rgb(244, 244, 244);
}

.checkbox-light input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.checkbox-solid-light label::before {
    background-color: rgb(244, 244, 244);
    border-color: rgb(244, 244, 244);
    color: rgb(255, 255, 255);
}

.checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: rgb(244, 244, 244);
    border-color: rgb(244, 244, 244);
    color: rgb(255, 255, 255);
}

.checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.radio-light input[type="radio"] + label::before {
    border-color: rgb(244, 244, 244);
}

.radio-light input[type="radio"] + label::after {
    background-color: rgb(244, 244, 244);
}

.radio-light input[type="radio"]:checked + label::before {
    border-color: rgb(244, 244, 244);
}

.radio-light input[type="radio"]:checked + label::after {
    background-color: rgb(244, 244, 244);
}

.checkbox-dark label::before {
    border-color: rgb(63, 71, 90);
}

.checkbox-dark input[type="checkbox"]:checked + label::before {
    border-color: rgb(63, 71, 90);
    color: rgb(63, 71, 90);
}

.checkbox-dark input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.checkbox-solid-dark label::before {
    background-color: rgb(63, 71, 90);
    border-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255);
}

.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: rgb(63, 71, 90);
    border-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255);
}

.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.radio-dark input[type="radio"] + label::before {
    border-color: rgb(63, 71, 90);
}

.radio-dark input[type="radio"] + label::after {
    background-color: rgb(63, 71, 90);
}

.radio-dark input[type="radio"]:checked + label::before {
    border-color: rgb(63, 71, 90);
}

.radio-dark input[type="radio"]:checked + label::after {
    background-color: rgb(63, 71, 90);
}

.checkbox-warning label::before {
    border-color: rgb(255, 184, 41);
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    border-color: rgb(255, 184, 41);
    color: rgb(255, 184, 41);
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.checkbox-solid-warning label::before {
    background-color: rgb(255, 184, 41);
    border-color: rgb(255, 184, 41);
    color: rgb(255, 255, 255);
}

.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: rgb(255, 184, 41);
    border-color: rgb(255, 184, 41);
    color: rgb(255, 255, 255);
}

.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}

.radio-warning input[type="radio"] + label::before {
    border-color: rgb(255, 184, 41);
}

.radio-warning input[type="radio"] + label::after {
    background-color: rgb(255, 184, 41);
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: rgb(255, 184, 41);
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: rgb(255, 184, 41);
}

.m-checkbox-inline .checkbox {
    display: inline-block;
}

.m-checkbox-inline .radio {
    display: inline-block;
}

.m-checkbox-inline label {
    margin-right: 20px;
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    cursor: pointer;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0px;
    margin-left: -20px;
    border: 1px solid rgb(239, 239, 239);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: rgb(137, 137, 137);
    transform: scale(0, 0);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
}

.radio input[type="radio"]:focus + label::before {
    outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}

.radio .radio-inline {
    margin-top: 0px;
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

.card-wrapper .btn-radio .btn-group [class*="button-light-"] label::before {
    top: 1px;
}

.card-wrapper .btn-radio .btn-group [class*="button-light-"] label::after {
    top: 6px;
}

[class*="ribbon-wrapper"] {
    position: relative;
    padding: 58px 18px 28px;
}

.ribbon {
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    clear: left;
    position: absolute;
    top: 12px;
    left: 0px;
    color: rgb(255, 255, 255);
    z-index: 2;
}

.ribbon-clip {
    left: -14px;
}

.ribbon-clip::before {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 0px;
    height: 0px;
    content: "";
    border-width: 7px;
    border-style: solid;
    border-color: rgb(63, 71, 90) rgb(63, 71, 90) transparent transparent;
    border-image: initial;
}

.ribbon-vertical-left-wrapper {
    padding-left: 40px;
    position: relative;
}

.ribbon-vertical-right-wrapper {
    padding-right: 40px;
}

.ribbon-wrapper-bottom {
    padding-bottom: 40px;
    padding-top: 0px;
}

.ribbon-wrapper-right-bottom {
    padding-right: 40px;
}

.ribbon-space-bottom {
    top: 0px;
}

.ribbon-bookmark::before {
    position: absolute;
    top: 0px;
    left: 100%;
    display: block;
    width: 0px;
    height: 0px;
    content: "";
    border-width: 15px 10px 15px 15px;
    border-style: solid;
    border-color: rgb(63, 71, 90) transparent rgb(63, 71, 90) rgb(63, 71, 90);
    border-image: initial;
}

.ribbon-right {
    left: auto;
    right: -2px;
}

.ribbon-clip-right {
    right: -14px;
}

.ribbon-clip-right::before {
    position: absolute;
    top: 30px;
    right: 0px;
    width: 0px;
    height: 0px;
    content: "";
    border-width: 7px;
    border-style: solid;
    border-color: rgb(63, 71, 90) rgb(63, 71, 90) transparent transparent;
    border-image: initial;
}

.ribbon-clip-bottom {
    left: -14px;
    bottom: 12px;
    top: auto;
}

.ribbon-clip-bottom::before {
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 0px;
    height: 0px;
    content: "";
    border-width: 7px;
    border-style: solid;
    border-color: rgb(63, 71, 90) rgb(63, 71, 90) transparent transparent;
    border-image: initial;
}

.ribbon-clip-bottom-right {
    inset: auto -14px 12px auto;
}

.ribbon-clip-bottom-right::before {
    position: absolute;
    bottom: 30px;
    right: 0px;
    width: 0px;
    height: 0px;
    content: "";
    border-width: 7px;
    border-style: solid;
    border-color: rgb(63, 71, 90) rgb(63, 71, 90) transparent transparent;
    border-image: initial;
}

.ribbon-bookmark.ribbon-right::before {
    right: 100%;
    left: auto;
    border-right: 15px solid rgb(63, 71, 90);
    border-left: 10px solid transparent;
}

.ribbon-vertical-left {
    clear: none;
    padding: 0px 5px;
    width: 30px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    left: 12px;
    top: -2px;
}

.ribbon-vertical-right {
    clear: none;
    padding: 0px 5px;
    width: 30px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    top: -2px;
    left: auto;
    right: 20px;
}

[dir="rtl"] .ribbon-vertical-right {
    left: auto !important;
    right: 20px !important;
}

.ribbon-bookmark.ribbon-vertical-left::before, .ribbon-bookmark.ribbon-vertical-right::before {
    top: 100%;
    left: 0px;
    margin-top: -14px;
    border-right: 15px solid rgb(63, 71, 90);
    border-bottom: 10px solid transparent;
}

.ribbon-primary {
    background: rgb(115, 102, 255);
}

.ribbon-primary {
    background: rgb(115, 102, 255);
}

.ribbon-bookmark.ribbon-primary::before {
    border-color: rgb(115, 102, 255) transparent rgb(115, 102, 255) rgb(115, 102, 255);
}

.ribbon-bookmark.ribbon-right.ribbon-primary::before {
    border-right-color: rgb(115, 102, 255);
    border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary::before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary::before {
    border-right-color: rgb(115, 102, 255);
    border-bottom-color: transparent;
}

.ribbon-primary.ribbon-corner::before {
    border-top-color: rgb(115, 102, 255);
    border-left-color: rgb(115, 102, 255);
}

.ribbon-primary.ribbon-corner.ribbon-right::before {
    border-right-color: rgb(115, 102, 255);
    border-left-color: transparent;
}

.ribbon-primary.ribbon-corner.ribbon-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(115, 102, 255);
}

.ribbon-primary.ribbon-clip::before {
    border-color: rgb(68, 51, 255) rgb(68, 51, 255) transparent transparent;
}

.ribbon-primary.ribbon-clip-right::before {
    border-right-color: transparent;
    border-top-color: rgb(68, 51, 255);
    border-left-color: rgb(68, 51, 255);
}

.ribbon-primary.ribbon-clip-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(68, 51, 255);
    border-right-color: rgb(68, 51, 255);
}

.ribbon-primary.ribbon-clip-bottom-right::before {
    border-color: transparent transparent rgb(68, 51, 255) rgb(68, 51, 255);
}

.ribbon-secondary {
    background: rgb(131, 131, 131);
}

.ribbon-secondary {
    background: rgb(131, 131, 131);
}

.ribbon-bookmark.ribbon-secondary::before {
    border-color: rgb(131, 131, 131) transparent rgb(131, 131, 131) rgb(131, 131, 131);
}

.ribbon-bookmark.ribbon-right.ribbon-secondary::before {
    border-right-color: rgb(131, 131, 131);
    border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary::before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary::before {
    border-right-color: rgb(131, 131, 131);
    border-bottom-color: transparent;
}

.ribbon-secondary.ribbon-corner::before {
    border-top-color: rgb(131, 131, 131);
    border-left-color: rgb(131, 131, 131);
}

.ribbon-secondary.ribbon-corner.ribbon-right::before {
    border-right-color: rgb(131, 131, 131);
    border-left-color: transparent;
}

.ribbon-secondary.ribbon-corner.ribbon-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(131, 131, 131);
}

.ribbon-secondary.ribbon-clip::before {
    border-color: rgb(106, 106, 106) rgb(106, 106, 106) transparent transparent;
}

.ribbon-secondary.ribbon-clip-right::before {
    border-right-color: transparent;
    border-top-color: rgb(106, 106, 106);
    border-left-color: rgb(106, 106, 106);
}

.ribbon-secondary.ribbon-clip-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(106, 106, 106);
    border-right-color: rgb(106, 106, 106);
}

.ribbon-secondary.ribbon-clip-bottom-right::before {
    border-color: transparent transparent rgb(106, 106, 106) rgb(106, 106, 106);
}

.ribbon-success {
    background: rgb(101, 193, 92);
}

.ribbon-success {
    background: rgb(101, 193, 92);
}

.ribbon-bookmark.ribbon-success::before {
    border-color: rgb(101, 193, 92) transparent rgb(101, 193, 92) rgb(101, 193, 92);
}

.ribbon-bookmark.ribbon-right.ribbon-success::before {
    border-right-color: rgb(101, 193, 92);
    border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-success::before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success::before {
    border-right-color: rgb(101, 193, 92);
    border-bottom-color: transparent;
}

.ribbon-success.ribbon-corner::before {
    border-top-color: rgb(101, 193, 92);
    border-left-color: rgb(101, 193, 92);
}

.ribbon-success.ribbon-corner.ribbon-right::before {
    border-right-color: rgb(101, 193, 92);
    border-left-color: transparent;
}

.ribbon-success.ribbon-corner.ribbon-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(101, 193, 92);
}

.ribbon-success.ribbon-clip::before {
    border-color: rgb(74, 170, 64) rgb(74, 170, 64) transparent transparent;
}

.ribbon-success.ribbon-clip-right::before {
    border-right-color: transparent;
    border-top-color: rgb(74, 170, 64);
    border-left-color: rgb(74, 170, 64);
}

.ribbon-success.ribbon-clip-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(74, 170, 64);
    border-right-color: rgb(74, 170, 64);
}

.ribbon-success.ribbon-clip-bottom-right::before {
    border-color: transparent transparent rgb(74, 170, 64) rgb(74, 170, 64);
}

.ribbon-danger {
    background: rgb(252, 86, 74);
}

.ribbon-danger {
    background: rgb(252, 86, 74);
}

.ribbon-bookmark.ribbon-danger::before {
    border-color: rgb(252, 86, 74) transparent rgb(252, 86, 74) rgb(252, 86, 74);
}

.ribbon-bookmark.ribbon-right.ribbon-danger::before {
    border-right-color: rgb(252, 86, 74);
    border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger::before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger::before {
    border-right-color: rgb(252, 86, 74);
    border-bottom-color: transparent;
}

.ribbon-danger.ribbon-corner::before {
    border-top-color: rgb(252, 86, 74);
    border-left-color: rgb(252, 86, 74);
}

.ribbon-danger.ribbon-corner.ribbon-right::before {
    border-right-color: rgb(252, 86, 74);
    border-left-color: transparent;
}

.ribbon-danger.ribbon-corner.ribbon-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(252, 86, 74);
}

.ribbon-danger.ribbon-clip::before {
    border-color: rgb(251, 39, 24) rgb(251, 39, 24) transparent transparent;
}

.ribbon-danger.ribbon-clip-right::before {
    border-right-color: transparent;
    border-top-color: rgb(251, 39, 24);
    border-left-color: rgb(251, 39, 24);
}

.ribbon-danger.ribbon-clip-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(251, 39, 24);
    border-right-color: rgb(251, 39, 24);
}

.ribbon-danger.ribbon-clip-bottom-right::before {
    border-color: transparent transparent rgb(251, 39, 24) rgb(251, 39, 24);
}

.ribbon-info {
    background: rgb(64, 184, 245);
}

.ribbon-info {
    background: rgb(64, 184, 245);
}

.ribbon-bookmark.ribbon-info::before {
    border-color: rgb(64, 184, 245) transparent rgb(64, 184, 245) rgb(64, 184, 245);
}

.ribbon-bookmark.ribbon-right.ribbon-info::before {
    border-right-color: rgb(64, 184, 245);
    border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-info::before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info::before {
    border-right-color: rgb(64, 184, 245);
    border-bottom-color: transparent;
}

.ribbon-info.ribbon-corner::before {
    border-top-color: rgb(64, 184, 245);
    border-left-color: rgb(64, 184, 245);
}

.ribbon-info.ribbon-corner.ribbon-right::before {
    border-right-color: rgb(64, 184, 245);
    border-left-color: transparent;
}

.ribbon-info.ribbon-corner.ribbon-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(64, 184, 245);
}

.ribbon-info.ribbon-clip::before {
    border-color: rgb(16, 166, 242) rgb(16, 166, 242) transparent transparent;
}

.ribbon-info.ribbon-clip-right::before {
    border-right-color: transparent;
    border-top-color: rgb(16, 166, 242);
    border-left-color: rgb(16, 166, 242);
}

.ribbon-info.ribbon-clip-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(16, 166, 242);
    border-right-color: rgb(16, 166, 242);
}

.ribbon-info.ribbon-clip-bottom-right::before {
    border-color: transparent transparent rgb(16, 166, 242) rgb(16, 166, 242);
}

.ribbon-light {
    background: rgb(244, 244, 244);
}

.ribbon-light {
    background: rgb(244, 244, 244);
}

.ribbon-bookmark.ribbon-light::before {
    border-color: rgb(244, 244, 244) transparent rgb(244, 244, 244) rgb(244, 244, 244);
}

.ribbon-bookmark.ribbon-right.ribbon-light::before {
    border-right-color: rgb(244, 244, 244);
    border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-light::before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light::before {
    border-right-color: rgb(244, 244, 244);
    border-bottom-color: transparent;
}

.ribbon-light.ribbon-corner::before {
    border-top-color: rgb(244, 244, 244);
    border-left-color: rgb(244, 244, 244);
}

.ribbon-light.ribbon-corner.ribbon-right::before {
    border-right-color: rgb(244, 244, 244);
    border-left-color: transparent;
}

.ribbon-light.ribbon-corner.ribbon-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(244, 244, 244);
}

.ribbon-light.ribbon-clip::before {
    border-color: rgb(219, 219, 219) rgb(219, 219, 219) transparent transparent;
}

.ribbon-light.ribbon-clip-right::before {
    border-right-color: transparent;
    border-top-color: rgb(219, 219, 219);
    border-left-color: rgb(219, 219, 219);
}

.ribbon-light.ribbon-clip-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(219, 219, 219);
    border-right-color: rgb(219, 219, 219);
}

.ribbon-light.ribbon-clip-bottom-right::before {
    border-color: transparent transparent rgb(219, 219, 219) rgb(219, 219, 219);
}

.ribbon-dark {
    background: rgb(63, 71, 90);
}

.ribbon-dark {
    background: rgb(63, 71, 90);
}

.ribbon-bookmark.ribbon-dark::before {
    border-color: rgb(63, 71, 90) transparent rgb(63, 71, 90) rgb(63, 71, 90);
}

.ribbon-bookmark.ribbon-right.ribbon-dark::before {
    border-right-color: rgb(63, 71, 90);
    border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark::before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark::before {
    border-right-color: rgb(63, 71, 90);
    border-bottom-color: transparent;
}

.ribbon-dark.ribbon-corner::before {
    border-top-color: rgb(63, 71, 90);
    border-left-color: rgb(63, 71, 90);
}

.ribbon-dark.ribbon-corner.ribbon-right::before {
    border-right-color: rgb(63, 71, 90);
    border-left-color: transparent;
}

.ribbon-dark.ribbon-corner.ribbon-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(63, 71, 90);
}

.ribbon-dark.ribbon-clip::before {
    border-color: rgb(42, 47, 60) rgb(42, 47, 60) transparent transparent;
}

.ribbon-dark.ribbon-clip-right::before {
    border-right-color: transparent;
    border-top-color: rgb(42, 47, 60);
    border-left-color: rgb(42, 47, 60);
}

.ribbon-dark.ribbon-clip-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(42, 47, 60);
    border-right-color: rgb(42, 47, 60);
}

.ribbon-dark.ribbon-clip-bottom-right::before {
    border-color: transparent transparent rgb(42, 47, 60) rgb(42, 47, 60);
}

.ribbon-warning {
    background: rgb(255, 184, 41);
}

.ribbon-warning {
    background: rgb(255, 184, 41);
}

.ribbon-bookmark.ribbon-warning::before {
    border-color: rgb(255, 184, 41) transparent rgb(255, 184, 41) rgb(255, 184, 41);
}

.ribbon-bookmark.ribbon-right.ribbon-warning::before {
    border-right-color: rgb(255, 184, 41);
    border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning::before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning::before {
    border-right-color: rgb(255, 184, 41);
    border-bottom-color: transparent;
}

.ribbon-warning.ribbon-corner::before {
    border-top-color: rgb(255, 184, 41);
    border-left-color: rgb(255, 184, 41);
}

.ribbon-warning.ribbon-corner.ribbon-right::before {
    border-right-color: rgb(255, 184, 41);
    border-left-color: transparent;
}

.ribbon-warning.ribbon-corner.ribbon-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(255, 184, 41);
}

.ribbon-warning.ribbon-clip::before {
    border-color: rgb(245, 164, 0) rgb(245, 164, 0) transparent transparent;
}

.ribbon-warning.ribbon-clip-right::before {
    border-right-color: transparent;
    border-top-color: rgb(245, 164, 0);
    border-left-color: rgb(245, 164, 0);
}

.ribbon-warning.ribbon-clip-bottom::before {
    border-top-color: transparent;
    border-bottom-color: rgb(245, 164, 0);
    border-right-color: rgb(245, 164, 0);
}

.ribbon-warning.ribbon-clip-bottom-right::before {
    border-color: transparent transparent rgb(245, 164, 0) rgb(245, 164, 0);
}

.vertical-lp-space {
    padding: 58px 28px 28px 50px;
}

.vertical-rp-space {
    padding: 58px 50px 28px 28px;
}

.clip-bp-space {
    padding: 28px 18px 58px;
}

.ribbon-wrapper {
}

.animated-ribbon {
    position: relative;
}

.animated-ribbon .box {
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, 50%);
    perspective: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;
    position: relative;
}

.animated-ribbon .box .ribbon {
    position: absolute;
    right: -21px;
    bottom: 10px;
    height: 60px;
    transform-style: preserve-3d;
    line-height: 2.2;
}

.animated-ribbon .box .ribbon i {
    position: absolute;
    display: block;
    bottom: 0px;
    transition: 0.2s ease-in;
}

.animated-ribbon .box .ribbon i.back {
    background: var(--theme-default);
    width: 0px;
    height: 36px;
    left: 100%;
    transform: skewY(-30deg);
    transform-origin: 0% 100%;
    transition-delay: 0.45s;
}

.animated-ribbon .box .ribbon i.front {
    width: 0px;
    background: var(--theme-default);
    height: 36px;
    right: -10px;
    bottom: 11px;
    transition-delay: 0.35s;
}

.animated-ribbon .box .ribbon i.fold {
    background: var(--theme-default);
    right: 180px;
    height: 40px;
    width: 0px;
    bottom: 11px;
    transform: rotateY(-45deg) skewY(-40deg);
    transform-origin: 100% 0%;
    transition-delay: 0.15s;
}

.animated-ribbon .box .ribbon i.foldback {
    width: 0px;
    background: var(--theme-default);
    height: 29px;
    right: 200px;
    bottom: 16px;
    transition-delay: 0s;
}

.animated-ribbon .box .ribbon i span {
    position: absolute;
    opacity: 0;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 3px 38px;
    transition: 0.4s ease-out;
}

.animated-ribbon:hover .ribbon i.back {
    width: 10px;
    transition-delay: 0s;
}

.animated-ribbon:hover .ribbon i.front {
    width: 145px;
    transition-delay: 0.15s;
}

.animated-ribbon:hover .ribbon i span {
    opacity: 1;
    transition-delay: 0.2s;
}

.smooth-animate:hover .label {
    padding-left: 1em;
}

[dir="rtl"] .smooth-animate:hover .label {
    padding-left: 0.75em;
    padding-right: 1em;
}

.smooth-animate .media-image {
    display: inline-block;
    width: auto;
    position: relative;
}

.smooth-animate .media-image img {
    display: block;
}

.smooth-animate .label {
    position: absolute;
    top: -132px;
    left: -24px;
    display: inline-block;
    padding: 0px 0.75em;
    border-radius: 5px 2px 2px 0px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 2.35em;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background-color: rgb(252, 86, 74);
    z-index: 7;
    box-shadow: rgba(63, 71, 90, 0.1) 0px 2px 0px;
    transition: 0.1s;
}

[dir="rtl"] .smooth-animate .label {
    left: unset;
    right: -24px;
    border-radius: 2px 5px 0px 2px;
}

.smooth-animate .label::before {
    content: " ";
    display: block;
    position: absolute;
    width: 5px;
    height: 4px;
    left: 0px;
    bottom: -4px;
    background-color: rgb(252, 86, 74);
}

[dir="rtl"] .smooth-animate .label::before {
    left: unset;
    right: 0px;
}

.smooth-animate .label::after {
    content: " ";
    display: block;
    position: absolute;
    width: 5px;
    height: 6px;
    bottom: -6px;
    left: 0px;
    background-color: rgb(252, 86, 74);
    border-radius: 5px 0px 0px 5px;
}

[dir="rtl"] .smooth-animate .label::after {
    left: unset;
    right: 0px;
}

.vertical-left-animate .ribbon-wrapper {
    overflow: hidden;
}

.vertical-left-animate .ribbon-wrapper .ribbon {
    left: -50px;
    transition: 0.2s;
}

[dir="rtl"] .vertical-left-animate .ribbon-wrapper .ribbon {
    direction: ltr;
}

.vertical-left-animate .ribbon-wrapper .ribbon i {
    margin-left: 12px;
}

.vertical-left-animate .ribbon-wrapper .ribbon span {
    opacity: 0;
    transition: 0.2s;
}

.vertical-left-animate .ribbon-wrapper .ribbon-bookmark::before {
    left: 84%;
}

.vertical-left-animate:hover .ribbon-wrapper .ribbon {
    left: 0px;
    transition: 0.2s;
}

.vertical-left-animate:hover .ribbon-wrapper .ribbon span {
    opacity: 1;
    transition: 0.2s;
}

.triangular-ribbon {
    transition: 0.3s;
}

.triangular-ribbon .ribbon-wrapper {
    overflow: hidden;
}

.triangular-ribbon .ribbon-wrapper .triangular-ribbon-box {
    width: 100px;
    height: 100px;
    background: rgb(232, 229, 255);
    position: absolute;
    top: -50px;
    left: -50px;
    transform: rotate(315deg);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: end;
    border: 3px solid var(--theme-default);
    transition: 0.3s;
    opacity: 0;
}

.triangular-ribbon .ribbon-wrapper .triangular-ribbon-box > div {
    position: absolute;
    bottom: -2px;
    left: 36px;
}

.triangular-ribbon .ribbon-wrapper .triangular-ribbon-box > div svg {
    width: 20px;
    height: 20px;
    stroke: var(--theme-default);
}

.triangular-ribbon:hover {
    transition: 0.3s;
}

.triangular-ribbon:hover .triangular-ribbon-box {
    opacity: 1;
    transition: 0.3s;
}

.vertical-ribbon-animate:hover .ribbon-vertical-right {
    animation: 0.3s ease 0s 1 normal none running shrink;
}

.vertical-ribbon-animate .ribbon-vertical-right {
    width: 115px;
    line-height: 45px;
    height: 45px;
    border-radius: 0px 0px 50% 50%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 16px -4px;
    top: 0px;
}

.vertical-ribbon-animate .ribbon-vertical-right::before {
    content: unset;
}

.vertical-ribbon-animate .ribbon-vertical-right > div i {
    margin-right: 6px;
}

[dir="rtl"] .vertical-ribbon-animate .ribbon-vertical-right > div i {
    margin-right: unset;
    margin-left: 6px;
}

.vertical-ribbon-animate .ribbon-bottom-arrow {
    position: absolute;
    left: 38px;
    line-height: 40px;
    border-radius: 0px;
    top: -12px;
    border-left: 12px solid rgba(0, 0, 0, 0.333);
    border-bottom: 14px solid rgba(0, 0, 0, 0);
    clip-path: polygon(12px 0px, 100% 0px, 100% calc(100% - 14px), calc(50% + 6px) 100%, 12px calc(100% - 14px), 12px 12px, 0px 12px);
}

@media (max-width: 1407px) and (min-width: 992px) {
    .smooth-animate .label {
        top: -178px !important;
    }
}

@media (max-width: 793px) and (min-width: 619px) {
    .smooth-animate .label {
        top: -173px;
    }
}

@media (max-width: 618px) and (min-width: 576px) {
    .smooth-animate .label {
        top: -200px;
    }
}

@media (max-width: 399px) {
    .smooth-animate .label {
        top: -175px;
    }
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single, .irs--flat .irs-bar {
    background-color: rgb(115, 102, 255);
}

.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before, .irs--flat .irs-bar::before {
    border-top-color: rgb(115, 102, 255);
}

.irs--flat .irs-handle i:first-child {
    background-color: rgb(115, 102, 255);
}

.irs--round .irs-single {
    background-color: rgb(131, 131, 131);
}

.irs--round .irs-single::before {
    border-top-color: rgb(131, 131, 131);
}

.irs--round .irs-handle {
    border: 4px solid rgb(131, 131, 131);
}

.irs--round .irs-bar {
    background-color: rgb(131, 131, 131);
}

.irs--square .irs-handle {
    border: 3px solid rgb(101, 193, 92);
}

.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-bar {
    background-color: rgb(101, 193, 92);
}

.irs--sharp .irs-from::before, .irs--sharp .irs-to::before {
    border-top-color: rgb(64, 184, 245);
}

.irs--sharp .irs-min, .irs--sharp .irs-max, .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-bar {
    background-color: rgb(64, 184, 245);
}

.irs--sharp .irs-line {
    background-color: rgb(204, 204, 204);
}

.irs--sharp .irs-handle {
    background-color: rgb(64, 184, 245);
}

.irs--sharp .irs-handle i:first-child {
    border-top-color: rgb(64, 184, 245);
}

.irs--big .irs-bar {
    border: 1px solid rgb(255, 184, 41);
    background: rgb(255, 184, 41);
    box-shadow: unset;
}

.irs--big .irs-from, .irs--big .irs-to {
    background: unset;
}

.irs--big .irs-handle {
    background: rgb(255, 184, 41);
}

.irs--big .irs-grid-pol {
    background-color: rgb(255, 184, 41);
}

.irs--big .irs-grid-text {
    color: rgb(255, 184, 41);
}

.irs--modern .irs-single {
    background-color: rgb(252, 86, 74);
}

.irs--modern .irs-single::before {
    border-top-color: rgb(252, 86, 74);
}

.irs--modern .irs-bar {
    background: rgb(252, 86, 74);
}

.irs--modern .irs-grid-text {
    color: rgb(252, 86, 74);
}

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

.switch input {
    display: none;
}

.switch input:checked + .switch-state {
    background-color: var(--theme-default);
}

.switch input:checked + .switch-state::before {
    transform: translateX(26px);
}

.switch input:checked + .switch-state.large-switch::before {
    transform: translateX(32px);
}

.switch input:focus + .switch-state {
    box-shadow: 0 0 1px var(--theme-default);
}

.switch-state {
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    inset: 0px;
    background-color: rgb(244, 244, 244);
    transition: 0.4s;
}

.switch-state::before {
    position: absolute;
    content: "";
    width: 26px;
    height: 26px;
    left: 4px;
    bottom: 4px;
    background-color: rgb(255, 255, 255);
    transition: 0.4s;
    border-radius: 20px;
}

.icon-state .switch-state::after {
    content: "";
    font-family: IcoFont;
    left: 10px;
    position: absolute;
    top: 10px;
    color: rgb(63, 71, 90);
    transition: 0.4s;
    opacity: 0.3;
}

.icon-state input:checked + .switch-state::after {
    content: "";
    left: 36px;
    opacity: 1;
    transition: 0.4s;
}

.switch-lg .switch {
    width: 75px;
    height: 40px;
    padding: 0px;
    margin: 0px;
}

.switch-lg .switch .switch-state::before {
    width: 30px;
    height: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px;
}

.switch-lg .switch .switch-state.large-switch::before {
    top: 5px;
}

.switch-lg.icon-state .switch .switch-state::after {
    left: 12px;
    font-size: 18px;
}

.switch-lg.icon-state .switch input:checked + .switch-state::after {
    left: 47px;
}

.switch-lg.icon-state .switch input:checked + .switch-state::before {
    transform: translateX(32px);
}

.switch-sm.icon-state .switch .switch-state::after {
    top: 4px;
    left: 4px;
    font-size: 8px;
}

.switch-sm.icon-state .switch input:checked + .switch-state::after {
    left: 13px;
    top: 4px;
}

.switch-sm .switch {
    width: 25px;
    height: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.switch-sm .switch .switch-state::before {
    width: 8px;
    height: 8px;
    left: 4px;
    bottom: 4px;
}

.switch-sm input:checked + .switch-state::before {
    left: -13px;
}

.switch-outline .switch-state {
    background-color: rgb(255, 255, 255);
    border: 1px solid var(--theme-default);
    transition: 0.4s;
}

.switch-outline .switch-state::before {
    background-color: rgb(244, 244, 244);
    bottom: 3px;
    color: rgb(255, 255, 255);
}

.switch-outline .switch input {
    display: none;
}

.switch-outline .switch input:checked + .switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-default);
}

.switch-outline .switch input:checked + .switch-state::before {
    background-color: var(--theme-default);
    bottom: 3px;
    transform: translateX(26px);
}

.switch-outline .switch input:checked + .switch-state::after {
    color: rgb(255, 255, 255);
}

.switch-outline .switch input:checked + .switch-state.bg-primary {
    border: 1px solid var(--theme-default);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-primary::before {
    background-color: var(--theme-default);
}

.switch-outline .switch input:checked + .switch-state.bg-dark {
    border: 1px solid rgb(63, 71, 90);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-dark::before {
    background-color: rgb(63, 71, 90);
}

.switch-outline .switch input:checked + .switch-state.bg-warning {
    border: 1px solid rgb(255, 184, 41);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-warning::before {
    background-color: rgb(255, 184, 41);
}

.switch-outline .switch input:checked + .switch-state.bg-success {
    border: 1px solid rgb(101, 193, 92);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-success::before {
    background-color: rgb(101, 193, 92);
}

.switch-outline .switch input:checked + .switch-state.bg-info {
    border: 1px solid rgb(64, 184, 245);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-info::before {
    background-color: rgb(64, 184, 245);
}

.switch-outline .switch input:checked + .switch-state.bg-danger {
    border: 1px solid rgb(252, 86, 74);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-danger::before {
    background-color: rgb(252, 86, 74);
}

.switch-outline .switch input:checked + .switch-state.bg-primary {
    border: 1px solid var(--theme-default);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-primary::before {
    background-color: var(--theme-default);
}

.switch-outline .switch input:checked + .switch-state.bg-secondary {
    border: 1px solid var(--theme-secondary);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-secondary::before {
    background-color: var(--theme-secondary);
}

.switch-outline .switch-state.bg-primary {
    border: 1px solid var(--theme-default);
    background-color: transparent !important;
}

.switch-outline .switch-state.bg-secondary {
    border: 1px solid var(--theme-secondary);
    background-color: transparent !important;
}

.switch-outline .switch-state.bg-warning {
    border: 1px solid rgb(255, 184, 41);
    background-color: transparent !important;
}

.switch-outline .switch-state.bg-success {
    border: 1px solid rgb(101, 193, 92);
    background-color: transparent !important;
}

.switch-outline .switch-state.bg-info {
    border: 1px solid rgb(64, 184, 245);
    background-color: transparent !important;
}

.switch-outline .switch-state.bg-danger {
    border: 1px solid rgb(252, 86, 74);
    background-color: transparent !important;
}

.switch-outline .switch-state.bg-dark {
    border: 1px solid rgb(63, 71, 90);
    background-color: transparent !important;
}

.switch-showcase {
    margin-bottom: -8px;
}

.switch-showcase .d-flex {
    line-height: 1;
}

.switch-showcase .form-check .form-check-input {
    float: right;
}

.form-switch .form-check-input:checked {
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

.tg-list {
    text-align: center;
    display: flex;
    align-items: center;
}

.tgl {
    display: none;
}

.tgl, .tgl::after, .tgl::before, .tgl *, .tgl ::after, .tgl ::before, .tgl + .tgl-btn {
    box-sizing: border-box;
}

.tgl + .tgl-btn {
    outline: 0px;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.tgl + .tgl-btn::after, .tgl + .tgl-btn::before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.tgl + .tgl-btn::after {
    left: 0px;
}

.tgl + .tgl-btn::before {
    display: none;
}

.tgl:checked + .tgl-btn::after {
    left: 50%;
}

.tgl-skewed + .tgl-btn {
    overflow: hidden;
    transform: skew(-10deg);
    backface-visibility: hidden;
    transition: 0.2s;
    background: rgb(131, 131, 131);
}

.tgl-skewed + .tgl-btn::after, .tgl-skewed + .tgl-btn::before {
    transform: skew(10deg);
    display: inline-block;
    transition: 0.2s;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px;
}

.tgl-skewed + .tgl-btn::after {
    left: 100%;
    content: attr(data-tg-on);
}

.tgl-skewed + .tgl-btn::before {
    left: 0px;
    content: attr(data-tg-off);
}

.tgl-skewed + .tgl-btn:active {
    background: rgb(131, 131, 131);
}

.tgl-skewed + .tgl-btn:active::before {
    left: -10%;
}

.tgl-skewed:checked + .tgl-btn {
    background: rgb(115, 102, 255);
}

.tgl-skewed:checked + .tgl-btn::before {
    left: -100%;
}

.tgl-skewed:checked + .tgl-btn::after {
    left: 0px;
}

.tgl-skewed:checked + .tgl-btn:active::after {
    left: 10%;
}

.tgl-flip + .tgl-btn {
    padding: 2px;
    transition: 0.2s;
    perspective: 100px;
}

.tgl-flip + .tgl-btn::after, .tgl-flip + .tgl-btn::before {
    display: inline-block;
    transition: 0.4s;
    width: 100%;
    text-align: center;
    line-height: 2em;
    font-weight: 500;
    color: var(--white);
    position: absolute;
    top: 0px;
    left: 0px;
    backface-visibility: hidden;
    border-radius: 4px;
}

.tgl-flip + .tgl-btn::after {
    content: attr(data-tg-on);
    background: rgb(255, 184, 41);
    transform: rotateY(-180deg);
}

.tgl-flip + .tgl-btn::before {
    background: rgb(252, 86, 74);
    content: attr(data-tg-off);
}

.tgl-flip + .tgl-btn:active::before {
    transform: rotateY(-20deg);
}

.tgl-flip:checked + .tgl-btn::before {
    transform: rotateY(180deg);
}

.tgl-flip:checked + .tgl-btn::after {
    transform: rotateY(0deg);
    left: 0px;
    background: rgb(101, 193, 92);
}

.tgl-flip:checked + .tgl-btn:active::after {
    transform: rotateY(20deg);
}

.radius-none .form-check-input {
    border-radius: 3px;
}

.tg-list .tg-list-item .square-checked .switch-state::before {
    content: "";
    border-radius: 0px;
}

.switch-wrapper .d-flex {
    margin-right: 20px;
}

[dir="rtl"] .switch-wrapper .d-flex {
    margin-right: unset;
    margin-left: 20px;
}

.switch-wrapper .d-flex .col-form-label {
    padding-bottom: 0px;
}

.switch-wrapper .tg-list p {
    margin: 0px 8px 0px 0px;
}

.default-square .form-switch .form-check-input {
    background-image: url("../images/switch/square-gray.png");
}

.default-square .form-switch .form-check-input:checked {
    background-image: url("../images/switch/square.svg");
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--theme-default);
}

.main-vertical-tab .nav .nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
}

.nav i {
    margin-right: 10px;
}

.nav-right {
    justify-content: flex-end;
}

.nav-theme .nav-link, .nav-pills.nav-theme .nav-link {
    color: var(--theme-default);
}

.nav-theme .nav-link.active, .nav-theme .show > .nav-link, .nav-pills.nav-theme .nav-link.active, .nav-pills.nav-theme .show > .nav-link {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.nav-primary .nav-link, .nav-pills.nav-primary .nav-link {
    color: var(--theme-default);
}

.nav-primary .nav-link.active, .nav-primary .show > .nav-link, .nav-pills.nav-primary .nav-link.active, .nav-pills.nav-primary .show > .nav-link {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.nav-secondary .nav-link, .nav-pills.nav-secondary .nav-link {
    color: rgb(131, 131, 131);
}

.nav-secondary .nav-link.active, .nav-secondary .show > .nav-link, .nav-pills.nav-secondary .nav-link.active, .nav-pills.nav-secondary .show > .nav-link {
    background-color: rgb(131, 131, 131);
    color: rgb(255, 255, 255);
}

.nav-success .nav-link, .nav-pills.nav-success .nav-link {
    color: rgb(101, 193, 92);
}

.nav-success .nav-link.active, .nav-success .show > .nav-link, .nav-pills.nav-success .nav-link.active, .nav-pills.nav-success .show > .nav-link {
    background-color: rgb(101, 193, 92);
    color: rgb(255, 255, 255);
}

.nav-danger .nav-link, .nav-pills.nav-danger .nav-link {
    color: rgb(252, 86, 74);
}

.nav-danger .nav-link.active, .nav-danger .show > .nav-link, .nav-pills.nav-danger .nav-link.active, .nav-pills.nav-danger .show > .nav-link {
    background-color: rgb(252, 86, 74);
    color: rgb(255, 255, 255);
}

.nav-info .nav-link, .nav-pills.nav-info .nav-link {
    color: rgb(64, 184, 245);
}

.nav-info .nav-link.active, .nav-info .show > .nav-link, .nav-pills.nav-info .nav-link.active, .nav-pills.nav-info .show > .nav-link {
    background-color: rgb(64, 184, 245);
    color: rgb(255, 255, 255);
}

.nav-light .nav-link, .nav-pills.nav-light .nav-link {
    color: rgb(244, 244, 244);
}

.nav-light .nav-link.active, .nav-light .show > .nav-link, .nav-pills.nav-light .nav-link.active, .nav-pills.nav-light .show > .nav-link {
    background-color: rgb(244, 244, 244);
    color: rgb(255, 255, 255);
}

.nav-dark .nav-link, .nav-pills.nav-dark .nav-link {
    color: rgb(63, 71, 90);
}

.nav-dark .nav-link.active, .nav-dark .show > .nav-link, .nav-pills.nav-dark .nav-link.active, .nav-pills.nav-dark .show > .nav-link {
    background-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255);
}

.nav-warning .nav-link, .nav-pills.nav-warning .nav-link {
    color: rgb(255, 184, 41);
}

.nav-warning .nav-link.active, .nav-warning .show > .nav-link, .nav-pills.nav-warning .nav-link.active, .nav-pills.nav-warning .show > .nav-link {
    background-color: rgb(255, 184, 41);
    color: rgb(255, 255, 255);
}

.nav-tabs.nav-bottom .nav-item .nav-link.active, .nav-tabs.nav-bottom .nav-item .nav-link.focus, .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: rgb(255, 255, 255) rgb(222, 226, 230) rgb(222, 226, 230);
}

.tab-content ~ .nav-tabs.border-tab {
    margin-bottom: 0px;
    margin-top: 30px;
}

.border-tab.nav-tabs {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 30px;
}

.border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: rgb(63, 71, 90);
    text-align: center;
    padding: 10px 25px;
    border: none;
    transition: 0.3s;
}

@media (min-width: 576px) and (max-width: 1920px) {
    .border-tab.nav-tabs .nav-item .nav-link {
        padding-top: 0px;
    }
}

.border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
    color: var(--theme-default);
}

.border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
    border-bottom: none;
}

.border-tab.nav-left .nav-link {
    transition: 0.3s;
    color: rgb(63, 71, 90);
}

.border-tab.nav-left .nav-link.active, .border-tab.nav-left .show > .nav-link {
    background-color: transparent;
    border-left-color: var(--theme-default);
    color: var(--theme-default);
    border-radius: 0px;
    transition: 0.3s;
}

.border-tab.nav-right .nav-link {
    border-right: 2px solid transparent;
    transition: 0.3s;
    color: rgb(63, 71, 90);
    text-align: right;
}

.border-tab.nav-right .nav-link.active, .border-tab.nav-right .show > .nav-link {
    background-color: transparent;
    border-right-color: var(--theme-default);
    color: var(--theme-default);
    border-radius: 0px;
    transition: 0.3s;
}

.border-tab.nav-theme .nav-link.active, .border-tab.nav-theme .nav-item.show, .border-tab.nav-theme .nav-link:focus, .border-tab.nav-theme .nav-link:hover {
    color: var(--theme-default);
    background-color: transparent;
}

.border-tab.nav-theme .nav-item .nav-link {
    transition: 0.3s;
}

.border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-default);
}

.border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-default);
}

.border-tab.nav-left.nav-theme .nav-link.active, .border-tab.nav-left.nav-theme .show > .nav-link {
    border-left-color: var(--theme-default);
    color: var(--theme-default);
}

.border-tab.nav-right.nav-theme .nav-link.active, .border-tab.nav-right.nav-theme .show > .nav-link {
    border-right-color: var(--theme-default);
    color: var(--theme-default);
}

.border-tab.nav-primary .nav-link.active, .border-tab.nav-primary .nav-item.show, .border-tab.nav-primary .nav-link:focus, .border-tab.nav-primary .nav-link:hover {
    color: var(--theme-default);
    background-color: transparent;
}

.border-tab.nav-primary .nav-item .nav-link {
    transition: 0.3s;
}

.border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-default);
}

.border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-default);
}

.border-tab.nav-left.nav-primary .nav-link.active, .border-tab.nav-left.nav-primary .show > .nav-link {
    border-left-color: var(--theme-default);
    color: var(--theme-default);
}

.border-tab.nav-right.nav-primary .nav-link.active, .border-tab.nav-right.nav-primary .show > .nav-link {
    border-right-color: var(--theme-default);
    color: var(--theme-default);
}

.border-tab.nav-secondary .nav-link.active, .border-tab.nav-secondary .nav-item.show, .border-tab.nav-secondary .nav-link:focus, .border-tab.nav-secondary .nav-link:hover {
    color: rgb(131, 131, 131);
    background-color: transparent;
}

.border-tab.nav-secondary .nav-item .nav-link {
    transition: 0.3s;
}

.border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid rgb(131, 131, 131);
}

.border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
    color: rgb(131, 131, 131);
}

.border-tab.nav-left.nav-secondary .nav-link.active, .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: rgb(131, 131, 131);
    color: rgb(131, 131, 131);
}

.border-tab.nav-right.nav-secondary .nav-link.active, .border-tab.nav-right.nav-secondary .show > .nav-link {
    border-right-color: rgb(131, 131, 131);
    color: rgb(131, 131, 131);
}

.border-tab.nav-success .nav-link.active, .border-tab.nav-success .nav-item.show, .border-tab.nav-success .nav-link:focus, .border-tab.nav-success .nav-link:hover {
    color: rgb(101, 193, 92);
    background-color: transparent;
}

.border-tab.nav-success .nav-item .nav-link {
    transition: 0.3s;
}

.border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid rgb(101, 193, 92);
}

.border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
    color: rgb(101, 193, 92);
}

.border-tab.nav-left.nav-success .nav-link.active, .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: rgb(101, 193, 92);
    color: rgb(101, 193, 92);
}

.border-tab.nav-right.nav-success .nav-link.active, .border-tab.nav-right.nav-success .show > .nav-link {
    border-right-color: rgb(101, 193, 92);
    color: rgb(101, 193, 92);
}

.border-tab.nav-danger .nav-link.active, .border-tab.nav-danger .nav-item.show, .border-tab.nav-danger .nav-link:focus, .border-tab.nav-danger .nav-link:hover {
    color: rgb(252, 86, 74);
    background-color: transparent;
}

.border-tab.nav-danger .nav-item .nav-link {
    transition: 0.3s;
}

.border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid rgb(252, 86, 74);
}

.border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
    color: rgb(252, 86, 74);
}

.border-tab.nav-left.nav-danger .nav-link.active, .border-tab.nav-left.nav-danger .show > .nav-link {
    border-left-color: rgb(252, 86, 74);
    color: rgb(252, 86, 74);
}

.border-tab.nav-right.nav-danger .nav-link.active, .border-tab.nav-right.nav-danger .show > .nav-link {
    border-right-color: rgb(252, 86, 74);
    color: rgb(252, 86, 74);
}

.border-tab.nav-info .nav-link.active, .border-tab.nav-info .nav-item.show, .border-tab.nav-info .nav-link:focus, .border-tab.nav-info .nav-link:hover {
    color: rgb(64, 184, 245);
    background-color: transparent;
}

.border-tab.nav-info .nav-item .nav-link {
    transition: 0.3s;
}

.border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid rgb(64, 184, 245);
}

.border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
    color: rgb(64, 184, 245);
}

.border-tab.nav-left.nav-info .nav-link.active, .border-tab.nav-left.nav-info .show > .nav-link {
    border-left-color: rgb(64, 184, 245);
    color: rgb(64, 184, 245);
}

.border-tab.nav-right.nav-info .nav-link.active, .border-tab.nav-right.nav-info .show > .nav-link {
    border-right-color: rgb(64, 184, 245);
    color: rgb(64, 184, 245);
}

.border-tab.nav-light .nav-link.active, .border-tab.nav-light .nav-item.show, .border-tab.nav-light .nav-link:focus, .border-tab.nav-light .nav-link:hover {
    color: rgb(244, 244, 244);
    background-color: transparent;
}

.border-tab.nav-light .nav-item .nav-link {
    transition: 0.3s;
}

.border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid rgb(244, 244, 244);
}

.border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
    color: rgb(244, 244, 244);
}

.border-tab.nav-left.nav-light .nav-link.active, .border-tab.nav-left.nav-light .show > .nav-link {
    border-left-color: rgb(244, 244, 244);
    color: rgb(244, 244, 244);
}

.border-tab.nav-right.nav-light .nav-link.active, .border-tab.nav-right.nav-light .show > .nav-link {
    border-right-color: rgb(244, 244, 244);
    color: rgb(244, 244, 244);
}

.border-tab.nav-dark .nav-link.active, .border-tab.nav-dark .nav-item.show, .border-tab.nav-dark .nav-link:focus, .border-tab.nav-dark .nav-link:hover {
    color: rgb(63, 71, 90);
    background-color: transparent;
}

.border-tab.nav-dark .nav-item .nav-link {
    transition: 0.3s;
}

.border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid rgb(63, 71, 90);
}

.border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
    color: rgb(63, 71, 90);
}

.border-tab.nav-left.nav-dark .nav-link.active, .border-tab.nav-left.nav-dark .show > .nav-link {
    border-left-color: rgb(63, 71, 90);
    color: rgb(63, 71, 90);
}

.border-tab.nav-right.nav-dark .nav-link.active, .border-tab.nav-right.nav-dark .show > .nav-link {
    border-right-color: rgb(63, 71, 90);
    color: rgb(63, 71, 90);
}

.border-tab.nav-warning .nav-link.active, .border-tab.nav-warning .nav-item.show, .border-tab.nav-warning .nav-link:focus, .border-tab.nav-warning .nav-link:hover {
    color: rgb(255, 184, 41);
    background-color: transparent;
}

.border-tab.nav-warning .nav-item .nav-link {
    transition: 0.3s;
}

.border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid rgb(255, 184, 41);
}

.border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
    color: rgb(255, 184, 41);
}

.border-tab.nav-left.nav-warning .nav-link.active, .border-tab.nav-left.nav-warning .show > .nav-link {
    border-left-color: rgb(255, 184, 41);
    color: rgb(255, 184, 41);
}

.border-tab.nav-right.nav-warning .nav-link.active, .border-tab.nav-right.nav-warning .show > .nav-link {
    border-right-color: rgb(255, 184, 41);
    color: rgb(255, 184, 41);
}

.flex-space {
    display: flex;
    gap: 16px;
}

@media (max-width: 576px) {
    .flex-space {
        justify-content: center;
    }
}

.tab-img {
    height: 100px;
}

.nav-item .navlink-title {
    background-color: unset;
    padding: 8px;
    border-radius: 4px 4px 0px 0px;
}

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
    background-color: rgb(204, 204, 204) !important;
}

.blog-wrapper .blog-img {
    height: 100px;
}

@media (max-width: 500px) {
    .blog-wrapper .blog-img {
        height: 75px;
    }
}

.designer-details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 1540px) {
    .designer-details {
        gap: 14px;
    }
}

.designer-details .designer-profile {
    display: inline-block;
}

.designer-details .designer-profile .designer-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.designer-details .designer-profile .designer-wrap .designer-img {
    height: calc(35.6px + 0.75vw);
    border-radius: 100%;
}

.designer-details .designer-profile .designer-wrap .designer-content h6 {
    font-weight: 500;
}

.designer-details .designer-profile .designer-wrap .designer-content p {
    color: rgb(153, 153, 153);
}

.nav-tabs .nav-border {
    color: rgb(0, 0, 0);
    border: none;
}

.ico-color {
    color: rgb(255, 184, 41);
    font-size: 16px;
}

.main-inbox .header-inbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(153, 153, 153);
    padding-bottom: 8px;
}

.main-inbox .header-inbox .header-left-inbox {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.main-inbox .header-inbox .header-left-inbox .inbox-img img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.main-inbox .header-inbox .header-right-inbox {
    display: flex;
    gap: 12px;
}

@media (max-width: 560px) {
    .main-inbox .header-inbox .header-right-inbox {
        display: none;
    }
}

.main-inbox .body-inbox .body-h-wrapper {
    display: flex;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--light-border);
    align-items: center;
}

@media (max-width: 630px) {
    .main-inbox .body-inbox .body-h-wrapper {
        align-items: unset;
    }
}

.tab-space {
    font-size: 14px;
}

#bottom-tab .nav-border.tab-primary:hover {
    color: rgb(115, 102, 255);
}

#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
    color: rgb(115, 102, 255);
    border-bottom: 2px solid rgb(115, 102, 255);
}

#bottom-tab .nav-border.tab-secondary:hover {
    color: rgb(131, 131, 131);
}

#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
    color: rgb(131, 131, 131);
    border-bottom: 2px solid rgb(131, 131, 131);
}

#bottom-tab .nav-border.tab-success:hover {
    color: rgb(101, 193, 92);
}

#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
    color: rgb(101, 193, 92);
    border-bottom: 2px solid rgb(101, 193, 92);
}

#bottom-tab .nav-border.tab-danger:hover {
    color: rgb(252, 86, 74);
}

#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
    color: rgb(252, 86, 74);
    border-bottom: 2px solid rgb(252, 86, 74);
}

#bottom-tab .nav-border.tab-warning:hover {
    color: rgb(255, 184, 41);
}

#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
    color: rgb(255, 184, 41);
    border-bottom: 2px solid rgb(255, 184, 41);
}

#bottom-tab .nav-border.tab-info:hover {
    color: rgb(64, 184, 245);
}

#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
    color: rgb(64, 184, 245);
    border-bottom: 2px solid rgb(64, 184, 245);
}

#bottom-tab .nav-border.tab-light:hover {
    color: rgb(244, 244, 244);
}

#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
    color: rgb(244, 244, 244);
    border-bottom: 2px solid rgb(244, 244, 244);
}

#bottom-tab .nav-border.tab-dark:hover {
    color: rgb(63, 71, 90);
}

#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
    color: rgb(63, 71, 90);
    border-bottom: 2px solid rgb(63, 71, 90);
}

#sideline-tab .nav-effect {
    display: inline-block;
    position: relative;
}

#sideline-tab .nav-effect::after {
    content: "";
    position: absolute;
    left: 0px;
    display: inline-block;
    height: 14px;
    width: 80%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0, 1);
}

#sideline-tab .nav-effect:hover::after {
    opacity: 1;
    transform: scale(1);
}

@media (max-width: 576px) {
    #sideline-tab .nav-effect {
        text-align: center;
    }

    #sideline-tab .nav-effect::after {
        width: 100%;
    }
}

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
    background-color: unset;
    border-left: none;
    border-radius: 0px;
    transition: none;
}

@media (max-width: 576px) {
    .pills-blogger {
        justify-content: center;
        flex-wrap: wrap;
    }
}

::placeholder {
    font-size: 14px;
}

.material-wrapper {
    display: flex;
    gap: 12px;
}

@media (max-width: 576px) {
    .material-wrapper {
        flex-direction: column;
        align-items: center;
    }
}

.bg-navbar .nav {
    justify-content: flex-end;
    background-color: rgb(244, 244, 244);
    border-radius: 8px;
}

.bg-navbar .nav .nav-item .nav-link {
    color: rgb(137, 137, 137);
}

.bg-navbar .nav .nav-item .nav-link.active {
    background-color: rgb(115, 102, 255);
    color: rgb(255, 255, 255);
}

.bg-navbar .skill-tab .form-control {
    width: 45%;
}

.bg-navbar .skill-tab ul {
    list-style-type: circle;
    margin-left: 16px;
}

[dir="rtl"] .bg-navbar .skill-tab ul {
    margin-left: unset;
    margin-right: 16px;
}

.bg-navbar .skill-tab ul li {
    padding-bottom: 4px;
}

.bg-navbar .skill-tab ul li:last-child {
    padding-bottom: unset;
}

.bg-navbar img {
    height: calc(143px + 5.3125vw);
}

@media (max-width: 500px) and (min-width: 356px) {
    .bg-navbar img {
        height: 118px;
    }
}

@media (max-width: 355px) {
    .bg-navbar img {
        height: 80px;
    }
}

@media (max-width: 1694px) {
    .arrow-tabs.bg-navbar .tab-content .common-box p {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.arrow-tabs.bg-navbar .nav {
    justify-content: flex-start;
    border-radius: 0px;
}

.arrow-tabs.bg-navbar .nav .nav-item {
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}

[dir="rtl"] .arrow-tabs.bg-navbar .nav .nav-item {
    clip-path: polygon(15% 0%, 0% 50%, 15% 100%, 100% 100%, 100% 0%);
}

.arrow-tabs.bg-navbar .nav .nav-item .nav-link.active {
    border-radius: 0px;
    background-color: var(--theme-default);
}

.arrow-tabs.bg-navbar .common-box {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 18px;
}

.arrow-tabs.bg-navbar .common-box:first-child p {
    margin-bottom: 14px;
}

.arrow-tabs i {
    font-size: calc(12.4px + 0.1875vw);
    color: rgb(82, 82, 108);
}

[dir="rtl"] .arrow-tabs i {
    transform: scaleX(-1);
}

.bottom-navbar .nav.nav-pills {
    justify-content: center;
}

.bottom-navbar .nav.nav-pills .nav-item {
    flex: 1 1 0px;
}

.bottom-navbar .nav.nav-pills .nav-item .nav-link {
    text-align: center;
}

.bottom-navbar .nav.nav-pills .nav-item .nav-link img {
    height: 20px;
    margin-right: 8px;
    filter: grayscale(1);
    transition: 0.3s;
}

[dir="rtl"] .bottom-navbar .nav.nav-pills .nav-item .nav-link img {
    margin-right: unset;
    margin-left: 8px;
}

.bottom-navbar .nav.nav-pills .nav-item .nav-link.active img {
    filter: grayscale(0);
    transition: 0.3s;
    transform: scale(1.2);
}

.bottom-navbar .tab-content .common-flex {
    margin-bottom: 18px;
}

.bottom-navbar .tab-content .common-flex img {
    height: 20px;
}

.bottom-navbar .tab-content .tab-paragraph {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 14px;
}

.bottom-navbar .tab-content .tab-paragraph i {
    font-size: calc(12.4px + 0.1875vw);
    color: rgb(82, 82, 108);
}

[dir="rtl"] .bottom-navbar .tab-content .tab-paragraph i {
    transform: scaleX(-1);
}

.horizontal-icons-tab .nav-tabs {
    margin: 0px;
    background-image: linear-gradient(135deg, var(--light-bg) 0%, var(--light-bg) 100%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 2px 2px 0px 0px;
    flex-wrap: wrap;
}

@media (max-width: 764px) {
    .horizontal-icons-tab .nav-tabs {
        row-gap: 8px;
    }
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link {
    background: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.2) 100%) transparent;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: 0.3s;
    border-radius: 0px;
    padding-top: 10px;
}

@media (max-width: 1529px) and (min-width: 1400px) {
    .horizontal-icons-tab .nav-tabs .nav-item .nav-link {
        padding-inline: 12px;
    }
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link i {
    color: var(--body-font-color);
    opacity: 0.8;
    z-index: 2;
}

[dir="rtl"] .horizontal-icons-tab .nav-tabs .nav-item .nav-link i {
    margin-right: unset;
    margin-left: 10px;
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link::before {
    background-image: linear-gradient(135deg, var(--theme-default) 0%, #40b8f5 100%);
    content: "";
    width: 100%;
    height: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.3s ease-in-out;
    z-index: 2;
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link:hover, .horizontal-icons-tab .nav-tabs .nav-item .nav-link::before {
    height: 100%;
    z-index: 2;
    bottom: 0px;
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link.active {
    background-color: var(--white);
    z-index: 0;
    border-right: 0px;
    border-left: 0px;
    bottom: 0px;
    overflow: hidden;
    color: rgb(115, 102, 255);
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link.active:hover span {
    opacity: 1;
    background-color: rgb(255, 255, 255);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link::before {
    content: "";
    width: 100%;
    height: 2px;
    top: 0px;
    left: 0px;
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link span {
    opacity: 0.6;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: 0.5s;
    padding: 0px;
    margin: 0px;
    color: var(--body-font-color);
    backface-visibility: hidden;
    font-weight: 400;
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link span::before {
    content: attr(data-title);
    position: absolute;
    width: auto;
    height: auto;
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.1;
    font-size: 40px;
    transition: 1s ease-out;
    z-index: -1;
    font-weight: 600;
    top: 110%;
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link:hover span {
    color: rgb(255, 255, 255);
    opacity: 1;
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link:hover::before {
    height: 100%;
    z-index: 2;
    bottom: 0px;
}

.horizontal-icons-tab .nav-tabs .nav-item .nav-link:hover i {
    color: rgb(255, 255, 255);
}

.bottom-border-tab .nav .nav-item .nav-link {
    border-bottom: 2px solid transparent;
}

thead, tbody, tfoot, tr, td, th {
    border-color: var(--chart-progress-light);
}

.table tbody tr:last-child td, .table tbody tr:last-child th, .table tfoot tr:last-child td, .table tfoot tr:last-child th {
    border-bottom: none;
}

.pills-component {
    width: 20%;
}

#row_create td.highlight {
    font-weight: 500;
    color: rgb(115, 102, 255);
}

#row_create td.danger {
    font-weight: 500;
    color: rgb(252, 86, 74);
}

.table {
    margin-bottom: 0px;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: rgb(233, 237, 241);
}

.table th, .table td {
    padding: 0.75rem;
}

.table.table-primary th {
    color: rgb(255, 255, 255);
}

.table thead.bg-primary tr th {
    color: rgb(255, 255, 255);
}

.table th {
    color: rgb(64, 64, 64);
    font-weight: 500;
}

.table th.c-light {
    color: rgb(82, 82, 108);
}

.table td {
    color: rgb(64, 64, 64);
}

.table [class*="bg-"] {
    color: rgb(255, 255, 255);
}

.table .bg-light {
    color: rgb(64, 64, 64);
}

.table tfoot {
    font-weight: bold;
}

.table-dark th {
    color: rgb(255, 255, 255);
}

.table-inverse {
    color: rgb(255, 255, 255);
    background-color: rgb(41, 43, 44);
}

.table-inverse th, .table-inverse td {
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.table-inverse.table-bordered {
    border: 0px;
}

.table[class*="bg-"] th, .table[class*="bg-"] td {
    color: rgb(255, 255, 255);
}

.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #f6f6f6;
}

.table-hover tbody tr {
    vertical-align: middle;
}

.table-hover tbody tr:hover {
    background-color: rgba(115, 102, 255, 0.1);
}

.table-hover tbody tr td svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px;
}

[dir="rtl"] .table-hover tbody tr td svg {
    margin-right: unset;
    margin-left: 10px;
}

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

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

.table-double {
    border-left: 4px double rgb(222, 226, 230);
    border-right: 4px double rgb(222, 226, 230);
}

.table-double thead, .table-double tbody, .table-double tfoot, .table-double tr, .table-double td, .table-double th {
    border-top-style: double;
    border-bottom-style: double;
    border-width: 4px 0px;
    border-right-style: initial;
    border-right-color: initial;
    border-left-style: initial;
    border-left-color: initial;
}

.table-dotted {
    border-left: 2px dotted rgb(222, 226, 230);
    border-right: 2px dotted rgb(222, 226, 230);
}

.table-dotted thead, .table-dotted tbody, .table-dotted tfoot, .table-dotted tr, .table-dotted td, .table-dotted th {
    border-width: 2px 0px;
    border-right-color: initial;
    border-left-color: initial;
    border-style: dotted !important;
}

.table-dashed {
    border-left: 2px dashed rgb(222, 226, 230);
    border-right: 2px dashed rgb(222, 226, 230);
}

.table-dashed thead, .table-dashed tbody, .table-dashed tfoot, .table-dashed tr, .table-dashed td, .table-dashed th {
    border-width: 2px 0px;
    border-right-color: initial;
    border-left-color: initial;
    border-style: dashed !important;
}

.table-dashed tbody tr:last-child th, .table-dashed tbody tr:last-child td {
    border-color: var(--chart-progress-light);
}

.table-xl td, .table-xl th {
    padding: 1.25rem 2rem;
    font-size: 120%;
}

.table-lg td, .table-lg th {
    padding: 0.9rem 2rem;
    font-size: 110%;
}

.table-de td, .table-de th {
    padding: 0.75rem 2rem;
}

.table-sm th, .table-sm td {
    padding: 0.5rem 2rem;
    font-size: 90%;
}

.table-xs th, .table-xs td {
    padding: 0.2rem 2rem;
    font-size: 80%;
}

.table-border-horizontal tr, .table-border-horizontal th, .table-border-horizontal td {
    border-top: 1px solid rgb(242, 244, 255);
    padding: 0.75rem 2rem;
}

.table-border-vertical tr, .table-border-vertical th, .table-border-vertical td {
    border-top: 0px;
    border-right: 1px solid rgb(242, 244, 255);
}

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

.table-border-vertical tr td:last-child {
    border-right: none;
}

.table-border-vertical tbody tr th {
    border-bottom: 0px;
}

.table-bordernone td {
    border: none !important;
}

.table-bordernone thead th {
    border: none !important;
}

.table-bordernone .u-s-tb {
    padding: 11px;
}

.table-striped thead tr th {
    border-bottom: unset;
}

.table-striped tbody tr:nth-of-type(2n+1) > * {
    background-color: var(--light-background) !important;
    --bs-table-accent-bg: unset;
}

.table-bordered thead, .table-bordered tbody, .table-bordered tfoot, .table-bordered tr, .table-bordered td, .table-bordered th {
    border-color: var(--bs-border-color);
}

.common-striped .table.table-striped[class*="bg-"] {
    --bs-table-bg: auto;
}

.table-components .table-bordered .dropdown-menu.show {
    background-color: var(--white);
}

.table-components .table-bordered .dropdown-toggle::after {
    vertical-align: 2px;
}

@media (max-width: 767px) {
    .table-components .table tbody tr td:first-child {
        min-width: 180px;
    }
}

.basic_table .table.table-striped.table-hover tr:hover {
    background-color: rgba(131, 131, 131, 0.2);
}

.border-bottom-table tbody tr:last-child th, .border-bottom-table tbody tr:last-child td {
    border-bottom: unset !important;
}

.emphasis-table {
    --bs-emphasis-color-rgb: 242, 243, 247;
}

.emphasis-table .table-striped-columns > :not(caption) > tr > :nth-child(2n) {
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 1);
}

.emphasis-table .table-active {
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 1);
}

.toast-container {
    position: unset;
    z-index: 2;
}

.toast-container .toast-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.toast-container .toast-body {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.toast .btn-close {
    box-shadow: unset;
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
    border-radius: 0.25rem;
}

.live-toast .toast {
    background-color: rgba(255, 255, 255, 0.98);
}

.toast-index {
    z-index: 12;
}

.toast-index.toast:not(.showing):not(.show) {
    opacity: 0;
}

.toast-index.toast-fade {
    transition: opacity 0.15s linear;
}

.toast-index.show {
    display: block;
}

.toast-img img {
    width: 30px;
    height: 30px;
}

.bd-example-toasts {
    min-height: 400px;
}

.toast:not(.showing):not(.show) {
    opacity: 0;
}

.toast-content {
    display: -webkit-box;
    max-width: 100%;
    height: 65px;
    margin: 0px auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toast-rtl.toast-dark form .form-select {
    font-size: 14px;
}

[dir="rtl"] .toast-rtl .toast .toast-header strong {
    margin-right: unset !important;
    margin-left: auto !important;
}

[dir="rtl"] .toast-rtl .toast .btn-close {
    margin-right: 6px;
    margin-left: unset;
}

@media (max-width: 1920px) {
    .toast-dark .btn {
        padding: calc(6px + 0vw) calc(-0.8px + 1.5vw);
    }
}

.toast-icons {
    margin-right: 6px;
    width: 20px;
    height: 20px;
}

[dir="rtl"] .toast-icons {
    margin-right: unset;
    margin-left: 6px;
}

.common-toasts {
    position: relative;
}

.common-toasts .toast {
    border: 0px;
}

.common-toasts .toast div[class*="alert-light-"] {
    padding: 12px;
    gap: 10px;
}

.common-toasts .toast-body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0px;
}

.animated-toast-box {
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 16px;
}

.animated-toast-box .toast-body {
    background-color: var(--light-background);
}

.bootstrap-touchspin input.touchspin {
    padding: 0px 12px;
}

.bootstrap-touchspin .input-group .btn {
    padding: 0.5rem 1.75rem;
}

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px;
}

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: normal;
}

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative;
}

.bootstrap-touchspin .input-group {
    font-family: Rubik, sans-serif;
}

.bootstrap-touchspin .input-group .btn {
    border-radius: 0px !important;
}

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
    padding: 9px 30px;
}

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
    z-index: 9999;
}

.touchspin-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.touchspin-wrapper .btn-touchspin {
    border-radius: 5px;
    width: 32px;
    height: 32px;
}

.touchspin-wrapper .btn-touchspin i {
    vertical-align: middle;
}

.touchspin-wrapper input[type="number"] {
    width: 85px;
    height: 30px;
    padding: 3px;
    text-align: center;
}

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
    background-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255);
}

.pre-post-touchspin .decrement-touchspin, .pre-post-touchspin .increment-touchspin, .pre-post-touchspin .input-group-text {
    padding: 7px 14px;
    border: 0px;
}

.pre-post-touchspin .decrement-touchspin i, .pre-post-touchspin .increment-touchspin i, .pre-post-touchspin .input-group-text i {
    vertical-align: middle;
}

.pre-post-touchspin .input-group-text {
    background-color: var(--light-bg);
}

.pre-post-touchspin .input-touchspin {
    border-top-color: ;
    border-top-style: ;
    border-right-color: ;
    border-right-style: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-left-color: ;
    border-left-style: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-width: 2px;
    text-align: center;
}

.pre-post-touchspin .input-group {
    width: auto;
}

@media (max-width: 768px) {
    .pre-post-touchspin .input-group .input-touchspin {
        width: 100px;
    }
}

.pre-post-touchspin.bg-touchspin button[type="button"] {
    border-top-color: ;
    border-top-style: ;
    border-right-color: ;
    border-right-style: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-left-color: ;
    border-left-style: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-width: 2px;
    text-align: center;
}

.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.rounded-touchspin .btn-touchspin {
    border-radius: 50%;
}

.rounded-touchspin .touchspin-wrapper input[type="number"].input-touchspin {
    border-radius: 15px;
}

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

input[type="number"] {
}

.introjs-helperLayer {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 15px;
}

.introjs-tooltipReferenceLayer {
    background-color: transparent;
}

.introjs-helperNumberLayer {
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
    background: linear-gradient(to bottom, var(--theme-default) 0%, var(--theme-default) 100%);
    border: 3px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px;
}

.introjs-arrow {
    border: 12px solid rgb(255, 255, 255);
}

.introjs-arrow.top {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-default);
    border-left-color: transparent;
}

.introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-default);
    border-left-color: transparent;
}

.introjs-arrow.top-middle {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-default);
    border-left-color: transparent;
}

.introjs-arrow.right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-default);
}

.introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-default);
}

.introjs-arrow.bottom {
    border-top-color: var(--theme-default);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-arrow.left {
    border-top-color: transparent;
    border-right-color: var(--theme-default);
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-default);
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-tooltip {
    background-color: var(--theme-default);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 10px;
    color: rgb(255, 255, 255);
    border-color: var(--theme-default);
    min-width: calc(268px + 2.1875vw);
    max-width: 400px;
    min-height: 90px;
}

.introjs-button {
    border: 1px solid rgb(239, 239, 239);
    text-shadow: rgb(255, 255, 255) 1px 1px 0px;
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    font-size: 13px;
    color: rgb(64, 64, 64) !important;
}

.introjs-button:hover {
    border-color: rgb(239, 239, 239);
}

.introjs-button:focus, .introjs-button:active {
    background-image: linear-gradient(rgb(233, 237, 241), rgb(239, 239, 239));
}

.introjs-skipbutton {
    color: var(--theme-default);
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid rgb(239, 239, 239);
}

.introjs-disabled {
    color: var(--theme-default);
    border-color: rgb(239, 239, 239);
}

.introjs-disabled:hover, .introjs-disabled:focus {
    color: var(--theme-default);
    border-color: rgb(239, 239, 239);
}

.introjs-bullets ul li a {
    background: rgb(233, 237, 241);
}

.introjs-bullets ul li a:hover {
    background: rgb(255, 255, 255);
}

.introjs-bullets ul li a.active {
    background: rgb(255, 255, 255);
}

.introjs-progress {
    background-color: rgb(244, 244, 244);
}

.introjs-progressbar {
    background-color: var(--theme-default);
}

.introjs-hint:hover > .introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.27);
    background-color: rgba(136, 136, 136, 0.24);
}

.introjs-hint-dot {
    border: 10px solid rgba(146, 146, 146, 0.36);
}

.introjs-tooltip-header {
    display: none;
}

.introjs-tooltiptext {
    font-size: 16px;
}

.introjs-arrow.bottom-middle {
    display: none;
}

[class*="introjs-"] {
    font-family: Rubik;
}

.flex-grow-1 .tour-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.flex-grow-1 .tour-wrapper .tour-dot {
    font-size: 5px;
}

.tour-blog {
    height: 350px;
}

@media (max-width: 992px) {
    .tour-blog {
        height: calc(128.571px + 22.3214vw);
    }
}

.tour-blog img {
    height: 100%;
    object-fit: cover;
}

.info h6 {
    font-size: calc(13.6px + 0.125vw);
}

.info span {
    font-size: calc(12.8px + 0.0625vw);
}

.tour-email {
    display: flex;
    flex-direction: column;
}

@media (max-width: 576px) {
    .tour-email {
        align-items: center;
    }
}

.tour-email span {
    color: rgb(82, 82, 108);
}

.block-ellipsis {
    display: -webkit-box;
    max-width: 100%;
    margin: 0px auto;
    font-size: 14px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px !important;
}

.profile-img-style h5 {
    line-height: 25px;
}

.list-inline .list-inline-item.b-r-gray {
    border-right: 1px solid rgb(204, 204, 204);
}

.social-tour {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 26px;
}

.social-tour .list-inline {
    display: flex;
    justify-content: center;
    gap: calc(9.2px + 0.875vw);
}

.social-tour .list-inline .list-inline-item {
    margin-right: 0px;
}

.social-tour .list-inline .list-inline-item a {
    padding: 0px;
}

.social-tour .list-inline .list-inline-item a i {
    font-size: 18px;
}

@media (max-width: 599px) {
    .social-tour .list-inline {
        display: none;
    }
}

.social-tour .float-sm-end {
    min-width: 81px;
}

.tour-mb-space {
    margin-bottom: calc(0.8px + 0.375vw);
}

.like-comment .list-inline {
    justify-content: flex-start;
}

@media (max-width: 324px) {
    .like-comment .list-inline {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 8px;
    }
}

[dir="rtl"] .like-comment .list-inline .list-inline-item {
    border-right: 0px;
    border-left: 1px solid rgb(204, 204, 204);
}

[dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
    border-right: 0px;
    border-left: unset;
}

.sortable-handler ul li i {
    cursor: pointer;
}

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

@media (max-width: 1500px) {
    .grid-box-wrapper {
        justify-content: flex-start;
    }
}

@media (max-width: 992px) {
    .grid-box-wrapper {
        justify-content: center;
    }
}

.grid-box {
    padding: 8px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    display: grid;
    place-items: center;
}

.draggable-filter ul li img {
    width: 37px;
    height: 37px;
}

.stackable-list .list-group {
    padding: 11px 16px;
}

.stackable-list .list-group .list-group-item {
    padding: 11px 16px;
}

@media (max-width: 575px) {
    .stackable-list .list-group .list-group-item {
        padding: 11px 8px;
    }
}

.stackable-list .list-group .list-group-item i {
    color: rgb(255, 184, 41);
}

.nested-1 {
    background-color: rgba(115, 102, 255, 0.03);
}

.nested-2 {
    background-color: rgba(115, 102, 255, 0.05);
}

.nested-3 {
    background-color: rgba(115, 102, 255, 0.07);
}

.nested-4 {
    background-color: rgba(115, 102, 255, 0.09);
}

.swap-wrapper .list-group {
    padding: 11px 16px;
}

@media (max-width: 575px) {
    .swap-wrapper .list-group .list-group-item {
        padding: 11px 4px;
    }
}

.swap-wrapper .list-group img {
    height: 16px;
    width: auto;
}

.Typeahead {
    width: 100%;
}

.Typeahead * {
    box-sizing: border-box;
}

.Typeahead ::before {
    box-sizing: border-box;
}

.Typeahead ::after {
    box-sizing: border-box;
}

.Typeahead .tt-hint {
    display: none !important;
}

.u-cf::before {
    content: " ";
    display: table;
}

.u-cf::after {
    content: " ";
    display: table;
    clear: both;
}

.u-hidden {
    display: none !important;
}

.u-posRelative {
    position: relative;
}

.Typeahead-spinner {
    position: absolute;
    top: 14px;
    right: 18px;
    display: none;
    color: rgb(197, 197, 197);
}

.ProfileCard-avatar svg {
    height: 18px;
    vertical-align: bottom;
}

.ProfileCard-avatar svg path {
    color: rgb(126, 124, 124) !important;
}

.ProfileCard-avatar svg polygon {
    color: rgb(126, 124, 124) !important;
}

.Typeahead-hint {
    width: 100%;
    padding: 5px 8px;
    font-size: 24px;
    line-height: 30px;
    border: 1px solid rgb(2, 78, 106);
    border-radius: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: rgb(204, 214, 221);
    opacity: 1;
}

.Typeahead-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    padding: 15px;
    z-index: 100;
    display: none;
    width: 100%;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
}

.Typeahead-menu.is-open {
    display: block;
}

.Typeahead-selectable {
    cursor: pointer;
}

.Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid rgb(204, 214, 221);
}

.ProfileCard {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid rgb(204, 204, 204) !important;
}

.ProfileCard:hover {
    color: rgb(65, 67, 69);
    background: rgb(248, 248, 248);
}

.ProfileCard:hover .ProfileCard-avatar {
    border-color: rgb(245, 248, 250);
}

.ProfileCard:hover .ProfileCard-screenName {
    color: rgb(255, 255, 255);
}

.ProfileCard:hover .ProfileCard-stat-label {
    color: rgb(255, 255, 255);
}

.ProfileCard-avatar {
    position: absolute;
    border-radius: 5px;
}

.ProfileCard-details {
    padding-left: 35px;
    float: left;
}

.ProfileCard-realName {
    display: inline-block;
    color: rgb(137, 137, 137);
}

.ProfileCard-screenName {
    display: inline-block;
    color: rgb(137, 137, 137);
}

.ProfileCard-description {
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
}

.ProfileCard-stats {
    float: right;
    text-align: right;
}

.ProfileCard-stat {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px;
}

.ProfileCard-stat-label {
    color: rgb(137, 137, 137);
    font-weight: 500;
}

.ProfileCard.is-active {
    color: rgb(255, 255, 255);
    background: var(--theme-default);
}

.ProfileCard.is-active .ProfileCard-screenName {
    color: rgb(255, 255, 255);
}

.ProfileCard.is-active .ProfileCard-stat-label {
    color: rgb(255, 255, 255);
}

.EmptyMessage {
    position: relative;
    padding: 10px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

.Typeahead-spinner {
    width: 1rem;
    height: 1rem;
}

.sey-container {
    display: none;
    position: absolute;
    box-shadow: 1px 2px 6px;
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    transition: left 0.1s ease-in-out;
    z-index: 1;
}

.sey-list {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.sey-show {
    display: block;
}

.sey-hide {
    display: none;
}

.sey-empty {
    cursor: default;
    padding: 7px;
}

.sey-item {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px;
}

.sey-item:hover {
    background-color: rgb(68, 68, 68);
    color: rgb(255, 255, 255);
}

.sey-selected {
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
}

.sey-char-highlight {
    font-weight: bold;
}

.sey-category-id {
    background-color: rgb(238, 238, 238);
    color: rgb(170, 170, 170);
    text-align: right;
    text-transform: capitalize;
    font-style: italic;
    font-size: 12px;
    box-shadow: 1px 0px 1px;
    padding: 7px;
}

[data-simplebar] {
    position: unset;
}

.simplebar-mask {
    top: 100px;
}

.simplebar-track {
    right: -2px;
}

.simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px;
}

.simplebar-track.simplebar-horizontal {
    visibility: hidden !important;
}

.simplebar-scrollbar::before {
    background: rgba(115, 102, 255, 0.2);
}

.scrollbar-images {
    margin-bottom: 12px;
}

.visible-wrapper img {
    width: calc(210px + 6.25vw) !important;
}

.horizontal-scroll .horz-scroll-content .horizontal-img {
    height: 100%;
    max-width: 240px;
}

@media (max-width: 576px) {
    .horizontal-scroll .horz-scroll-content .horizontal-img {
        max-width: calc(195px + 7.8125vw);
    }
}

.horizontal-scroll .horz-scroll-content .horizontal-img img {
    height: 100%;
    object-fit: cover;
}

.scroll-demo.scroll-b-none {
    padding: 0px;
    border: none;
}

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
    margin-right: auto;
}

@media (max-width: 1497px) {
    .vertical-scroll.scroll-demo .list-group .list-group-item .list-wrapper .list-img {
        height: 40px;
        width: auto;
    }
}

.sidebar-left-wrapper {
    border-right: 1px solid var(--recent-dashed-border);
}

[dir="rtl"] .sidebar-left-wrapper {
    border-right: unset;
    border-left: 1px solid var(--recent-dashed-border);
}

@media (max-width: 1199px) {
    .sidebar-left-wrapper {
        border-right: unset;
        margin-bottom: 25px;
    }

    [dir="rtl"] .sidebar-left-wrapper {
        border-left: unset;
    }
}

.sidebar-left-wrapper .sidebar-left-icons {
    display: block;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item {
    position: relative;
    padding-bottom: 50px;
    z-index: 0;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .sidebar-left-wrapper .sidebar-left-icons .nav-item {
        padding-bottom: 25px;
    }
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:first-child .nav-link {
    padding-top: 0px;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child {
    padding-bottom: 0px;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
    padding-bottom: 0px;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
    content: "";
    position: absolute;
    border: 1px dashed rgba(82, 82, 108, 0.3);
    bottom: 0px;
    height: calc(100% - 42px);
    left: 20px;
    z-index: -1;
}

[dir="rtl"] .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
    left: unset;
    right: 20px;
}

@media (max-width: 1199px) {
    .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
        height: 25px;
    }
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child::before {
    content: none;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
    padding-bottom: 0px;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0px;
    background-color: var(--white);
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active {
    color: unset;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded {
    border: 1px solid var(--theme-default);
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons {
    background-color: var(--theme-default);
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons svg, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons svg {
    stroke: rgb(255, 255, 255);
    animation: 2.4s ease 0s infinite normal none running tada;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .product-tab-content h6, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .product-tab-content h6 {
    color: var(--theme-default);
    font-weight: 500;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
    min-width: 42px;
    height: 42px;
    border: 1px solid var(--recent-dashed-border);
    position: relative;
    z-index: 2;
    border-radius: 100%;
    padding: 2px;
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px 0px inset;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons {
    min-width: 100%;
    height: 100%;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg {
    width: 18px;
    height: 18px;
    stroke: rgba(82, 82, 108, 0.8);
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
    color: var(--body-font-color);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
}

@media (max-width: 575px) {
    .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
        text-align: left;
    }
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
    color: var(--chart-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
}

@media (max-width: 575px) {
    .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
        text-align: left;
    }
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded {
    border: 1px solid var(--theme-default);
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons {
    background-color: var(--light-shade-primary, 1);
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons svg {
    stroke: var(--theme-default);
    animation: 1.5s ease 0s infinite normal none running tada;
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .product-tab-content h6 {
    color: var(--theme-default);
}

@media (max-width: 576px) {
    .sidebar-body.advance-options .nav-tabs .nav-item {
        padding: 10px 0px;
    }
}

.sidebar-body form .form-control:focus, .sidebar-body form .form-select:focus {
    box-shadow: unset;
    border-color: unset;
}

[dir="rtl"] .sidebar-body .ql-snow .ql-picker-label {
    padding-right: 8px;
    padding-left: 2px;
}

@media (max-width: 575px) {
    .sidebar-body .ql-toolbar.ql-snow .ql-formats {
        margin-right: 0px !important;
    }
}

[dir="rtl"] .sidebar-body .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    right: unset;
    left: 0px;
}

[dir="rtl"] .sidebar-body .form-select {
    padding: 6px 12px 6px 36px !important;
}

.sidebar-body .ql-formats {
    border-right: 1px solid var(--recent-dashed-border);
}

[dir="rtl"] .sidebar-body .ql-formats {
    border-left: 1px solid var(--recent-dashed-border);
    border-right: unset;
}

@media (max-width: 575px) {
    .sidebar-body .ql-formats {
        border-right: unset;
    }

    [dir="rtl"] .sidebar-body .ql-formats {
        border-left: unset;
    }
}

.sidebar-body .ql-formats:last-of-type {
    border-right: unset;
}

[dir="rtl"] .sidebar-body .ql-formats:last-of-type {
    border-left: unset;
}

.sidebar-body #editor2 {
    min-height: 160px;
}

.sidebar-body input[type="number"]::-webkit-inner-spin-button, .sidebar-body input[type="number"]::-webkit-outer-spin-button {
}

.sidebar-body .form-select, .sidebar-body .form-control {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.sidebar-body .product-upload .dropzone .dz-message i {
    font-size: 42px;
}

.sidebar-body .product-upload p {
    margin-bottom: calc(6px + 0.625vw);
    line-height: 0;
}

@media (max-width: 344px) {
    .sidebar-body .product-upload p {
        line-height: normal;
    }
}

.sidebar-body .product-upload:nth-child(1) {
    margin-bottom: 40px;
}

@media (max-width: 400px) {
    .sidebar-body .product-upload:nth-child(1) {
        margin-bottom: 26px;
    }
}

.sidebar-body .product-upload:nth-child(2) {
    margin-bottom: 65px;
}

@media (max-width: 1199px) {
    .sidebar-body .product-upload:nth-child(2) {
        margin-bottom: 0px;
    }
}

.sidebar-body .product-upload form svg {
    width: 48px;
    height: 48px;
}

.sidebar-body .product-upload form h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
}

.sidebar-body .product-upload form span {
    color: var(--chart-text-color);
    font-size: 14px;
}

.category-button {
    padding-bottom: 30px;
    border-bottom: 1px dashed var(--recent-dashed-border);
}

@media (max-width: 575px) {
    .category-button {
        padding-bottom: 25px;
    }
}

.category-button a {
    padding: 12px;
}

.create-category .toolbar-box {
    margin-top: 12px;
}

.product-date .form-control[readonly] {
    background-color: var(--white);
}

.price-wrapper .radio-wrapper {
    justify-content: flex-start;
    margin-top: 4px;
}

.price-wrapper .radio-wrapper li {
    max-width: 200px;
}

.price-wrapper .radio-wrapper li .form-check-input {
    border-radius: 5px;
    background-color: var(--light-background);
}

.price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
    color: rgb(76, 86, 103);
    font-size: 15px;
    position: relative;
}

.price-wrapper .radio-wrapper li .form-check-input:checked {
    background-color: var(--light-background);
    border: 1px solid var(--theme-default);
    border-radius: 5px;
}

.price-wrapper .radio-wrapper li .form-check-input:checked ~ .form-check-label span {
    color: var(--theme-default);
    position: relative;
}

.price-wrapper .form-select {
    font-size: 15px;
    color: rgba(82, 82, 108, 0.8);
}

.advance-options ul {
    border-bottom: 1px solid var(--recent-dashed-border);
}

.advance-options ul.border-tab.nav-tabs {
    row-gap: 18px;
    flex-wrap: wrap;
}

.advance-options ul.border-tab.nav-tabs .nav-item .nav-link {
    color: var(--body-font-color);
    border-bottom: 2px solid transparent;
    transition: 0.3s ease-in-out;
    padding: 0px calc(-2.6px + 1.4375vw) 10px;
}

@media (max-width: 1199px) {
    .advance-options ul.border-tab.nav-tabs .nav-item .nav-link {
        padding: 0px calc(1px + 1.25vw) 10px;
    }
}

.advance-options ul.border-tab.nav-tabs .nav-item .nav-link:active, .advance-options ul.border-tab.nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid var(--theme-default);
    color: var(--body-font-color);
    transition: 0.3s ease-in-out;
}

.meta-body {
    padding-top: 16px;
}

.meta-body .custom-input .form-check .form-check-input:checked {
    background-color: var(--theme-default);
}

.meta-body .custom-input .form-check .form-check-input:valid {
    border-color: var(--theme-default);
}

.meta-body .custom-input .form-check .form-check-input:valid ~ .form-check-label {
    color: rgba(82, 82, 108, 0.8);
}

.product-tag .tagify {
    border-radius: 4px;
    padding: 0px;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
}

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

[dir="rtl"] .tagify__tag {
    margin-right: 5px;
    margin-left: 0px;
}

.tagify__input {
    margin: 0px;
}

[dir="rtl"] .tagify__tag__removeBtn {
    margin-right: auto;
    margin-left: 4.66667px;
}

.list-product.list-category .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.list-product.list-category .square-white svg {
    fill: rgba(82, 82, 108, 0.8);
    width: 16px;
    height: 16px;
}

.list-product.list-category div.dt-container .dt-layout-row .dt-search {
    top: 26px;
    right: 214px;
}

@media (max-width: 640px) {
    .list-product.list-category div.dt-container .dt-layout-row .dt-search {
        top: 4px;
    }
}

.list-product.list-category div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
}

.list-product.list-category table thead tr th, .list-product.list-category table thead tr td, .list-product.list-category table tbody tr th, .list-product.list-category table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.list-product.list-category table thead tr th:first-child, .list-product.list-category table thead tr td:first-child, .list-product.list-category table tbody tr th:first-child, .list-product.list-category table tbody tr td:first-child {
    padding-left: 20px;
}

.list-product.list-category table thead tr th:last-child, .list-product.list-category table thead tr td:last-child, .list-product.list-category table tbody tr th:last-child, .list-product.list-category table tbody tr td:last-child {
    padding-right: 20px;
}

@media (min-width: 1200px) {
    .list-product.list-category table thead tr th p, .list-product.list-category table thead tr td p, .list-product.list-category table tbody tr th p, .list-product.list-category table tbody tr td p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 320px) {
    .list-product.list-category table thead tr th:nth-child(4), .list-product.list-category table thead tr td:nth-child(4), .list-product.list-category table tbody tr th:nth-child(4), .list-product.list-category table tbody tr td:nth-child(4) {
        min-width: 128px;
    }
}

@media (max-width: 1310px) {
    .list-product.list-category table thead tr th:nth-child(4), .list-product.list-category table thead tr td:nth-child(4), .list-product.list-category table tbody tr th:nth-child(4), .list-product.list-category table tbody tr td:nth-child(4) {
        min-width: 125px;
    }
}

@media (max-width: 1199px) {
    .list-product.list-category table thead tr th:nth-child(2), .list-product.list-category table thead tr td:nth-child(2), .list-product.list-category table tbody tr th:nth-child(2), .list-product.list-category table tbody tr td:nth-child(2) {
        min-width: 220px;
    }

    .list-product.list-category table thead tr th:nth-child(3), .list-product.list-category table thead tr td:nth-child(3), .list-product.list-category table tbody tr th:nth-child(3), .list-product.list-category table tbody tr td:nth-child(3) {
        min-width: 510px;
    }
}

.list-product.list-category table thead tr th .badge, .list-product.list-category table thead tr td .badge, .list-product.list-category table tbody tr th .badge, .list-product.list-category table tbody tr td .badge {
    padding: 6px 12px;
    font-size: 12px;
}

.list-product .datatable-container {
    overflow-x: auto;
}

@media (max-width: 1445px) {
    .list-product .datatable-container thead tr th:nth-child(8) {
        display: none;
    }
}

.list-product .datatable-container tbody tr {
    cursor: pointer;
}

@media (max-width: 1445px) {
    .list-product .datatable-container tbody tr td:nth-child(8) {
        display: none;
    }
}

.list-product .datatable-dropdown {
    position: relative;
}

.list-product .datatable-dropdown label {
    color: var(--body-font-color);
}

.list-product .datatable-dropdown label::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 38px;
    font-family: FontAwesome;
    font-size: 16px;
    margin: 0px;
    color: var(--chart-text-color);
}

[dir="rtl"] .list-product .datatable-dropdown label::before {
    right: 38px;
    left: unset;
}

.list-product .datatable-selector {
    appearance: none;
    min-width: 55px;
}

.list-product .datatable-selector:focus, .list-product .datatable-selector:focus-visible {
    outline: none;
}

[dir="rtl"] .list-product .datatable-sorter::before, [dir="rtl"] .list-product .datatable-sorter::after {
    right: unset;
    left: 4px;
}

.list-product tr th, .list-product tr td {
    text-align: left;
}

[dir="rtl"] .list-product tr th, [dir="rtl"] .list-product tr td {
    text-align: right;
}

.list-product tr th:nth-child(1) .datatable-sorter::before, .list-product tr th:nth-child(1) .datatable-sorter::after {
    border: none;
}

.list-product tr th:nth-child(1), .list-product tr td:nth-child(1) {
    min-width: 20px;
}

.list-product tr th:nth-child(2), .list-product tr td:nth-child(2) {
    min-width: 110px;
}

@media (max-width: 1460px) {
    .list-product tr th:nth-child(2), .list-product tr td:nth-child(2) {
        min-width: 230px;
    }
}

.list-product tr th:nth-child(3), .list-product tr td:nth-child(3) {
    min-width: 90px;
}

.list-product tr th:nth-child(4), .list-product tr td:nth-child(4) {
    min-width: 120px;
}

.list-product tr th:nth-child(5), .list-product tr td:nth-child(5) {
    min-width: 120px;
}

.list-product tr th:nth-child(6), .list-product tr td:nth-child(6) {
    min-width: 80px;
}

.list-product tr th:nth-child(7), .list-product tr td:nth-child(7) {
    min-width: 100px;
}

.list-product tr th:nth-child(8), .list-product tr td:nth-child(8) {
    min-width: 140px;
}

.list-product tr th:nth-child(9), .list-product tr td:nth-child(9) {
    min-width: 105px;
}

.list-product:focus-visible {
    outline: 0px;
}

.list-product .datatable-top {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
}

.list-product .datatable-search {
    float: left;
}

[dir="rtl"] .list-product .datatable-search {
    float: right;
}

.list-product .datatable-container:focus-visible {
    outline: 0px;
}

.list-product .datatable-bottom .datatable-info {
    color: var(--body-font-color);
}

.list-product .datatable-top {
    padding: 0px;
}

.list-product .datatable-pagination li.datatable-hidden {
    visibility: visible;
}

.list-product .datatable-pagination li.datatable-hidden a {
    color: var(--theme-default);
    font-weight: 500;
    opacity: 1;
}

.list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-default);
    color: var(--white);
}

.list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: rgba(var(--light-shade-primary), 0.02);
    border-radius: 5px;
}

.table#project-status tbody tr td {
    vertical-align: inherit;
}

.product-names {
    display: flex;
    align-items: center;
    gap: 15px;
}

.product-names .light-product-box {
    min-width: 49px;
    height: 49px;
    border-radius: 3px;
    background-color: var(--chart-progress-light);
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-names .light-product-box img {
    height: 26px;
}

.datatable-input, .datatable-selector {
    border: 1px solid var(--recent-dashed-border);
    border-radius: 5px;
    background: unset;
}

@media (max-width: 767px) {
    .e-category .col.m-t-40 {
        margin-top: 20px !important;
    }
}

.e-category .category-popup .tagify {
    border-radius: 4px;
    padding: 0px;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    border-color: var(--bs-border-color);
}

.e-category .form-label {
    color: rgb(82, 82, 108);
}

.e-category .form-control {
    font-size: 14px;
    color: var(--body-font-color);
}

.e-category .form-control::placeholder {
    color: rgba(82, 82, 108, 0.6);
}

.e-category .form-select {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.e-category .main-divider {
    padding-block: 18px; }

.e-category .main-divider .divider-body {
    position: relative;
    z-index: 0;
}

.e-category .main-divider .divider-body::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 100%;
    border: 1px dashed rgba(82, 82, 108, 0.1);
    z-index: -1;
}

.e-category .main-divider .divider-body h6 {
    background-color: var(--white);
    display: inline-block;
    color: rgb(82, 82, 108);
    padding-right: 12px;
}

.discount-options {
    justify-content: flex-start;
    margin-top: 4px;
    gap: calc(8.4px + 1.125vw);
}

@media (max-width: 575px) {
    .discount-options {
        display: flex !important;
    }
}

.discount-options .nav-item .nav-link {
    position: relative;
    width: 185px;
    height: 70px;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: var(--light-background);
    color: rgb(76, 86, 103);
    font-size: 15px;
}

@media (min-width: 1200px) {
    .discount-options .nav-item .nav-link {
        width: calc(167px + 0.9375vw);
        height: calc(55.6px + 0.75vw);
        font-size: calc(13.8px + 0.0625vw);
    }
}

.discount-options .nav-item .nav-link.active {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.common-form .product-buttons {
    margin: 15px 0px 0px;
    text-align: end;
    border-top: 1px solid var(--recent-dashed-border);
    padding: 12px 0px 0px;
    position: absolute;
    bottom: 0px;
    width: calc(100% - 48px);
    left: 50%;
    transform: translateX(-50%);
}

[dir="rtl"] .common-form .product-buttons {
    left: unset;
    right: 50%;
    transform: translateX(50%);
}

@media (max-width: 1199px) {
    .common-form .product-buttons {
        position: unset;
        width: 100%;
        transform: unset;
    }

    [dir="rtl"] .common-form .product-buttons {
        transform: unset;
    }
}

.common-form .product-buttons svg {
    width: 18px;
    height: 18px;
    stroke: var(--chart-text-color);
    vertical-align: sub;
}

@media (max-width: 400px) {
    .common-form .product-buttons svg {
        width: 15px;
        height: 15px;
    }
}

.common-form .product-buttons .btn {
    border: 1px solid rgb(204, 204, 204);
    color: var(--chart-text-color);
    font-weight: 500;
    padding: 6px 20px;
}

@media (max-width: 1400px) {
    .common-form .product-buttons .btn {
        padding: 6px 16px;
    }
}

@media (max-width: 400px) {
    .common-form .product-buttons .btn {
        padding: 6px 8px;
    }
}

.common-form .product-buttons .btn:hover, .common-form .product-buttons .btn:active {
    background-color: var(--theme-default);
    color: rgb(253, 254, 255);
}

.common-form .product-buttons .btn:hover svg, .common-form .product-buttons .btn:active svg {
    stroke: rgb(253, 254, 255);
}

.common-form .product-buttons .btn:first-child {
    margin-right: 12px;
}

.common-form .product-buttons .btn:first-child svg {
    margin-right: 8px;
}

.common-form .product-buttons .btn:last-child svg {
    margin-left: 8px;
}

.common-tagify .tagify {
    border-radius: 4px;
    padding: 0px;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
}

.category-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
}

@media (max-width: 767px) {
    .category-btn {
        margin-top: 0px;
    }
}

.product-page-width tbody tr td {
    padding: 8px 12px;
    border: 1px solid var(--recent-dashed-border);
}

.review-box .product-rating .common-flex {
    gap: 6px;
}

.review-box .product-rating .common-flex i {
    font-size: 18px;
    color: rgba(82, 82, 108, 0.8);
}

.review-box .product-rating .common-flex i.fill {
    color: rgb(255, 184, 41);
}

.review-box .rating-box ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.review-box .rating-box ul li {
    width: 100%;
}

.review-box .rating-box ul li .rating-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}

.review-box .rating-box ul li .rating-list h6 {
    white-space: nowrap;
    font-size: calc(14.8px + 0.0625vw);
    line-height: 1.2;
    margin: 0px;
    font-weight: 400;
}

.review-box .rating-box ul li .rating-list h6 i {
    margin-left: 3px;
    font-size: 14px;
    color: rgba(82, 82, 108, 0.6);
}

[dir="rtl"] .review-box .rating-box ul li .rating-list h6 i {
    margin-left: unset;
    margin-right: 3px;
}

.review-box .rating-box ul li .rating-list .progress {
    width: 100%;
    border-radius: 4px;
    display: flex;
    height: 8px;
    overflow: hidden;
    font-size: 12px;
}

.review-box .rating-box ul li .rating-list .progress .progress-bar {
    background: var(--theme-default);
}

.review-box .review-people .review-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    max-height: 330px;
    overflow-y: auto;
}

.review-box .review-people .review-list li {
    display: block;
    width: 100%;
}

.review-box .review-people .review-list li .people-box {
    display: flex;
    width: 100%;
    border-radius: 10px;
    padding: 16px 20px;
    background: var(--light-background);
}

@media (max-width: 575px) {
    .review-box .review-people .review-list li .people-box {
        flex-wrap: wrap;
        gap: 8px;
    }
}

.review-box .review-people .review-list li .people-box .people-comment .people-name {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.review-box .review-people .review-list li .people-box .people-comment .people-name > div {
    display: flex;
    gap: 3px;
}

.review-box .review-people .review-list li .people-box .people-comment .date-time {
    display: block;
}

.review-box .review-people .review-list li .people-box .people-comment .product-rating .common-flex {
    gap: 3px;
}

.review-box .review-people .review-list li .people-box .people-comment .product-rating .common-flex i {
    font-size: 12px;
}

.review-box .review-people .review-list li .people-box .people-comment h6 {
    font-size: 13px;
    color: rgba(82, 82, 108, 0.8);
    font-weight: 400;
    margin-left: auto;
}

[dir="rtl"] .review-box .review-people .review-list li .people-box .people-comment h6 {
    margin-left: unset;
    margin-right: auto;
}

.review-box .review-people .review-list li .people-box img {
    height: calc(42.4px + 0.8125vw);
    border-radius: 8px;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}

.review-box .review-people .review-list li .people-box .people-comment {
    padding-left: calc(8px + 0.625vw);
}

[dir="rtl"] .review-box .review-people .review-list li .people-box .people-comment {
    padding-right: calc(8px + 0.625vw);
    padding-left: unset;
}

@media (max-width: 575px) {
    .review-box .review-people .review-list li .people-box .people-comment {
        padding-left: 0px;
    }

    [dir="rtl"] .review-box .review-people .review-list li .people-box .people-comment {
        padding-left: unset;
        padding-right: 0px;
    }
}

.review-box .review-people .review-list li .people-box .people-comment .name {
    display: block;
    font-weight: 500;
}

.review-box .review-people .review-list li .people-box .people-comment .name:hover {
    color: var(--theme-default);
}

.review-box .review-people .review-list li .people-box .people-comment .date-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.review-box .review-people .review-list li .people-box .people-comment .date-time h6 {
    margin: 0px;
}

.review-box .review-people .review-list li .people-box .reply {
    margin-top: 2px;
    line-height: 1.6;
}

.review-box .review-people .review-list li .people-box .reply p {
    margin: 0px;
    line-height: 1.6;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 575px) {
    .review-box .review-people .review-list li .people-box .reply p {
        -webkit-line-clamp: 3;
    }
}

.product-rating-box .main-product-rating {
    font-size: 30px;
}

.product-rating-box .main-product-rating i {
    font-size: 22px;
    color: rgb(255, 184, 41);
    margin-left: 4px;
    margin-top: -8px;
    vertical-align: middle;
}

[dir="rtl"] .product-rating-box .main-product-rating i {
    margin-left: unset;
    margin-right: 4px;
}

.product-rating-box .review-title-2 {
    border-top: 1px solid var(--chart-progress-light);
    padding-top: calc(10.6px + 0.75vw);
    margin-top: calc(10.6px + 0.75vw);
}

.product-rating-box .review-title-2 p {
    margin-bottom: calc(5.8px + 0.375vw);
    font-size: 15px;
    line-height: 1.6;
    color: rgba(82, 82, 108, 0.6);
}

.product-rating-box .product-review-rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.product-rating-box .product-review-rating .product-rating .common-flex i {
    font-size: 14px;
}

.list-product-view .list-product .recent-table div.dt-container .dt-layout-row .dt-search {
    top: 26px;
    right: 214px;
}

@media (max-width: 640px) {
    .list-product-view .list-product .recent-table div.dt-container .dt-layout-row .dt-search {
        top: 4px;
    }
}

.list-product-view .list-product .recent-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
}

.list-product-view .list-product .recent-table table thead tr th, .list-product-view .list-product .recent-table table thead tr td, .list-product-view .list-product .recent-table table tbody tr th, .list-product-view .list-product .recent-table table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.list-product-view .list-product .recent-table table thead tr th:first-child, .list-product-view .list-product .recent-table table thead tr td:first-child, .list-product-view .list-product .recent-table table tbody tr th:first-child, .list-product-view .list-product .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.list-product-view .list-product .recent-table table thead tr th:last-child, .list-product-view .list-product .recent-table table thead tr td:last-child, .list-product-view .list-product .recent-table table tbody tr th:last-child, .list-product-view .list-product .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.list-product-view .list-product .recent-table table thead tr th .product-action, .list-product-view .list-product .recent-table table thead tr td .product-action, .list-product-view .list-product .recent-table table tbody tr th .product-action, .list-product-view .list-product .recent-table table tbody tr td .product-action {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.list-product-view .list-product .recent-table table thead tr th .product-action .square-white, .list-product-view .list-product .recent-table table thead tr td .product-action .square-white, .list-product-view .list-product .recent-table table tbody tr th .product-action .square-white, .list-product-view .list-product .recent-table table tbody tr td .product-action .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.list-product-view .list-product .recent-table table thead tr th .product-action .square-white svg, .list-product-view .list-product .recent-table table thead tr td .product-action .square-white svg, .list-product-view .list-product .recent-table table tbody tr th .product-action .square-white svg, .list-product-view .list-product .recent-table table tbody tr td .product-action .square-white svg {
    cursor: pointer;
    fill: var(--chart-text-color);
    width: 16px;
    height: 16px;
}

.list-product-view .list-product .recent-table table thead tr th .badge, .list-product-view .list-product .recent-table table thead tr td .badge, .list-product-view .list-product .recent-table table tbody tr th .badge, .list-product-view .list-product .recent-table table tbody tr td .badge {
    padding: 6px 12px;
    font-size: 12px;
}

.list-product .product-list-table.recent-table thead tr th a, .list-product .product-list-table.recent-table thead tr td a, .list-product .product-list-table.recent-table tbody tr th a, .list-product .product-list-table.recent-table tbody tr td a {
    color: var(--body-font-color);
}

.list-product .product-list-table.recent-table thead tr th .product-names p, .list-product .product-list-table.recent-table thead tr td .product-names p, .list-product .product-list-table.recent-table tbody tr th .product-names p, .list-product .product-list-table.recent-table tbody tr td .product-names p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-product .product-list-table.recent-table thead tr th:nth-child(4), .list-product .product-list-table.recent-table thead tr td:nth-child(4), .list-product .product-list-table.recent-table tbody tr th:nth-child(4), .list-product .product-list-table.recent-table tbody tr td:nth-child(4) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1382px) and (min-width: 1200px) {
    .list-product .product-list-table.recent-table thead tr th:nth-child(6), .list-product .product-list-table.recent-table thead tr td:nth-child(6), .list-product .product-list-table.recent-table tbody tr th:nth-child(6), .list-product .product-list-table.recent-table tbody tr td:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1330px) and (min-width: 1200px) {
    .list-product .product-list-table.recent-table thead tr th:nth-child(8), .list-product .product-list-table.recent-table thead tr td:nth-child(8), .list-product .product-list-table.recent-table tbody tr th:nth-child(8), .list-product .product-list-table.recent-table tbody tr td:nth-child(8) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .list-product .product-list-table.recent-table thead tr th:nth-child(2), .list-product .product-list-table.recent-table thead tr td:nth-child(2), .list-product .product-list-table.recent-table tbody tr th:nth-child(2), .list-product .product-list-table.recent-table tbody tr td:nth-child(2) {
        min-width: 285px;
    }

    .list-product .product-list-table.recent-table thead tr th:nth-child(3), .list-product .product-list-table.recent-table thead tr td:nth-child(3), .list-product .product-list-table.recent-table tbody tr th:nth-child(3), .list-product .product-list-table.recent-table tbody tr td:nth-child(3) {
        min-width: 110px;
    }

    .list-product .product-list-table.recent-table thead tr th:nth-child(4), .list-product .product-list-table.recent-table thead tr td:nth-child(4), .list-product .product-list-table.recent-table tbody tr th:nth-child(4), .list-product .product-list-table.recent-table tbody tr td:nth-child(4) {
        min-width: 138px;
    }

    .list-product .product-list-table.recent-table thead tr th:nth-child(5), .list-product .product-list-table.recent-table thead tr td:nth-child(5), .list-product .product-list-table.recent-table tbody tr th:nth-child(5), .list-product .product-list-table.recent-table tbody tr td:nth-child(5) {
        min-width: 90px;
    }

    .list-product .product-list-table.recent-table thead tr th:nth-child(7), .list-product .product-list-table.recent-table thead tr td:nth-child(7), .list-product .product-list-table.recent-table tbody tr th:nth-child(7), .list-product .product-list-table.recent-table tbody tr td:nth-child(7) {
        min-width: 98px;
    }

    .list-product .product-list-table.recent-table thead tr th:nth-child(8), .list-product .product-list-table.recent-table thead tr td:nth-child(8), .list-product .product-list-table.recent-table tbody tr th:nth-child(8), .list-product .product-list-table.recent-table tbody tr td:nth-child(8) {
        min-width: 100px;
    }
}

@media (max-width: 1382px) and (min-width: 1200px) {
    .product-list-table thead tr th:nth-child(6), .product-list-table thead tr td:nth-child(6), .product-list-table tbody tr th:nth-child(6), .product-list-table tbody tr td:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1330px) and (min-width: 1200px) {
    .product-list-table thead tr th:nth-child(8), .product-list-table thead tr td:nth-child(8), .product-list-table tbody tr th:nth-child(8), .product-list-table tbody tr td:nth-child(8) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .product-list-table thead tr th:nth-child(2), .product-list-table thead tr td:nth-child(2), .product-list-table tbody tr th:nth-child(2), .product-list-table tbody tr td:nth-child(2) {
        min-width: 285px;
    }

    .product-list-table thead tr th:nth-child(3), .product-list-table thead tr td:nth-child(3), .product-list-table tbody tr th:nth-child(3), .product-list-table tbody tr td:nth-child(3) {
        min-width: 110px;
    }

    .product-list-table thead tr th:nth-child(4), .product-list-table thead tr td:nth-child(4), .product-list-table tbody tr th:nth-child(4), .product-list-table tbody tr td:nth-child(4) {
        min-width: 138px;
    }

    .product-list-table thead tr th:nth-child(5), .product-list-table thead tr td:nth-child(5), .product-list-table tbody tr th:nth-child(5), .product-list-table tbody tr td:nth-child(5) {
        min-width: 90px;
    }

    .product-list-table thead tr th:nth-child(8), .product-list-table thead tr td:nth-child(8), .product-list-table tbody tr th:nth-child(8), .product-list-table tbody tr td:nth-child(8) {
        min-width: 100px;
    }
}

.product-info-table .table tbody tr td {
    color: rgba(82, 82, 108, 0.8);
}

@media (max-width: 767px) {
    .product-info-table .table thead tr th:nth-child(3), .product-info-table .table thead tr td:nth-child(3), .product-info-table .table tbody tr th:nth-child(3), .product-info-table .table tbody tr td:nth-child(3) {
        min-width: 108px;
    }

    .product-info-table .table thead tr th:nth-child(4), .product-info-table .table thead tr td:nth-child(4), .product-info-table .table tbody tr th:nth-child(4), .product-info-table .table tbody tr td:nth-child(4) {
        min-width: 100px;
    }

    .product-info-table .table thead tr th:nth-child(5), .product-info-table .table thead tr td:nth-child(5), .product-info-table .table tbody tr th:nth-child(5), .product-info-table .table tbody tr td:nth-child(5) {
        min-width: 125px;
    }
}

.blog-box img {
    border-radius: 0.25rem;
}

.blog-box .top-radius-blog {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.blog-box h6 {
    font-weight: 600;
    margin: 15px 0px;
}

.blog-box .blog-details {
    padding-right: 20px;
}

.blog-box .blog-details .blog-social {
    margin-top: 30px;
}

.blog-box .blog-details .blog-social li {
    display: inline-block;
    font-size: 12px;
    color: rgb(117, 117, 138);
}

.blog-box .blog-details .blog-social li + li {
    padding-left: 20px;
    line-height: 1;
    padding-right: 0px;
}

.blog-box .blog-details .blog-social li i {
    padding-right: 5px;
    font-weight: 300;
}

.blog-box .blog-details .blog-social li:first-child {
    border-right: 1px solid rgb(137, 137, 137);
    padding-right: 20px;
}

[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
    border-right: unset;
    border-left: 1px solid rgb(137, 137, 137);
    padding-right: unset;
    padding-left: 20px;
}

.blog-box .blog-details-main hr {
    background-color: rgb(204, 204, 204);
}

.blog-box .blog-details-main .blog-social {
    margin: 20px 0px;
}

.blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 12px;
    color: rgb(117, 117, 138);
    padding: 0px 24px;
    border-right: 1px dashed;
}

[dir="rtl"] .blog-box .blog-details-main .blog-social li {
    border-right: unset;
    border-left: 1px dashed;
}

@media (max-width: 1676px) {
    .blog-box .blog-details-main .blog-social li {
        padding: 0px 10px;
    }
}

.blog-box .blog-details-main .blog-social li:last-child {
    border-right: 0px;
}

[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-right: unset;
    border-left: 0px;
}

.blog-box .blog-details-main .blog-social li i {
    padding-right: 5px;
}

[dir="rtl"] .blog-box .blog-details-main .blog-social li i {
    padding-left: 5px;
    padding-right: unset;
}

.blog-box .blog-details-main .blog-bottom-details {
    margin: 20px;
    font-size: 14px;
    line-height: 1.714;
    font-weight: 500;
    color: rgb(64, 64, 64);
}

.blog-box .blog-date {
    color: rgb(117, 117, 138);
}

.blog-box .blog-date span {
    font-size: 36px;
    font-weight: 500;
    padding-right: 5px;
}

.blog-box.blog-shadow::before {
    box-shadow: rgba(0, 0, 0, 0.6) 0px -200px 100px -13px inset;
    transition: 0.3s;
    border-radius: 5px;
    content: "";
    position: absolute;
    height: 100%;
    top: 0px;
    width: 100%;
    bottom: 0px;
}

.blog-box.blog-shadow:hover::before {
    box-shadow: rgba(0, 0, 0, 0.65) 0px -200px 100px -13px inset;
    transition: 0.3s;
}

.blog-box.blog-shadow .blog-details {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 20px;
}

.blog-box.blog-shadow .blog-details h4 {
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

.blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
}

.blog-box.blog-shadow .blog-details .blog-social li {
    color: rgb(255, 255, 255);
}

.blog-list .blog-details .blog-social {
    margin-top: 0px;
}

.blog-list .blog-details h6 {
    margin-top: 0px;
    color: rgba(63, 71, 90, 0.8);
    font-weight: 500;
}

.blog-list .blog-details hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.blog-list img {
    padding: 17px;
}

.blog-grid img {
    width: 100%;
    border-radius: 15px;
}

.blog-grid .blog-details {
    padding: 20px;
}

.blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 1.8;
}

.blog-box {
    position: relative;
    max-height: 100%;
    align-items: center;
}

.blog-box .blog-details h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    margin-top: calc(12.8571px + 0.892857vw);
    margin-bottom: 0px;
    color: rgb(117, 117, 138);
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1570px) {
    .blog-box .blog-details p {
        -webkit-line-clamp: 2;
    }
}

.blog-box .blog-details h5 {
    line-height: 1.5;
    margin-top: 20px;
}

.blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid rgb(239, 239, 239);
}

.blog-box .blog-details .blog-social li, .blog-box .blog-details .comment-social li {
    font-size: 14px;
}

.comment-box {
    padding-top: 50px;
    padding-bottom: 50px;
}

.comment-box hr {
    margin-top: 20px;
    margin-bottom: 30px;
}

.comment-box li {
    margin-bottom: 30px;
}

.comment-box li:last-child {
    margin-bottom: 0px;
}

@media (min-width: 576px) {
    .comment-box ul ul {
        margin-left: calc(81px + 2.8125vw);
    }
}

[dir="rtl"] .comment-box ul ul {
    margin-left: unset;
    margin-right: calc(81px + 2.8125vw);
}

.comment-box p {
    font-size: 14px;
    line-height: 2;
    color: rgb(117, 117, 138);
    text-align: justify;
    margin-bottom: 0px;
}

.comment-box .d-flex img {
    margin-right: 20px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid rgb(239, 239, 239);
}

[dir="rtl"] .comment-box .d-flex img {
    margin-right: unset;
    margin-left: 20px;
}

.comment-box .d-flex h6 {
    font-weight: 500;
    margin-bottom: 5px;
}

.comment-box .d-flex h6 span {
    padding-left: 10px;
    font-size: 13px;
    color: rgb(117, 117, 138);
    font-weight: 400;
}

.comment-box .comment-social li {
    display: inline-block;
    color: rgba(137, 137, 137, 0.5);
    padding-left: 20px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.comment-box .comment-social li:first-child {
    border-right: 1px solid rgba(82, 82, 108, 0.2);
    padding-right: 20px;
}

.comment-box .comment-social li i {
    padding-right: 10px;
}

@media (max-width: 1366px) and (min-width: 1200px) {
    .blog-single .blog-box .blog-details .blog-social li:first-child {
        padding-right: 20px;
    }

    .blog-single .blog-box .blog-details .blog-social li + li {
        padding-left: 20px;
    }
}

.modal-bookmark .modal-body, .modal-bookmark .modal-header {
    padding: 20px;
}

.bookmark-wrap .email-left-aside .left-bookmark ul li a:hover {
    background-color: unset;
}

@media (max-width: 1535px) {
    .bookmark-wrap .email-left-aside .left-bookmark .common-flex:not(.todo-wrap .md-sidebar .md-sidebar-aside .email-app-sidebar .common-flex) {
        justify-content: center;
        text-align: center;
        gap: 2px;
    }
}

@media (max-width: 1535px) {
    .bookmark-wrap .main-bookmark .email-app-sidebar .flex-grow-1 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
}

.bookmark-wrap .main-bookmark .bootstrap-select .dropdown-toggle {
    width: 100%;
    color: rgb(82, 82, 108);
    border-radius: 6px;
    border-color: rgba(82, 82, 108, 0.1) !important;
}

.bookmark-wrap .main-bookmark .bootstrap-select .dropdown-toggle::after {
    font-size: 14px;
}

.bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu li .dropdown-item {
    color: rgb(82, 82, 108);
}

.bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu li:hover {
    background-color: rgb(215, 226, 233);
}

.bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu .no-results {
    font-size: 14px;
}

@media (max-width: 1399px) {
    .bookmark-wrap .main-bookmark .md-sidebar .md-sidebar-toggle {
        display: block;
    }

    .bookmark-wrap .main-bookmark .md-sidebar .md-sidebar-aside {
        position: absolute;
        top: 40px;
        left: 0px;
        opacity: 0;
        visibility: hidden;
        z-index: 3;
        width: 280px;
    }

    [dir="rtl"] .bookmark-wrap .main-bookmark .md-sidebar .md-sidebar-aside {
        left: unset;
        right: 0px;
    }

    .bookmark-wrap .main-bookmark .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible;
    }
}

.bookmark-wrap .details-bookmark .row > div + div {
    padding-right: 15px !important;
}

.bookmark-wrap .left-bookmark {
    height: 700px;
}

.bookmark-wrap .left-bookmark ul li ul li .active span {
    color: var(--theme-default);
}

.bookmark-wrap .left-bookmark ul li button {
    border: none;
    cursor: pointer;
}

.bookmark-wrap .left-bookmark ul li button:focus {
    outline: none;
    box-shadow: unset;
}

.bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: -4px;
}

.bookmark-wrap .left-bookmark ul li > .main-title {
    color: var(--theme-default);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
}

.bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
    background-color: transparent;
}

.bookmark-wrap .left-bookmark ul li > .main-title svg {
    color: rgb(36, 41, 52);
    stroke-width: 1px;
}

.bookmark-wrap .left-bookmark ul li a > .title {
    text-transform: capitalize;
}

.bookmark-wrap.todo-wrap .left-bookmark {
    height: unset;
}

@media (max-width: 1484px) and (min-width: 1400px) {
    .bookmark-wrap.todo-wrap .left-bookmark .common-flex {
        justify-content: center;
        text-align: center;
    }
}

.form-bookmark a {
    font-weight: 500;
    text-transform: capitalize !important;
    color: var(--theme-default) !important;
    line-height: 1 !important;
}

.form-bookmark a:hover {
    background-color: transparent !important;
}

.form-bookmark input#index_var {
    display: none;
}

.form-bookmark input, .form-bookmark select, .form-bookmark textarea {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.form-bookmark .select2-container .select2-selection--single {
    border-color: rgb(206, 212, 218);
}

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

.form-bookmark .error {
    font-size: 11px;
    margin: 0px !important;
    color: rgb(252, 86, 74) !important;
}

.form-bookmark button {
    margin-top: 18px;
}

.form-bookmark .bootstrap-select .dropdown-toggle {
    margin: 0px;
}

.form-bookmark.was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: rgb(101, 193, 92) !important;
}

@keyframes displayTransition {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bookmark-tabcontent .details-bookmark {
    height: auto;
    min-height: 359px;
}

.bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
    padding: 3px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.2);
    width: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 0;
}

[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
    right: unset;
    left: 15px;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
    color: rgb(255, 255, 255);
    font-size: 16px;
    vertical-align: -1px;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
    color: rgb(255, 184, 41);
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
    width: 100%;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
    display: none;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
    transition: 0.5s;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
    text-align: left;
    padding: 15px;
    border-top: 1px solid rgb(244, 244, 244);
    position: relative;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
    animation: 1s ease 0s 1 normal none running displayTransition;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
    opacity: 0;
    position: absolute;
    width: 100%;
    padding: 15px;
    top: 30px;
    left: 0px;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
    display: inline-block;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
    margin-left: 5px;
}

[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
    margin-left: unset;
    margin-right: 5px;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
    width: 16px;
    height: 16px;
    color: rgb(137, 137, 137);
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
    box-shadow: rgba(0, 0, 0, 0.04) 1px 4px 16px 3px;
    transition: 0.5s;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
    opacity: 0;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
    opacity: 1;
    animation: 2s ease 0s 1 normal none running displayTransition;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
    opacity: 1;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
    flex: 0 0 100%;
    max-width: 100%;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    opacity: 1;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
    position: absolute;
    right: 30px;
    opacity: 1;
    text-align: right;
}

[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
    right: 0px;
    left: 30px;
    text-align: left;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
    opacity: 1;
    animation: 0s ease 0s 1 normal none running displayTransition;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p, .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
    margin-top: 0px;
    display: inline-block;
    cursor: pointer;
}

@media (min-width: 992px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .weburl_3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        display: block;
    }
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
    position: relative;
    padding-right: 15px;
    margin-bottom: -5px;
}

[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
    padding-left: 15px;
    padding-right: unset;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
    position: absolute;
    content: "-";
    right: 0px;
    color: rgb(137, 137, 137);
}

[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
    right: unset;
    left: 0px;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
    margin-top: 5px;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    width: 68%;
    margin-right: 20px;
}

[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    margin-right: unset;
    margin-left: 20px;
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%;
}

.bookmark-tabcontent .tab-content .card .d-flex {
    justify-content: space-between;
}

.bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block;
    cursor: pointer;
}

.bookmark-tabcontent .tab-content .card .d-flex ul li + li {
    margin-left: 5px;
}

[dir="rtl"] .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
    margin-left: unset;
    margin-right: 5px;
}

.bookmark-tabcontent .tab-content .tab-pane > .card {
    box-shadow: none;
}

@media only screen and (max-width: 1660px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        display: none;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
        margin-top: 6px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .bookmark-wrap .left-bookmark ul li .btn-block svg {
        display: none;
    }
}

@media only screen and (max-width: 1366px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
        width: 40%;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
        top: 80px;
    }
}

@media only screen and (max-width: 1199px) {
    .bookmark-wrap .left-bookmark {
        height: auto;
    }

    .bookmark-tabcontent .details-bookmark {
        min-height: auto;
    }
}

@media only screen and (max-width: 991px) {
    .modal-bookmark .modal-body, .modal-bookmark .modal-header {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 172px;
        display: block;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
        display: none;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
        position: relative;
        right: unset;
        top: unset;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
        width: 45%;
    }
}

@media only screen and (max-width: 675px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
        top: 65px;
    }
}

@media only screen and (max-width: 575px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
        width: 100%;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
        display: block;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
        padding-left: 15px;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0px;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p, .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
        display: block;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
        display: none;
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px;
    }

    .modal-bookmark .modal-body, .modal-bookmark .modal-header {
        padding: 15px;
    }
}

.shopping-cart-table .recent-table div.dt-container .dt-layout-row .dt-search {
    right: 20px;
}

@media (max-width: 640px) {
    .shopping-cart-table .recent-table div.dt-container .dt-layout-row .dt-search {
        top: 4px;
    }
}

.shopping-cart-table .recent-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
}

.shopping-cart-table .recent-table div.dt-container .dt-layout-row .dt-length {
    top: 16px;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr:hover td:nth-child(2) .product-names img, .shopping-cart-table .recent-table div.dt-container .table tbody tr:hover td:nth-child(2) .product-names img {
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th, .shopping-cart-table .recent-table div.dt-container .table thead tr td, .shopping-cart-table .recent-table div.dt-container .table tbody tr th, .shopping-cart-table .recent-table div.dt-container .table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th:first-child, .shopping-cart-table .recent-table div.dt-container .table thead tr td:first-child, .shopping-cart-table .recent-table div.dt-container .table tbody tr th:first-child, .shopping-cart-table .recent-table div.dt-container .table tbody tr td:first-child {
    padding-left: 20px;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th:last-child, .shopping-cart-table .recent-table div.dt-container .table thead tr td:last-child, .shopping-cart-table .recent-table div.dt-container .table tbody tr th:last-child, .shopping-cart-table .recent-table div.dt-container .table tbody tr td:last-child {
    padding-right: 20px;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th a, .shopping-cart-table .recent-table div.dt-container .table thead tr td a, .shopping-cart-table .recent-table div.dt-container .table tbody tr th a, .shopping-cart-table .recent-table div.dt-container .table tbody tr td a {
    color: rgb(82, 82, 108);
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .touchspin-wrapper, .shopping-cart-table .recent-table div.dt-container .table thead tr td .touchspin-wrapper, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .touchspin-wrapper, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .touchspin-wrapper {
    justify-content: flex-start;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .touchspin-wrapper .input-touchspin, .shopping-cart-table .recent-table div.dt-container .table thead tr td .touchspin-wrapper .input-touchspin, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .touchspin-wrapper .input-touchspin, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .touchspin-wrapper .input-touchspin {
    width: 68px;
}

@media (max-width: 1660px) {
    .shopping-cart-table .recent-table div.dt-container .table thead tr th:nth-child(2), .shopping-cart-table .recent-table div.dt-container .table thead tr td:nth-child(2), .shopping-cart-table .recent-table div.dt-container .table tbody tr th:nth-child(2), .shopping-cart-table .recent-table div.dt-container .table tbody tr td:nth-child(2) {
        min-width: 258px;
    }

    .shopping-cart-table .recent-table div.dt-container .table thead tr th:nth-child(4), .shopping-cart-table .recent-table div.dt-container .table thead tr td:nth-child(4), .shopping-cart-table .recent-table div.dt-container .table tbody tr th:nth-child(4), .shopping-cart-table .recent-table div.dt-container .table tbody tr td:nth-child(4) {
        min-width: 140px;
    }

    .shopping-cart-table .recent-table div.dt-container .table thead tr th:last-child, .shopping-cart-table .recent-table div.dt-container .table thead tr td:last-child, .shopping-cart-table .recent-table div.dt-container .table tbody tr th:last-child, .shopping-cart-table .recent-table div.dt-container .table tbody tr td:last-child {
        min-width: 100px;
    }
}

@media (max-width: 575px) {
    .shopping-cart-table .recent-table div.dt-container .table thead tr th .touchspin-wrapper .btn-touchspin, .shopping-cart-table .recent-table div.dt-container .table thead tr td .touchspin-wrapper .btn-touchspin, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .touchspin-wrapper .btn-touchspin, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .touchspin-wrapper .btn-touchspin {
        width: 24px;
        height: 24px;
    }

    .shopping-cart-table .recent-table div.dt-container .table thead tr th .touchspin-wrapper .btn-touchspin i, .shopping-cart-table .recent-table div.dt-container .table thead tr td .touchspin-wrapper .btn-touchspin i, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .touchspin-wrapper .btn-touchspin i, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .touchspin-wrapper .btn-touchspin i {
        font-size: 8px;
    }

    .shopping-cart-table .recent-table div.dt-container .table thead tr th .touchspin-wrapper .input-touchspin[type="number"], .shopping-cart-table .recent-table div.dt-container .table thead tr td .touchspin-wrapper .input-touchspin[type="number"], .shopping-cart-table .recent-table div.dt-container .table tbody tr th .touchspin-wrapper .input-touchspin[type="number"], .shopping-cart-table .recent-table div.dt-container .table tbody tr td .touchspin-wrapper .input-touchspin[type="number"] {
        width: 50px;
        height: 20px;
        font-size: 12px;
    }

    .shopping-cart-table .recent-table div.dt-container .table thead tr th:nth-child(4), .shopping-cart-table .recent-table div.dt-container .table thead tr td:nth-child(4), .shopping-cart-table .recent-table div.dt-container .table tbody tr th:nth-child(4), .shopping-cart-table .recent-table div.dt-container .table tbody tr td:nth-child(4) {
        min-width: 130px;
    }
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .product-names .light-product-box, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-names .light-product-box, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-names .light-product-box, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-names .light-product-box {
    min-width: calc(-41.3333px + 9.44444vw);
    min-height: calc(20px + 4.16667vw);
}

@media (max-width: 1199px) {
    .shopping-cart-table .recent-table div.dt-container .table thead tr th .product-names .light-product-box, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-names .light-product-box, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-names .light-product-box, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-names .light-product-box {
        min-width: calc(56px + 4.375vw);
        min-height: calc(52px + 2.5vw);
    }
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .product-names .light-product-box img, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-names .light-product-box img, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-names .light-product-box img, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-names .light-product-box img {
    height: calc(-20px + 4.58333vw);
    transition: 0.3s ease-in-out;
}

@media (max-width: 1199px) {
    .shopping-cart-table .recent-table div.dt-container .table thead tr th .product-names .light-product-box img, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-names .light-product-box img, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-names .light-product-box img, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-names .light-product-box img {
        height: calc(28.4px + 2.0625vw);
    }
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .product-names p, .shopping-cart-table .recent-table div.dt-container .table thead tr th .product-names span, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-names p, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-names span, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-names p, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-names span, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-names p, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-names span {
    color: rgba(82, 82, 108, 0.8);
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .product-names ul li > p, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-names ul li > p, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-names ul li > p, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-names ul li > p {
    margin-bottom: 0px;
    display: inline-block;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .product-names ul li .common-dot, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-names ul li .common-dot, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-names ul li .common-dot, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-names ul li .common-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: rgba(82, 82, 108, 0.8);
    margin: 1px 6px;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .product-action, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-action, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-action, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-action {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .product-action .square-white, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-action .square-white, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-action .square-white, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-action .square-white {
    width: calc(34.8px + 0.375vw);
    height: calc(34.8px + 0.375vw);
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .product-action .square-white svg, .shopping-cart-table .recent-table div.dt-container .table thead tr td .product-action .square-white svg, .shopping-cart-table .recent-table div.dt-container .table tbody tr th .product-action .square-white svg, .shopping-cart-table .recent-table div.dt-container .table tbody tr td .product-action .square-white svg {
    width: calc(17.2px + 0.25vw);
    height: calc(17.2px + 0.25vw);
    cursor: pointer;
    fill: var(--chart-text-color);
}

.shopping-cart-table .recent-table div.dt-container .table thead tr:last-child th, .shopping-cart-table .recent-table div.dt-container .table thead tr:last-child td, .shopping-cart-table .recent-table div.dt-container .table tbody tr:last-child th, .shopping-cart-table .recent-table div.dt-container .table tbody tr:last-child td {
    border-bottom: unset;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr:last-child td, .shopping-cart-table .recent-table div.dt-container .table tbody tr:last-child td {
    padding-bottom: 0px;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .dt-column-order {
    display: none;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th .badge {
    vertical-align: text-bottom;
    margin-left: 4px;
}

@media (max-width: 575px) {
    .shopping-cart-table .recent-table div.dt-container .table thead tr th .badge {
        padding: 2px 4px;
        font-size: 10px;
    }
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th:last-child span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.shopping-cart-table .recent-table div.dt-container .table thead tr th:last-child span svg {
    width: 16px;
    height: 16px;
    fill: rgb(64, 64, 64);
}

.cart-summary li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 12px; }

.cart-summary li:first-child {
    padding-top: 0px;
}

.cart-summary li:last-child {
    padding-bottom: 0px;
}

@media (max-width: 575px) {
    .cart-summary li {
        padding-block: 8px;
    }
}

.product-total {
    padding: 0px 20px 20px;
    border-top: 1px solid var(--chart-progress-light);
}

[dir="rtl"] .product-total {
    padding: 0px 20px 20px !important;
}

.product-total > li:not(:last-child) {
    padding-block: 18px; display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 1660px) {
    .cart-buttons {
        justify-content: flex-end;
    }
}

@media (min-width: 1661px) {
    .cart-buttons li {
        width: 100%;
    }
}

.cart-buttons li .btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(255, 255, 255);
    gap: 5px;
}

.cart-buttons li .btn.btn-hover-effect {
    background-color: rgba(204, 204, 204, 0.4);
    color: rgb(64, 64, 64);
}

.cart-buttons li .btn.btn-hover-effect svg {
    fill: rgb(64, 64, 64);
}

.cart-buttons li .btn svg {
    width: 18px;
    height: 18px;
    transform: scaleX(-1);
    vertical-align: middle;
    transition: 0.5s;
}

.cart-buttons li .btn:hover svg {
    transform: translateX(-7px) scaleX(-1);
    transition: 0.5s;
}

.coupon-cart .input-group .form-control {
    border: 2px solid var(--theme-default);
}

.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg::after {
    width: 70px;
    height: 70px;
    margin-left: 15px;
    margin-top: 15px;
    line-height: 70px;
}

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm::after {
    width: 35px;
    height: 35px;
    margin-left: 7.5px;
    margin-top: 7.5px;
    line-height: 35px;
}

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs::after {
    width: 20px;
    height: 20px;
    margin-left: 5.5px;
    margin-top: 4.5px;
    line-height: 21px;
}

.chart-block canvas {
    width: 100% !important;
}

.chart-block .chart-overflow {
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
}

.chart-block .chart-overflow svg {
    border-radius: 15px;
}

.candidcahrt {
    width: 100%;
    height: 470px;
}

.amcharts-export-canvas {
    position: absolute;
    display: none;
    z-index: 1;
    inset: 0px;
    background-color: rgb(255, 255, 255);
}

.amcharts-export-canvas .canvas-container {
    transition: opacity 0.5s ease-out;
}

.amcharts-export-canvas.active {
    display: block;
}

.amcharts-export-canvas.dropbox .canvas-container {
    opacity: 0.5;
}

.flot-chart-container {
    box-sizing: border-box;
    width: 100%;
    height: 400px;
}

.flot-chart-container #toggling-series-flot {
    width: 79% !important;
}

.all-chart .flot-chart-container {
    height: 350px;
}

.flot-chart-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
    text-align: center;
}

.flot-chart-placeholder .legend table {
    border-spacing: 5px;
}

.morris-hover {
    position: absolute;
    z-index: 1;
}

.morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: rgb(137, 137, 137);
    background: rgb(255, 255, 255);
    border: 1px solid rgb(233, 237, 241);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: bold;
    margin: 0.25em 0px;
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: 0.1em 0px;
}

.chart-sparkline {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    background: rgba(49, 49, 49, 0.7);
    color: rgb(255, 255, 255);
    font: 10px Rubik, sans-serif;
    text-align: left;
    white-space: nowrap;
    padding: 5px;
    border: 1px solid rgba(49, 49, 49, 0.75);
    box-sizing: content-box;
    z-index: 10000;
    border-radius: 5px;
}

.chart-sparkline .jqsfield {
    color: rgb(255, 255, 255);
    font: 10px Rubik, sans-serif;
    text-align: left;
}

.radial-bar {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    background-color: transparent;
    box-sizing: content-box;
    width: 80px;
    height: 80px;
    font-size: 18px;
    background-clip: content-box;
}

.radial-bar::after {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: rgb(69, 90, 100);
    content: attr(data-label);
    background-color: rgb(255, 255, 255);
    z-index: 1;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px;
}

.radial-bar > img {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: rgb(69, 90, 100);
    z-index: 3;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px;
}

.radial-bar-danger.radial-bar-20 {
    background-image: linear-gradient(90deg, rgb(239, 239, 239) 50%, transparent 50%, transparent), linear-gradient(162deg, rgb(252, 86, 74) 50%, rgb(239, 239, 239) 50%, rgb(239, 239, 239));
}

.radial-bar.radial-bar-lg {
    width: 100px;
    height: 100px;
    font-size: 20px;
}

.radial-bar.radial-bar-sm {
    width: 50px;
    height: 50px;
    font-size: 12px;
}

.radial-bar.radial-bar-xs {
    width: 30px;
    height: 30px;
    font-size: 8px;
}

.pieLabel div {
    color: rgb(255, 255, 255) !important;
}

.pieLabel div input[type="checkbox"] {
    margin: 7px;
}

.knob-chart {
    min-height: 255px;
}

.knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto;
}

.knob-chart .chart-clock-main .clock-large {
    position: absolute;
    left: -48px;
    top: -45px;
}

.knob-chart .chart-clock-main .clock-medium {
    position: absolute;
    left: 2px;
    top: 5px;
}

.knob-chart .chart-clock-main .clock-small {
    position: absolute;
    left: 15px;
    top: 55px;
}

.peity-charts svg {
    width: 100%;
    height: 250px;
}

.peity-charts.peity-chart-primary svg polygon {
    fill: rgba(115, 102, 255, 0.2);
}

.peity-charts.peity-chart-primary svg polyline {
    stroke: var(--theme-default);
}

.bar-odd-even svg rect:nth-child(2n+1) {
    fill: var(--theme-default);
}

.bar-odd-even svg rect:nth-child(2n) {
    fill: var(--theme-secondary);
}

.donut-peity svg path:nth-child(2n+1) {
    fill: var(--theme-default);
}

.donut-peity svg path:nth-child(2n) {
    fill: var(--theme-secondary);
}

.small-donut ~ svg path:nth-child(2n+1), .small-donut svg path:nth-child(2n+1), .donut-peity2 ~ svg path:nth-child(2n+1), .donut-peity2 svg path:nth-child(2n+1), .pie-peity ~ svg path:nth-child(2n+1), .pie-peity svg path:nth-child(2n+1) {
    fill: var(--theme-default);
}

.small-donut ~ svg path:nth-child(2n), .small-donut svg path:nth-child(2n), .donut-peity2 ~ svg path:nth-child(2n), .donut-peity2 svg path:nth-child(2n), .pie-peity ~ svg path:nth-child(2n), .pie-peity svg path:nth-child(2n) {
    fill: rgb(239, 239, 239);
}

.small-donut2 ~ svg path:nth-child(2n+1) {
    fill: var(--theme-secondary);
}

.small-donut3 ~ svg path:nth-child(2n+1) {
    fill: rgb(101, 193, 92);
}

.small-donut4 ~ svg path:nth-child(2n+1) {
    fill: rgb(64, 184, 245);
}

.small-donut5 ~ svg path:nth-child(2n+1) {
    fill: rgb(255, 184, 41);
}

.small-donut6 ~ svg path:nth-child(2n+1) {
    fill: rgb(252, 86, 74);
}

p.data-attributes svg {
    margin-right: 10px;
}

.knob-block {
    position: relative;
}

.knob-block input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0px !important;
    top: 0px !important;
    margin-left: 0px !important;
    margin-top: -3px !important;
}

.knob-input-disable input {
    display: none !important;
}

.apex-chart {
    margin: 0px auto;
}

.apexcharts-toolbar {
    z-index: 1 !important;
}

.apexcharts-menu-item {
    width: 110px;
}

.word-tree {
    height: 400px;
}

.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
    fill: var(--theme-default);
}

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
    stroke: var(--theme-default);
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
    stroke: var(--theme-secondary);
}

.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
    fill: var(--theme-secondary);
}

.test-buttons button + button {
    margin-left: 10px;
}

.clip-chart-wrapper .test-chart-block {
    margin-bottom: -30px;
}

#dotted {
    height: 390px;
}

.apexcharts-canvas .apexcharts-tooltip, .apexcharts-canvas .apexcharts-xaxistooltip, .apexcharts-canvas .apexcharts-yaxistooltip {
    z-index: 1;
}

@media (max-width: 1346px) {
    .flot-chart-container .flot-chart-placeholder ~ p.float-end {
        float: left !important;
    }

    [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
        float: right !important;
    }
}

.status-circle {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    left: 44px;
    border-radius: 50%;
    border: 2px solid rgb(255, 255, 255);
}

.left-sidebar-wrapper {
    padding: 20px;
    border-radius: 10px 0px 0px 10px;
    z-index: 1;
    border-top-color: ;
    border-top-style: ;
    border-top-width: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-color: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-right: unset;
}

[dir="rtl"] .left-sidebar-wrapper {
    border-left: unset;
    border-radius: 0px 10px 10px 0px;
}

@media (max-width: 767px) {
    [dir="rtl"] .left-sidebar-wrapper {
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    .left-sidebar-wrapper {
        border-radius: 10px;
    }
}

.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: var(--chart-progress-light);
    padding-right: 0px;
    margin-right: 1px;
    border: unset;
}

[dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    border-radius: 0px 6px 6px 0px;
    padding-left: 0px;
    padding-right: 12px;
    margin-left: 1px;
    margin-right: unset;
}

.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
    width: 16px;
    height: 16px;
}

.left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: var(--chart-progress-light);
    border: unset;
}

[dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    border-right: unset;
    border-radius: 0.25rem !important;
}

.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
    border-color: var(--chart-progress-light);
    box-shadow: unset;
}

.left-sidebar-wrapper .advance-options ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0px;
}

@media (max-width: 767px) {
    .left-sidebar-wrapper .advance-options ul {
        justify-content: flex-start;
    }
}

.left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
    color: var(--body-font-color);
    border-bottom: 2px solid transparent;
    background-color: transparent;
    padding: 16px 57px;
    text-decoration: unset;
}

@media (max-width: 1855px) {
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
        padding: 16px 45px;
    }
}

@media (max-width: 1663px) {
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
        padding: 16px 30px;
    }
}

@media (max-width: 1423px) {
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
        padding: 16px 28px;
    }
}

.left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
    border-bottom: 2px solid var(--theme-default);
    color: var(--theme-default);
}

.left-sidebar-wrapper .advance-options .common-space {
    padding: 11px 0px;
}

.left-sidebar-wrapper .advance-options .common-space p {
    margin: 0px;
    color: var(--chart-text-color);
}

.left-sidebar-wrapper .advance-options .common-space .header-top .btn {
    padding: 6px 12px;
}

@media (max-width: 767px) {
    .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
        padding: calc(0px + 0.3125vw) calc(4.8px + 0.375vw);
    }
}

.left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover {
    border-color: transparent;
}

.left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
    color: rgb(255, 255, 255);
}

.left-sidebar-wrapper .advance-options .chats-user {
    border-bottom: unset;
    height: 563px;
    overflow-y: auto;
}

.left-sidebar-wrapper .advance-options .chats-user li {
    width: 100%;
    gap: 10px;
    border-bottom: 1px solid var(--chart-dashed-border);
    border-radius: 0px;
    cursor: pointer;
    padding: 11px;
    flex-wrap: wrap;
}

.left-sidebar-wrapper .advance-options .chats-user li:hover, .left-sidebar-wrapper .advance-options .chats-user li:active, .left-sidebar-wrapper .advance-options .chats-user li.active {
    background-color: var(--light-slate);
}

@media (max-width: 1505px) {
    .left-sidebar-wrapper .advance-options .chats-user li {
        gap: 1px;
    }
}

.left-sidebar-wrapper .advance-options .chats-user li:last-child {
    border-bottom: unset;
}

.left-sidebar-wrapper .advance-options .chats-user li .chat-time {
    display: flex;
    gap: 10px;
    align-items: center;
}

.left-sidebar-wrapper .advance-options .chats-user li > div:not(.chat-time) {
    margin-left: auto;
}

[dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div:not(.chat-time) {
    margin-left: unset;
    margin-right: auto;
}

@media (max-width: 991px) {
    .left-sidebar-wrapper .advance-options .chats-user li > div:not(.chat-time) {
        width: 100%;
        text-align: end;
    }

    [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div:not(.chat-time) {
        text-align: start;
    }
}

.left-sidebar-wrapper .advance-options .chats-user li.active {
    background-color: var(--theme-default);
}

.left-sidebar-wrapper .advance-options .chats-user li.active .chat-time span, .left-sidebar-wrapper .advance-options .chats-user li.active .chat-time p {
    color: rgb(255, 255, 255);
}

.left-sidebar-wrapper .advance-options .chats-user li.active p {
    color: rgb(255, 255, 255);
}

.active-profile {
    position: relative;
}

.active-profile img {
    width: 42px;
    height: 42px;
}

@media (max-width: 1650px) {
    .active-profile img {
        width: 33px;
        height: 33px;
    }
}

.active-profile .status {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white);
}

[dir="rtl"] .active-profile .status {
    left: -2px;
    right: unset;
}

@media (max-width: 1600px) {
    .active-profile .status {
        width: 11px;
        height: 11px;
        border: 2px solid var(--white);
    }
}

.offcanvas-right-icon {
    gap: 6px;
}

.offcanvas-right-icon .contact-edit.chat-alert {
    width: 29px;
    height: 29px;
}

.offcanvas-right-icon .contact-edit.chat-alert svg {
    width: 16px;
    height: 16px;
    stroke: var(--chart-text-color);
}

.offcanvas-right-icon .contact-edit.chat-alert .dropdown-menu .dropdown-item {
    color: rgb(43, 43, 43);
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid var(--light-semi-gray);
    background: var(--white);
}

.offcanvas-right-icon .contact-edit.chat-alert .dropdown-menu .dropdown-item:hover {
    background-color: var(--light-background);
    opacity: 1;
    text-decoration: unset;
}

.contact-edit svg {
    cursor: pointer;
    width: 18px;
    height: 18px;
    stroke: rgb(82, 82, 108);
}

@media (max-width: 360px) {
    .contact-edit svg {
        width: 14px;
        height: 14px;
    }
}

.contact-edit .dropdown-menu .dropdown-item:hover {
    background-color: var(--light-background);
    opacity: 1;
    text-decoration: unset;
}

.contact-edit.chat-alert {
    width: 40px;
    height: 40px;
    background: var(--light-slate);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

@media (max-width: 360px) {
    .contact-edit.chat-alert {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 340px) {
    .contact-edit.chat-alert {
        display: none;
    }
}

.search-contacts {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.search-contacts .form-control {
    padding-inline: 35px; }

.search-contacts .form-control:focus {
    box-shadow: unset;
    border-color: var(--chart-dashed-border);
}

.search-contacts svg {
    stroke: var(--chart-text-color);
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
    position: absolute;
}

[dir="rtl"] .search-contacts svg {
    left: unset;
    right: 10px;
}

.search-contacts .mic-search {
    right: 10px;
    top: 10px;
    position: absolute;
    left: unset;
}

[dir="rtl"] .search-contacts .mic-search {
    right: unset;
    left: 10px;
}

.contact-wrapper {
    padding-top: 14px;
    border-bottom: unset;
    height: 526px;
    overflow-y: auto;
}

.contact-wrapper > p {
    line-height: 0;
    margin: 0px;
    padding: 12px 0px;
    font-size: 18px;
    font-weight: 500;
    color: var(--body-font-color);
}

.contact-wrapper ul li {
    width: 100%;
    cursor: pointer;
}

.contact-wrapper ul li .chat-time {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-wrapper ul li .chat-time img {
    width: 42px;
    height: 42px;
}

@media (max-width: 1650px) {
    .contact-wrapper ul li .chat-time img {
        width: 33px;
        height: 33px;
    }
}

.contact-wrapper ul li .chat-time > div span {
    color: var(--body-font-color);
}

.contact-wrapper ul li svg {
    width: 18px;
    height: 18px;
}

.contact-wrapper ul:last-child .common-space {
    padding-bottom: unset;
}

.right-sidebar-chat {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-color: ;
    border-top-style: ;
    border-top-width: ;
    border-right-color: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-color: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-left: unset;
}

[dir="rtl"] .right-sidebar-chat {
    border-left: 2px solid var(--white);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

@media (max-width: 767px) {
    [dir="rtl"] .right-sidebar-chat {
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    .right-sidebar-chat {
        border-radius: 10px;
    }
}

.right-sidebar-title {
    padding: 13px 25px;
    display: flex;
    justify-content: space-between;
    box-shadow: rgba(131, 131, 131, 0.67) 0px 12px 13px -17px;
}

.right-sidebar-title .active-profile-chat {
    position: relative;
}

.right-sidebar-title .active-profile-chat img {
    width: 42px;
    height: 42px;
}

.right-sidebar-title .active-profile-chat .status {
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white);
}

.right-sidebar-title .offcanvas-body .btn {
    background-color: rgba(115, 102, 255, 0.1);
}

.right-sidebar-title .offcanvas-body .btn svg {
    width: 13px;
    height: 13px;
    fill: var(--theme-default);
    vertical-align: middle;
    transition: 0.5s;
}

.right-sidebar-title .offcanvas-body .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s;
}

.right-sidebar-title .common-space {
    width: 100%;
}

.right-sidebar-title .common-space .offcanvas-header h6 {
    color: var(--body-font-color);
}

.right-sidebar-title .common-space .chat-time-chat {
    display: flex;
    gap: 10px;
    align-items: center;
}

.right-sidebar-title .common-space .chat-time-chat .active-profile img {
    width: 42px;
    height: 42px;
}

@media (max-width: 360px) {
    .right-sidebar-title .common-space .chat-time-chat .active-profile img {
        width: 36px;
        height: 36px;
    }
}

.right-sidebar-title .common-space .chat-time-chat div p {
    margin: 0px;
    color: var(--chart-text-color);
}

.right-sidebar-title .common-space .chat-time-chat ul li img {
    width: 42px;
    height: 42px;
}

.right-sidebar-title .common-space .chat-time-chat.group-chat ul {
    display: flex;
}

.right-sidebar-title .common-space .chat-time-chat.group-chat ul li img {
    border: 3px solid transparent;
}

.right-sidebar-title .common-space .chat-time-chat.group-chat ul li + li {
    margin-left: -12px;
}

[dir="rtl"] .right-sidebar-title .common-space .chat-time-chat.group-chat ul li + li {
    margin-left: unset;
    margin-right: -12px;
}

.right-sidebar-title .common-space .chat-time-chat.group-chat ul li + li img {
    border: 3px solid var(--white);
}

.right-sidebar-title .common-space .chat-time-chat.group-chat ul li img {
    width: 38px;
    height: 38px;
}

.right-sidebar-title .common-space .chat-time-chat.group-chat ul li .profile-count {
    width: 38px;
    height: 38px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(6) {
        display: none;
    }
}

@media (min-width: 341px) and (max-width: 410px) {
    .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1045px) {
    .right-sidebar-title .common-space .chat-time-chat.group-chat > div span, .right-sidebar-title .common-space .chat-time-chat.group-chat > div p {
        display: none;
    }
}

.msger-chat {
    flex: 1 1 0%;
    overflow-y: auto;
    padding: 10px;
    background: url("../images/chats/chat-bg.png");
    height: 619px;
}

.msger-chat::-webkit-scrollbar {
    width: 6px;
}

.msger-chat::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
}

.msger-chat::-webkit-scrollbar-thumb {
    background: rgb(189, 189, 189);
}

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.msg:last-of-type {
    margin: 0px;
}

.msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: center center / cover no-repeat rgb(221, 221, 221);
    border-radius: 50%;
}

[dir="rtl"] .msg-img {
    margin-left: 10px;
    margin-right: unset;
}

.msg-bubble {
    max-width: 450px;
    padding: 15px;
    border-radius: 15px;
}

.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}

[dir="rtl"] .msg-info-name {
    margin-left: 10px;
    margin-right: unset;
}

.msg-info-time {
    font-size: 0.85em;
}

.left-msg .msg-img {
    background-image: url("../images/dashboard/user/13.jpg");
    width: 33px;
    height: 33px;
}

@media (max-width: 1200px) {
    .left-msg .msg-img {
        min-width: 16px;
        min-height: 16px;
    }
}

.left-msg .msg-bubble {
    position: relative;
    border-radius: 15px;
    background: rgb(244, 244, 244);
    color: var(--chart-text-color);
    width: calc(100% - 33px);
}

.right-msg {
    flex-direction: row-reverse;
}

.right-msg .msg-bubble {
    color: rgb(255, 255, 255);
    background: var(--theme-default);
    width: calc(100% - 33px);
}

.right-msg .msg-img {
    background-image: url("../images/dashboard-11/user/10.jpg");
    width: 33px;
    height: 33px;
    margin: 0px 0px 0px 10px;
}

[dir="rtl"] .right-msg .msg-img {
    margin: 0px 10px 0px 0px;
}

@media (max-width: 1200px) {
    .right-msg .msg-img {
        min-width: 16px;
        min-height: 16px;
    }
}

.msger-inputarea {
    display: flex;
    padding: 10px;
    border-top: 1px solid var(--chart-dashed-border);
    background: linear-gradient(0deg, rgb(245, 246, 250), rgb(245, 246, 250)), linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255));
    align-items: center;
    cursor: pointer;
    border-radius: 0px 0px 15px;
}

[dir="rtl"] .msger-inputarea {
    border-radius: 0px 0px 0px 15px;
}

.msger-inputarea .dropdown-toggle::after {
    content: unset;
}

.msger-inputarea .dropdown-toggle .dropdown-menu {
    inset: unset !important;
}

.msger-inputarea .dropdown-form {
    position: relative;
    border-radius: 100%;
    display: grid;
    place-content: center;
    margin-right: 10px;
}

[dir="rtl"] .msger-inputarea .dropdown-form {
    margin-right: unset;
    margin-left: 10px;
}

.msger-inputarea .dropdown-form:hover {
    background-color: rgba(115, 102, 255, 0.1);
}

.msger-inputarea .dropdown-form i {
    font-size: 16px;
    font-weight: 900;
    color: var(--theme-default);
    cursor: pointer;
    padding: 0px;
}

.msger-inputarea .dropdown-form .chat-icon {
    position: absolute;
    background: transparent;
    box-shadow: unset;
    left: 0px !important;
    bottom: 22px !important;
}

[dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
    left: unset !important;
    right: 0px !important;
}

.msger-inputarea .dropdown-form .chat-icon div {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    opacity: 1;
}

.msger-inputarea .dropdown-form .chat-icon div svg {
    width: 42px;
    height: 42px;
    cursor: pointer;
}

.msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
    fill: var(--chart-text-color);
    stroke: none;
}

.msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
    stroke: var(--chart-text-color);
    fill: none;
}

.msger-inputarea .dropdown-form .chat-icon div:hover {
    background-color: var(--theme-default) !important;
    opacity: 1;
}

.msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
    fill: rgb(255, 255, 255);
}

.msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
    stroke: rgb(255, 255, 255);
}

.msger-inputarea .msger-send-btn i {
    color: rgb(255, 255, 255);
}

[dir="rtl"] .msger-inputarea .msger-send-btn i {
    transform: scaleX(-1);
}

.msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em;
}

.msger-input {
    flex: 1 1 0%;
    background-color: var(--white);
    width: 100%;
    color: var(--body-font-color);
}

.msger-input:focus, .msger-input:focus-visible {
    outline: unset;
}

.fg-emoji-container {
    left: calc(-269px + 87.1875vw) !important;
}

@media (min-width: 860px) and (max-width: 945px) {
    .fg-emoji-container {
        left: 417px !important;
    }

    [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 417px;
    }
}

@media (min-width: 686px) and (max-width: 860px) {
    .fg-emoji-container {
        left: 360px !important;
    }

    [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 360px;
    }
}

@media (min-width: 588px) and (max-width: 770px) {
    .fg-emoji-container {
        left: 200px !important;
    }

    [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 200px;
    }
}

@media (min-width: 546px) and (max-width: 588px) {
    .fg-emoji-container {
        left: 144px !important;
    }

    [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 144px;
    }
}

@media (min-width: 500px) and (max-width: 546px) {
    .fg-emoji-container {
        left: 88px !important;
    }

    [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 88px;
    }
}

@media (max-width: 500px) {
    .fg-emoji-container {
        left: 22px !important;
        width: 262px !important;
    }

    [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 22px;
    }
}

.fg-emoji-container .fg-emoji-nav {
    background-color: var(--theme-secondary);
}

.fg-emoji-container .fg-emoji-nav ul li:last-child a {
    background-color: rgba(82, 82, 108, 0.5);
}

.fg-emoji-container #fg-emoji-picker-move {
    display: none;
}

.open-emoji {
    padding: 0px;
}

.open-emoji button {
    z-index: 0;
    position: relative;
    padding: 0px 14px;
    background: transparent;
}

.open-emoji button::before {
    content: "";
    font-family: FontAwesome;
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--chart-text-color);
}

.second-btn {
    z-index: 0;
    position: relative;
    padding: 0px 14px;
    background: transparent;
}

.second-btn::before {
    content: "";
    font-family: FontAwesome;
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--chart-text-color);
}

.msger-send-btn {
    margin-left: 10px;
    background: var(--theme-default);
    width: 40px;
    height: 39px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.23s;
    display: flex;
    align-items: center;
    justify-content: center;
}

[dir="rtl"] .msger-send-btn {
    margin-left: unset;
    margin-right: 10px;
}

.msger-send-btn svg {
    width: 1px;
    height: 12px;
}

.custom-name {
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

@media (max-width: 1650px) {
    .custom-name {
        width: 33px;
        height: 33px;
    }
}

.offcanvas-wrapper .offcanvas {
    position: fixed;
    background-color: var(--white);
    z-index: 1045;
}

.shipping-form .checkout-cart .basic-wizard .shipping-wizard .form-select {
    border-color: var(--bs-border-color);
    color: var(--chart-text-color);
    font-size: 14px;
}

.shipping-form .checkout-cart .basic-wizard .shipping-wizard .collect-address .form-check-label {
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}

.shipping-form .checkout-cart .basic-wizard .shipping-wizard .card-wrapper {
    cursor: pointer;
    gap: 8px;
}

.shipping-form .checkout-cart .basic-wizard .shipping-wizard .card-wrapper .collect-address .card-icon i {
    display: none;
    transition: 0.3s ease-in-out;
}

.shipping-form .checkout-cart .basic-wizard .shipping-wizard .card-wrapper:hover .collect-address .card-icon i {
    display: block;
    transition: 0.3s ease-in-out;
}

@media (max-width: 1399px) {
    .shipping-form .checkout-cart .basic-wizard .shipping-wizard .card-wrapper:hover .collect-address .card-icon i {
        font-size: 14px;
    }
}

.shipping-form .checkout-cart .basic-wizard .shipping-wizard .shipping-address span {
    color: var(--chart-text-color);
}

.shipping-form .checkout-cart .basic-wizard .shipping-wizard .shipping-address span strong {
    font-weight: 500;
    padding-right: 5px;
    color: rgb(36, 41, 52);
}

[dir="rtl"] .shipping-form .checkout-cart .basic-wizard .shipping-wizard .shipping-address span strong {
    padding-right: unset;
    padding-left: 5px;
}

.shipping-form .checkout-cart .basic-wizard .shipping-wizard .order-confirm {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: start;
    background-color: var(--light-background);
    padding: 12px;
    border-radius: 6px;
    gap: 12px;
}

.shipping-form .checkout-cart .basic-wizard .shipping-wizard .order-confirm img {
    height: 60px;
}

@media (max-width: 575px) {
    .shipping-form .checkout-cart .basic-wizard .shipping-wizard .order-confirm {
        display: block;
        text-align: center;
    }

    .shipping-form .checkout-cart .basic-wizard .shipping-wizard .order-confirm img {
        height: 40px;
        margin-bottom: 8px;
    }
}

.shipping-form .checkout-cart .basic-wizard .wizard-footer .btn:disabled {
    border-color: transparent;
}

.shipping-form .shipping-content .order-confirm img {
    height: 96px;
}

.shipping-form .shipping-method .future-date {
    margin-top: 6px;
    color: var(--chart-text-color);
    font-size: 14px;
}

.shipping-form .shipping-method .card-wrapper.pay-info .row {
    flex-direction: row;
}

.shipping-form .modal-content .modal-body .bootstrap-select .dropdown-toggle {
    border-color: var(--bs-border-color) !important;
}

.summery-contain {
    border-bottom: 1px solid rgb(239, 238, 255);
    padding-bottom: 20px;
}

.summery-contain li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 0px;
    border-bottom: 1px dashed var(--chart-dashed-border);
    gap: 14px;
}

.summery-contain li:first-child {
    padding-top: 0px;
}

.summery-contain li:last-child {
    padding-bottom: 0px;
}

@media (max-width: 1399px) {
    .summery-contain li {
        gap: 10px;
    }
}

.summery-contain li img {
    object-fit: contain;
    width: 60px;
    height: 60px;
}

@media (max-width: 1399px) and (min-width: 576px) {
    .summery-contain li img {
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 575px) {
    .summery-contain li img {
        width: 35px;
        height: 35px;
    }
}

.summery-contain li h6 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.2px;
    color: rgb(82, 82, 108);
    line-height: 1.5;
}

.summery-contain li h6 span {
    font-weight: 500;
    padding-left: 6px;
}

[dir="rtl"] .summery-contain li h6 span {
    padding-left: unset;
    padding-right: 6px;
}

@media (max-width: 1399px) {
    .summery-contain li h6:not(.price) {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.summery-contain li .price {
    margin-left: auto;
}

[dir="rtl"] .summery-contain li .price {
    margin-left: unset;
    margin-right: auto;
}

.summery-contain li:last-child {
    border-bottom: unset;
}

.summary-total {
    padding-top: 5px;
}

.summary-total li {
    padding-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.summary-total li h6 {
    font-weight: 400;
    color: rgb(36, 41, 52);
}

.summary-total li .price {
    margin-left: auto;
    font-weight: 400;
    color: rgb(36, 41, 52);
}

[dir="rtl"] .summary-total li .price {
    margin-left: unset;
    margin-right: auto;
}

.summary-total li:nth-child(4) {
    padding-block: 20px; font-weight: 600;
}

.summary-total li:nth-child(4) h6 {
    color: var(--theme-default);
    font-weight: 500;
}

.summary-total li:last-child {
    border-top: 1px solid rgb(239, 238, 255);
    padding-top: 12px;
}

.summary-total li:last-child h6 {
    font-size: 20px;
    font-weight: 500;
    color: var(--body-font-color);
}

.comingsoon-bgimg {
    background: url("../images/other-images/coming-soon-bg.jpg") center bottom / cover;
}

.basic-comingsoon {
    background: url("../images/other-images/comingsoon.png") center center / cover;
}

.comingsoon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 50px 0px;
}

.comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: rgb(117, 117, 138);
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 20px;
}

.comingsoon .comingsoon-inner .countdown {
    padding: 30px 0px;
    border-top: 1px solid rgb(244, 244, 244);
}

.comingsoon .comingsoon-inner .countdown .time {
    width: 100px;
    height: 100px;
    background-color: var(--theme-default);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 36px;
}

.comingsoon .comingsoon-inner .countdown .title {
    padding-top: 13px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(117, 117, 138);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.comingsoon .comingsoon-inner .countdown ul li {
    display: inline-block;
    text-transform: uppercase;
    margin: 0px 20px;
}

.comingsoon .comingsoon-inner .countdown ul li span {
    display: block;
}

.comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 1s;
}

.updateimg {
    position: absolute;
    left: 15px;
    width: 100px;
    top: 32px;
    line-height: 93px;
    opacity: 0;
}

#right-history {
    top: 81px;
    right: -320px;
    height: 100%;
    position: fixed;
    width: 320px;
    z-index: 9;
    background-color: rgb(255, 255, 255);
    transition: 0.5s;
    box-shadow: rgba(191, 191, 191, 0.36) 0px 0px 9px;
}

[dir="rtl"] #right-history {
    right: unset;
    left: -320px;
}

#right-history h6 span a {
    color: rgb(64, 64, 64);
}

#right-history.show {
    right: 0px;
    transition: 0.3s;
}

[dir="rtl"] #right-history.show {
    right: unset;
    left: 0px;
}

.history-details > div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(5.6px + 0.75vw) 0px;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    flex-wrap: wrap;
    border-top: 1px solid var(--chart-progress-light);
    gap: 8px;
}

.history-details > div i {
    color: rgba(82, 82, 108, 0.8);
}

.history-details .d-flex {
    padding: 20px 15px;
    border-top: 1px solid var(--chart-progress-light);
}

.history-details .d-flex i {
    padding: 5px;
    background: rgb(255, 184, 41);
    color: rgb(255, 255, 255);
    border-radius: 100%;
}

.history-details .d-flex .flex-grow-1 h6 {
    margin-bottom: 0px;
}

.delete-contact {
    display: none;
}

.more-data {
    animation: 1s ease 0s 1 normal none running displayTransition;
}

.contact-editform {
    padding: 30px;
    animation: 1s ease 0s 1 normal none running displayTransition;
}

.contact-editform form .form-control {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.contact-editform form .bootstrap-select .dropdown-toggle {
    margin: 0px;
    width: 100%;
    border-radius: 6px;
    color: rgb(137, 137, 137);
    border-color: rgba(82, 82, 108, 0.1) !important;
}

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

.contact-editform form .bootstrap-select .no-results {
    font-size: 14px;
}

.contact-editform a {
    display: block;
}

.contact-editform button {
    margin-top: 30px;
}

@media (max-width: 1399px) {
    .contact-editform button {
        margin-top: 20px;
    }
}

.contact-editform .select2-container .select2-selection--single {
    height: 39px !important;
    border-color: rgb(206, 212, 218) !important;
}

#deletemodal .modal-header {
    border-bottom: none;
}

#deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px;
}

.email-wrap .email-app-sidebar .main-menu.contact-options li.nav-item:nth-child(2) .btn-mail {
    margin-top: 0px;
}

.list-persons p {
    font-family: Roboto, sans-serif;
}

.list-persons .profile-mail {
    padding: 20px 0px;
}

.list-persons .profile-mail .d-flex .flex-grow-1 .main-contact-option {
    margin-top: 10px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.list-persons .profile-mail .d-flex .flex-grow-1 .main-contact-option li {
    background-color: var(--theme-default);
    padding: 6px 12px;
    border-radius: 6px;
}

.list-persons .profile-mail .d-flex .flex-grow-1 .main-contact-option li a {
    color: rgb(255, 255, 255);
}

.list-persons .profile-mail .d-flex .flex-grow-1 .main-contact-option li + li {
    margin-left: 0px;
}

.list-persons .profile-mail .d-flex {
    -webkit-box-pack: justify;
    padding-right: 15px;
}

[dir="rtl"] .list-persons .profile-mail .d-flex {
    padding-right: unset;
    padding-left: 15px;
}

@media (max-width: 575px) {
    .list-persons .profile-mail .d-flex {
        flex-wrap: wrap;
        gap: 15px;
    }

    .list-persons .profile-mail .d-flex img {
        margin: 0px !important;
    }
}

@media (max-width: 420px) {
    .list-persons .profile-mail .d-flex {
        flex-direction: column;
        gap: 10px;
    }
}

.list-persons .profile-mail .d-flex img {
    height: 100px;
    cursor: pointer;
}

.list-persons .profile-mail .d-flex .flex-grow-1 h5 span + span {
    padding-left: 6px;
}

[dir="rtl"] .list-persons .profile-mail .d-flex .flex-grow-1 h5 span + span {
    padding-left: unset;
    padding-right: 6px;
}

.list-persons .profile-mail .common-flex img {
    height: 70px;
}

.list-persons .profile-mail .common-flex .flex-grow-1 ul {
    margin-top: 5px;
}

.list-persons .profile-mail .common-flex .flex-grow-1 ul li {
    display: inline-block;
}

.list-persons .profile-mail .common-flex .flex-grow-1 ul li a {
    font-size: 13px;
}

.list-persons .profile-mail .common-flex .flex-grow-1 ul li + li {
    padding-left: 10px;
    margin-left: 5px;
    border-left: 2px solid rgb(244, 244, 244);
}

[dir="rtl"] .list-persons .profile-mail .common-flex .flex-grow-1 ul li + li {
    padding-left: unset;
    margin-left: unset;
    border-left: unset;
    padding-right: 10px;
    margin-right: 5px;
    border-right: 2px solid rgb(244, 244, 244);
}

.list-persons .profile-mail .email-general {
    padding-top: 20px;
}

.list-persons .profile-mail .email-general ul {
    padding-right: 20px;
}

.list-persons .profile-mail .email-general ul li {
    color: rgb(137, 137, 137);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.list-persons .profile-mail .email-general ul li > span:first-child, .list-persons .profile-mail .email-general ul li > span:last-child {
    min-width: 108px;
}

@media (max-width: 575px) {
    .list-persons .profile-mail .email-general ul li > span:first-child, .list-persons .profile-mail .email-general ul li > span:last-child {
        min-width: 140px;
    }
}

.list-persons .profile-mail .email-general ul li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.contacts-tabs .nav-pills {
    border-right: 1px solid rgb(244, 244, 244);
    height: 100%;
}

.contacts-tabs .nav-pills .nav-link.active, .contacts-tabs .nav-pills .nav-link > .nav-link, .contacts-tabs .nav-pills .show.active, .contacts-tabs .nav-pills .show > .nav-link {
    background-color: rgba(115, 102, 255, 0.05);
    color: rgb(64, 64, 64);
}

.contacts-tabs .nav-pills .nav-link.active .d-flex, .contacts-tabs .nav-pills .nav-link > .nav-link .d-flex, .contacts-tabs .nav-pills .show.active .d-flex, .contacts-tabs .nav-pills .show > .nav-link .d-flex {
    border-left: 2px solid var(--theme-default);
}

[dir="rtl"] .contacts-tabs .nav-pills .nav-link.active .d-flex, [dir="rtl"] .contacts-tabs .nav-pills .nav-link > .nav-link .d-flex, [dir="rtl"] .contacts-tabs .nav-pills .show.active .d-flex, [dir="rtl"] .contacts-tabs .nav-pills .show > .nav-link .d-flex {
    border-left: unset;
    border-right: 2px solid var(--theme-default);
}

.contacts-tabs .nav-pills .nav-link {
    color: rgb(64, 64, 64);
    padding: 0px;
}

.contacts-tabs .nav-pills .nav-link .d-flex {
    border-left: 2px solid transparent;
}

[dir="rtl"] .contacts-tabs .nav-pills .nav-link .d-flex {
    border-left: unset;
    border-right: 2px solid transparent;
}

.contacts-tabs .nav-pills .nav-link .d-flex .img-50 {
    height: 50px;
}

.contacts-tabs .nav-pills .nav-link + .nav-link {
    border-top: 1px solid rgb(244, 244, 244);
    border-radius: 0px;
}

.contacts-tabs .nav-pills .d-flex {
    padding: 20px;
}

.contacts-tabs .tab-content .tab-content-child {
    animation: 1s ease 0s 1 normal none running displayTransition;
}

.contacts-tabs .tab-content .modal-header .pull-right a {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    background-color: rgba(115, 102, 255, 0.1);
    display: grid;
    place-items: center;
}

.contacts-tabs .tab-content .modal-header .pull-right i {
    font-size: 14px;
    color: var(--theme-default);
}

@media only screen and (max-width: 991px) {
    #right-history {
        top: 60px;
    }

    .updateimg {
        top: 21px;
    }

    .list-persons .profile-mail {
        padding: 20px;
    }

    .contact-editform button {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .contact-editform {
        padding: 20px;
    }

    .contact-editform.pl-0 {
        padding-left: 20px !important;
    }

    .contacts-tabs .nav-pills {
        border-right: none;
        border-bottom: 1px solid rgb(244, 244, 244);
    }
}

@media only screen and (max-width: 575px) {
    #right-history {
        width: 308px;
    }

    .updateimg {
        top: 16px;
        left: 29px;
    }

    .contacts-tabs .d-flex img.m-r-20 {
        margin-right: 15px;
    }

    .contacts-tabs .nav-pills .d-flex {
        padding: 15px;
    }

    .list-persons .profile-mail {
        padding: 15px;
    }

    .list-persons .nav-pills .nav-link .d-flex .flex-grow-1 {
        text-align: left;
    }

    .contact-editform button {
        margin-top: 15px;
    }

    .contact-editform.pl-0 {
        padding-left: 15px !important;
    }

    .contact-editform form .row > div .row > div > div, .contact-options form .row > div .row > div > div {
        margin-bottom: 0px;
    }

    .contact-editform form .row > div .row > div + div, .contact-options form .row > div .row > div + div {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 360px) {
    .updateimg {
        line-height: 73px;
        width: 80px;
    }

    .list-persons .profile-mail .flex-grow-1 {
        display: block;
    }

    .list-persons .profile-mail .flex-grow-1 img {
        height: 80px;
        margin-bottom: 15px;
        width: 80px !important;
    }
}

.dark-contact .nav .nav-link .d-flex .flex-grow-1 h6 {
    color: var(--body-font-color);
    font-weight: 400;
    margin-bottom: 0px;
}

.dark-contact .nav .nav-link .d-flex .flex-grow-1 h6 span + span {
    padding-left: 6px;
}

.e-common-button .btn:first-child {
    margin-right: 12px;
}

@media (max-width: 356px) {
    .e-common-button .btn:first-child {
        margin-bottom: 8px;
    }
}

.e-common-button .btn svg {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 6px;
}

.main-title-box .common-space {
    flex-wrap: wrap;
}

@media (max-width: 1254px) {
    .main-title-box .common-space {
        display: block;
    }

    .main-title-box .common-space h6 {
        margin-bottom: 12px;
        line-height: 1.5;
    }
}

.balance-widget {
    background-image: url("../images/dashboard-2/balance-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

@media (max-width: 400px) {
    .balance-widget .purchase-btn {
        font-size: 14px;
    }
}

.balance-widget .mobile-right-img {
    position: absolute;
    top: 60%;
    right: -15%;
    transform: translate(-50%, -50%);
}

@media (max-width: 1475px) and (min-width: 1400px) {
    .balance-widget .mobile-right-img {
        right: -18%;
    }
}

@media (max-width: 1399px) and (min-width: 936px) {
    .balance-widget .mobile-right-img {
        right: -10%;
    }
}

@media (max-width: 935px) and (min-width: 768px) {
    .balance-widget .mobile-right-img {
        right: -15%;
    }
}

@media (max-width: 767px) and (min-width: 621px) {
    .balance-widget .mobile-right-img {
        right: -35px;
    }
}

@media (max-width: 620px) and (min-width: 521px) {
    .balance-widget .mobile-right-img {
        right: -60px;
    }
}

@media (max-width: 520px) {
    .balance-widget .mobile-right-img {
        right: -75px;
    }
}

.balance-widget .mobile-right-img .mobile-img {
    height: 110px;
}

@media (max-width: 865px) and (min-width: 787px) {
    .balance-widget .mobile-right-img .mobile-img {
        height: 90px;
    }
}

@media (max-width: 786px) and (min-width: 768px) {
    .balance-widget .mobile-right-img .mobile-img {
        height: 80px;
    }
}

@media (max-width: 767px) {
    .balance-widget .mobile-right-img .mobile-img {
        height: 104px;
    }
}

@media (max-width: 475px) and (min-width: 436px) {
    .balance-widget .mobile-right-img {
        right: -52px;
    }

    .balance-widget .mobile-right-img .mobile-img {
        height: 82px;
    }
}

@media (max-width: 435px) and (min-width: 401px) {
    .balance-widget .mobile-right-img {
        right: -46px;
    }

    .balance-widget .mobile-right-img .mobile-img {
        height: 70px;
    }
}

@media (max-width: 400px) {
    .balance-widget .mobile-right-img {
        right: -35px;
        top: 38%;
    }

    .balance-widget .mobile-right-img .mobile-img {
        height: 55px;
    }
}

[dir="rtl"] .balance-widget {
    text-align: right;
}

.balance-widget.card-body {
    padding: 20px 15px;
}

.balance-widget .purchase-btn {
    min-width: 170px;
}

.small-widget {
    overflow: hidden;
}

.small-widget h4 {
    margin-bottom: -3px;
}

.small-widget i {
    font-weight: 700;
    font-size: 11px;
}

.small-widget .card-body {
    padding: 24px 15px;
}

.small-widget .bg-gradient {
    width: 66px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    right: -12px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

[dir="rtl"] .small-widget .bg-gradient {
    right: unset;
    left: -12px;
    transform: translateY(-50%) scaleX(-1);
}

@media (max-width: 1399px) {
    .small-widget .bg-gradient {
        width: 60px;
        height: 60px;
    }
}

.small-widget .bg-gradient svg {
    width: 25px;
    height: 25px;
}

@media (max-width: 1399px) {
    .small-widget .bg-gradient svg {
        width: 22px;
        height: 22px;
    }
}

.small-widget:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

.small-widget:hover .bg-gradient svg {
    animation: 1.5s ease 0s infinite normal none running tada;
}

.order-wrapper {
    margin: 0px 0px -20px -16px;
}

.categories-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

@media (max-width: 767px) {
    .categories-list {
        flex-flow: wrap;
    }
}

.categories-list li {
    gap: 10px;
}

.categories-list li .bg-light {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories-list li .bg-light img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    transition: 0.5s;
}

.categories-list li h6 a {
    transition: 0.5s;
    color: var(--body-font-color);
}

.categories-list li:hover .bg-light img {
    transition: 0.5s;
    transform: scale(1.1);
}

.categories-list li:hover h6 a {
    transition: 0.5s;
    color: var(--theme-default);
}

.monthly-profit {
    margin-top: -10px;
}

@media (max-width: 1584px) {
    .monthly-profit {
        margin: -10px -8px 0px;
    }
}

@media (max-width: 1520px) {
    .monthly-profit {
        margin: -10px -16px 0px;
    }
}

@media (max-width: 1500px) {
    .monthly-profit {
        margin: -10px -14px 0px;
    }
}

@media (max-width: 1472px) {
    .monthly-profit {
        margin: -10px -20px 0px;
    }
}

@media (max-width: 1424px) {
    .monthly-profit {
        margin: -10px -25px 0px;
    }
}

.monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
    margin-right: 6px;
}

.monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    font-size: 14px;
    font-weight: 500;
    fill: var(--chart-text-color);
    font-family: Rubik, sans-serif !important;
}

.monthly-profit .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group [class*="apexcharts-tooltip-text-y-"] {
    color: var(--white);
}

.overview-wrapper {
    position: relative;
    z-index: 1;
}

.back-bar-container {
    position: absolute;
    width: calc(100% - 64px);
    bottom: -8px;
    left: 28px;
    margin: 0px auto !important;
}

@media (max-width: 1199px) {
    .back-bar-container {
        bottom: 22px;
    }
}

@media (max-width: 480px) {
    .back-bar-container {
        width: calc(100% - 34px);
        left: 18px;
    }
}

@media (max-width: 327px) {
    .back-bar-container {
        bottom: 42px;
    }
}

@media (max-width: 342px) {
    .back-bar-container {
        margin-bottom: 24px !important;
    }
}

@media (max-width: 850px) and (min-width: 768px) {
    .overview-card .w-md-100 {
        width: 100%;
    }

    .overview-card .ds-md-none {
        display: none !important;
    }
}

.overview-card .balance-data {
    right: -158px;
    top: -43px;
}

@media (max-width: 1808px) and (min-width: 1759px) {
    .overview-card .balance-data {
        right: -150px;
    }
}

@media (max-width: 1758px) and (min-width: 1400px) {
    .overview-card .balance-data {
        right: -142px;
    }
}

@media (max-width: 1399px) and (min-width: 1346px) {
    .overview-card .balance-data {
        right: -175px;
    }
}

@media (max-width: 1345px) and (min-width: 1291px) {
    .overview-card .balance-data {
        right: -162px;
    }
}

@media (max-width: 1290px) and (min-width: 1236px) {
    .overview-card .balance-data {
        right: -150px;
    }
}

@media (max-width: 1235px) and (min-width: 1050px) {
    .overview-card .balance-data {
        right: -135px;
    }
}

@media (max-width: 1049px) and (min-width: 991px) {
    .overview-card .balance-data {
        right: -124px;
    }
}

@media (max-width: 990px) {
    .overview-card .balance-data {
        display: none;
    }
}

[dir="rtl"] .overview-card .balance-data {
    right: unset;
    left: 12px;
}

@media (max-width: 767px) {
    .overview-card .balance-data {
        right: -40%;
    }

    [dir="rtl"] .overview-card .balance-data {
        left: -40%;
    }
}

.order-container .apexcharts-canvas .apexcharts-marker {
    stroke-width: 4;
}

.purchase-card.discover {
    margin-top: 90px;
}

@media (max-width: 1488px) {
    .purchase-card.discover .card-body p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1143px) and (min-width: 992px) {
    .purchase-card.discover .card-body p {
        -webkit-line-clamp: 1;
    }
}

.purchase-card.discover img {
    width: 216px;
    margin: -90px auto 0px;
}

@media (max-width: 1638px) and (min-width: 1200px) {
    .purchase-card.discover img {
        width: 200px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .purchase-card.discover img {
        width: 228px;
    }
}

@media (max-width: 1399px) and (min-width: 992px) {
    .purchase-card.discover img {
        margin-top: -75px;
    }
}

@media (max-width: 991px) {
    .purchase-card.discover img {
        width: 204px;
    }
}

@media (max-width: 618px) {
    .purchase-card.discover img {
        width: 200px;
    }
}

.visitor-card .card-header svg {
    width: 18px;
    height: 18px;
    fill: var(--theme-default);
}

.visitors-container {
    margin: 0px -12px -27px -17px;
}

.visitors-container svg .apexcharts-series path {
    clip-path: inset(1% 0% 0% round 3rem);
}

.visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex;
}

.recent-order .nav {
    gap: 8px;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 5px;
    display: flex;
}

.recent-order .frame-box {
    border: 1px solid transparent;
    padding: 0px;
}

.recent-order .frame-box.active {
    border: 1px solid var(--theme-default);
}

.recent-order .tab-content {
    margin-top: 16px;
}

.recent-order .recent-items table thead tr th:first-child, .recent-order .recent-items table thead tr td:first-child, .recent-order .recent-items table tbody tr th:first-child, .recent-order .recent-items table tbody tr td:first-child {
    min-width: 175px;
}

.recent-order .recent-items table thead tr th:nth-child(2), .recent-order .recent-items table thead tr td:nth-child(2), .recent-order .recent-items table tbody tr th:nth-child(2), .recent-order .recent-items table tbody tr td:nth-child(2) {
    min-width: auto;
}

.recent-table table thead {
    background: var(--light2);
}

.recent-table table thead th {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: none;
}

.recent-table table tr td, .recent-table table tr th {
    padding: 12px 8px;
    vertical-align: middle;
}

.recent-table table tr td:first-child, .recent-table table tr th:first-child {
    min-width: 157px;
}

@media (max-width: 1660px) {
    .recent-table table tr td:nth-child(2), .recent-table table tr th:nth-child(2) {
        min-width: 97px;
    }
}

.recent-table table tr td:last-child, .recent-table table tr th:last-child {
    min-width: 96px;
}

.recent-table table tr td:first-child {
    padding-left: 0px;
}

[dir="rtl"] .recent-table table tr td:first-child {
    padding-left: unset;
    padding-right: 0px;
}

.recent-table table tr td:last-child {
    padding-right: 0px;
}

[dir="rtl"] .recent-table table tr td:last-child {
    padding-left: 0px;
    padding-right: unset;
}

.recent-table table tr .product-content h6 a {
    color: var(--body-font-color);
    transition: 0.5s;
}

.recent-table table tr:hover .product-content h6 a {
    color: var(--theme-default);
    transition: 0.5s;
}

.recent-table .product-content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.recent-table .product-content .order-image {
    background: var(--light2);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recent-table svg {
    width: 20px;
    height: 20px;
}

.recent-table .recent-status {
    display: flex;
    align-items: center;
}

.recent-table .recent-status.font-success svg {
    fill: rgb(101, 193, 92);
}

.recent-table .recent-status.font-danger svg {
    fill: rgb(252, 86, 74);
}

.recent-activity h5 {
    padding: 30px 0px 20px;
    margin-bottom: 0px;
}

.recent-activity h6 {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

.recent-activity ul li span {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

.recent-activity ul li:last-child {
    padding-bottom: 0px;
}

.notification li .recent-images ul::before {
    display: none;
}

.notification li .recent-images li {
    padding-bottom: 3px;
}

.recent-images {
    margin-top: 10px;
}

.recent-images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.recent-images li {
    border: 1px dashed var(--recent-dashed-border);
    padding: 3px;
    border-radius: 2px;
}

.recent-images li .recent-img-wrap {
    width: 40px;
    height: 40px;
    background: var(--light2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.frame-box {
    background: var(--recent-box-bg);
    border-radius: 10px;
    min-width: auto;
    box-shadow: 2px 2px 2px var(--recent-border);
}

.frame-box .frame-image {
    min-width: 57px;
    height: 57px;
    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
    border-width: 1px;
    border-style: solid;
    margin: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

@media (max-width: 1880px) and (min-width: 1800px) {
    .frame-box .frame-image {
        min-width: 52px;
        height: 52px;
    }
}

@media (max-width: 1638px) and (min-width: 1567px) {
    .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
    }
}

@media (max-width: 1575px) and (min-width: 1500px) {
    .frame-box .frame-image {
        min-width: 45px;
        height: 45px;
    }
}

@media (max-width: 1499px) and (min-width: 1200px) {
    .frame-box .frame-image {
        min-width: 40px;
        height: 40px;
    }
}

@media (max-width: 608px) {
    .frame-box .frame-image {
        min-width: 40px;
        height: 40px;
    }
}

@media (max-width: 575px) {
    .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
        margin: 4px;
    }
}

.frame-box img {
    margin: 0px auto;
}

@media (max-width: 1575px) {
    .frame-box img {
        height: 22px;
        width: 30px;
        object-fit: contain;
    }
}

.new-update .d-flex .flex-grow-1 span, .new-update .d-flex .flex-grow-1 p {
    font-weight: 500;
}

.activity-dot-primary {
    min-width: 6px;
    height: 6px;
    background-color: rgb(115, 102, 255);
    border-radius: 100%;
    outline: rgba(115, 102, 255, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

.timeline-dot-primary {
    min-width: 12px;
    height: 12px;
    background-color: rgb(115, 102, 255);
    outline: rgba(115, 102, 255, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1399px) {
    .timeline-dot-primary {
        min-width: 10px;
        height: 10px;
        outline: rgba(115, 102, 255, 0.25) solid 4px;
    }
}

.activity-dot-secondary {
    min-width: 6px;
    height: 6px;
    background-color: rgb(131, 131, 131);
    border-radius: 100%;
    outline: rgba(131, 131, 131, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

.timeline-dot-secondary {
    min-width: 12px;
    height: 12px;
    background-color: rgb(131, 131, 131);
    outline: rgba(131, 131, 131, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1399px) {
    .timeline-dot-secondary {
        min-width: 10px;
        height: 10px;
        outline: rgba(131, 131, 131, 0.25) solid 4px;
    }
}

.activity-dot-success {
    min-width: 6px;
    height: 6px;
    background-color: rgb(101, 193, 92);
    border-radius: 100%;
    outline: rgba(101, 193, 92, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

.timeline-dot-success {
    min-width: 12px;
    height: 12px;
    background-color: rgb(101, 193, 92);
    outline: rgba(101, 193, 92, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1399px) {
    .timeline-dot-success {
        min-width: 10px;
        height: 10px;
        outline: rgba(101, 193, 92, 0.25) solid 4px;
    }
}

.activity-dot-danger {
    min-width: 6px;
    height: 6px;
    background-color: rgb(252, 86, 74);
    border-radius: 100%;
    outline: rgba(252, 86, 74, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

.timeline-dot-danger {
    min-width: 12px;
    height: 12px;
    background-color: rgb(252, 86, 74);
    outline: rgba(252, 86, 74, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1399px) {
    .timeline-dot-danger {
        min-width: 10px;
        height: 10px;
        outline: rgba(252, 86, 74, 0.25) solid 4px;
    }
}

.activity-dot-info {
    min-width: 6px;
    height: 6px;
    background-color: rgb(64, 184, 245);
    border-radius: 100%;
    outline: rgba(64, 184, 245, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

.timeline-dot-info {
    min-width: 12px;
    height: 12px;
    background-color: rgb(64, 184, 245);
    outline: rgba(64, 184, 245, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1399px) {
    .timeline-dot-info {
        min-width: 10px;
        height: 10px;
        outline: rgba(64, 184, 245, 0.25) solid 4px;
    }
}

.activity-dot-light {
    min-width: 6px;
    height: 6px;
    background-color: rgb(244, 244, 244);
    border-radius: 100%;
    outline: rgba(244, 244, 244, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

.timeline-dot-light {
    min-width: 12px;
    height: 12px;
    background-color: rgb(244, 244, 244);
    outline: rgba(244, 244, 244, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1399px) {
    .timeline-dot-light {
        min-width: 10px;
        height: 10px;
        outline: rgba(244, 244, 244, 0.25) solid 4px;
    }
}

.activity-dot-dark {
    min-width: 6px;
    height: 6px;
    background-color: rgb(63, 71, 90);
    border-radius: 100%;
    outline: rgba(63, 71, 90, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

.timeline-dot-dark {
    min-width: 12px;
    height: 12px;
    background-color: rgb(63, 71, 90);
    outline: rgba(63, 71, 90, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1399px) {
    .timeline-dot-dark {
        min-width: 10px;
        height: 10px;
        outline: rgba(63, 71, 90, 0.25) solid 4px;
    }
}

.activity-dot-warning {
    min-width: 6px;
    height: 6px;
    background-color: rgb(255, 184, 41);
    border-radius: 100%;
    outline: rgba(255, 184, 41, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

.timeline-dot-warning {
    min-width: 12px;
    height: 12px;
    background-color: rgb(255, 184, 41);
    outline: rgba(255, 184, 41, 0.25) solid 5px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1399px) {
    .timeline-dot-warning {
        min-width: 10px;
        height: 10px;
        outline: rgba(255, 184, 41, 0.25) solid 4px;
    }
}

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
    .grid-ed-none {
        display: none !important;
    }

    .grid-ed-12 {
        width: 100%;
    }
}

@media only screen and (max-width: 1660px) and (min-width: 1400px) {
    .col-ed-12 {
        width: 100%;
    }

    .col-ed-7 {
        width: 58%;
    }

    .col-ed-5 {
        width: 42%;
    }

    .col-ed-9 {
        width: 75%;
    }

    .col-ed-3 {
        width: 25%;
    }

    .col-ed-6 {
        width: 50%;
    }

    .col-ed-4 {
        width: 33.3333%;
    }

    .col-ed-8 {
        width: 66.66%;
    }

    .col-ed-none {
        display: none !important;
    }
}

@media only screen and (max-width: 1660px) and (min-width: 1200px) {
    .xl-30 {
        max-width: 30%;
        flex: 0 0 30%;
    }

    .xl-70 {
        max-width: 70%;
        flex: 0 0 70%;
    }
}

@media only screen and (max-width: 420px) {
    .size-column .col-6 {
        width: 100%;
    }
}

@media (max-width: 690px) {
    .recent-transaction .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.recent-transaction thead tr th, .recent-transaction thead tr td, .recent-transaction tbody tr th, .recent-transaction tbody tr td {
    color: var(--body-font-color);
}

.recent-transaction thead tr th:first-child, .recent-transaction thead tr td:first-child, .recent-transaction tbody tr th:first-child, .recent-transaction tbody tr td:first-child {
    padding-left: 20px;
}

.recent-transaction thead tr th:last-child, .recent-transaction thead tr td:last-child, .recent-transaction tbody tr th:last-child, .recent-transaction tbody tr td:last-child {
    padding-right: 20px;
}

.recent-transaction thead tr th:first-child, .recent-transaction thead tr td:first-child, .recent-transaction tbody tr th:first-child, .recent-transaction tbody tr td:first-child {
    min-width: auto;
}

@media (max-width: 1454px) and (min-width: 1200px) {
    .recent-transaction thead tr th:nth-child(2), .recent-transaction thead tr td:nth-child(2), .recent-transaction tbody tr th:nth-child(2), .recent-transaction tbody tr td:nth-child(2) {
        display: none;
    }
}

@media (max-width: 903px) {
    .recent-transaction thead tr th:nth-child(2), .recent-transaction thead tr td:nth-child(2), .recent-transaction tbody tr th:nth-child(2), .recent-transaction tbody tr td:nth-child(2) {
        min-width: 114px;
    }

    .recent-transaction thead tr th:nth-child(3), .recent-transaction thead tr th:nth-child(4), .recent-transaction thead tr td:nth-child(3), .recent-transaction thead tr td:nth-child(4), .recent-transaction tbody tr th:nth-child(3), .recent-transaction tbody tr th:nth-child(4), .recent-transaction tbody tr td:nth-child(3), .recent-transaction tbody tr td:nth-child(4) {
        min-width: 90px;
    }

    .recent-transaction thead tr th:nth-child(5), .recent-transaction thead tr td:nth-child(5), .recent-transaction tbody tr th:nth-child(5), .recent-transaction tbody tr td:nth-child(5) {
        min-width: 104px;
    }

    .recent-transaction thead tr th:nth-child(7), .recent-transaction thead tr td:nth-child(7), .recent-transaction tbody tr th:nth-child(7), .recent-transaction tbody tr td:nth-child(7) {
        min-width: 110px;
    }

    .recent-transaction thead tr th:last-child, .recent-transaction thead tr td:last-child, .recent-transaction tbody tr th:last-child, .recent-transaction tbody tr td:last-child {
        min-width: 108px;
    }
}

.recent-transaction thead tr th {
    color: rgb(82, 82, 108);
}

.stock-report .table-responsive .table thead tr th, .stock-report .table-responsive .table thead tr td, .stock-report .table-responsive .table tbody tr th, .stock-report .table-responsive .table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.stock-report .table-responsive .table thead tr th:first-child, .stock-report .table-responsive .table thead tr td:first-child, .stock-report .table-responsive .table tbody tr th:first-child, .stock-report .table-responsive .table tbody tr td:first-child {
    padding-left: 20px;
}

.stock-report .table-responsive .table thead tr th:last-child, .stock-report .table-responsive .table thead tr td:last-child, .stock-report .table-responsive .table tbody tr th:last-child, .stock-report .table-responsive .table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1798px) and (min-width: 1400px) {
    .stock-report .table-responsive .table thead tr th:last-child, .stock-report .table-responsive .table thead tr td:last-child, .stock-report .table-responsive .table tbody tr th:last-child, .stock-report .table-responsive .table tbody tr td:last-child {
        display: none;
    }
}

.stock-report .table-responsive .table thead tr th:last-child .btn, .stock-report .table-responsive .table thead tr td:last-child .btn, .stock-report .table-responsive .table tbody tr th:last-child .btn, .stock-report .table-responsive .table tbody tr td:last-child .btn {
    min-width: 142px;
}

.stock-report .table-responsive .table thead tr th a, .stock-report .table-responsive .table thead tr td a, .stock-report .table-responsive .table tbody tr th a, .stock-report .table-responsive .table tbody tr td a {
    color: var(--body-font-color);
}

.stock-report .table-responsive .table thead tr th .img-border, .stock-report .table-responsive .table thead tr td .img-border, .stock-report .table-responsive .table tbody tr th .img-border, .stock-report .table-responsive .table tbody tr td .img-border {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--light2);
    padding: 4px;
    display: flex;
    justify-content: center;
    border: 1px solid var(--chart-progress-light);
    align-items: center;
}

.stock-report .table-responsive .table thead tr th .img-border img, .stock-report .table-responsive .table thead tr td .img-border img, .stock-report .table-responsive .table tbody tr th .img-border img, .stock-report .table-responsive .table tbody tr td .img-border img {
    height: 32px;
}

@media (max-width: 1798px) {
    .stock-report .table-responsive .table thead tr th:nth-child(4), .stock-report .table-responsive .table thead tr td:nth-child(4), .stock-report .table-responsive .table tbody tr th:nth-child(4), .stock-report .table-responsive .table tbody tr td:nth-child(4) {
        padding-right: 20px;
    }
}

@media (max-width: 1543px) and (min-width: 1400px) {
    .stock-report .table-responsive .table thead tr th, .stock-report .table-responsive .table thead tr td, .stock-report .table-responsive .table tbody tr th, .stock-report .table-responsive .table tbody tr td {
        min-width: auto;
    }

    .stock-report .table-responsive .table thead tr th:last-child, .stock-report .table-responsive .table thead tr td:last-child, .stock-report .table-responsive .table tbody tr th:last-child, .stock-report .table-responsive .table tbody tr td:last-child {
        display: none;
    }
}

@media (max-width: 700px) {
    .stock-report .table-responsive .table thead tr th:first-child, .stock-report .table-responsive .table thead tr td:first-child, .stock-report .table-responsive .table tbody tr th:first-child, .stock-report .table-responsive .table tbody tr td:first-child {
        min-width: 168px;
    }

    .stock-report .table-responsive .table thead tr th:nth-child(2), .stock-report .table-responsive .table thead tr td:nth-child(2), .stock-report .table-responsive .table tbody tr th:nth-child(2), .stock-report .table-responsive .table tbody tr td:nth-child(2) {
        min-width: 104px;
    }

    .stock-report .table-responsive .table thead tr th:nth-child(3), .stock-report .table-responsive .table thead tr td:nth-child(3), .stock-report .table-responsive .table tbody tr th:nth-child(3), .stock-report .table-responsive .table tbody tr td:nth-child(3) {
        min-width: 85px;
    }

    .stock-report .table-responsive .table thead tr th:nth-child(4), .stock-report .table-responsive .table thead tr td:nth-child(4), .stock-report .table-responsive .table tbody tr th:nth-child(4), .stock-report .table-responsive .table tbody tr td:nth-child(4) {
        min-width: 65px;
    }

    .stock-report .table-responsive .table thead tr th:last-child, .stock-report .table-responsive .table thead tr td:last-child, .stock-report .table-responsive .table tbody tr th:last-child, .stock-report .table-responsive .table tbody tr td:last-child {
        min-width: 174px;
    }
}

.stock-report .table-responsive .table thead tr .img-border img, .stock-report .table-responsive .table tbody tr .img-border img {
    transition: 0.5s;
}

.stock-report .table-responsive .table thead tr:hover td .img-border img, .stock-report .table-responsive .table tbody tr:hover td .img-border img {
    transition: 0.5s;
    transform: scale(1.1);
}

.stock-report .table-responsive .table thead tr th {
    color: rgb(82, 82, 108);
}

@media (max-width: 886px) {
    .seller-table .dt-layout-row .dt-search {
        display: none;
    }
}

.seller-table thead tr th, .seller-table thead tr td, .seller-table tbody tr th, .seller-table tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.seller-table thead tr th a, .seller-table thead tr td a, .seller-table tbody tr th a, .seller-table tbody tr td a {
    color: var(--body-font-color);
}

.seller-table thead tr th .common-flex img, .seller-table thead tr td .common-flex img, .seller-table tbody tr th .common-flex img, .seller-table tbody tr td .common-flex img {
    height: 40px;
}

@media (max-width: 1213px) and (min-width: 1200px) {
    .seller-table thead tr th .common-flex, .seller-table thead tr td .common-flex, .seller-table tbody tr th .common-flex, .seller-table tbody tr td .common-flex {
        gap: 7px;
    }

    .seller-table thead tr th .common-flex img, .seller-table thead tr td .common-flex img, .seller-table tbody tr th .common-flex img, .seller-table tbody tr td .common-flex img {
        height: 38px;
    }
}

.seller-table thead tr th:first-child, .seller-table thead tr td:first-child, .seller-table tbody tr th:first-child, .seller-table tbody tr td:first-child {
    padding-left: 20px;
}

.seller-table thead tr th:last-child, .seller-table thead tr td:last-child, .seller-table tbody tr th:last-child, .seller-table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1650px) and (min-width: 1200px) {
    .seller-table thead tr th:nth-child(3), .seller-table thead tr td:nth-child(3), .seller-table tbody tr th:nth-child(3), .seller-table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1179px) {
    .seller-table thead tr th:nth-child(2), .seller-table thead tr td:nth-child(2), .seller-table tbody tr th:nth-child(2), .seller-table tbody tr td:nth-child(2) {
        min-width: 140px;
    }

    .seller-table thead tr th:nth-child(3), .seller-table thead tr td:nth-child(3), .seller-table tbody tr th:nth-child(3), .seller-table tbody tr td:nth-child(3) {
        min-width: 75px;
    }
}

.seller-table thead tr th {
    color: rgb(82, 82, 108);
}

.payment-gateway .pay-box {
    margin-bottom: 13px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.payment-gateway .pay-box:last-child {
    margin-bottom: 0px;
}

.payment-gateway .pay-box:hover .outer-svg-box svg {
    animation: 1.5s ease 0s infinite normal none running tada;
}

.payment-gateway .pay-box .outer-line {
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    border-radius: 50%;
}

.payment-gateway .pay-box .outer-line .outer-svg-box {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

@media (max-width: 1652px) {
    .payment-gateway .pay-box .outer-line .outer-svg-box {
        width: 29px;
        height: 29px;
    }

    .payment-gateway .pay-box .outer-line .outer-svg-box svg {
        width: 16px;
        height: 16px;
    }
}

.payment-gateway .pay-box .outer-line .outer-svg-box svg {
    width: 18px;
    height: 18px;
}

.payment-gateway .pay-box a {
    color: var(--body-font-color);
}

@media (max-width: 1316px) and (min-width: 1200px) {
    .payment-gateway .pay-box:last-child {
        display: none;
    }

    .payment-gateway .pay-box:nth-child(5) {
        margin-bottom: 0px;
    }
}

@media (max-width: 1141px) and (min-width: 992px) {
    .payment-gateway .pay-box:last-child {
        display: none;
    }

    .payment-gateway .pay-box:nth-child(5) {
        margin-bottom: 0px;
    }
}

@media (max-width: 850px) and (min-width: 768px) {
    .payment-gateway .pay-box:last-child {
        display: none;
    }

    .payment-gateway .pay-box:nth-child(5) {
        margin-bottom: 0px;
    }
}

.treading-product .table-responsive .table thead tr th, .treading-product .table-responsive .table thead tr td, .treading-product .table-responsive .table tbody tr th, .treading-product .table-responsive .table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.treading-product .table-responsive .table thead tr th:first-child, .treading-product .table-responsive .table thead tr td:first-child, .treading-product .table-responsive .table tbody tr th:first-child, .treading-product .table-responsive .table tbody tr td:first-child {
    padding-left: 20px;
}

@media (max-width: 812px) {
    .treading-product .table-responsive .table thead tr th:first-child, .treading-product .table-responsive .table thead tr td:first-child, .treading-product .table-responsive .table tbody tr th:first-child, .treading-product .table-responsive .table tbody tr td:first-child {
        min-width: 140px;
    }
}

.treading-product .table-responsive .table thead tr th:last-child, .treading-product .table-responsive .table thead tr td:last-child, .treading-product .table-responsive .table tbody tr th:last-child, .treading-product .table-responsive .table tbody tr td:last-child {
    padding-right: 20px;
}

.treading-product .table-responsive .table thead tr th a, .treading-product .table-responsive .table thead tr td a, .treading-product .table-responsive .table tbody tr th a, .treading-product .table-responsive .table tbody tr td a {
    color: var(--body-font-color);
}

@media (max-width: 1454px) {
    .treading-product .table-responsive .table thead tr th .common-flex, .treading-product .table-responsive .table thead tr td .common-flex, .treading-product .table-responsive .table tbody tr th .common-flex, .treading-product .table-responsive .table tbody tr td .common-flex {
        gap: 8px;
    }
}

.treading-product .table-responsive .table thead tr th img, .treading-product .table-responsive .table thead tr td img, .treading-product .table-responsive .table tbody tr th img, .treading-product .table-responsive .table tbody tr td img {
    height: 32px;
}

@media (max-width: 1552px) and (min-width: 1550px) {
    .treading-product .table-responsive .table thead tr th img, .treading-product .table-responsive .table thead tr td img, .treading-product .table-responsive .table tbody tr th img, .treading-product .table-responsive .table tbody tr td img {
        height: 39px;
    }
}

@media (max-width: 362px) {
    .treading-product .table-responsive .table thead tr th:first-child, .treading-product .table-responsive .table thead tr td:first-child, .treading-product .table-responsive .table tbody tr th:first-child, .treading-product .table-responsive .table tbody tr td:first-child {
        min-width: 168px;
    }
}

.treading-product .table-responsive .table thead tr th {
    color: rgb(82, 82, 108);
}

@media (max-width: 1399px) and (min-width: 768px) {
    .ord-xl-i {
        order: 1;
    }

    .ord-xl-ii {
        order: 2;
    }

    .ord-xl-iii {
        order: 3;
    }

    .ord-xl-iv {
        order: 4;
    }

    .ord-xl-v {
        order: 5;
    }

    .ord-xl-vi {
        order: 6;
    }

    .ord-xl-vii {
        order: 7;
    }

    .ord-xl-viii {
        order: 8;
    }

    .ord-xl-ix {
        order: 9;
    }

    .ord-xl-x {
        order: 10;
    }
}

@keyframes hand-move {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(15deg);
    }

    50% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(-15deg);
    }

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

.welcome-card {
    background-image: url("../images/dashboard-3/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: rgb(255, 255, 255);
}

.welcome-card h4 {
    color: rgb(255, 255, 255);
}

.welcome-card h4 img {
    margin-top: -6px;
    animation: 5s ease-in 0s infinite normal none running hand-move;
}

.welcome-card p {
    width: 70%;
    color: var(--white);
}

@media (max-width: 1830px) and (min-width: 1450px) {
    .welcome-card p {
        width: 62%;
    }
}

@media (max-width: 1459px) {
    .welcome-card p {
        display: -webkit-box;
        height: 52px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 991px) and (min-width: 537px) {
    .welcome-card p {
        width: 70%;
    }
}

@media (max-width: 536px) {
    .welcome-card p {
        width: 64%;
    }
}

@media (max-width: 480px) {
    .welcome-card p {
        width: 100%;
    }
}

.welcome-card .welcome-img {
    height: 170px;
    position: absolute;
    right: 0px;
    bottom: -26px;
}

[dir="rtl"] .welcome-card .welcome-img {
    right: unset;
    left: 0px;
}

@media (max-width: 1780px) and (min-width: 1661px) {
    .welcome-card .welcome-img {
        height: 180px;
        bottom: -28px;
    }
}

@media (max-width: 1660px) and (min-width: 1426px) {
    .welcome-card .welcome-img {
        height: 168px;
        bottom: -24px;
    }
}

@media (max-width: 1425px) {
    .welcome-card .welcome-img {
        height: 155px;
        bottom: -22px;
    }
}

@media (max-width: 767px) {
    .welcome-card .welcome-img {
        height: 140px;
        bottom: -18px;
    }
}

@media (max-width: 480px) {
    .welcome-card .welcome-img {
        display: none;
    }
}

.get-image img {
    height: 158px;
}

@media (max-width: 1737px) {
    .get-image img {
        height: 134px;
    }
}

.course-box {
    overflow: hidden;
}

.course-box .card-body {
    padding: 25px 15px;
}

@media (max-width: 1722px) {
    .course-box .card-body {
        padding: 20px 15px;
    }
}

@media (max-width: 1660px) {
    .course-box .card-body {
        padding: 16px 15px;
    }
}

@media (max-width: 1660px) {
    .course-box.widget-course .card-body {
        padding: 25px 15px;
    }
}

.course-box:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

.course-box:hover .course-icon svg {
    animation: 1.5s ease 0s infinite normal none running tada;
}

.course-widget {
    display: flex;
    gap: 8px;
}

.course-widget .course-icon {
    position: relative;
    width: 54px;
    height: 54px;
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.527% 5.30384%, 50% 5%, 53.473% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.6506% 20.1795%, 84.5064% 22.1791%, 86.9715% 24.6442%, 88.9711% 27.5%, 90.4445% 30.6596%, 91.3468% 34.027%, 91.6506% 37.5%, 91.6506% 62.5%, 91.3468% 65.973%, 90.4445% 69.3404%, 88.9711% 72.5%, 86.9715% 75.3558%, 84.5064% 77.8209%, 81.6506% 79.8205%, 60% 92.3205%, 56.8404% 93.7939%, 53.473% 94.6962%, 50% 95%, 46.527% 94.6962%, 43.1596% 93.7939%, 40% 92.3205%, 18.3494% 79.8205%, 15.4936% 77.8209%, 13.0285% 75.3558%, 11.0289% 72.5%, 9.55551% 69.3404%, 8.65321% 65.973%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.027%, 9.55551% 30.6596%, 11.0289% 27.5%, 13.0285% 24.6442%, 15.4936% 22.1791%, 18.3494% 20.1795%);
    background: linear-gradient(310.31deg, rgb(255, 51, 100) 14.71%, rgb(255, 127, 158) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 600px) {
    .course-widget .course-icon {
        width: 47px;
        height: 47px;
    }

    .course-widget .course-icon svg {
        width: 20px;
        height: 20px;
    }
}

.course-widget .course-icon svg {
    width: 26px;
    height: 26px;
    fill: rgb(255, 255, 255);
}

@media (max-width: 600px) {
    .course-widget .course-icon svg {
        width: 20px;
        height: 20px;
    }
}

.course-widget .course-icon.warning {
    background: linear-gradient(297.08deg, rgb(255, 158, 42) -4.53%, rgb(255, 169, 65) 98.25%);
}

.course-widget .btn-light {
    border: none;
    background: var(--course-light-btn) !important;
}

.course-widget a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-top: 25px;
}

.course-widget a span {
    display: block;
    margin-bottom: -5px;
}

.course-widget a svg {
    width: 13px;
    height: 13px;
}

.get-card .card-header {
    padding-left: 20px;
    padding-right: 20px;
}

.square-group {
    position: absolute;
    bottom: 0px;
    right: 0px;
    transform: scaleX(-1);
}

[dir="rtl"] .square-group {
    right: unset;
    left: 0px;
}

.square-group .square-1 {
    width: 12px;
    height: 18px;
}

@media (max-width: 660px) {
    .square-group .square-1 {
        width: 8px;
        height: 10px;
    }
}

.square-group .square-2 {
    width: 12px;
    height: 10px;
    margin-bottom: -10px;
}

@media (max-width: 660px) {
    .square-group .square-2 {
        width: 8px;
        height: 10px;
    }
}

.square-group .square-3 {
    width: 18px;
    height: 10px;
    margin-left: 10px;
}

@media (max-width: 660px) {
    .square-group .square-3 {
        width: 12px;
        height: 8px;
    }
}

[dir="rtl"] .square-group .square-3 {
    margin-left: unset;
    margin-right: 10px;
}

.square-group .square-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: -15px;
}

[dir="rtl"] .square-group .square-4 {
    right: unset;
    left: -15px;
}

@media (max-width: 660px) {
    .square-group .square-4 {
        width: 9px;
        height: 9px;
        right: -3px;
        top: 9px;
    }
}

.square-group .square-5 {
    width: 6px;
    height: 6px;
    bottom: 22px;
    position: absolute;
    right: -1px;
}

[dir="rtl"] .square-group .square-5 {
    right: unset;
    left: -1px;
}

@media (max-width: 660px) {
    .square-group .square-5 {
        width: 4px;
        height: 4px;
        bottom: 21px;
        right: 6px;
    }
}

.square-group .square-6, .square-group .square-7 {
    position: absolute;
    width: 4px;
    height: 4px;
}

@media (max-width: 660px) {
    .square-group .square-6, .square-group .square-7 {
        right: 12px;
        bottom: 35px;
    }
}

.square-group .square-6 {
    right: -23px;
    bottom: 5px;
}

[dir="rtl"] .square-group .square-6 {
    right: unset;
    left: -23px;
}

.square-group .square-7 {
    right: 8px;
    bottom: 45px;
}

[dir="rtl"] .square-group .square-7 {
    right: unset;
    left: 8px;
}

.square-group .warning1 {
    background: rgb(255, 212, 151);
}

.square-group .warning {
    background: rgb(255, 167, 59);
}

.square-group .primary {
    background: rgb(115, 102, 255);
}

.square-group .danger {
    background: rgb(245, 65, 50);
}

.square-group .light {
    background: rgb(230, 232, 239);
}

.square-group .success {
    background: rgb(101, 193, 92);
}

.progress-chart-wrap {
    margin: -40px 0px -22px;
}

[dir="rtl"] .progress-chart-wrap {
    direction: ltr;
}

@media (max-width: 991px) {
    .progress-chart-wrap {
        margin-top: -18px;
    }
}

.progress-chart-wrap .apexcharts-canvas {
    margin: 0px auto;
}

.progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: var(--chart-text-color);
}

.get-card .btn {
    margin-top: 15px;
    padding: 8px 15px;
}

.get-card .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s;
}

.get-card .btn svg {
    width: 13px;
    height: 13px;
    fill: rgb(255, 255, 255);
    vertical-align: -2px;
    transition: 0.5s;
}

.default-inline-calender .main-inline-calender .form-control {
    display: none;
}

.default-inline-calender .main-inline-calender .flatpickr-calendar {
    box-shadow: unset;
}

.default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, .default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    stroke: var(--body-font-color);
}

.default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-monthDropdown-months, .default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-month .numInputWrapper {
    color: var(--body-font-color);
}

.default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
    padding-right: 18px;
}

@media (max-width: 647px) and (min-width: 617px) {
    .default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
        padding-right: 8px;
    }
}

@media (max-width: 616px) {
    .default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
        padding-right: 6px;
    }
}

@media (max-width: 611px) {
    .default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-current-month {
        width: 90%;
        left: 7.5%;
    }
}

.default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday {
    color: var(--chart-text-color);
}

.default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
    height: 36px;
}

.default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.selected {
    color: rgb(255, 255, 255);
}

.default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.today {
    background-color: rgb(101, 193, 92);
    border: unset;
    color: rgb(255, 255, 255);
}

.default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.today::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgb(252, 86, 74);
    position: absolute;
    top: -2px;
    right: -2px;
    outline: 3px solid var(--white);
}

.default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-current-month .flatpickr-monthDropdown-months option {
    font-size: 14px;
}

.default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-current-month .flatpickr-monthDropdown-months option:hover {
    background-color: rgb(82, 82, 108);
}

.learning-wrap {
    margin: -24px -10px -24px -15px;
}

.activity-wrap {
    margin: -22px 0px -22px -28px;
}

[dir="rtl"] .activity-wrap {
    margin: -22px -28px -22px 0px;
}

.upcoming-event-wrap {
    margin-bottom: -39px;
    margin-left: -24px;
}

.course-card .dropdown .dropdown-toggle {
    width: 125px;
}

.course-wrapper {
    text-align: center;
}

.course-wrapper .course-icon-box {
    position: relative;
    padding: 8px;
}

@media (max-width: 767px) {
    .course-wrapper .course-icon-box {
        padding: 0px;
    }
}

.course-wrapper .course-icon-box .icon-wrap {
    width: 117px;
    height: 92px;
    background-color: var(--course-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin: 0px auto;
    box-shadow: rgba(119, 119, 119, 0.25) -18px 15px 20px;
}

@media (max-width: 1880px) and (min-width: 1857px) {
    .course-wrapper .course-icon-box .icon-wrap {
        width: 112px;
    }
}

@media (max-width: 1856px) {
    .course-wrapper .course-icon-box .icon-wrap {
        width: 111px;
    }
}

@media (max-width: 767px) {
    .course-wrapper .course-icon-box .icon-wrap {
        box-shadow: none;
    }
}

@media (max-width: 575px) {
    .course-wrapper .course-icon-box .icon-wrap {
        width: 92px;
        height: 82px;
    }
}

.course-wrapper .course-icon-box .icon-wrap img {
    width: 80px;
}

@media (max-width: 575px) {
    .course-wrapper .course-icon-box .icon-wrap img {
        width: 70px;
    }
}

.course-wrapper .course-icon-box .arrow-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% + 20px);
    height: 100%;
}

[dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
    left: unset;
    right: 0px;
    transform: scaleX(-1);
}

@media (max-width: 767px) {
    .course-wrapper .course-icon-box .arrow-bg {
        display: none;
    }
}

.course-wrapper h6 {
    margin-top: 25px;
    margin-bottom: 0px;
}

@media (max-width: 575px) {
    .course-wrapper h6 {
        margin-top: 15px;
    }
}

.course-main-card {
    display: flex;
    gap: 20px;
    justify-content: center;
}

@media (max-width: 1880px) {
    .course-main-card {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .course-main-card {
        gap: 12px;
        flex-wrap: nowrap;
    }
}

@media (max-width: 575px) {
    .course-main-card {
        gap: 20px;
        flex-wrap: wrap;
    }
}

.course-main-card .course-wrapper:last-child .arrow-bg {
    width: 100%;
}

@media (max-width: 330px) {
    .schedule-card .card-header-right-icon .btn {
        min-width: 76px;
    }
}

.schedule-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 767px) {
    .schedule-list {
        flex-direction: row;
    }
}

@media (max-width: 575px) {
    .schedule-list {
        flex-direction: column;
    }
}

.schedule-list li {
    display: flex;
    align-items: center;
}

.schedule-list li h6 {
    font-size: 14px;
}

.schedule-list li ul {
    column-count: 2;
    column-rule-style: solid;
    column-rule-color: var(--chart-text-color);
    column-gap: 20px;
    column-rule-width: 1px;
}

@media (max-width: 1712px) {
    .schedule-list li ul {
        column-gap: 14px;
    }
}

@media (max-width: 1199px) {
    .schedule-list li ul {
        display: flex;
        flex-wrap: wrap;
    }
}

.schedule-list li ul li {
    gap: 6px;
}

.schedule-list li img {
    border-radius: 100%;
    width: 37px;
    height: 37px;
    padding: 3px;
}

.schedule-list li svg {
    width: 15px;
    height: 15px;
}

.schedule-list li svg.f-success {
    fill: rgb(101, 193, 92);
}

.schedule-list > li {
    padding: 15px 20px;
    box-shadow: rgba(46, 35, 94, 0.05) 4px 7px 17px 5px;
    gap: 10px;
    position: relative;
    border-radius: 10px;
}

@media (max-width: 1712px) {
    .schedule-list > li {
        padding: 16px 14px;
    }
}

.schedule-list > li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 15px 0px 0px 15px;
}

[dir="rtl"] .schedule-list > li::before {
    left: unset;
    right: 0px;
    border-radius: 0px 15px 15px 0px;
}

.schedule-list > li.primary::before {
    background-color: var(--theme-default);
}

.schedule-list > li.primary img {
    border: 1px solid var(--theme-default);
}

.schedule-list > li.warning::before {
    background-color: rgb(255, 184, 41);
}

.schedule-list > li.warning img {
    border: 1px solid rgb(255, 184, 41);
}

.link-only {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgb(117, 117, 138);
}

.link-only svg {
    width: 16px;
    height: 16px;
}

.lessons-lists li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0px;
}

.lessons-lists li img {
    transition: 0.5s;
}

.lessons-lists li + li {
    border-top: 1px solid var(--chart-dashed-border);
}

.lessons-lists li:first-child {
    padding-top: 0px;
}

.lessons-lists li:last-child {
    padding-bottom: 0px;
}

.lessons-lists li:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}

.lesson-wrap {
    width: 50px;
    margin-bottom: -11px;
    margin-top: -6px;
}

.lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none;
}

@media (max-width: 1261px) {
    .t-top-mentor .table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 1608px) {
    .t-top-mentor .table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.t-top-mentor thead tr th, .t-top-mentor thead tr td, .t-top-mentor tbody tr th, .t-top-mentor tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.t-top-mentor thead tr th:first-child, .t-top-mentor thead tr td:first-child, .t-top-mentor tbody tr th:first-child, .t-top-mentor tbody tr td:first-child {
    padding-left: 20px;
}

.t-top-mentor thead tr th:last-child, .t-top-mentor thead tr td:last-child, .t-top-mentor tbody tr th:last-child, .t-top-mentor tbody tr td:last-child {
    padding-right: 20px;
}

.t-top-mentor thead tr th a, .t-top-mentor thead tr td a, .t-top-mentor tbody tr th a, .t-top-mentor tbody tr td a {
    color: var(--body-font-color);
}

.t-top-mentor thead tr th img, .t-top-mentor thead tr td img, .t-top-mentor tbody tr th img, .t-top-mentor tbody tr td img {
    height: 40px;
}

@media (max-width: 1394px) {
    .t-top-mentor thead tr th img, .t-top-mentor thead tr td img, .t-top-mentor tbody tr th img, .t-top-mentor tbody tr td img {
        height: 32px;
    }
}

@media (max-width: 1516px) and (min-width: 1200px) {
    .t-top-mentor thead tr th:nth-child(3), .t-top-mentor thead tr td:nth-child(3), .t-top-mentor tbody tr th:nth-child(3), .t-top-mentor tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1294px) and (min-width: 1205px) {
    .t-top-mentor thead tr th img, .t-top-mentor thead tr td img, .t-top-mentor tbody tr th img, .t-top-mentor tbody tr td img {
        height: 38px;
    }
}

@media (max-width: 1204px) and (min-width: 1200px) {
    .t-top-mentor thead tr th img, .t-top-mentor thead tr td img, .t-top-mentor tbody tr th img, .t-top-mentor tbody tr td img {
        height: 37px;
    }
}

@media (max-width: 1199px) {
    .t-top-mentor thead tr th:nth-child(2), .t-top-mentor thead tr td:nth-child(2), .t-top-mentor tbody tr th:nth-child(2), .t-top-mentor tbody tr td:nth-child(2) {
        min-width: 135px;
    }

    .t-top-mentor thead tr th:nth-child(3), .t-top-mentor thead tr td:nth-child(3), .t-top-mentor tbody tr th:nth-child(3), .t-top-mentor tbody tr td:nth-child(3) {
        min-width: 108px;
    }

    .t-top-mentor thead tr th:nth-child(4), .t-top-mentor thead tr td:nth-child(4), .t-top-mentor tbody tr th:nth-child(4), .t-top-mentor tbody tr td:nth-child(4) {
        min-width: 60px;
    }
}

.t-top-mentor thead tr th {
    color: rgb(82, 82, 108);
}

@media (max-width: 1261px) {
    .completed-course-table .table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 1608px) {
    .completed-course-table .table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.completed-course-table thead tr th, .completed-course-table thead tr td, .completed-course-table tbody tr th, .completed-course-table tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.completed-course-table thead tr th:first-child, .completed-course-table thead tr td:first-child, .completed-course-table tbody tr th:first-child, .completed-course-table tbody tr td:first-child {
    padding-left: 20px;
}

.completed-course-table thead tr th:last-child, .completed-course-table thead tr td:last-child, .completed-course-table tbody tr th:last-child, .completed-course-table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1671px) and (min-width: 1200px) {
    .completed-course-table thead tr th:last-child, .completed-course-table thead tr td:last-child, .completed-course-table tbody tr th:last-child, .completed-course-table tbody tr td:last-child {
        display: none;
    }
}

.completed-course-table thead tr th a, .completed-course-table thead tr td a, .completed-course-table tbody tr th a, .completed-course-table tbody tr td a {
    color: var(--body-font-color);
}

.completed-course-table thead tr th img, .completed-course-table thead tr td img, .completed-course-table tbody tr th img, .completed-course-table tbody tr td img {
    height: 40px;
    border-radius: 8px;
}

@media (max-width: 1394px) {
    .completed-course-table thead tr th img, .completed-course-table thead tr td img, .completed-course-table tbody tr th img, .completed-course-table tbody tr td img {
        height: 32px;
    }
}

@media (max-width: 1671px) and (min-width: 1351px) {
    .completed-course-table thead tr th:nth-child(4), .completed-course-table thead tr td:nth-child(4), .completed-course-table tbody tr th:nth-child(4), .completed-course-table tbody tr td:nth-child(4) {
        padding-right: 20px;
    }
}

@media (max-width: 1350px) and (min-width: 1200px) {
    .completed-course-table thead tr th:nth-child(4), .completed-course-table thead tr td:nth-child(4), .completed-course-table tbody tr th:nth-child(4), .completed-course-table tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1403px) and (min-width: 1351px) {
    .completed-course-table thead tr th:nth-child(2) .common-flex, .completed-course-table thead tr td:nth-child(2) .common-flex, .completed-course-table tbody tr th:nth-child(2) .common-flex, .completed-course-table tbody tr td:nth-child(2) .common-flex {
        gap: 7px;
    }
}

@media (max-width: 1356px) and (min-width: 1200px) {
    .completed-course-table thead tr th .common-flex, .completed-course-table thead tr td .common-flex, .completed-course-table tbody tr th .common-flex, .completed-course-table tbody tr td .common-flex {
        gap: 10px;
    }
}

@media (max-width: 1294px) and (min-width: 1205px) {
    .completed-course-table thead tr th img, .completed-course-table thead tr td img, .completed-course-table tbody tr th img, .completed-course-table tbody tr td img {
        height: 38px;
    }
}

@media (max-width: 1204px) and (min-width: 1200px) {
    .completed-course-table thead tr th img, .completed-course-table thead tr td img, .completed-course-table tbody tr th img, .completed-course-table tbody tr td img {
        height: 37px;
    }
}

@media (max-width: 1199px) {
    .completed-course-table thead tr th:nth-child(2), .completed-course-table thead tr td:nth-child(2), .completed-course-table tbody tr th:nth-child(2), .completed-course-table tbody tr td:nth-child(2) {
        min-width: 155px;
    }

    .completed-course-table thead tr th:nth-child(3), .completed-course-table thead tr td:nth-child(3), .completed-course-table tbody tr th:nth-child(3), .completed-course-table tbody tr td:nth-child(3) {
        min-width: 96px;
    }

    .completed-course-table thead tr th:nth-child(4), .completed-course-table thead tr td:nth-child(4), .completed-course-table tbody tr th:nth-child(4), .completed-course-table tbody tr td:nth-child(4) {
        min-width: 121px;
    }

    .completed-course-table thead tr th:last-child, .completed-course-table thead tr td:last-child, .completed-course-table tbody tr th:last-child, .completed-course-table tbody tr td:last-child {
        min-width: 99px;
    }
}

.completed-course-table thead tr th {
    color: rgb(82, 82, 108);
}

@media (max-width: 791px) and (min-width: 576px) {
    .overall-card .activity-details span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 122px;
    }
}

.widget-hover:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

.currency-widget .currency-icon-widget {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: rgba(194, 128, 49, 0.1) 2.66667px -2.66667px 2.66667px inset, rgba(255, 255, 255, 0.1) -2.66667px 2.66667px 2.66667px inset;
}

.currency-widget .currency-icon-widget svg {
    width: 16px;
    height: 16px;
    fill: rgb(255, 255, 255);
}

.currency-widget .card {
    margin-top: 14px;
}

.currency-widget .card .card-body {
    padding: 15px;
    gap: 10px;
    justify-content: space-between;
}

@media (max-width: 1660px) {
    .currency-widget .card .card-body {
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .currency-widget .card .card-body {
        flex-wrap: unset;
    }
}

.currency-widget .card:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

.currency-widget h6 {
    margin-bottom: 0px;
}

.currency-widget .d-flex {
    gap: 10px;
    align-items: center;
}

.currency-widget span svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.currency-widget div[class*="bg-light-"] {
    color: rgb(64, 64, 64);
    padding: 15px;
    border-radius: 10px;
    width: 115px;
}

@media (max-width: 1660px) and (min-width: 1200px) {
    .currency-widget div[class*="bg-light-"] {
        display: none;
    }
}

@media (max-width: 1199px) {
    .currency-widget div[class*="bg-light-"] {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .currency-widget div[class*="bg-light-"] {
        width: 50%;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .currency-widget.widget-currency .card .card-body {
        flex-wrap: unset;
    }
}

.currency-widget.warning .currency-icon-widget {
    background-image: linear-gradient(to right, rgb(255, 184, 41) 80%, rgba(255, 184, 41, 0.2));
}

.currency-widget.primary .currency-icon-widget {
    background-image: linear-gradient(to right, rgb(115, 102, 255) 80%, rgba(115, 102, 255, 0.2));
}

.currency-widget.success .currency-icon-widget {
    background-image: linear-gradient(to right, rgb(101, 193, 92) 80%, rgba(101, 193, 92, 0.2));
}

@media (max-width: 1399px) {
    .currency-widget.height-equal {
        min-height: unset !important;
    }
}

.currency-chart-wrap {
    margin: -28px -10px -20px -20px;
}

@media (max-width: 575px) {
    .currency-chart-wrap {
        width: 50%;
    }
}

.currency-chart-wrap .apexcharts-canvas .apexcharts-tooltip-text-y-label {
    display: none;
}

.transaction-card .header-top {
    flex-wrap: wrap;
    gap: 10px;
}

.crypto-main-card {
    background-image: linear-gradient(to right bottom, rgb(95, 61, 235), rgb(173, 121, 255));
    color: rgb(255, 255, 255);
}

@media (max-width: 1199px) {
    .crypto-main-card .card-body {
        padding: 20px;
    }
}

.crypto-main-card .btn {
    padding: 8px 20px;
}

@media (max-width: 1660px) {
    .crypto-main-card .btn {
        padding: 8px 15px;
    }
}

.crypto-main-card .deposit-wrap > div {
    width: 65%;
}

@media (max-width: 1660px) {
    .crypto-main-card .deposit-wrap > div {
        width: 90%;
    }
}

@media (max-width: 1536px) {
    .crypto-main-card .deposit-wrap > div {
        width: 100%;
    }
}

@media (max-width: 1399px) {
    .crypto-main-card .deposit-wrap > div {
        width: 75%;
    }
}

@media (max-width: 1199px) {
    .crypto-main-card .deposit-wrap > div {
        width: 95%;
    }
}

.crypto-main-card .deposit-wrap > div h5 {
    color: rgb(255, 255, 255);
}

@media (max-width: 1660px) {
    .crypto-main-card .deposit-wrap > div h5 {
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
    }
}

@media (max-width: 767px) {
    .crypto-main-card .deposit-wrap > div h5 {
        -webkit-line-clamp: 1;
    }
}

.crypto-main-card .deposit-wrap > div p {
    color: rgb(255, 255, 255);
}

.crypto-main-card .deposit-wrap img {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 48%;
    animation: 5s ease-in 0s infinite normal none running bounce-effect;
}

[dir="rtl"] .crypto-main-card .deposit-wrap img {
    right: unset;
    left: 10px;
    transform: scaleX(-1);
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .crypto-main-card .deposit-wrap img {
        width: 44%;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .crypto-main-card .deposit-wrap img {
        width: 52%;
    }
}

@media (max-width: 1199px) and (min-width: 1081px) {
    .crypto-main-card .deposit-wrap img {
        width: 30%;
    }
}

@media (max-width: 1080px) and (min-width: 768px) {
    .crypto-main-card .deposit-wrap img {
        width: 26%;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .crypto-main-card .deposit-wrap img {
        width: 33%;
    }
}

@media (max-width: 575px) and (min-width: 401px) {
    .crypto-main-card .deposit-wrap img {
        width: 26%;
    }
}

@media (max-width: 400px) {
    .crypto-main-card .deposit-wrap img {
        width: 35%;
    }
}

.portfolio-card .dropdown-toggle {
    width: 80px;
}

.btn-white {
    color: rgb(115, 102, 255);
    background-color: rgb(255, 255, 255);
}

.btn-white:hover, .btn-white:active {
    color: rgb(115, 102, 255);
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255) !important;
}

.radial-progress-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

@media (max-width: 1199px) {
    .radial-progress-card.card-body {
        padding: 30px 20px;
    }
}

.radial-progress-card p {
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.radial-progress-card h6 {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}

.radial-progress-card .sale-details {
    margin: 10px 0px;
}

.radial-progress-card .sale-details svg {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.radial-progress-card .radial-chart-wrap {
    width: 110px;
    margin-right: -25px;
}

[dir="rtl"] .radial-progress-card .radial-chart-wrap {
    margin-right: unset;
    margin-left: -25px;
}

@media (max-width: 1820px) {
    .radial-progress-card .radial-chart-wrap {
        margin-right: -12px;
    }

    [dir="rtl"] .radial-progress-card .radial-chart-wrap {
        margin-left: -12px;
    }
}

.radial-progress-card .radial-chart-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none;
}

.transaction-table.recent-table table thead tr th:first-child, .transaction-table.recent-table table thead tr td:first-child, .transaction-table.recent-table table tbody tr th:first-child, .transaction-table.recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

@media (max-width: 1455px) {
    .transaction-table.recent-table table thead tr th:first-child svg, .transaction-table.recent-table table thead tr td:first-child svg, .transaction-table.recent-table table tbody tr th:first-child svg, .transaction-table.recent-table table tbody tr td:first-child svg {
        width: 16px;
        height: 16px;
    }
}

.transaction-table.recent-table table thead tr th:last-child, .transaction-table.recent-table table thead tr td:last-child, .transaction-table.recent-table table tbody tr th:last-child, .transaction-table.recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.transaction-table.recent-table table tr th, .transaction-table.recent-table table tr td {
    min-width: auto;
}

.transaction-table.recent-table table tr th:first-child, .transaction-table.recent-table table tr td:first-child {
    min-width: unset;
}

@media (max-width: 1458px) {
    .transaction-table.recent-table table tr th:first-child, .transaction-table.recent-table table tr td:first-child {
        min-width: 114px;
    }
}

.transaction-table.recent-table table tr th:last-child, .transaction-table.recent-table table tr td:last-child {
    text-align: right;
    min-width: 60px;
}

.transaction-table.recent-table table tr:last-child td {
    border: unset;
    padding-bottom: 0px;
}

.transaction-table.recent-table table tr, .transaction-table.recent-table table td {
    border-style: dashed;
}

.custom-tab {
    background: var(--light2);
    padding: 4px;
    border-radius: 5px;
}

.custom-tab.nav-tabs {
    border: none;
}

.custom-tab.nav-tabs .nav-link {
    border: none;
    padding: 6px 12px;
    color: var(--chart-text-color);
}

.custom-tab.nav-tabs .nav-link.active {
    color: var(--theme-default);
}

.market-chart-container {
    margin: -24px 0px -24px -15px;
}

[dir="rtl"] .market-chart-container {
    margin: -24px -15px -24px 0px;
}

@media (max-width: 575px) {
    .market-chart-container {
        margin-bottom: 0px;
    }
}

.market-card .balance-card {
    padding: 10px;
}

@media (max-width: 575px) {
    .market-card .custom-tab {
        display: none;
    }
}

.currency-icon {
    width: 34px;
    height: 34px;
    background-color: var(--light2);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.currency-icon.warning svg {
    fill: rgb(255, 184, 41);
}

.currency-icon.success svg {
    fill: rgb(101, 193, 92);
}

.currency-icon.primary svg {
    fill: rgb(115, 102, 255);
}

.currency-icon.secondary svg {
    fill: rgb(131, 131, 131);
}

.currency-icon.dark-green svg {
    fill: rgb(27, 162, 122);
}

.currency-icon.light-blue svg {
    fill: rgb(3, 141, 231);
}

.recent-table tr:hover td:first-child h6 {
    color: var(--theme-default);
}

.recent-table tr:hover .border-icon .social-circle {
    transform: scale(1.02);
    transition: 0.5s;
}

.recent-table tr:hover .currency-icon svg {
    animation: 1.5s ease 0s infinite normal none running tada;
}

.recent-table tr:hover .badge-light-primary {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.currency-table.recent-table table .change-currency svg {
    width: 16px;
    height: 16px;
    vertical-align: sub;
}

.currency-table.recent-table table thead tr th, .currency-table.recent-table table thead tr td, .currency-table.recent-table table tbody tr th, .currency-table.recent-table table tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.currency-table.recent-table table thead tr th:first-child, .currency-table.recent-table table thead tr td:first-child, .currency-table.recent-table table tbody tr th:first-child, .currency-table.recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.currency-table.recent-table table thead tr th:last-child, .currency-table.recent-table table thead tr td:last-child, .currency-table.recent-table table tbody tr th:last-child, .currency-table.recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.currency-table.recent-table table thead tr th:nth-child(2), .currency-table.recent-table table thead tr th:nth-child(3), .currency-table.recent-table table thead tr td:nth-child(2), .currency-table.recent-table table thead tr td:nth-child(3), .currency-table.recent-table table tbody tr th:nth-child(2), .currency-table.recent-table table tbody tr th:nth-child(3), .currency-table.recent-table table tbody tr td:nth-child(2), .currency-table.recent-table table tbody tr td:nth-child(3) {
    min-width: 87px;
}

.currency-table.recent-table table thead tr th:nth-child(4), .currency-table.recent-table table thead tr td:nth-child(4), .currency-table.recent-table table tbody tr th:nth-child(4), .currency-table.recent-table table tbody tr td:nth-child(4) {
    min-width: 98px;
}

.currency-table.recent-table table thead tr th:nth-child(5), .currency-table.recent-table table thead tr td:nth-child(5), .currency-table.recent-table table tbody tr th:nth-child(5), .currency-table.recent-table table tbody tr td:nth-child(5) {
    min-width: 100px;
}

.currency-table.recent-table table thead thead tr th, .currency-table.recent-table table tbody thead tr th {
    color: rgb(82, 82, 108);
}

@media (max-width: 1275px) and (min-width: 1200px) {
    .currency-table.recent-table.average-sale.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
    }
}

@media (max-width: 1199px) {
    .currency-table.recent-table.average-sale.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 1622px) {
    .currency-table.recent-table.average-sale.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.currency-table.recent-table.average-sale.table-responsive thead tr th, .currency-table.recent-table.average-sale.table-responsive thead tr td, .currency-table.recent-table.average-sale.table-responsive tbody tr th, .currency-table.recent-table.average-sale.table-responsive tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.currency-table.recent-table.average-sale.table-responsive thead tr th:first-child, .currency-table.recent-table.average-sale.table-responsive thead tr td:first-child, .currency-table.recent-table.average-sale.table-responsive tbody tr th:first-child, .currency-table.recent-table.average-sale.table-responsive tbody tr td:first-child {
    padding-left: 20px;
}

.currency-table.recent-table.average-sale.table-responsive thead tr th:last-child, .currency-table.recent-table.average-sale.table-responsive thead tr td:last-child, .currency-table.recent-table.average-sale.table-responsive tbody tr th:last-child, .currency-table.recent-table.average-sale.table-responsive tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1316px) and (min-width: 1200px) {
    .currency-table.recent-table.average-sale.table-responsive thead tr th:last-child, .currency-table.recent-table.average-sale.table-responsive thead tr td:last-child, .currency-table.recent-table.average-sale.table-responsive tbody tr th:last-child, .currency-table.recent-table.average-sale.table-responsive tbody tr td:last-child {
        display: none;
    }
}

@media (max-width: 1199px) {
    .currency-table.recent-table.average-sale.table-responsive thead tr th:last-child, .currency-table.recent-table.average-sale.table-responsive thead tr td:last-child, .currency-table.recent-table.average-sale.table-responsive tbody tr th:last-child, .currency-table.recent-table.average-sale.table-responsive tbody tr td:last-child {
        min-width: 147px;
    }
}

@media (max-width: 1316px) and (min-width: 768px) {
    .currency-table.recent-table.average-sale.table-responsive thead tr th:nth-child(3), .currency-table.recent-table.average-sale.table-responsive thead tr td:nth-child(3), .currency-table.recent-table.average-sale.table-responsive tbody tr th:nth-child(3), .currency-table.recent-table.average-sale.table-responsive tbody tr td:nth-child(3) {
        padding-right: 20px;
    }
}

@media (max-width: 1465px) and (min-width: 768px) {
    .currency-table.recent-table.average-sale.table-responsive thead tr th:nth-child(4), .currency-table.recent-table.average-sale.table-responsive thead tr td:nth-child(4), .currency-table.recent-table.average-sale.table-responsive tbody tr th:nth-child(4), .currency-table.recent-table.average-sale.table-responsive tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 767px) {
    .currency-table.recent-table.average-sale.table-responsive thead tr th:nth-child(2), .currency-table.recent-table.average-sale.table-responsive thead tr th:nth-child(3), .currency-table.recent-table.average-sale.table-responsive thead tr th:nth-child(4), .currency-table.recent-table.average-sale.table-responsive thead tr td:nth-child(2), .currency-table.recent-table.average-sale.table-responsive thead tr td:nth-child(3), .currency-table.recent-table.average-sale.table-responsive thead tr td:nth-child(4), .currency-table.recent-table.average-sale.table-responsive tbody tr th:nth-child(2), .currency-table.recent-table.average-sale.table-responsive tbody tr th:nth-child(3), .currency-table.recent-table.average-sale.table-responsive tbody tr th:nth-child(4), .currency-table.recent-table.average-sale.table-responsive tbody tr td:nth-child(2), .currency-table.recent-table.average-sale.table-responsive tbody tr td:nth-child(3), .currency-table.recent-table.average-sale.table-responsive tbody tr td:nth-child(4) {
        min-width: 85px;
    }
}

.currency-table.recent-table.average-sale.table-responsive thead tr th a, .currency-table.recent-table.average-sale.table-responsive thead tr td a, .currency-table.recent-table.average-sale.table-responsive tbody tr th a, .currency-table.recent-table.average-sale.table-responsive tbody tr td a {
    color: var(--body-font-color);
}

.currency-table.recent-table.average-sale.table-responsive thead tr th .currency-icon svg, .currency-table.recent-table.average-sale.table-responsive thead tr td .currency-icon svg, .currency-table.recent-table.average-sale.table-responsive tbody tr th .currency-icon svg, .currency-table.recent-table.average-sale.table-responsive tbody tr td .currency-icon svg {
    fill: var(--white);
}

@media (max-width: 1199px) {
    .currency-table.recent-table.performer-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 1622px) {
    .currency-table.recent-table.performer-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.currency-table.recent-table.performer-table.table-responsive thead tr th, .currency-table.recent-table.performer-table.table-responsive thead tr td, .currency-table.recent-table.performer-table.table-responsive tbody tr th, .currency-table.recent-table.performer-table.table-responsive tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.currency-table.recent-table.performer-table.table-responsive thead tr th:first-child, .currency-table.recent-table.performer-table.table-responsive thead tr td:first-child, .currency-table.recent-table.performer-table.table-responsive tbody tr th:first-child, .currency-table.recent-table.performer-table.table-responsive tbody tr td:first-child {
    padding-left: 20px;
}

.currency-table.recent-table.performer-table.table-responsive thead tr th:last-child, .currency-table.recent-table.performer-table.table-responsive thead tr td:last-child, .currency-table.recent-table.performer-table.table-responsive tbody tr th:last-child, .currency-table.recent-table.performer-table.table-responsive tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1696px) and (min-width: 1200px) {
    .currency-table.recent-table.performer-table.table-responsive thead tr th:last-child, .currency-table.recent-table.performer-table.table-responsive thead tr td:last-child, .currency-table.recent-table.performer-table.table-responsive tbody tr th:last-child, .currency-table.recent-table.performer-table.table-responsive tbody tr td:last-child {
        display: none;
    }
}

@media (max-width: 1199px) {
    .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(2), .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(2), .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(2), .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(2) {
        min-width: 128px;
    }

    .currency-table.recent-table.performer-table.table-responsive thead tr th:last-child, .currency-table.recent-table.performer-table.table-responsive thead tr td:last-child, .currency-table.recent-table.performer-table.table-responsive tbody tr th:last-child, .currency-table.recent-table.performer-table.table-responsive tbody tr td:last-child {
        min-width: 108px;
    }
}

@media (max-width: 1303px) and (min-width: 768px) {
    .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(3), .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(3), .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(3), .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1696px) and (min-width: 1200px) {
    .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(5), .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(5), .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(5), .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(5) {
        padding-right: 20px;
    }
}

@media (max-width: 1470px) and (min-width: 1200px) {
    .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(4), .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(4), .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(4), .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .currency-table.recent-table.performer-table.table-responsive thead tr:nth-child(2), .currency-table.recent-table.performer-table.table-responsive tbody tr:nth-child(2) {
        min-width: 137px;
    }

    .currency-table.recent-table.performer-table.table-responsive thead tr:nth-child(5), .currency-table.recent-table.performer-table.table-responsive tbody tr:nth-child(5) {
        min-width: 98px;
    }

    .currency-table.recent-table.performer-table.table-responsive thead tr:last-child, .currency-table.recent-table.performer-table.table-responsive tbody tr:last-child {
        min-width: 126px;
    }
}

.currency-table.recent-table.performer-table.table-responsive thead tr a, .currency-table.recent-table.performer-table.table-responsive tbody tr a {
    color: var(--body-font-color);
}

.currency-table.recent-table.performer-table.table-responsive thead tr svg, .currency-table.recent-table.performer-table.table-responsive tbody tr svg {
    fill: var(--white);
}

select.crypto-select {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    right: 7px;
    width: 62px;
    background-position: right 0.25rem center;
    padding: 8px;
    border: none;
    font-weight: 500;
    background-size: 8px;
}

[dir="rtl"] select.crypto-select {
    right: unset;
    left: 7px;
}

select.crypto-select.warning {
    background-color: rgba(255, 184, 41, 0.1) !important;
    color: rgb(255, 184, 41) !important;
}

select.crypto-select.primary {
    background-color: rgba(115, 102, 255, 0.1) !important;
    color: rgb(115, 102, 255) !important;
}

.crypto-form div select.form-select {
    border: unset;
}

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

.crypto-form input[type="number"] {
}

.balance-box {
    text-align: center;
    background-image: url("../images/dashboard-4/bg-balance.png");
    background-position: right center;
    background-size: cover;
}

.balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border-top-color: ;
    border-top-style: ;
    border-top-width: ;
    border-right-color: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-left-color: rgb(101, 193, 92);
    border-bottom-color: rgb(101, 193, 92);
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px;
}

.balance-box .balance-img img {
    background-color: var(--balance-profile-bg);
    border-radius: 100%;
}

.balance-box .balance-img .edit-icon {
    width: 26px;
    height: 26px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--white);
    background-color: rgb(223, 223, 244);
    right: 0px;
    bottom: 0px;
    border-radius: 100%;
}

.balance-box .balance-img .edit-icon svg {
    width: 11px;
    height: 11px;
    fill: rgb(115, 102, 255);
}

.balance-profile ul {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 16px;
}

@media (max-width: 1660px) {
    .balance-profile ul {
        gap: 25px;
    }
}

.balance-profile ul li {
    position: relative;
}

.balance-profile ul li + li::before {
    position: absolute;
    content: "";
    left: -25px;
    top: 50%;
    height: 40px;
    transform: translateY(-50%);
    border: 1px dashed var(--recent-dashed-border);
}

[dir="rtl"] .balance-profile ul li + li::before {
    left: unset;
    right: -25px;
}

@media (max-width: 1660px) {
    .balance-profile ul li + li::before {
        left: -16px;
    }

    [dir="rtl"] .balance-profile ul li + li::before {
        right: -16px;
    }
}

@media (max-width: 1399px) {
    .activity-card .appointment-table {
        height: 180px;
    }
}

@media (max-width: 575px) {
    .activity-card .appointment-table {
        height: unset;
    }
}

.activity-card .appointment-table tr td:nth-child(2) {
    min-width: 99px;
}

.balance-item {
    display: flex;
    gap: 10px;
}

.balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

@media (max-width: 1660px) {
    .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px;
    }
}

.balance-item .balance-icon-wrap .balance-icon {
    width: 16px;
    height: 16px;
    border-radius: 100%;
}

@media (max-width: 1660px) {
    .balance-item .balance-icon-wrap .balance-icon {
        width: 14px;
        height: 14px;
    }
}

.balance-item .balance-icon-wrap .balance-icon svg {
    color: rgb(255, 255, 255);
    width: 14px;
    height: 14px;
}

@media (max-width: 1660px) {
    .balance-item .balance-icon-wrap .balance-icon svg {
        width: 12px;
        height: 12px;
        vertical-align: 2px;
    }
}

.balance-item .badge {
    padding: 8px 10px;
}

.balance-item.danger .balance-icon-wrap {
    background-color: rgba(252, 86, 74, 0.1);
}

.balance-item.danger .balance-icon-wrap .balance-icon {
    background-color: rgb(252, 86, 74);
}

.balance-item.success .balance-icon-wrap {
    background-color: rgba(101, 193, 92, 0.1);
}

.balance-item.success .balance-icon-wrap .balance-icon {
    background-color: rgb(101, 193, 92);
}

.portfolio-chart-container {
    margin-top: -56px;
}

@media (max-width: 1399px) {
    .portfolio-chart-container {
        margin-top: -20px;
    }
}

.portfolio-table .status {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    display: inline-block;
}

.portfolio-table table tr, .portfolio-table table td {
    border-style: dashed;
}

@media (max-width: 1755px) {
    .portfolio-table table tr td:first-child, .portfolio-table table tr th:first-child {
        min-width: 100px;
    }
}

@media (max-width: 1755px) {
    .portfolio-table table tr td:last-child, .portfolio-table table tr th:last-child {
        min-width: 88px;
    }
}

.portfolio-table table tr:last-child td {
    border: unset;
    padding-bottom: 0px;
}

.social-widget .card-body {
    padding: 15px;
}

@media (max-width: 1699px) and (min-width: 1500px) {
    .social-widget .card-body span[class*="font-"] {
        display: none !important;
    }
}

.social-widget .social-icons {
    min-width: calc(37px + 0.9375vw);
    height: calc(37px + 0.9375vw);
    background: var(--white);
    box-shadow: rgba(41, 72, 152, 0.03) 0px 42.1092px 27.8569px, rgba(41, 72, 152, 0.02) 0px 8.90772px 7.12618px, rgba(41, 72, 152, 0.01) 0px 2.02448px 3.44162px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-widget .social-icons img {
    height: calc(17px + 0.9375vw);
}

.social-widget .social-content {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.social-widget .social-content .social-chart {
    margin: -34px -42px -13px;
    width: 150px;
}

.social-widget .social-content .social-chart .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
    display: none;
}

@keyframes wave-speaker {
    0% {
        transform: translateX(5px);
    }

    50% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(5px);
    }
}

.mobile-app-card {
    background-image: url("../images/dashboard-5/profile-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile-app-card.social-empower .card-header {
    width: 100%;
}

@media (max-width: 1537px) and (min-width: 1400px) {
    .mobile-app-card.social-empower .card-header h6 {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

.mobile-app-card .card-header {
    background: transparent;
    padding: 20px;
    width: 68%;
}

@media (max-width: 1693px) {
    .mobile-app-card .card-header {
        width: 75%;
    }
}

@media (max-width: 1316px) {
    .mobile-app-card .card-header {
        width: 86%;
    }
}

@media (max-width: 991px) {
    .mobile-app-card .card-header {
        width: 64%;
    }
}

@media (max-width: 350px) {
    .mobile-app-card .card-header {
        width: 75%;
    }
}

.mobile-app-card .card-body {
    margin-top: -20px;
}

@media (max-width: 1693px) and (min-width: 1353px) {
    .mobile-app-card .card-body {
        margin-top: 10px;
    }
}

@media (max-width: 1352px) and (min-width: 1500px) {
    .mobile-app-card .card-body {
        margin-top: 70px;
    }
}

@media (max-width: 1499px) and (min-width: 1409px) {
    .mobile-app-card .card-body {
        margin-top: 45px;
    }
}

@media (max-width: 1408px) and (min-width: 1353px) {
    .mobile-app-card .card-body {
        margin-top: 22px;
    }
}

@media (max-width: 1352px) and (min-width: 1213px) {
    .mobile-app-card .card-body {
        margin-top: 45px;
    }
}

@media (max-width: 1212px) and (min-width: 1200px) {
    .mobile-app-card .card-body {
        margin-top: 25px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .mobile-app-card .card-body {
        margin-top: 26px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .mobile-app-card .card-body {
        margin-top: 20px;
    }
}

@media (max-width: 767px) and (min-width: 461px) {
    .mobile-app-card .card-body {
        margin-top: -90px;
    }
}

@media (max-width: 460px) {
    .mobile-app-card .card-body {
        margin-top: -30px;
    }
}

.mobile-app-card .card-body .wavy {
    width: 50px;
    margin-right: -78px;
    margin-top: -50px;
    animation: 2s ease 0s infinite normal none running wave-speaker;
}

@media (max-width: 1693px) and (min-width: 768px) {
    .mobile-app-card .card-body .wavy {
        width: 45px;
        margin-right: -70px;
        margin-top: -50px;
    }
}

@media (max-width: 1499px) and (min-width: 768px) {
    .mobile-app-card .card-body .wavy {
        margin-top: -36px;
        width: 32px;
        margin-right: -58px;
    }
}

@media (max-width: 460px) {
    .mobile-app-card .card-body .wavy {
        margin-top: -35px;
        width: 30px;
        margin-right: -50px;
    }
}

.mobile-app-card .card-body img:not(.wavy) {
    height: 158px;
}

@media (max-width: 1693px) and (min-width: 1500px) {
    .mobile-app-card .card-body img:not(.wavy) {
        height: 154px;
    }
}

@media (max-width: 1499px) and (min-width: 1200px) {
    .mobile-app-card .card-body img:not(.wavy) {
        height: 120px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .mobile-app-card .card-body img:not(.wavy) {
        height: 116px;
    }
}

@media (max-width: 460px) {
    .mobile-app-card .card-body img:not(.wavy) {
        height: 108px;
    }
}

.mobile-app-card .purchase-btn {
    padding: 10px 25px;
    min-width: unset;
}

@media (max-width: 575px) {
    .mobile-app-card .purchase-btn {
        padding: 8px 16px;
    }
}

.subscriber-chart-container {
    margin: -22px -10px -24px;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .subscriber-chart-container {
        margin: -22px -10px -45px;
    }
}

@media (max-width: 488px) {
    .subscriber-chart-container {
        margin: -22px -10px -45px;
    }
}

.click-widgets .card-body {
    padding: 28px 15px;
}

.click-widgets .click-chart {
    margin: -50px 0px -70px -20px;
}

@media (max-width: 1693px) {
    .follower-wrap .card-body, .follower-wrap .card-header {
        padding: 22px;
    }
}

.follower-wrap .card-header {
    padding-bottom: 20px;
}

.follower-wrap .papernote-wrap > span {
    margin-bottom: 20px;
}

@media (max-width: 1768px) {
    .follower-wrap .papernote-wrap > span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.campaign-list {
    column-count: 2;
    column-gap: 20px;
    margin-bottom: 14px;
}

.campaign-list li {
    position: relative;
}

.campaign-list li + li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background-color: var(--chart-text-color);
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    opacity: 0.6;
}

[dir="rtl"] .campaign-list li + li::before {
    left: unset;
    right: -10px;
}

.campaign-list .campaign-box {
    background: linear-gradient(180deg, var(--course-light-btn) 0%, rgba(242, 243, 247, 0) 100%);
    border-radius: 5px;
    padding: 6px 10px;
}

.social-circle {
    width: 34px;
    height: 34px;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.campaign-table.recent-table table tr th:first-child, .campaign-table.recent-table table tr td:first-child {
    padding-left: 20px;
}

.campaign-table.recent-table table tr th:last-child, .campaign-table.recent-table table tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .campaign-table.recent-table table tr th:nth-child(3), .campaign-table.recent-table table tr th:nth-child(6), .campaign-table.recent-table table tr td:nth-child(3), .campaign-table.recent-table table tr td:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1260px) and (min-width: 1200px) {
    .campaign-table.recent-table table tr th:last-child, .campaign-table.recent-table table tr td:last-child {
        display: none;
    }

    .campaign-table.recent-table table tr th:nth-child(5), .campaign-table.recent-table table tr td:nth-child(5) {
        padding-right: 20px;
    }
}

.campaign-table.recent-table table tr:hover td:nth-child(2) {
    color: var(--theme-default);
}

.campaign-table .border-icon > div {
    border-left: 2px solid rgb(47, 132, 244);
    padding-left: 15px;
}

[dir="rtl"] .campaign-table .border-icon > div {
    padding-left: unset;
    padding-right: 15px;
}

.campaign-table .facebook > div {
    border-left: 2px solid rgb(47, 132, 244);
}

[dir="rtl"] .campaign-table .facebook > div {
    border-left: unset;
    border-right: 2px solid rgb(47, 132, 244);
}

.campaign-table .facebook .social-circle {
    background-color: rgba(47, 132, 244, 0.1);
    border-color: rgb(47, 132, 244);
    color: rgb(47, 132, 244);
}

.campaign-table .instagram > div {
    border-left: 2px solid rgb(252, 151, 30);
}

[dir="rtl"] .campaign-table .instagram > div {
    border-left: unset;
    border-right: 2px solid rgb(252, 151, 30);
}

.campaign-table .instagram .social-circle {
    background-color: rgba(252, 151, 30, 0.1);
    border-color: rgb(252, 151, 30);
    color: rgb(252, 151, 30);
}

.campaign-table .pinterest > div {
    border-left: 2px solid rgb(255, 51, 100);
}

[dir="rtl"] .campaign-table .pinterest > div {
    border-left: unset;
    border-right: 2px solid rgb(255, 51, 100);
}

.campaign-table .pinterest .social-circle {
    background-color: rgba(255, 51, 100, 0.1);
    border-color: rgb(255, 51, 100);
    color: rgb(255, 51, 100);
}

.campaign-table .plus-btn {
    width: 24px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid var(--body-font-color);
    color: var(--body-font-color);
}

.campaign-table .plus-btn:hover {
    background-color: var(--body-font-color);
    color: var(--white);
}

.campaign-table .twitter > div {
    border-left: 2px solid rgb(35, 25, 21);
}

[dir="rtl"] .campaign-table .twitter > div {
    border-left: unset;
    border-right: 2px solid rgb(35, 25, 21);
}

.campaign-table .twitter .social-circle {
    background-color: rgba(35, 25, 21, 0.1);
    border-color: rgb(35, 25, 21);
    color: rgb(35, 25, 21);
}

.campaign-table .you-tube > div {
    border-left: 2px solid rgb(244, 47, 47);
}

[dir="rtl"] .campaign-table .you-tube > div {
    border-left: unset;
    border-right: 2px solid rgb(244, 47, 47);
}

.campaign-table .you-tube .social-circle {
    background-color: rgba(244, 47, 47, 0.1);
    border-color: rgb(244, 47, 47);
    color: rgb(244, 47, 47);
}

.campaign-table .linked-in > div {
    border-left: 2px solid rgb(0, 115, 177);
}

[dir="rtl"] .campaign-table .linked-in > div {
    border-left: unset;
    border-right: 2px solid rgb(0, 115, 177);
}

.campaign-table .linked-in .social-circle {
    background-color: rgba(0, 115, 177, 0.1);
    border-color: rgb(0, 115, 177);
    color: rgb(0, 115, 177);
}

.campaign-table .badge-light-primary, .campaign-table .badge-light-light {
    border: unset;
    min-width: 110px;
}

.campaign-table tr td, .campaign-table tr th {
    border-style: dashed;
}

@media (max-width: 1399px) {
    .campaign-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.campaign-table .recent-table.table-responsive table thead tr td:first-child, .campaign-table .recent-table.table-responsive table thead tr th:first-child, .campaign-table .recent-table.table-responsive table tbody tr td:first-child, .campaign-table .recent-table.table-responsive table tbody tr th:first-child {
    min-width: 88px;
}

@media (max-width: 775px) {
    .campaign-table .recent-table.table-responsive table thead tr td:first-child, .campaign-table .recent-table.table-responsive table thead tr th:first-child, .campaign-table .recent-table.table-responsive table tbody tr td:first-child, .campaign-table .recent-table.table-responsive table tbody tr th:first-child {
        min-width: 116px;
    }
}

.campaign-table .recent-table.table-responsive table thead tr td:nth-child(2), .campaign-table .recent-table.table-responsive table thead tr th:nth-child(2), .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(2), .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(2) {
    min-width: 80px;
}

.campaign-table .recent-table.table-responsive table thead tr td:nth-child(3), .campaign-table .recent-table.table-responsive table thead tr td:last-child, .campaign-table .recent-table.table-responsive table thead tr th:nth-child(3), .campaign-table .recent-table.table-responsive table thead tr th:last-child, .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(3), .campaign-table .recent-table.table-responsive table tbody tr td:last-child, .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(3), .campaign-table .recent-table.table-responsive table tbody tr th:last-child {
    min-width: 36px;
}

@media (max-width: 1566px) and (min-width: 1200px) {
    .campaign-table .recent-table.table-responsive table thead tr td:nth-child(3), .campaign-table .recent-table.table-responsive table thead tr th:nth-child(3), .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(3), .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1455px) and (min-width: 1200px) {
    .campaign-table .recent-table.table-responsive table thead tr td:last-child, .campaign-table .recent-table.table-responsive table thead tr th:last-child, .campaign-table .recent-table.table-responsive table tbody tr td:last-child, .campaign-table .recent-table.table-responsive table tbody tr th:last-child {
        display: none;
    }

    .campaign-table .recent-table.table-responsive table thead tr td:nth-child(6), .campaign-table .recent-table.table-responsive table thead tr th:nth-child(6), .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(6), .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(6) {
        padding-right: 20px;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .campaign-table .recent-table.table-responsive table thead tr td:nth-child(6), .campaign-table .recent-table.table-responsive table thead tr th:nth-child(6), .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(6), .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(6) {
        display: none;
    }

    .campaign-table .recent-table.table-responsive table thead tr td:nth-child(5), .campaign-table .recent-table.table-responsive table thead tr th:nth-child(5), .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(5), .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(5) {
        padding-right: 20px;
    }
}

@media (max-width: 1255px) and (min-width: 1200px) {
    .campaign-table .recent-table.table-responsive table thead tr td, .campaign-table .recent-table.table-responsive table thead tr th, .campaign-table .recent-table.table-responsive table tbody tr td, .campaign-table .recent-table.table-responsive table tbody tr th {
        min-width: auto;
    }
}

@media (max-width: 1215px) and (min-width: 1200px) {
    .campaign-table .recent-table.table-responsive table thead tr td:nth-child(4), .campaign-table .recent-table.table-responsive table thead tr th:nth-child(4), .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(4), .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(4) {
        display: none;
    }
}

@media (max-width: 938px) {
    .analytics-data .balance-data {
        display: none;
    }
}

.photo-click-wrapper {
    margin: -12px -20px -20px 0px;
}

@media (max-width: 413px) {
    .social-tabs .tab-content {
        margin-bottom: -45px;
    }
}

.social-tabs .nav {
    gap: 16px;
}

@media (max-width: 1210px) {
    .social-tabs .nav {
        gap: 10px;
    }
}

@media (max-width: 575px) {
    .social-tabs .nav {
        display: flex;
    }
}

.social-tabs .nav .social-box {
    padding: 12px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

@media (max-width: 1528px) {
    .social-tabs .nav .social-box {
        gap: 12px;
    }
}

.social-tabs .nav .social-box span {
    color: var(--body-font-color);
}

.social-tabs .nav .social-box .frame-image {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.social-tabs .nav .social-box .frame-image [class*="outline-10-"], .social-tabs .nav .social-box .frame-image [class*="outline-20-"] {
    border-radius: 50%;
    outline-offset: 4px;
}

.social-tabs .nav .social-box .frame-image [class*="outline-10-"] [class*="bg-10-"], .social-tabs .nav .social-box .frame-image [class*="outline-10-"] [class*="bg-20-"], .social-tabs .nav .social-box .frame-image [class*="outline-20-"] [class*="bg-10-"], .social-tabs .nav .social-box .frame-image [class*="outline-20-"] [class*="bg-20-"] {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

@media (max-width: 1528px) {
    .social-tabs .nav .social-box .frame-image [class*="outline-10-"] [class*="bg-10-"], .social-tabs .nav .social-box .frame-image [class*="outline-10-"] [class*="bg-20-"], .social-tabs .nav .social-box .frame-image [class*="outline-20-"] [class*="bg-10-"], .social-tabs .nav .social-box .frame-image [class*="outline-20-"] [class*="bg-20-"] {
        width: 28px;
        height: 28px;
    }
}

.social-tabs .nav .social-box .frame-image [class*="outline-10-"] [class*="fa-"]:not(.fa-youtube-play), .social-tabs .nav .social-box .frame-image [class*="outline-20-"] [class*="fa-"]:not(.fa-youtube-play) {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-tabs .nav .social-box .frame-image [class*="outline-10-"] .youtube-color, .social-tabs .nav .social-box .frame-image [class*="outline-20-"] .youtube-color {
    color: rgb(244, 47, 47);
}

.social-tabs .nav .social-box .frame-image [class*="outline-10-"] .instagram-color, .social-tabs .nav .social-box .frame-image [class*="outline-20-"] .instagram-color {
    background: linear-gradient(45deg, rgb(254, 228, 17) 11.93%, rgb(254, 219, 22) 15.61%, rgb(254, 193, 37) 21.74%, rgb(254, 152, 61) 29.56%, rgb(254, 95, 94) 38.66%, rgb(254, 33, 129) 47.46%, rgb(144, 0, 220) 82.98%);
}

.social-tabs .tab-content .tab-pane > div {
    margin-bottom: -20px;
}

.top-country .common-space {
    margin-bottom: 8px;
}

.top-country .common-space > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.top-country .common-space > div p {
    font-size: 16px;
}

@media (max-width: 1520px) {
    .top-country .common-space > div p {
        font-size: 15px;
    }
}

@media (max-width: 1460px) and (min-width: 768px) {
    .top-country .common-space span {
        display: none;
    }
}

.top-country img {
    height: calc(22.6px + 0.75vw);
    border-radius: 50%;
}

.top-country .progress {
    height: 7px;
    background: linear-gradient(180.36deg, rgb(207, 220, 232) -32.82%, rgb(255, 255, 255) 132.82%);
}

@media (max-width: 1791px) {
    .social-clicks .analytics-tread-card .card-header .common-align span:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 1499px) and (min-width: 1200px) {
    .social-clicks .analytics-tread-card .card-header .common-align span:nth-child(2) {
        display: none;
    }
}

.social-clicks i {
    font-size: 10px;
}

.follower-country #countryMap {
    height: 268px;
}

@media (max-width: 1821px) and (min-width: 1015px) {
    .follower-country #countryMap {
        height: 345px;
    }
}

@media (max-width: 1015px) and (min-width: 992px) {
    .follower-country #countryMap {
        height: 408px;
    }
}

@media (max-width: 991px) and (min-width: 926px) {
    .follower-country #countryMap {
        height: 345px;
    }
}

@media (max-width: 925px) and (min-width: 808px) {
    .follower-country #countryMap {
        height: 410px;
    }
}

@media (max-width: 807px) and (min-width: 768px) {
    .follower-country #countryMap {
        height: 400px;
    }
}

@media (max-width: 1499px) {
    .s-xxl-3 {
        width: 33.3333%;
        flex: 0 0 auto;
    }
}

@media (max-width: 767px) {
    .s-xxl-3 {
        width: 50%;
    }
}

@media (max-width: 575px) {
    .s-xxl-3 {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .od-xl-1 {
        order: 1;
    }

    .od-xl-2 {
        order: 2;
    }

    .od-xl-3 {
        order: 3;
    }

    .od-xl-4 {
        order: 4;
    }

    .od-xl-5 {
        order: 5;
    }

    .od-xl-6 {
        order: 6;
    }

    .od-xl-7 {
        order: 7;
    }

    .od-xl-8 {
        order: 8;
    }
}

.trending-card {
    background: url("../images/dashboard-6/bg-1.png") 0% 0% / cover no-repeat;
}

.trending-card .card-header {
    background: transparent;
}

.trending-card .activity-card .appointment-table table tr td:nth-child(2) {
    min-width: 90px;
}

.trending-card .activity-card .appointment-table table tr td:last-child {
    min-width: 95px;
}

@keyframes dot-animation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.5) translateX(-10px);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes dot-animation1 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.4) translateX(-10px);
    }

    100% {
        transform: scale(1);
    }
}

.explore-card {
    background: url("../images/dashboard-6/bg-2.png") 0% 0% / cover no-repeat;
}

@media (max-width: 575px) {
    .explore-card {
        background-color: rgba(255, 255, 255, 0.5);
        background-blend-mode: overlay;
    }
}

@media (max-width: 1199.98px) {
    .explore-card .row {
        width: 53%;
    }

    [dir="rtl"] .explore-card .row {
        margin-right: auto;
    }
}

@media (max-width: 991.98px) {
    .explore-card .row {
        width: 50%;
    }
}

@media (max-width: 767.98px) {
    .explore-card .row {
        width: 60%;
    }
}

@media (max-width: 575.98px) {
    .explore-card .row {
        width: 100%;
    }
}

[dir="rtl"] .explore-card .row .custom-rs-12 {
    margin-right: auto;
}

.explore-card .group-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media (max-width: 1220px) {
    .explore-card .group-btn {
        gap: 8px;
    }
}

.explore-card .group-btn .btn {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

@media (max-width: 575.98px) {
    .explore-card .group-btn .btn {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

@media (max-width: 1199.98px) {
    .explore-card .decore {
        display: none;
    }
}

.explore-card .decore li {
    position: absolute;
}

.explore-card .decore .dot-gradient {
    width: 22px;
    height: 22px;
    background: linear-gradient(rgb(227, 227, 239), rgba(115, 102, 255, 0.3));
    border-radius: 100%;
}

.explore-card .decore .dot-gradient.dot-1 {
    right: -18px;
    top: 0px;
    animation: 5s ease 0s infinite normal none running dot-animation;
}

@media (max-width: 1660px) {
    .explore-card .decore .dot-gradient.dot-1 {
        right: 45px;
        top: 24px;
    }
}

@media (max-width: 1365px) {
    .explore-card .decore .dot-gradient.dot-1 {
        right: 28px;
    }
}

@media (max-width: 1354px) {
    .explore-card .decore .dot-gradient.dot-1 {
        top: 40px;
    }
}

.explore-card .decore .dot-gradient.dot-2 {
    width: 12px;
    height: 12px;
    animation: 5s ease 0s infinite normal none running dot-animation1;
    right: -40%;
    top: 19%;
}

@media (max-width: 1660px) and (min-width: 1516px) {
    .explore-card .decore .dot-gradient.dot-2 {
        right: 22%;
        top: 60%;
    }
}

@media (max-width: 1515px) {
    .explore-card .decore .dot-gradient.dot-2 {
        right: 20%;
        top: 66%;
    }
}

@media (max-width: 1231px) {
    .explore-card .decore .dot-gradient.dot-2 {
        right: 0%;
    }
}

.total-balance {
    background: url("../images/dashboard-6/bg-3.png") 0% 0% / cover no-repeat;
}

.total-balance .btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.total-balance .card-header {
    background: transparent;
}

.total-balance .card-header p {
    width: 226px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}

.total-balance .card-body .common-f-start {
    margin-bottom: 8px;
    gap: 22px;
}

@media (max-width: 1380px) {
    .total-balance .card-body .common-f-start {
        margin-bottom: 22px;
    }
}

.total-balance .card-body .common-f-start .d-flex:nth-of-type(2) {
    border-left: 1px solid var(--recent-dashed-border);
    padding-left: 22px;
}

.total-balance .card-body .common-f-start [class*="bg-light-"] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.total-balance .card-body .common-f-start [class*="bg-light-"] i {
    font-size: 12px;
    transform: rotate(45deg);
}

.income-chart-wrapper {
    margin-bottom: -10px;
}

.income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title, .income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-goals-groupm, .income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-z-group {
    display: none;
}

.income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group.apexcharts-active, .income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group:last-child {
    padding-bottom: 0px;
}

.sale-status-table .table > :not(:last-child) > :last-child > * {
    border-bottom: none !important;
}

.sale-status-table table {
    border-collapse: separate;
    border-spacing: 0px 10px;
}

.sale-status-table table tr, .sale-status-table table td, .sale-status-table table th {
    border: none;
}

.sale-status-table table thead th {
    padding-bottom: 0px;
}

.sale-status-table table tbody tr {
    box-shadow: rgba(70, 60, 175, 0.05) 0px 6px 10px;
    border-radius: 5px;
}

.sale-status-table table tbody tr td a {
    color: var(--body-font-color);
    font-weight: 500;
    display: block;
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .sale-status-table table th:last-child, .sale-status-table table td:last-child {
        display: none;
    }
}

@media (max-width: 575px) {
    .sale-status-table table th:last-child, .sale-status-table table td:last-child {
        display: none;
    }
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .sale-status-table table th:nth-child(2), .sale-status-table table td:nth-child(2) {
        max-width: 50px;
        padding: 0px 8px;
    }
}

.arrow-round .swiper-button-next, .arrow-round .swiper-button-prev {
    top: 42px;
    z-index: 1;
    width: 29px;
    height: 21px;
    background: var(--white);
    box-shadow: rgba(115, 102, 255, 0.1) 0px 4px 3px;
    border-radius: 30px;
}

.arrow-round .swiper-button-next::after, .arrow-round .swiper-button-prev::after {
    font-size: 10px;
    color: var(--theme-default);
}

@media (max-width: 991px) {
    .arrow-round .swiper-button-next, .arrow-round .swiper-button-prev {
        top: 42px;
    }
}

.arrow-round .swiper-button-next {
    right: 30px;
}

[dir="rtl"] .arrow-round .swiper-button-next {
    right: unset;
    left: 30px;
}

.arrow-round .swiper-button-prev {
    left: unset;
    right: 70px;
}

[dir="rtl"] .arrow-round .swiper-button-prev {
    right: unset;
    left: 70px;
}

.product-card .product-image > img {
    width: 100%;
    border-radius: 4px;
    height: 6.875rem;
    object-fit: cover;
}

.product-card .product-image .author-img {
    text-align: right;
    display: block;
    margin-top: -20px;
    margin-right: 6px;
}

.product-card .product-nft-content {
    margin-top: 5px;
}

.product-card .product-nft-content ul {
    display: flex;
    justify-content: space-between;
}

.product-card .product-nft-content ul li {
    width: 100%;
}

.product-card .product-nft-content ul li + li {
    text-align: right;
    border-left: 1px dashed var(--recent-dashed-border);
}

.product-card .product-nft-content .btn {
    padding: 0.5rem 0px;
}

.artist-chart-wrap > div {
    margin-left: -15px;
    margin-right: -10px;
}

.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-z-group, .artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-goals-group, .artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
    display: none;
}

.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-series-group.apexcharts-active, .artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-series-group:last-child {
    padding-bottom: 0px;
}

.statistic-chart-wrap {
    margin-left: -20px;
    margin-bottom: -25px;
}

.statistic-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-z-group, .statistic-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-goals-group, .statistic-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
    display: none;
}

.statistics-card .d-flex li + li {
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px dashed var(--recent-dashed-border);
}

[dir="rtl"] .statistics-card .d-flex li + li {
    padding-left: unset;
    margin-left: unset;
    padding-right: 15px;
    margin-right: 15px;
    border-left: unset;
    border-right: 1px dashed var(--recent-dashed-border);
}

.upgrade-plan.mobile-app-card .card-header p {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box !important;
}

@media (max-width: 1693px) and (min-width: 1400px) {
    .upgrade-plan.mobile-app-card .card-header p {
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 1224px) {
    .upgrade-plan.mobile-app-card .card-header p {
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 1693px) and (min-width: 1500px) {
    .upgrade-plan.mobile-app-card .card-header {
        width: 66%;
    }
}

@media (max-width: 1499px) and (min-width: 1423px) {
    .upgrade-plan.mobile-app-card .card-header {
        width: 70%;
    }
}

@media (max-width: 1422px) {
    .upgrade-plan.mobile-app-card .card-header {
        width: 74%;
    }
}

@media (max-width: 1499px) {
    .upgrade-plan.mobile-app-card .card-body {
        margin-top: 0px;
    }
}

.upgrade-plan.mobile-app-card .card-body img {
    margin-top: -130px;
    margin-bottom: 20px;
    width: 144px;
    height: 150px;
}

@media (max-width: 1555px) and (min-width: 1500px) {
    .upgrade-plan.mobile-app-card .card-body img {
        margin-top: -150px;
        width: 136px;
    }
}

@media (max-width: 1499px) and (min-width: 1423px) {
    .upgrade-plan.mobile-app-card .card-body img {
        margin-top: -170px;
        width: 114px;
        height: 118px;
    }
}

@media (max-width: 1422px) {
    .upgrade-plan.mobile-app-card .card-body img {
        margin-top: -116px;
        width: 96px;
        height: 100px;
    }
}

@media (max-width: 1199.98px) {
    .upgrade-plan.mobile-app-card .card-body img {
        margin-top: -128px;
    }
}

.category-box img {
    border-radius: 8px;
    width: 100%;
}

.category-box h6 {
    display: block;
    padding: 10px;
    width: calc(100% - 50px);
    margin: -20px auto 0px;
    color: var(--body-font-color);
    text-align: center;
    background: var(--white);
    position: relative;
    border-radius: 5px;
}

@media (max-width: 1705px) and (min-width: 1636px) {
    .category-box h6 {
        width: calc(100% - 40px);
    }
}

@media (max-width: 1635px) and (min-width: 1566px) {
    .category-box h6 {
        width: calc(100% - 30px);
    }
}

@media (max-width: 1565px) and (min-width: 1530px) {
    .category-box h6 {
        width: calc(100% - 20px);
    }
}

@media (max-width: 1426px) {
    .category-box h6 {
        width: calc(100% - 30px);
    }
}

.artist-table button span {
    color: var(--theme-default);
}

.artist-table button svg {
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.artist-table button:hover span {
    color: rgb(255, 255, 255);
}

.artist-table .appointment-table.customer-table table tr td .medal-img {
    min-width: 30px;
}

@media (max-width: 1795px) {
    .artist-table .appointment-table.customer-table table tr td:last-child {
        min-width: 90px;
    }
}

@media (max-width: 991px) {
    .nft-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
    }
}

.nft-table.recent-table table tr th, .nft-table.recent-table table tr td {
    min-width: auto;
}

.nft-table.recent-table table tr th:first-child, .nft-table.recent-table table tr td:first-child {
    padding-left: 20px;
}

.nft-table.recent-table table tr th:last-child, .nft-table.recent-table table tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 992px) {
    .nft-table.recent-table table tr th:nth-child(2), .nft-table.recent-table table tr td:nth-child(2) {
        min-width: 162px;
    }

    .nft-table.recent-table table tr th:nth-child(4), .nft-table.recent-table table tr td:nth-child(4) {
        min-width: 68px;
    }
}

.nft-table.recent-table svg {
    width: 18px;
    height: 18px;
}

.nft-table.recent-table .product-content .order-image {
    background: transparent;
    position: relative;
}

.nft-table.recent-table .product-content .order-image .mark-img {
    position: absolute;
    right: 0px;
    bottom: 2px;
}

.activity-table .status-success {
    min-width: 6px;
    height: 6px;
    border-radius: 100%;
    background: rgb(101, 193, 92);
}

.activity-table .img-content-box {
    min-width: 108px;
}

@media (max-width: 1772px) {
    .activity-table .appointment-table table tr td:last-child {
        min-width: 72px;
    }
}

@media (max-width: 1199.98px) {
    .explore-wrap {
        order: -1;
    }
}

.live-auction-wrapper .product-nft-content .common-flex {
    gap: 8px;
}

.live-auction-wrapper .product-nft-content .common-flex .btn {
    width: 100%;
}

.live-auction-wrapper .product-nft-content .common-flex svg {
    width: 18px;
    height: 18px;
    fill: var(--theme-default);
}

.live-auction-wrapper .product-nft-content .common-flex .timer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.live-auction-wrapper .product-nft-content .common-flex span span {
    color: var(--theme-default);
}

.live-auction-wrapper .product-nft-content .common-flex .common-align {
    gap: 4px;
}

.live-auction-wrapper .product-nft-content img {
    height: 16px;
}

.live-auction-wrapper .product-nft-content .btn {
    padding: 6px 26px;
}

.live-auction-wrapper .product-nft-content .btn:hover svg {
    fill: rgb(255, 255, 255);
}

.live-auction-wrapper .product-nft-content .btn:hover span span {
    color: rgb(255, 255, 255);
}

@media (max-width: 1459px) {
    .art-creator-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
    }
}

.art-creator-table.recent-table table thead tr th, .art-creator-table.recent-table table thead tr td, .art-creator-table.recent-table table tbody tr th, .art-creator-table.recent-table table tbody tr td {
    min-width: auto;
}

.art-creator-table.recent-table table thead tr th:first-child, .art-creator-table.recent-table table thead tr td:first-child, .art-creator-table.recent-table table tbody tr th:first-child, .art-creator-table.recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.art-creator-table.recent-table table thead tr th:last-child, .art-creator-table.recent-table table thead tr td:last-child, .art-creator-table.recent-table table tbody tr th:last-child, .art-creator-table.recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1551px) and (min-width: 1400px) {
    .art-creator-table.recent-table table thead tr th:last-child, .art-creator-table.recent-table table thead tr td:last-child, .art-creator-table.recent-table table tbody tr th:last-child, .art-creator-table.recent-table table tbody tr td:last-child {
        display: none;
    }

    .art-creator-table.recent-table table thead tr th:nth-child(2), .art-creator-table.recent-table table thead tr td:nth-child(2), .art-creator-table.recent-table table tbody tr th:nth-child(2), .art-creator-table.recent-table table tbody tr td:nth-child(2) {
        padding-right: 20px;
    }
}

@media (max-width: 1395px) and (min-width: 1400px) {
    .art-creator-table.recent-table table thead tr th:nth-child(2), .art-creator-table.recent-table table thead tr td:nth-child(2), .art-creator-table.recent-table table tbody tr th:nth-child(2), .art-creator-table.recent-table table tbody tr td:nth-child(2) {
        min-width: 80px;
    }
}

.art-creator-table.recent-table table thead tr th .img-content-box a, .art-creator-table.recent-table table thead tr td .img-content-box a, .art-creator-table.recent-table table tbody tr th .img-content-box a, .art-creator-table.recent-table table tbody tr td .img-content-box a {
    color: var(--body-font-color);
}

@media (max-width: 1719px) {
    .art-creator-table.recent-table table thead tr th .img-content-box a, .art-creator-table.recent-table table thead tr th .img-content-box p, .art-creator-table.recent-table table thead tr td .img-content-box a, .art-creator-table.recent-table table thead tr td .img-content-box p, .art-creator-table.recent-table table tbody tr th .img-content-box a, .art-creator-table.recent-table table tbody tr th .img-content-box p, .art-creator-table.recent-table table tbody tr td .img-content-box a, .art-creator-table.recent-table table tbody tr td .img-content-box p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 92px;
        display: block;
    }
}

@media (max-width: 1608px) and (min-width: 1552px) {
    .art-creator-table.recent-table table thead tr th .img-content-box a, .art-creator-table.recent-table table thead tr th .img-content-box p, .art-creator-table.recent-table table thead tr td .img-content-box a, .art-creator-table.recent-table table thead tr td .img-content-box p, .art-creator-table.recent-table table tbody tr th .img-content-box a, .art-creator-table.recent-table table tbody tr th .img-content-box p, .art-creator-table.recent-table table tbody tr td .img-content-box a, .art-creator-table.recent-table table tbody tr td .img-content-box p {
        width: 74px;
    }
}

@media (max-width: 1551px) {
    .art-creator-table.recent-table table thead tr th .img-content-box a, .art-creator-table.recent-table table thead tr th .img-content-box p, .art-creator-table.recent-table table thead tr td .img-content-box a, .art-creator-table.recent-table table thead tr td .img-content-box p, .art-creator-table.recent-table table tbody tr th .img-content-box a, .art-creator-table.recent-table table tbody tr th .img-content-box p, .art-creator-table.recent-table table tbody tr td .img-content-box a, .art-creator-table.recent-table table tbody tr td .img-content-box p {
        width: 100%;
    }
}

.art-creator-table.recent-table table thead tr th img, .art-creator-table.recent-table table thead tr td img, .art-creator-table.recent-table table tbody tr th img, .art-creator-table.recent-table table tbody tr td img {
    height: 38px;
}

@media (max-width: 1074px) {
    .art-creator-table.recent-table table thead tr th:first-child, .art-creator-table.recent-table table thead tr td:first-child, .art-creator-table.recent-table table tbody tr th:first-child, .art-creator-table.recent-table table tbody tr td:first-child {
        min-width: 200px;
    }

    .art-creator-table.recent-table table thead tr th:nth-child(2), .art-creator-table.recent-table table thead tr th:last-child, .art-creator-table.recent-table table thead tr td:nth-child(2), .art-creator-table.recent-table table thead tr td:last-child, .art-creator-table.recent-table table tbody tr th:nth-child(2), .art-creator-table.recent-table table tbody tr th:last-child, .art-creator-table.recent-table table tbody tr td:nth-child(2), .art-creator-table.recent-table table tbody tr td:last-child {
        min-width: 85px;
    }
}

@media (max-width: 1249px) and (min-width: 1200px) {
    .art-creator-table.recent-table table.artwork-table thead tr th:last-child, .art-creator-table.recent-table table.artwork-table thead tr td:last-child, .art-creator-table.recent-table table.artwork-table tbody tr th:last-child, .art-creator-table.recent-table table.artwork-table tbody tr td:last-child {
        display: none;
    }

    .art-creator-table.recent-table table.artwork-table thead tr th:nth-child(2), .art-creator-table.recent-table table.artwork-table thead tr td:nth-child(2), .art-creator-table.recent-table table.artwork-table tbody tr th:nth-child(2), .art-creator-table.recent-table table.artwork-table tbody tr td:nth-child(2) {
        padding-right: 20px;
    }
}

@media (max-width: 1074px) {
    .art-creator-table.recent-table table.artwork-table thead tr th:first-child, .art-creator-table.recent-table table.artwork-table thead tr td:first-child, .art-creator-table.recent-table table.artwork-table tbody tr th:first-child, .art-creator-table.recent-table table.artwork-table tbody tr td:first-child {
        min-width: 200px;
    }

    .art-creator-table.recent-table table.artwork-table thead tr th:nth-child(2), .art-creator-table.recent-table table.artwork-table thead tr th:last-child, .art-creator-table.recent-table table.artwork-table thead tr td:nth-child(2), .art-creator-table.recent-table table.artwork-table thead tr td:last-child, .art-creator-table.recent-table table.artwork-table tbody tr th:nth-child(2), .art-creator-table.recent-table table.artwork-table tbody tr th:last-child, .art-creator-table.recent-table table.artwork-table tbody tr td:nth-child(2), .art-creator-table.recent-table table.artwork-table tbody tr td:last-child {
        min-width: 85px;
    }
}

.nft-collection {
    position: relative;
    overflow: hidden;
}

.nft-collection .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.nft-collection .swiper-container img {
    height: 130px;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 575px) and (min-width: 401px) {
    .nft-collection .swiper-container img {
        height: 95px;
    }
}

@media (max-width: 400px) {
    .nft-collection .swiper-container img {
        height: 75px;
    }
}

.nft-collection .swiper-slide {
    background-size: cover;
    background-position: center center;
}

.nft-collection .gallery-top {
    height: 100%;
    width: 100%;
    margin-top: 14px;
}

.nft-collection .gallery-thumbs {
    height: 20%;
}

.nft-collection .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.3;
}

.nft-collection .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.nft-collection .swiper-button-next, .nft-collection .swiper-button-prev {
    display: none;
}

.nft-collection .nft-user-info {
    margin-top: 35px;
}

@media (max-width: 1399px) {
    .nft-collection .nft-user-info {
        margin-top: 18px;
    }
}

.nft-collection .nft-user-info img {
    width: auto;
    height: auto;
}

.nft-collection .nft-user-info .user-desc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
    color: rgba(82, 82, 108, 0.8);
    flex-wrap: wrap;
}

.nft-collection .nft-user-info .user-desc i {
    font-size: 6px;
}

.dashboard-6 .income-wrap .card-header .dropdown .dropdown-toggle:active {
    background-color: rgba(115, 102, 255, 0.08) !important;
    color: var(--theme-default);
}

[dir="rtl"] .increase-content.pe-0 {
    padding-right: 30px !important;
    padding-left: 0px !important;
}

.knowledge-wrapper div {
    width: 80%;
}

@media (max-width: 1403px) {
    .knowledge-wrapper div p {
        display: -webkit-box;
        max-width: 100%;
        height: 65px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.knowledge-wrapper div button {
    position: absolute;
    padding: 5px 16px;
    bottom: 63px;
}

@media (max-width: 1700px) {
    .knowledge-wrapper div button {
        padding: 5px 8px;
    }
}

@media (max-width: 1600px) {
    .knowledge-wrapper div button {
        padding: 4px;
    }
}

.knowledge-wrapper .knowledgebase-wrapper {
    width: 75%;
    margin-top: -24%;
    margin-left: auto;
}

[dir="rtl"] .knowledge-wrapper .knowledgebase-wrapper {
    margin-left: unset;
    margin-right: auto;
    transform: scaleX(-1);
}

@media (max-width: 1399px) {
    .school-performance-wrap {
        margin-bottom: -23px;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .school-performance-wrap {
        margin-bottom: -53px;
    }
}

.count-student .school-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.count-student .school-wrapper .school-header i {
    font-size: 12px;
    font-weight: 600;
}

.count-student .school-wrapper .school-header p {
    line-height: 1.4;
}

.count-student .school-wrapper .school-body img {
    width: calc(60.4px + 0.5vw);
    position: relative;
}

@media (max-width: 622px) {
    .count-student .school-wrapper .school-body img {
        width: 50px;
    }
}

.count-student .school-wrapper .school-body .right-line {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

[dir="rtl"] .count-student .school-wrapper .school-body .right-line {
    right: unset;
    left: 0px;
}

.count-student .school-wrapper .school-body .right-line img {
    width: 100%;
    height: 100%;
}

[dir="rtl"] .count-student .school-wrapper .school-body .right-line img {
    transform: scaleX(-1);
}

@media (max-width: 1400px) and (min-width: 754px) {
    .income-wrapper {
        margin-bottom: -26px;
    }
}

@media (max-width: 753px) {
    .income-wrapper {
        margin-bottom: -65px;
    }
}

.income-wrapper ul {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1735px) {
    .income-wrapper ul {
        justify-content: flex-start;
        gap: 10px;
        flex-wrap: wrap;
    }
}

@media (max-width: 1735px) and (max-width: 1199px) and (min-width: 339px) {
    .income-wrapper ul {
        gap: 15px;
    }
}

@media (max-width: 1735px) and (max-width: 338px) {
    .income-wrapper ul {
        gap: 0px;
    }
}

@media (max-width: 395px) {
    .income-wrapper ul {
        flex-wrap: nowrap;
    }
}

.income-wrapper ul li {
    text-align: center;
}

.income-wrapper ul li + li {
    border-left: 1px dashed rgba(82, 82, 108, 0.3);
}

[dir="rtl"] .income-wrapper ul li + li {
    border-left: unset;
    border-right: 1px dashed rgba(82, 82, 108, 0.3);
}

@media (max-width: 1735px) {
    .income-wrapper ul li + li {
        border-left: unset;
    }

    [dir="rtl"] .income-wrapper ul li + li {
        border-right: unset;
    }
}

.income-wrapper ul li h6 {
    display: inline-block;
}

.income-wrapper ul li .income-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
}

[dir="rtl"] .income-wrapper ul li .income-dot {
    margin-left: 6px;
    margin-right: unset;
}

@media (max-width: 1678px) {
    .performance-wrap {
        margin-bottom: -23px;
    }
}

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

@media (max-width: 540px) {
    .performance-right {
        display: none;
    }
}

.performance-right p {
    color: rgba(64, 64, 64, 0.8);
    font-weight: 500;
}

.performance-right i {
    font-size: 14px;
}

.attendance-card {
    display: flex;
    padding: 15px;
    border-radius: 5px;
    gap: 15px;
    align-items: center;
}

@media (max-width: 1700px) {
    .attendance-card {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .attendance-card {
        align-items: flex-start;
    }
}

.attendance-card .left-overview-content {
    display: flex;
    gap: 15px;
    align-items: center;
}

.attendance-card .left-overview-content .svg-box {
    width: 43px;
    height: 43px;
    background-color: var(--white);
    box-shadow: rgba(229, 229, 245, 0.19) 0px 71.2527px 51.5055px, rgba(229, 229, 245, 0.15) 0px 42.3445px 28.0125px, rgba(229, 229, 245, 0.13) 0px 21.9866px 14.2913px, rgba(229, 229, 245, 0.1) 0px 8.95749px 7.16599px, rgba(229, 229, 245, 0.06) 0px 2.03579px 3.46085px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.attendance-card .right-overview-content {
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 58px);
}

.attendance-card .right-overview-content h6 {
    padding-bottom: 7px;
}

.attendance-card .right-overview-content span {
    line-height: 18.69px;
}

@media (max-width: 1700px) {
    .attendance-card .right-overview-content {
        gap: 18px;
    }
}

@media (max-width: 480px) {
    .attendance-card .right-overview-content {
        flex-wrap: wrap;
        gap: 7px;
    }
}

.attendance-card .right-overview-content .marks-count {
    display: flex;
    gap: 23px;
    align-items: center;
}

.attendance-card .right-overview-content .marks-count sub {
    bottom: -0.8px;
}

@media (max-width: 1700px) {
    .attendance-card .right-overview-content .marks-count {
        gap: 12px;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .attendance-card .right-overview-content .marks-count {
        gap: 14px;
    }
}

.default-inline-calender .school-calender .main-inline-calender .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
    height: 40px;
}

@media (max-width: 1199px) {
    .default-inline-calender .school-calender .main-inline-calender .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
        height: 36px;
    }
}

@media (max-width: 1671px) {
    .default-inline-calender .school-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-current-month {
        font-size: 15px;
    }
}

@media (max-width: 1514px) {
    .default-inline-calender .school-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-current-month {
        font-size: 14px;
        width: 85%;
        left: 8.5%;
    }
}

.student-leader-wrapper .student-leader-content {
    display: flex;
    gap: 10px;
    padding: 10px;
    align-items: center;
    border-bottom: 1px solid rgb(233, 237, 241);
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width: 1525px) {
    .student-leader-wrapper .student-leader-content {
        gap: 6px;
    }
}

.student-leader-wrapper .student-leader-content img {
    width: 24px;
    height: 27px;
}

.student-leader-wrapper .student-leader-content .leader-img {
    width: 35px;
    height: 35px;
    border-radius: 5px;
}

@media (max-width: 1700px) {
    .student-leader-wrapper .student-leader-content .leader-img {
        display: none;
    }
}

.student-leader-wrapper .student-leader-content .leader-content-height span {
    line-height: 18.69px;
}

@media (max-width: 1510px) {
    .student-leader-wrapper .student-leader-content .leader-content-height span {
        display: none;
    }
}

.student-leader-wrapper .student-leader-content:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.task-table .main-task {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.task-table .main-task .task-progress {
    width: 100px;
    height: 6px;
}

.task-table .recent-table.task-table tr td:first-child {
    min-width: 312px;
}

.task-table .recent-table.task-table tr td:nth-child(2) {
    min-width: 110px;
}

.task-table .recent-table.task-table tr td:last-child {
    padding-right: 8px;
    min-width: 34px;
}

[dir="rtl"] .task-table .recent-table.task-table tr td:last-child {
    padding-right: unset;
    padding-left: 8px;
}

.task-table .recent-table table tr:last-child td {
    padding-bottom: 12px;
}

.task-table .main-task-wrapper tr td {
    cursor: pointer;
}

.task-table .main-task-wrapper tr td .form-check.checkbox-width {
    padding-left: 0px;
}

.task-table .main-task-wrapper tr td a {
    font-size: 16px;
    color: var(--body-font-color);
    font-weight: 500;
    display: block;
}

@media (max-width: 1415px) and (min-width: 1200px) {
    .task-table .main-task-wrapper tr td a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 165px;
    }
}

@media (max-width: 585px) {
    .task-table .main-task-wrapper tr td a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 250px;
    }
}

.task-table .main-task-wrapper .task-icons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.task-table .main-task-wrapper .task-icons li:last-child {
    border-left: 1px solid rgb(204, 204, 204);
    padding-left: 10px;
    display: flex;
    gap: 8px;
}

[dir="rtl"] .task-table .main-task-wrapper .task-icons li:last-child {
    border-left: unset;
    border-right: 1px solid rgb(204, 204, 204);
    padding-left: unset;
    padding-right: 10px;
}

.task-table .main-task-wrapper .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(229, 229, 245, 0.19) 0px 71.2527px 51.5055px, rgba(229, 229, 245, 0.153) 0px 42.3445px 28.0125px, rgba(229, 229, 245, 0.125) 0px 21.9866px 14.2913px, rgba(229, 229, 245, 0.098) 0px 8.95749px 7.16599px, rgba(229, 229, 245, 0.06) 0px 2.03579px 3.46085px;
}

.task-table .main-task-wrapper .square-white i {
    color: rgba(82, 82, 108, 0.5);
    font-size: 17px;
}

@media (max-width: 575px) {
    .task-table .main-task-wrapper .square-white {
        width: 30px;
        height: 30px;
    }

    .task-table .main-task-wrapper .square-white i {
        font-size: 14px;
    }
}

.task-table .main-task-wrapper .fill-clock {
    fill: rgba(82, 82, 108, 0.5);
}

.task-table .main-task-wrapper button {
    padding: 4px 6px;
}

.task-table .open-options .dropdown-toggle::after {
    content: "";
    display: none;
}

.task-table .open-options .dropdown-menu {
    padding: 9px 14px;
    background-color: var(--light2);
}

.task-table .open-options .dropdown-menu.show {
    display: flex;
    gap: 8px;
    min-width: 0px;
}

.task-table .open-options .dropdown-menu li .dropdown-item:hover i {
    color: rgb(117, 117, 138);
}

.task-table .open-options .dropdown-menu li .dropdown-item:hover {
    background-color: rgb(233, 233, 233);
}

@media (max-width: 1770px) {
    .task-table .icons-box {
        display: none;
    }
}

@media (max-width: 1920px) {
    .task-table .icons-box-2 {
        display: none;
    }
}

@media (max-width: 1770px) {
    .task-table .icons-box-2 {
        display: table-cell;
    }
}

.notice-board ul li {
    padding-bottom: 29px;
}

@media (max-width: 1416px) {
    .notice-board ul li {
        padding-bottom: 16px;
    }
}

.notice-board ul li h6 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.69px;
}

.notice-board ul li p {
    font-size: 12px;
    font-weight: 400;
}

@media (max-width: 1477px) {
    .notice-board ul li p:last-child {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 126px;
    }
}

@media (max-width: 1660px) {
    .attendance-data ul.balance-data {
        position: relative;
        top: 0px;
        left: 0px;
        display: inline-flex;
    }
}

.attendance-student-data {
    margin: 0px 0px -20px -15px;
}

.attendance-chart {
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    .attendance-chart {
        margin-bottom: 12px;
    }
}

.text-ellipsis {
    display: -webkit-box;
    max-width: 100%;
    margin: 0px auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1515px) {
    .apexcharts-legend-series {
        margin: 5px 6px !important;
    }
}

@media (max-width: 1870px) {
    [dir="rtl"] .apexcharts-legend {
        margin-right: -20px;
    }
}

@media (max-width: 1870px) {
    [dir="rtl"] .apexcharts-legend {
        margin-right: -47px;
    }
}

@media (max-width: 1515px) {
    [dir="rtl"] .apexcharts-legend {
        margin-right: -27px;
    }
}

@media (max-width: 1625px) {
    .unpaid-fees-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

@media (max-width: 1199px) {
    .unpaid-fees-table .recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
    }
}

.unpaid-fees-table .recent-table.table-responsive table thead th, .unpaid-fees-table .recent-table.table-responsive table thead td, .unpaid-fees-table .recent-table.table-responsive table tbody th, .unpaid-fees-table .recent-table.table-responsive table tbody td {
    min-width: auto;
    color: var(--body-font-color);
}

.unpaid-fees-table .recent-table.table-responsive table thead th:first-child, .unpaid-fees-table .recent-table.table-responsive table thead td:first-child, .unpaid-fees-table .recent-table.table-responsive table tbody th:first-child, .unpaid-fees-table .recent-table.table-responsive table tbody td:first-child {
    padding-left: 20px;
}

.unpaid-fees-table .recent-table.table-responsive table thead th:last-child, .unpaid-fees-table .recent-table.table-responsive table thead td:last-child, .unpaid-fees-table .recent-table.table-responsive table tbody th:last-child, .unpaid-fees-table .recent-table.table-responsive table tbody td:last-child {
    padding-right: 20px;
}

.unpaid-fees-table .recent-table.table-responsive table thead th a, .unpaid-fees-table .recent-table.table-responsive table thead td a, .unpaid-fees-table .recent-table.table-responsive table tbody th a, .unpaid-fees-table .recent-table.table-responsive table tbody td a {
    color: var(--body-font-color);
}

@media (max-width: 1732px) and (min-width: 1200px) {
    .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(3), .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(3), .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(3), .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1590px) and (min-width: 1200px) {
    .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(4), .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(4), .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(4), .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1595px) and (min-width: 1200px) {
    .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(2) .common-align img, .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(2) .common-align img, .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(2) .common-align img, .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(2) .common-align img {
        display: none;
    }
}

@media (max-width: 1294px) and (min-width: 1200px) {
    .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(5), .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(5), .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(5), .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(5) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(2), .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(2), .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(2), .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(2) {
        min-width: 160px;
    }

    .unpaid-fees-table .recent-table.table-responsive table thead th:last-child, .unpaid-fees-table .recent-table.table-responsive table thead td:last-child, .unpaid-fees-table .recent-table.table-responsive table tbody th:last-child, .unpaid-fees-table .recent-table.table-responsive table tbody td:last-child {
        min-width: 100px;
    }
}

@media (max-width: 1625px) {
    .top-student-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

@media (max-width: 1199px) {
    .top-student-table .recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
    }
}

.top-student-table .recent-table table thead th, .top-student-table .recent-table table thead td, .top-student-table .recent-table table tbody th, .top-student-table .recent-table table tbody td {
    min-width: auto;
    color: var(--body-font-color);
}

.top-student-table .recent-table table thead th:first-child, .top-student-table .recent-table table thead td:first-child, .top-student-table .recent-table table tbody th:first-child, .top-student-table .recent-table table tbody td:first-child {
    padding-left: 20px;
}

.top-student-table .recent-table table thead th:last-child, .top-student-table .recent-table table thead td:last-child, .top-student-table .recent-table table tbody th:last-child, .top-student-table .recent-table table tbody td:last-child {
    padding-right: 20px;
}

.top-student-table .recent-table table thead th a, .top-student-table .recent-table table thead td a, .top-student-table .recent-table table tbody th a, .top-student-table .recent-table table tbody td a {
    color: var(--body-font-color);
}

@media (max-width: 1673px) and (min-width: 1200px) {
    .top-student-table .recent-table table thead th:nth-child(2), .top-student-table .recent-table table thead td:nth-child(2), .top-student-table .recent-table table tbody th:nth-child(2), .top-student-table .recent-table table tbody td:nth-child(2) {
        display: none;
    }
}

@media (max-width: 1595px) and (min-width: 1200px) {
    .top-student-table .recent-table table thead th:nth-child(3) .common-align img, .top-student-table .recent-table table thead td:nth-child(3) .common-align img, .top-student-table .recent-table table tbody th:nth-child(3) .common-align img, .top-student-table .recent-table table tbody td:nth-child(3) .common-align img {
        display: none;
    }
}

@media (max-width: 1434px) and (min-width: 1200px) {
    .top-student-table .recent-table table thead th:nth-child(6), .top-student-table .recent-table table thead td:nth-child(6), .top-student-table .recent-table table tbody th:nth-child(6), .top-student-table .recent-table table tbody td:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1294px) and (min-width: 1200px) {
    .top-student-table .recent-table table thead th:nth-child(4), .top-student-table .recent-table table thead td:nth-child(4), .top-student-table .recent-table table tbody th:nth-child(4), .top-student-table .recent-table table tbody td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .top-student-table .recent-table table thead th:nth-child(3), .top-student-table .recent-table table thead td:nth-child(3), .top-student-table .recent-table table tbody th:nth-child(3), .top-student-table .recent-table table tbody td:nth-child(3) {
        min-width: 150px;
    }
}

@media (max-width: 1530px) {
    .new-enroll-student .recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
        width: 75%;
    }
}

@media (max-width: 1625px) {
    .new-enroll-student .recent-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.new-enroll-student .recent-table table thead th, .new-enroll-student .recent-table table thead td, .new-enroll-student .recent-table table tbody th, .new-enroll-student .recent-table table tbody td {
    min-width: auto;
    color: var(--body-font-color);
}

.new-enroll-student .recent-table table thead th:first-child, .new-enroll-student .recent-table table thead td:first-child, .new-enroll-student .recent-table table tbody th:first-child, .new-enroll-student .recent-table table tbody td:first-child {
    padding-left: 20px;
}

.new-enroll-student .recent-table table thead th:last-child, .new-enroll-student .recent-table table thead td:last-child, .new-enroll-student .recent-table table tbody th:last-child, .new-enroll-student .recent-table table tbody td:last-child {
    padding-right: 20px;
}

.new-enroll-student .recent-table table thead th a, .new-enroll-student .recent-table table thead td a, .new-enroll-student .recent-table table tbody th a, .new-enroll-student .recent-table table tbody td a {
    color: var(--body-font-color);
}

@media (max-width: 1830px) and (min-width: 1200px) {
    .new-enroll-student .recent-table table thead th:nth-child(4), .new-enroll-student .recent-table table thead td:nth-child(4), .new-enroll-student .recent-table table tbody th:nth-child(4), .new-enroll-student .recent-table table tbody td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1607px) and (min-width: 1200px) {
    .new-enroll-student .recent-table table thead th:nth-child(2), .new-enroll-student .recent-table table thead td:nth-child(2), .new-enroll-student .recent-table table tbody th:nth-child(2), .new-enroll-student .recent-table table tbody td:nth-child(2) {
        display: none;
    }
}

@media (max-width: 1530px) and (min-width: 1200px) {
    .new-enroll-student .recent-table table thead th:nth-child(3), .new-enroll-student .recent-table table thead td:nth-child(3), .new-enroll-student .recent-table table tbody th:nth-child(3), .new-enroll-student .recent-table table tbody td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .new-enroll-student .recent-table table thead th:first-child, .new-enroll-student .recent-table table thead td:first-child, .new-enroll-student .recent-table table tbody th:first-child, .new-enroll-student .recent-table table tbody td:first-child {
        min-width: 154px;
    }

    .new-enroll-student .recent-table table thead th:last-child, .new-enroll-student .recent-table table thead td:last-child, .new-enroll-student .recent-table table tbody th:last-child, .new-enroll-student .recent-table table tbody td:last-child {
        min-width: 124px;
    }
}

.std-class-chart .apexcharts-legend {
    gap: 35px !important;
}

@media (max-width: 1530px) and (min-width: 1411px) {
    .std-class-chart .apexcharts-legend {
        gap: 8px !important;
    }
}

@media (max-width: 1410px) {
    .std-class-chart .apexcharts-legend {
        gap: 0px !important;
    }
}

@media (max-width: 1610px) and (min-width: 1531px) {
    .std-class-chart {
        margin-block: 16px;
    }
}

@media (max-width: 1530px) and (min-width: 1405px) {
    .std-class-chart {
        margin-block: 52px;
    }
}

@media (max-width: 1404px) and (min-width: 1211px) {
    .std-class-chart {
        margin-block: 64px;
    }
}

@media (max-width: 1210px) and (min-width: 1200px) {
    .std-class-chart {
        margin-block: 80px;
    }
}

@media (max-width: 1350px) and (min-width: 1200px) {
    .student-header .card-header-right-icon {
        display: none;
    }
}

@media (max-width: 650px) and (min-width: 576px) {
    .student-header .card-header-right-icon {
        display: none;
    }
}

.card-header-right-btn {
    padding: 9px 11px;
    border-radius: 5px;
    font-weight: 500;
    background-color: var(--light-slate);
}

@media (max-width: 350px) {
    .card-header-right-btn {
        padding: 8px;
    }
}

@media (max-width: 330px) {
    .card-header-right-btn a {
        font-size: 12px;
    }
}

@media (max-width: 330px) {
    .create-right-btn a {
        font-size: 12px;
    }
}

.shop-box {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background-color: var(--light-slate);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--product-shadow);
    text-align: center;
    margin: 0px auto;
}

.category-title {
    text-align: center;
    display: block;
}

.main-our-product.card-body {
    padding-top: 0px !important;
}

.main-product-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
}

@media (max-width: 1360px) {
    .main-product-wrapper .product-header p {
        display: none;
    }
}

.main-product-wrapper .product-body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

@media (max-width: 440px) {
    .main-product-wrapper .product-body {
        justify-content: flex-end;
    }
}

@media (max-width: 440px) {
    .main-product-wrapper .product-body .product-search {
        width: 64%;
    }
}

@media (max-width: 425px) {
    .main-product-wrapper .product-body .product-search {
        display: none;
    }
}

.main-product-wrapper .product-body .product-search .input-group-text {
    background-color: unset;
    border: 1px solid rgba(229, 229, 243, 0.8);
    border-radius: 5px;
}

.main-product-wrapper .product-body .product-search .input-group-text .search-icon {
    width: 20px;
    height: 20px;
}

@media (max-width: 1920px) {
    .main-product-wrapper .product-body .product-search .input-group-text .search-icon {
        width: calc(17.6px + 0.125vw);
        height: calc(17.6px + 0.125vw);
    }
}

.main-product-wrapper .product-body .product-search .form-control {
    padding: 8px 8px 8px 0px;
    border-top: 1px solid rgba(229, 229, 243, 0.8);
    border-right: 1px solid rgba(229, 229, 243, 0.8);
    border-bottom: 1px solid rgba(229, 229, 243, 0.8);
    border-image: initial;
    border-left: unset;
    border-radius: 0px 5px 5px 0px !important;
}

[dir="rtl"] .main-product-wrapper .product-body .product-search .form-control {
    border-left: 1px solid rgba(229, 229, 243, 0.8);
    border-right: unset;
    border-top-left-radius: 5px !important;
    border-top-right-radius: unset !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: unset !important;
}

.main-product-wrapper .product-body .product-search .form-control:focus {
    box-shadow: unset;
}

@media (max-width: 1360px) {
    .main-product-wrapper {
        align-items: center;
    }
}

.our-product-wrapper {
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
    padding: 10px;
    border-radius: 5px;
    transition: 0.5s;
}

.our-product-wrapper .our-product-img {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    box-shadow: var(--product-shadow);
    background-color: var(--light-slate);
    height: 158px;
    padding: 24px;
}

@media (max-width: 650px) and (min-width: 576px) {
    .our-product-wrapper .our-product-img {
        height: 118px;
    }
}

.our-product-wrapper .our-product-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.our-product-wrapper .our-product-content .common-f-start {
    gap: 6px;
    margin-top: 8px;
}

.our-product-wrapper .our-product-content .add-quantity {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
}

@media (max-width: 1525px) {
    .our-product-wrapper .our-product-content .add-quantity {
        padding: 4px 8px;
        gap: 8px;
    }
}

@media (max-width: 1290px) {
    .our-product-wrapper .our-product-content .add-quantity {
        gap: 5px;
    }
}

.our-product-wrapper .our-product-content .add-quantity ~ .btn {
    padding: 5px 12px;
}

@media (max-width: 1525px) {
    .our-product-wrapper .our-product-content .add-quantity ~ .btn {
        padding: 5px 8px;
    }
}

.our-product-wrapper .our-product-content .add-quantity .countdown-remove {
    text-align: center;
    width: 25px;
    border: unset;
    background-color: transparent;
    color: var(--chart-text-color);
}

.our-product-wrapper .our-product-content .add-quantity .common-align {
    gap: 6px;
}

.our-product-wrapper:hover .our-product-img img {
    transform: scale(1.1);
    transition: 0.5s;
}

@media (min-width: 1200px) and (max-width: 1920px) {
    .customer-sticky {
        height: calc(100% - 20px);
    }
}

.order-details .common-search.input-group .input-group-text {
    background-color: transparent;
}

.order-details .common-search.input-group svg {
    width: calc(15.6px + 0.125vw);
    height: calc(15.6px + 0.125vw);
}

.order-details .common-search.input-group .form-control {
    border-left: unset;
    padding-left: unset;
    text-indent: 0px;
    transition: 0.3s;
}

.order-details .common-search.input-group .form-control:focus {
    border-top-color: ;
    border-right-color: ;
    border-bottom-color: ;
    box-shadow: unset;
    border-left: unset;
    padding-left: unset;
    text-indent: 0px;
    transition: 0.3s;
}

.order-details .search-items {
    position: relative;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    border-bottom: 2px dashed var(--recent-dashed-border);
}

@media (max-width: 1666px) and (min-width: 1200px) {
    .order-details .search-items button {
        padding: 6px 10px;
    }
}

.order-details .form-select:focus {
    box-shadow: unset !important;
}

.order-details h5 {
    padding: 20px 0px 18px;
}

.order-details .order-quantity {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.order-details .order-quantity > div {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

@media (max-width: 1199px) and (min-width: 576px) {
    .order-details .order-quantity > div {
        flex-direction: unset;
        gap: 40px;
    }
}

@media (max-width: 732px) and (min-width: 576px) {
    .order-details .order-quantity > div {
        gap: 20px;
    }
}

.order-details .order-quantity .order-details-wrapper {
    display: flex;
    gap: 10px;
}

@media (max-width: 1700px) {
    .order-details .order-quantity .order-details-wrapper {
        gap: 8px;
    }
}

.order-details .order-quantity .order-details-wrapper .left-details {
    display: flex;
    gap: 10px;
}

.order-details .order-quantity .order-details-wrapper .left-details .order-img {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: var(--product-shadow);
    background-color: var(--light-slate);
    height: 94px;
    padding: 15px 20px;
    width: 100px;
}

.order-details .order-quantity .order-details-wrapper .left-details .order-img img {
    width: 100px;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 1400px) and (max-width: 1920px) {
    .order-details .order-quantity .order-details-wrapper .left-details .order-img {
        width: calc(40px + 3.125vw);
        height: calc(34px + 3.4375vw);
    }

    .order-details .order-quantity .order-details-wrapper .left-details .order-img img {
        height: calc(40% - 7.61905px + 2.38095vw);
    }
}

@media (max-width: 1245px) and (min-width: 1200px) {
    .order-details .order-quantity .order-details-wrapper .left-details .order-img {
        width: 80px;
        height: 74px;
    }

    .order-details .order-quantity .order-details-wrapper .left-details .order-img img {
        width: 75px;
    }
}

@media (max-width: 732px) and (min-width: 395px) {
    .order-details .order-quantity .order-details-wrapper .left-details .order-img {
        height: 80px;
        width: 90px;
    }

    .order-details .order-quantity .order-details-wrapper .left-details .order-img img {
        width: 70px;
    }
}

@media (max-width: 394px) {
    .order-details .order-quantity .order-details-wrapper .left-details .order-img {
        height: 68px;
        width: 72px;
    }

    .order-details .order-quantity .order-details-wrapper .left-details .order-img img {
        width: 60px;
    }
}

.order-details .order-quantity .order-details-wrapper .category-details {
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: space-between;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

@media (max-width: 1700px) {
    .order-details .order-quantity .order-details-wrapper .category-details {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}

.order-details .order-quantity .order-details-wrapper .category-details .right-details {
    padding: 4px;
    background-color: var(--light-slate);
    border-radius: 50px;
    text-align: center;
    margin: 0px;
}

@media (min-width: 1400px) and (max-width: 1700px) {
    .order-details .order-quantity .order-details-wrapper .category-details .right-details {
        width: 70%;
    }
}

@media (max-width: 1400px) {
    .order-details .order-quantity .order-details-wrapper .category-details .right-details {
        width: 100px;
    }
}

.order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper {
    display: block;
}

@media (max-width: 1700px) {
    .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper .btn-touchspin {
    border-radius: 50px;
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: unset;
    background-color: var(--white);
}

@media (min-width: 1400px) and (max-width: 1920px) {
    .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper .btn-touchspin {
        width: calc(-6.23077px + 1.73077vw);
        height: calc(-6.23077px + 1.73077vw);
    }
}

.order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper input[type="number"] {
    width: 25px;
    padding: 10px 0px;
    text-align: center;
    border: unset;
    background-color: unset;
    color: var(--body-font-color);
}

@media (max-width: 1700px) {
    .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper input[type="number"] {
        padding: 0px;
    }
}

.order-details .order-quantity .order-details-wrapper .category-details .order-details-right .last-order-detail {
    display: flex;
    align-items: center;
    gap: 15px;
}

.order-details .order-quantity .order-details-wrapper .category-details .order-details-right .last-order-detail a i {
    color: var(--chart-text-color);
    font-size: 15px;
}

.order-details .order-quantity .order-details-wrapper.product-remove {
    display: none;
}

.order-details .total-item {
    margin-top: 20px;
    padding: 12px 15px;
    background-color: var(--light-slate);
    border-radius: 5px;
}

.order-details .total-item .item-number {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.payment-methods {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

@media (max-width: 1199px) and (min-width: 576px) {
    .payment-methods {
        justify-content: space-evenly;
    }
}

@media (max-width: 575px) {
    .payment-methods {
        justify-content: space-between;
    }
}

.payment-methods .bg-payment {
    cursor: pointer;
    background-color: var(--light-slate);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px 21px;
    border-radius: 5px;
    width: 80px;
    height: 70px;
    border: 1px solid transparent;
    transition: 0.5s;
}

@media (max-width: 1785px) and (min-width: 1721px) {
    .payment-methods .bg-payment {
        width: 85px;
    }
}

@media (max-width: 1720px) and (min-width: 1586px) {
    .payment-methods .bg-payment {
        width: 75px;
        height: 71px;
    }
}

@media (max-width: 1585px) and (min-width: 1486px) {
    .payment-methods .bg-payment {
        width: 68px;
        height: 68px;
    }
}

@media (max-width: 1485px) and (min-width: 1446px) {
    .payment-methods .bg-payment {
        width: 64px;
        height: 64px;
    }
}

@media (max-width: 1445px) and (min-width: 1456px) {
    .payment-methods .bg-payment {
        width: 64px;
        height: 64px;
    }
}

@media (max-width: 1455px) and (min-width: 1200px) {
    .payment-methods .bg-payment {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 370px) {
    .payment-methods .bg-payment {
        width: 60px;
        height: 60px;
    }
}

.payment-methods .bg-payment img {
    filter: grayscale(1);
    height: calc(26.6px + 0.4375vw);
}

.payment-methods .bg-payment:hover, .payment-methods .bg-payment.active, .payment-methods .bg-payment :focus {
    border: 1px solid var(--theme-default);
    background-color: rgba(115, 102, 255, 0.1);
    transition: 0.5s;
}

.payment-methods .bg-payment:hover img, .payment-methods .bg-payment.active img, .payment-methods .bg-payment :focus img {
    filter: unset;
}

.payment-methods span {
    padding-top: 12px;
}

.place-order {
    margin-top: 17px;
}

.place-order button {
    padding: 11px 0px;
}

.empty-card {
    display: none;
}

.empty-card.show {
    display: block;
}

.empty-cart-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.empty-cart-wrapper .empty-cart-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--light-slate);
}

@media screen and (max-width: 1920px) and (min-width: 1400px) {
    .empty-cart-wrapper .empty-cart-content {
        width: calc(-63.0769px + 10.5769vw);
        height: calc(-63.0769px + 10.5769vw);
    }
}

.empty-cart-wrapper .empty-cart-content img {
    width: 100%;
    height: 100%;
}

.empty-cart-wrapper h6 {
    line-height: 22px;
    padding-top: 14px;
}

.coupon-code .input-group .form-control:focus {
    box-shadow: unset;
    border-color: var(--chart-progress-light);
}

@media (max-width: 1575px) {
    .coupon-code .input-group .form-control::placeholder {
        font-size: 13px;
    }
}

.coupon-code .input-group .btn {
    color: var(--body-font-color);
    border-left-width: 0px;
    border-left-style: initial;
    border-color: var(--chart-progress-light);
}

@media (max-width: 1575px) {
    .coupon-code .input-group .btn {
        font-size: 13px;
    }
}

.compare-order {
    transition: 0.5s;
}

.compare-order .compare-icon {
    width: calc(39px + 0.3125vw);
    height: calc(39px + 0.3125vw);
    border-radius: 10px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.compare-order .compare-icon svg {
    width: 20px;
    height: 20px;
    transition: 0.5s;
}

.compare-order .card-body .common-space {
    margin-bottom: 12px;
}

.compare-order .card-body .common-space h4 {
    color: var(--body-font-color);
}

.compare-order .card-body .progress {
    background: linear-gradient(180.36deg, rgb(207, 220, 232) -32.82%, rgb(255, 255, 255) 132.82%);
    height: 9px;
    margin-bottom: 10px;
}

.compare-order .card-body .user-growth {
    font-size: 12px;
    margin-right: 4px;
}

.compare-order .card-body .user-text {
    color: rgba(82, 82, 108, 0.8);
    font-size: 14px;
}

@media (max-width: 1469px) and (min-width: 1400px) {
    .compare-order .card-body .user-text {
        display: none;
    }
}

.compare-order:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

.compare-order:hover .card-header svg {
    transition: 0.5s;
    transform: scale(1.08);
}

.crm-card {
    background-image: url("../images/dashboard-9/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.crm-card .card-body h4 {
    color: rgb(255, 255, 255);
    font-size: calc(17.2px + 0.25vw);
}

.crm-card .card-body p {
    width: 65%;
    color: rgb(255, 255, 255);
    margin-bottom: 35px;
}

@media (max-width: 1830px) and (min-width: 1450px) {
    .crm-card .card-body p {
        width: 62%;
    }
}

@media (max-width: 1780px) {
    .crm-card .card-body p {
        display: -webkit-box;
        max-width: 100%;
        height: 44px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1459px) {
    .crm-card .card-body p {
        display: -webkit-box;
        height: 44px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .crm-card .card-body p {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .crm-card .card-body p {
        margin-bottom: 0px;
    }
}

@media (max-width: 617px) {
    .crm-card .card-body p {
        width: 60%;
        margin-bottom: 14px;
    }
}

.crm-card .crm-img {
    height: 138px;
    position: absolute;
    right: 12px;
    bottom: 8px;
    animation: 3s ease 0s infinite normal none running bounce-effect;
}

@media (max-width: 1874px) and (min-width: 1820px) {
    .crm-card .crm-img {
        height: 125px;
        right: 12px;
        bottom: 16px;
    }
}

@media (max-width: 1819px) and (min-width: 1626px) {
    .crm-card .crm-img {
        height: 118px;
        right: 8px;
        bottom: 10px;
    }
}

@media (max-width: 1625px) and (min-width: 1521px) {
    .crm-card .crm-img {
        height: 100px;
        right: 12px;
        bottom: 40px;
    }
}

@media (max-width: 1520px) and (min-width: 1400px) {
    .crm-card .crm-img {
        height: 88px;
        right: 4px;
        bottom: 44px;
    }
}

@media (max-width: 1419px) and (min-width: 1400px) {
    .crm-card .crm-img {
        bottom: 52px;
    }
}

@media (max-width: 1000px) and (min-width: 851px) {
    .crm-card .crm-img {
        height: 122px;
    }
}

@media (max-width: 850px) and (min-width: 768px) {
    .crm-card .crm-img {
        height: 112px;
        right: 8px;
    }
}

@media (max-width: 416px) {
    .crm-card .crm-img {
        height: 100px;
        right: 8px;
        bottom: 12px;
    }
}

.pipeline-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1536px) and (min-width: 1400px) {
    .pipeline-data {
        justify-content: center;
    }
}

@media (max-width: 698px) and (min-width: 576px) {
    .pipeline-data {
        justify-content: center;
    }
}

.pipeline-data [class*="dotted-"] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

@media (max-width: 1673px) and (min-width: 1400px) {
    .pipeline-data [class*="dotted-"] {
        display: none;
    }
}

@media (max-width: 740px) {
    .pipeline-data [class*="dotted-"] {
        display: none;
    }
}

.pipeline-data .common-flex {
    align-items: baseline;
}

.pipeline-data .common-flex span {
    color: rgba(82, 82, 108, 0.8);
}

@media (max-width: 1697px) and (min-width: 1400px) {
    .pipeline-data .common-flex {
        gap: 6px;
    }
}

@media (max-width: 1536px) and (min-width: 1400px) {
    .pipeline-data .common-flex {
        display: none;
    }
}

@media (max-width: 698px) and (min-width: 576px) {
    .pipeline-data .common-flex {
        display: none;
    }
}

.revenue-chart-container {
    margin: -23px -10px -26px -16px;
}

.crm-todo-list li {
    cursor: pointer;
    border-bottom: 1px solid var(--chart-dashed-border);
    padding: 12px 0px;
    gap: 16px;
}

@media (max-width: 1560px) and (min-width: 1400px) {
    .crm-todo-list li {
        gap: 12px;
    }
}

.crm-todo-list li:first-child {
    padding-top: 0px;
}

.crm-todo-list li:last-child {
    border-bottom: unset;
    padding-bottom: 0px;
}

.crm-todo-list li span.l-line-primary {
    height: 48px;
    width: 3px;
    border-radius: 4px;
    background: rgb(115, 102, 255);
}

.crm-todo-list li span.l-line-primary:last-child {
    margin-bottom: 0px;
}

.crm-todo-list li span.l-line-secondary {
    height: 48px;
    width: 3px;
    border-radius: 4px;
    background: rgb(131, 131, 131);
}

.crm-todo-list li span.l-line-secondary:last-child {
    margin-bottom: 0px;
}

.crm-todo-list li span.l-line-success {
    height: 48px;
    width: 3px;
    border-radius: 4px;
    background: rgb(101, 193, 92);
}

.crm-todo-list li span.l-line-success:last-child {
    margin-bottom: 0px;
}

.crm-todo-list li span.l-line-danger {
    height: 48px;
    width: 3px;
    border-radius: 4px;
    background: rgb(252, 86, 74);
}

.crm-todo-list li span.l-line-danger:last-child {
    margin-bottom: 0px;
}

.crm-todo-list li span.l-line-info {
    height: 48px;
    width: 3px;
    border-radius: 4px;
    background: rgb(64, 184, 245);
}

.crm-todo-list li span.l-line-info:last-child {
    margin-bottom: 0px;
}

.crm-todo-list li span.l-line-light {
    height: 48px;
    width: 3px;
    border-radius: 4px;
    background: rgb(244, 244, 244);
}

.crm-todo-list li span.l-line-light:last-child {
    margin-bottom: 0px;
}

.crm-todo-list li span.l-line-dark {
    height: 48px;
    width: 3px;
    border-radius: 4px;
    background: rgb(63, 71, 90);
}

.crm-todo-list li span.l-line-dark:last-child {
    margin-bottom: 0px;
}

.crm-todo-list li span.l-line-warning {
    height: 48px;
    width: 3px;
    border-radius: 4px;
    background: rgb(255, 184, 41);
}

.crm-todo-list li span.l-line-warning:last-child {
    margin-bottom: 0px;
}

@media (max-width: 1880px) {
    .crm-todo-list li p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 200px;
    }
}

@media (max-width: 1723px) and (min-width: 1519px) {
    .crm-todo-list li p {
        max-width: 158px;
    }
}

@media (max-width: 1518px) and (min-width: 1400px) {
    .crm-todo-list li p {
        max-width: 130px;
    }
}

@media (max-width: 843px) and (min-width: 768px) {
    .crm-todo-list li p {
        max-width: 200px;
    }
}

@media (max-width: 368px) {
    .crm-todo-list li p {
        max-width: 145px;
    }
}

.crm-todo-list li .form-check .form-check-input {
    border-color: rgba(82, 82, 108, 0.8);
}

.crm-todo-list li .form-check .form-check-input:focus {
    box-shadow: unset;
}

.crm-todo-list li span {
    color: rgba(82, 82, 108, 0.8);
}

.crm-todo-list li .flex-grow-1 a {
    color: var(--body-font-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    display: block;
}

@media (max-width: 338px) {
    .finance-wrapper .common-flex {
        gap: 6px;
    }
}

@media (max-width: 322px) {
    .finance-wrapper .common-flex {
        flex-direction: column;
    }
}

.finance-wrapper .common-flex h6:last-child {
    border-left: 1px solid var(--chart-dashed-border);
    padding-left: 16px;
}

@media (max-width: 338px) and (min-width: 323px) {
    .finance-wrapper .common-flex h6:last-child {
        padding-left: 6px;
    }
}

@media (max-width: 322px) {
    .finance-wrapper .common-flex h6:last-child {
        border-left: unset;
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .finance-wrapper .finance-chart-wrapper {
        margin-bottom: -20px;
    }
}

.deal-table.recent-table thead tr th, .deal-table.recent-table thead tr td, .deal-table.recent-table tbody tr th, .deal-table.recent-table tbody tr td {
    min-width: auto;
    color: rgb(82, 82, 108);
}

.deal-table.recent-table thead tr th:first-child, .deal-table.recent-table thead tr td:first-child, .deal-table.recent-table tbody tr th:first-child, .deal-table.recent-table tbody tr td:first-child {
    padding-left: 20px;
}

@media (max-width: 1704px) and (min-width: 1400px) {
    .deal-table.recent-table thead tr th:first-child, .deal-table.recent-table thead tr td:first-child, .deal-table.recent-table tbody tr th:first-child, .deal-table.recent-table tbody tr td:first-child {
        display: none;
    }

    .deal-table.recent-table thead tr th:nth-child(2), .deal-table.recent-table thead tr td:nth-child(2), .deal-table.recent-table tbody tr th:nth-child(2), .deal-table.recent-table tbody tr td:nth-child(2) {
        padding-left: 20px;
    }
}

.deal-table.recent-table thead tr th:last-child, .deal-table.recent-table thead tr td:last-child, .deal-table.recent-table tbody tr th:last-child, .deal-table.recent-table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1591px) and (min-width: 1400px) {
    .deal-table.recent-table thead tr th:first-child, .deal-table.recent-table thead tr td:first-child, .deal-table.recent-table tbody tr th:first-child, .deal-table.recent-table tbody tr td:first-child {
        display: none;
    }

    .deal-table.recent-table thead tr th:nth-child(2), .deal-table.recent-table thead tr td:nth-child(2), .deal-table.recent-table tbody tr th:nth-child(2), .deal-table.recent-table tbody tr td:nth-child(2) {
        padding-left: 20px;
    }
}

@media (max-width: 1450px) and (min-width: 1200px) {
    .deal-table.recent-table thead tr th:nth-child(3), .deal-table.recent-table thead tr td:nth-child(3), .deal-table.recent-table tbody tr th:nth-child(3), .deal-table.recent-table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1064px) {
    .deal-table.recent-table thead tr th:first-child, .deal-table.recent-table thead tr td:first-child, .deal-table.recent-table tbody tr th:first-child, .deal-table.recent-table tbody tr td:first-child {
        min-width: 52px;
    }

    .deal-table.recent-table thead tr th:nth-child(2), .deal-table.recent-table thead tr td:nth-child(2), .deal-table.recent-table tbody tr th:nth-child(2), .deal-table.recent-table tbody tr td:nth-child(2) {
        min-width: 116px;
    }

    .deal-table.recent-table thead tr th:last-child, .deal-table.recent-table thead tr td:last-child, .deal-table.recent-table tbody tr th:last-child, .deal-table.recent-table tbody tr td:last-child {
        min-width: 90px;
    }
}

@media (max-width: 899px) {
    .deal-table.recent-table thead tr th:first-child, .deal-table.recent-table thead tr td:first-child, .deal-table.recent-table tbody tr th:first-child, .deal-table.recent-table tbody tr td:first-child {
        min-width: 98px;
    }

    .deal-table.recent-table thead tr th:nth-child(2), .deal-table.recent-table thead tr td:nth-child(2), .deal-table.recent-table tbody tr th:nth-child(2), .deal-table.recent-table tbody tr td:nth-child(2) {
        min-width: 135px;
    }

    .deal-table.recent-table thead tr th:nth-child(3), .deal-table.recent-table thead tr td:nth-child(3), .deal-table.recent-table tbody tr th:nth-child(3), .deal-table.recent-table tbody tr td:nth-child(3) {
        min-width: 100px;
    }

    .deal-table.recent-table thead tr th:last-child, .deal-table.recent-table thead tr td:last-child, .deal-table.recent-table tbody tr th:last-child, .deal-table.recent-table tbody tr td:last-child {
        min-width: 135px;
    }
}

.deal-table.recent-table thead tr th {
    color: rgb(82, 82, 108);
}

.lead-table.recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    right: 60px;
}

@media (max-width: 1000px) {
    .lead-table.recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
    }
}

.lead-table.recent-table thead tr th {
    color: rgb(82, 82, 108);
}

.lead-table.recent-table thead tr th, .lead-table.recent-table thead tr td, .lead-table.recent-table tbody tr th, .lead-table.recent-table tbody tr td {
    min-width: auto;
    color: rgb(82, 82, 108);
}

.lead-table.recent-table thead tr th:first-child, .lead-table.recent-table thead tr td:first-child, .lead-table.recent-table tbody tr th:first-child, .lead-table.recent-table tbody tr td:first-child {
    padding-left: 20px;
}

.lead-table.recent-table thead tr th:last-child, .lead-table.recent-table thead tr td:last-child, .lead-table.recent-table tbody tr th:last-child, .lead-table.recent-table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1312px) {
    .lead-table.recent-table thead tr th:last-child .btn, .lead-table.recent-table thead tr td:last-child .btn, .lead-table.recent-table tbody tr th:last-child .btn, .lead-table.recent-table tbody tr td:last-child .btn {
        padding: 6px 16px;
    }
}

.lead-table.recent-table thead tr th .common-flex .lead-img, .lead-table.recent-table thead tr td .common-flex .lead-img, .lead-table.recent-table tbody tr th .common-flex .lead-img, .lead-table.recent-table tbody tr td .common-flex .lead-img {
    border-radius: 8px;
    height: 36px;
}

@media (max-width: 1629px) {
    .lead-table.recent-table thead tr th .common-flex .lead-img, .lead-table.recent-table thead tr td .common-flex .lead-img, .lead-table.recent-table tbody tr th .common-flex .lead-img, .lead-table.recent-table tbody tr td .common-flex .lead-img {
        height: 28px;
    }
}

.lead-table.recent-table thead tr th:nth-child(4) .common-flex, .lead-table.recent-table thead tr td:nth-child(4) .common-flex, .lead-table.recent-table tbody tr th:nth-child(4) .common-flex, .lead-table.recent-table tbody tr td:nth-child(4) .common-flex {
    gap: 5px;
}

@media (max-width: 1670px) and (min-width: 1200px) {
    .lead-table.recent-table thead tr th:nth-child(3), .lead-table.recent-table thead tr td:nth-child(3), .lead-table.recent-table tbody tr th:nth-child(3), .lead-table.recent-table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1608px) and (min-width: 1200px) {
    .lead-table.recent-table thead tr th:nth-child(3), .lead-table.recent-table thead tr td:nth-child(3), .lead-table.recent-table tbody tr th:nth-child(3), .lead-table.recent-table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1363px) and (min-width: 1200px) {
    .lead-table.recent-table thead tr th:nth-child(2), .lead-table.recent-table thead tr td:nth-child(2), .lead-table.recent-table tbody tr th:nth-child(2), .lead-table.recent-table tbody tr td:nth-child(2) {
        display: none;
    }
}

@media (max-width: 1199px) and (min-width: 1200px) {
    .lead-table.recent-table thead tr th:first-child, .lead-table.recent-table thead tr td:first-child, .lead-table.recent-table tbody tr th:first-child, .lead-table.recent-table tbody tr td:first-child {
        min-width: 128px;
    }

    .lead-table.recent-table thead tr th:nth-child(4), .lead-table.recent-table thead tr td:nth-child(4), .lead-table.recent-table tbody tr th:nth-child(4), .lead-table.recent-table tbody tr td:nth-child(4) {
        min-width: 104px;
    }
}

@media (max-width: 1199px) {
    .lead-table.recent-table thead tr th:first-child, .lead-table.recent-table thead tr td:first-child, .lead-table.recent-table tbody tr th:first-child, .lead-table.recent-table tbody tr td:first-child {
        min-width: 100px;
    }

    .lead-table.recent-table thead tr th:nth-child(4), .lead-table.recent-table thead tr td:nth-child(4), .lead-table.recent-table tbody tr th:nth-child(4), .lead-table.recent-table tbody tr td:nth-child(4) {
        min-width: 114px;
    }
}

.main-lead-source {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -100px;
}

.main-lead-source .lead-source-1 {
    width: 200px;
    height: 200px;
    position: relative;
    border-radius: 50%;
    background-color: rgba(115, 102, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0px 80px 20px;
    text-align: center;
}

@media (max-width: 1920px) and (min-width: 1400px) {
    .main-lead-source .lead-source-1 {
        width: calc(-95.3846px + 15.3846vw);
        height: calc(-95.3846px + 15.3846vw);
    }
}

@media (max-width: 1610px) and (min-width: 1411px) {
    .main-lead-source .lead-source-1 {
        margin: 60px 0px 100px 20px;
    }
}

@media (max-width: 1410px) and (min-width: 1400px) {
    .main-lead-source .lead-source-1 {
        margin: 70px 0px 120px 20px;
    }
}

@media (max-width: 1399px) and (min-width: 1211px) {
    .main-lead-source .lead-source-1 {
        margin: 30px 0px 80px 20px;
    }
}

@media (max-width: 1210px) {
    .main-lead-source .lead-source-1 {
        margin: 40px 0px 90px 20px;
    }
}

@media (max-width: 1263px) and (min-width: 768px) {
    .main-lead-source .lead-source-1 {
        width: calc(140px + 3.125vw);
        height: calc(140px + 3.125vw);
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .main-lead-source .lead-source-1 {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .main-lead-source .lead-source-1 {
        width: calc(116px + 4.375vw);
        height: calc(116px + 4.375vw);
        margin: 20px 0px 70px 20px;
    }
}

@media (max-width: 585px) and (min-width: 576px) {
    .main-lead-source .lead-source-1 {
        margin: 42px 0px 92px 32px;
    }
}

.main-lead-source .lead-source-2 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(255, 184, 41, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    right: -35%;
    transform: translateY(8%);
    z-index: 1;
}

@media (max-width: 1920px) and (min-width: 1400px) {
    .main-lead-source .lead-source-2 {
        width: calc(-10.7692px + 5.76923vw);
        height: calc(-10.7692px + 5.76923vw);
    }
}

@media (max-width: 1410px) and (min-width: 1400px) {
    .main-lead-source .lead-source-2 {
        right: -42%;
    }
}

@media (max-width: 1263px) and (min-width: 768px) {
    .main-lead-source .lead-source-2 {
        width: calc(75px + 1.30208vw);
        height: calc(75px + 1.30208vw);
    }
}

@media (max-width: 767px) {
    .main-lead-source .lead-source-2 {
        width: calc(70px + 1.5625vw);
        height: calc(70px + 1.5625vw);
    }
}

.lead-source-3 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: rgba(101, 193, 92, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 20%;
    right: -90%;
    transform: translate(-50%, 50%);
}

@media (max-width: 1920px) and (min-width: 1400px) {
    .lead-source-3 {
        width: calc(-108.462px + 13.4615vw);
        height: calc(-108.462px + 13.4615vw);
    }
}

@media (max-width: 1599px) {
    .lead-source-3 {
        right: -85%;
        bottom: 16%;
    }
}

@media (max-width: 1263px) and (min-width: 768px) {
    .lead-source-3 {
        width: calc(100px + 2.60417vw);
        height: calc(100px + 2.60417vw);
    }
}

@media (max-width: 767px) {
    .lead-source-3 {
        width: calc(84px + 3.4375vw);
        height: calc(84px + 3.4375vw);
    }
}

.source-txt span, .source-txt h5 {
    color: rgb(255, 255, 255);
}

.source-txt h5 {
    font-size: calc(14.8px + 0.375vw);
}

#sales-chart .apexcharts-legend {
    gap: 12px;
}

@media (max-width: 1615px) {
    #sales-chart .apexcharts-legend {
        gap: 0px;
    }
}

.sales-week-container {
    margin: 0px -12px -40px;
}

.pipeline-chart-container {
    margin-bottom: -12px;
}

@media (max-width: 767px) {
    .sales-chart-wrapper {
        margin-bottom: -40px;
    }
}

.main-sale .sales-chart-wrap #sales-chart1 {
    margin-bottom: -30px;
}

.main-sale .sale-details {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1650px) and (min-width: 1400px) {
    .sales-header span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100px;
    }
}

@media (max-width: 715px) {
    .sales-header span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100px;
    }
}

@media (max-width: 1524px) and (min-width: 1400px) {
    .schedule-card .card-header-right-icon .btn {
        display: none;
    }
}

@media (max-width: 660px) {
    .schedule-card .card-header-right-icon .btn {
        display: none;
    }
}

.sales-data {
    justify-content: space-around;
    align-items: center;
}

@media (max-width: 1490px) and (min-width: 1431px) {
    .sales-data {
        justify-content: flex-start;
        gap: 8px;
    }
}

@media (max-width: 1430px) and (min-width: 1400px) {
    .sales-data {
        display: none;
    }
}

@media (max-width: 635px) and (min-width: 576px) {
    .sales-data {
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }
}

.sales-data li .sale-value {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.sales-data li .sale-value.primary-20 {
    background-color: rgba(115, 102, 255, 0.2);
}

.sales-data li .sale-value.primary-40 {
    background-color: rgba(115, 102, 255, 0.4);
}

.sales-data li .sale-value.primary-70 {
    background-color: rgba(115, 102, 255, 0.7);
}

.sales-data li span:last-child {
    font-size: 13px;
}

@media (max-width: 1579px) {
    .week-header .card-header-right-icon {
        display: none;
    }
}

.visits-wrapper .card-body .common-flex {
    background-color: var(--course-light-btn);
    padding: 10px 12px;
    border-radius: 8px;
    align-items: center;
    width: fit-content;
}

.treading-product .recent-table table tbody tr td .referral-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.treading-product .recent-table table tbody tr td .referral-wrapper svg {
    width: 16px;
    height: 16px;
}

@media (max-width: 812px) {
    .treading-product .recent-table table tbody tr td:nth-child(2) {
        min-width: 135px;
    }
}

.referral-visit .table thead tr th, .referral-visit .table thead tr td, .referral-visit .table tbody tr th, .referral-visit .table tbody tr td {
    min-width: auto;
}

@media (max-width: 1731px) {
    .referral-visit .table thead tr th .btn, .referral-visit .table thead tr td .btn, .referral-visit .table tbody tr th .btn, .referral-visit .table tbody tr td .btn {
        padding: 6px 16px;
    }
}

@media (max-width: 1695px) and (min-width: 1456px) {
    .referral-visit .table thead tr th span, .referral-visit .table thead tr td span, .referral-visit .table tbody tr th span, .referral-visit .table tbody tr td span {
        display: none;
    }
}

@media (max-width: 1455px) and (min-width: 1200px) {
    .referral-visit .table thead tr th:nth-child(2), .referral-visit .table thead tr td:nth-child(2), .referral-visit .table tbody tr th:nth-child(2), .referral-visit .table tbody tr td:nth-child(2) {
        display: none;
    }
}

.referral-visit .table thead tr th .referral-wrapper .bg-dark-primary, .referral-visit .table thead tr td .referral-wrapper .bg-dark-primary, .referral-visit .table tbody tr th .referral-wrapper .bg-dark-primary, .referral-visit .table tbody tr td .referral-wrapper .bg-dark-primary {
    border: 1px solid rgb(47, 132, 244);
}

.referral-visit .table thead tr th .referral-wrapper .bg-dark-primary .social-wrapper, .referral-visit .table thead tr td .referral-wrapper .bg-dark-primary .social-wrapper, .referral-visit .table tbody tr th .referral-wrapper .bg-dark-primary .social-wrapper, .referral-visit .table tbody tr td .referral-wrapper .bg-dark-primary .social-wrapper {
    background-color: rgba(47, 132, 244, 0.1);
}

.referral-visit .table thead tr th .referral-wrapper > div, .referral-visit .table thead tr td .referral-wrapper > div, .referral-visit .table tbody tr th .referral-wrapper > div, .referral-visit .table tbody tr td .referral-wrapper > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.referral-visit .table thead tr th .referral-wrapper > div > div, .referral-visit .table thead tr td .referral-wrapper > div > div, .referral-visit .table tbody tr th .referral-wrapper > div > div, .referral-visit .table tbody tr td .referral-wrapper > div > div {
    width: 34px;
    height: 34px;
    border: 1px solid rgb(47, 132, 244);
    border-radius: 50%;
    padding: 3px;
}

.referral-visit .table thead tr th .referral-wrapper > div > div .social-wrapper, .referral-visit .table thead tr td .referral-wrapper > div > div .social-wrapper, .referral-visit .table tbody tr th .referral-wrapper > div > div .social-wrapper, .referral-visit .table tbody tr td .referral-wrapper > div > div .social-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    height: 100%;
    border-radius: 50%;
}

.referral-visit .table thead tr:last-child td, .referral-visit .table tbody tr:last-child td {
    border: unset;
    padding-bottom: 0px;
}

@media (max-width: 420px) {
    .dashboard-10 .card.heading-space .header-top {
        margin-left: 0px;
    }
}

@media (max-width: 420px) {
    .page-analytics-table .recent-table div.dt-container .dt-layout-row {
        position: relative;
    }
}

.page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    right: 60px;
    top: 24px;
}

@media (max-width: 1500px) {
    .page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        width: 90%;
        margin-bottom: 20px;
    }
}

@media (max-width: 420px) {
    .page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: unset;
        right: -130px;
    }
}

@media (max-width: 420px) {
    .page-analytics-table .recent-table div.dt-container .dt-layout-row:first-child .dt-length {
        top: 0px;
        left: 20px;
    }
}

.page-analytics-table .recent-table div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
}

.page-analytics-table .recent-table .table thead tr th, .page-analytics-table .recent-table .table thead tr td, .page-analytics-table .recent-table .table tbody tr th, .page-analytics-table .recent-table .table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.page-analytics-table .recent-table .table thead tr th:first-child, .page-analytics-table .recent-table .table thead tr td:first-child, .page-analytics-table .recent-table .table tbody tr th:first-child, .page-analytics-table .recent-table .table tbody tr td:first-child {
    padding-left: 20px;
}

.page-analytics-table .recent-table .table thead tr th:last-child, .page-analytics-table .recent-table .table thead tr td:last-child, .page-analytics-table .recent-table .table tbody tr th:last-child, .page-analytics-table .recent-table .table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1588px) and (min-width: 1200px) {
    .page-analytics-table .recent-table .table thead tr th:nth-child(5), .page-analytics-table .recent-table .table thead tr td:nth-child(5), .page-analytics-table .recent-table .table tbody tr th:nth-child(5), .page-analytics-table .recent-table .table tbody tr td:nth-child(5) {
        display: none;
    }
}

@media (max-width: 1368px) and (min-width: 1200px) {
    .page-analytics-table .recent-table .table thead tr th:nth-child(4), .page-analytics-table .recent-table .table thead tr td:nth-child(4), .page-analytics-table .recent-table .table tbody tr th:nth-child(4), .page-analytics-table .recent-table .table tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 684px) {
    .page-analytics-table .recent-table .table thead tr th:nth-child(2), .page-analytics-table .recent-table .table thead tr td:nth-child(2), .page-analytics-table .recent-table .table tbody tr th:nth-child(2), .page-analytics-table .recent-table .table tbody tr td:nth-child(2) {
        min-width: 104px;
    }

    .page-analytics-table .recent-table .table thead tr th:nth-child(3), .page-analytics-table .recent-table .table thead tr th:nth-child(4), .page-analytics-table .recent-table .table thead tr th:nth-child(5), .page-analytics-table .recent-table .table thead tr td:nth-child(3), .page-analytics-table .recent-table .table thead tr td:nth-child(4), .page-analytics-table .recent-table .table thead tr td:nth-child(5), .page-analytics-table .recent-table .table tbody tr th:nth-child(3), .page-analytics-table .recent-table .table tbody tr th:nth-child(4), .page-analytics-table .recent-table .table tbody tr th:nth-child(5), .page-analytics-table .recent-table .table tbody tr td:nth-child(3), .page-analytics-table .recent-table .table tbody tr td:nth-child(4), .page-analytics-table .recent-table .table tbody tr td:nth-child(5) {
        min-width: 118px;
    }
}

.page-analytics-table .recent-table .table thead tr th svg, .page-analytics-table .recent-table .table thead tr td svg, .page-analytics-table .recent-table .table tbody tr th svg, .page-analytics-table .recent-table .table tbody tr td svg {
    width: 14px;
    height: 14px;
}

.live-user-wrapper .user-data {
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    align-items: center;
}

.live-user-wrapper .user-data h5 {
    margin-bottom: 4px;
}

.live-user-wrapper .user-data span svg {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.analytics-widget {
    background-image: url("../images/dashboard-10/light-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

@media (max-width: 575px) {
    .analytics-widget {
        text-align: center;
        background-position: center top;
    }
}

.analytics-widget img {
    height: 138px;
}

@media (max-width: 450px) {
    .analytics-widget img {
        height: 115px;
    }
}

.analytics-widget .btn {
    min-width: auto;
}

@media (max-width: 1485px) {
    .analytics-widget .btn {
        padding: 8px 14px;
        font-size: 14px;
    }
}

@media (max-width: 1468px) {
    .analytics-widget h5 {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media (max-width: 1789px) {
    .analytics-widget .card-text {
        display: -webkit-box;
        max-width: 100%;
        height: 46px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: unset;
    }
}

.analytics-tread-card:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

.analytics-tread-card .header-top svg {
    width: 14px;
    height: 14px;
}

.analytics-tread-card .progress {
    height: 12px;
    background-color: rgba(64, 184, 245, 0.1);
    margin: 58px 0px 20px;
}

@media (max-width: 1700px) {
    .analytics-tread-card .progress {
        height: 8px;
    }
}

@media (max-width: 1500px) and (min-width: 1200px) {
    .analytics-tread-card .progress {
        margin: 90px 0px 20px;
    }
}

@media (max-width: 1199px) {
    .analytics-tread-card .progress {
        margin: 40px 0px 20px;
    }
}

.analytics-tread-card .progress .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.8) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 75%, transparent 75%, transparent);
}

.analytics-tread-card .analytics-tread {
    width: calc(46px + 0.625vw);
    height: calc(46px + 0.625vw);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.analytics-tread-card .analytics-tread svg {
    width: calc(18.4px + 0.5vw);
    height: calc(18.4px + 0.5vw);
}

.analytics-tread-card .session-progress .progress {
    background-color: rgba(101, 193, 92, 0.1);
}

.analytics-tread-card .session-progress .progress .small-progressbar .animate-circle {
    border: 5px solid rgba(101, 193, 92, 0.62);
    top: -10px;
    right: -16px;
    padding: 10px;
    animation: unset;
}

@media (max-width: 1700px) {
    .analytics-tread-card .session-progress .progress .small-progressbar .animate-circle {
        top: -11px;
    }
}

.analytics-tread-card .session-progress .progress .small-progressbar::after {
    background-color: rgb(101, 193, 92);
}

.analytics-tread-card .session-progress .progress .small-progressbar::after {
    top: -3px;
    right: -9px;
    width: 16px;
    height: 16px;
}

@media (max-width: 1700px) {
    .analytics-tread-card .session-progress .progress .small-progressbar::after {
        top: -3px;
        width: 14px;
        height: 14px;
    }
}

.analytics-tread-card .session-progress .progress .progress-label {
    top: -55px;
    right: -20px;
    background-color: rgb(101, 193, 92);
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-family: Roboto, sans-serif;
}

@media (max-width: 1399px) {
    .analytics-tread-card .session-progress .progress .progress-label {
        top: -50px;
        right: -16px;
        font-size: 12px;
    }
}

.analytics-tread-card .session-progress .progress .progress-label::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0px;
    border-width: 8px 8px 0px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-top-style: solid;
    border-top-color: rgb(101, 193, 92);
    transform: translate(-50%, calc(100% + 0px));
}

.analytics-tread-card.retention-progress .card-body .progress {
    margin-top: 38px;
}

@media (max-width: 1500px) and (min-width: 1200px) {
    .analytics-tread-card.retention-progress .card-body .progress {
        margin-top: 70px;
    }
}

@media (max-width: 1199px) {
    .analytics-tread-card.retention-progress .card-body .progress {
        margin-top: 12px;
    }
}

.analytics-tread-card .header-top .common-align {
    align-items: baseline;
    gap: 8px;
}

@media (max-width: 1345px) and (min-width: 1200px) {
    .analytics-tread-card .header-top .common-align > span {
        display: none;
    }
}

@media (max-width: 1426px) and (min-width: 1200px) {
    .analytics-tread-card .header-top > div span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 130px;
    }
}

@media (max-width: 1320px) and (min-width: 1231px) {
    .analytics-tread-card .header-top > div span {
        max-width: 104px;
    }
}

@media (max-width: 1230px) and (min-width: 1200px) {
    .analytics-tread-card .header-top > div span {
        max-width: 80px;
    }
}

@media (max-width: 592px) and (min-width: 576px) {
    .analytics-tread-card .header-top > div span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 106px;
    }
}

.user-analytics-wrapper {
    margin: -40px -10px -20px -30px;
}

@media (max-width: 575px) {
    .user-analytics-wrapper {
        margin: -40px 0px -20px -20px;
    }
}

.analytics-view-wrapper {
    margin: -34px -10px -30px 0px;
    overflow: hidden;
}

.visit-duration-wrapper {
    margin: -34px 35px -30px 0px;
}

.bounce-rate-wrapper {
    margin: -34px -20px -30px 0px;
    overflow: hidden;
}

.main-session-devices .common-align {
    flex-direction: column;
    gap: 32px;
    align-items: unset;
}

@media (max-width: 575px) {
    .main-session-devices .common-align {
        gap: 8px;
    }
}

.main-session-devices .common-align p {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 1290px) and (min-width: 1200px) {
    .main-session-devices .common-align .common-space span {
        display: none;
    }
}

@media (max-width: 850px) and (min-width: 768px) {
    .main-session-devices .common-align .common-space span {
        display: none;
    }
}

.main-session-devices .progress {
    height: 10px;
    background: linear-gradient(180.36deg, rgb(207, 220, 232) -32.82%, rgb(255, 255, 255) 132.82%);
    border-radius: 100px;
}

.session-browser-table .table-responsive .table thead tr th, .session-browser-table .table-responsive .table thead tr td, .session-browser-table .table-responsive .table tbody tr th, .session-browser-table .table-responsive .table tbody tr td {
    border: unset;
    color: var(--body-font-color);
    min-width: auto;
}

.session-browser-table .table-responsive .table thead tr th:first-child, .session-browser-table .table-responsive .table thead tr td:first-child, .session-browser-table .table-responsive .table tbody tr th:first-child, .session-browser-table .table-responsive .table tbody tr td:first-child {
    padding-left: 20px;
}

.session-browser-table .table-responsive .table thead tr th:last-child, .session-browser-table .table-responsive .table thead tr td:last-child, .session-browser-table .table-responsive .table tbody tr th:last-child, .session-browser-table .table-responsive .table tbody tr td:last-child {
    padding-right: 20px;
}

.session-browser-table .table-responsive .table thead tr th .session-name, .session-browser-table .table-responsive .table thead tr td .session-name, .session-browser-table .table-responsive .table tbody tr th .session-name, .session-browser-table .table-responsive .table tbody tr td .session-name {
    color: var(--body-font-color);
    font-weight: 500;
}

@media (max-width: 1255px) and (min-width: 1200px) {
    .session-browser-table .table-responsive .table thead tr th .session-name, .session-browser-table .table-responsive .table thead tr td .session-name, .session-browser-table .table-responsive .table tbody tr th .session-name, .session-browser-table .table-responsive .table tbody tr td .session-name {
        display: none;
    }
}

@media (max-width: 1272px) and (min-width: 1200px) {
    .session-browser-table .table-responsive .table thead tr th .common-flex, .session-browser-table .table-responsive .table thead tr td .common-flex, .session-browser-table .table-responsive .table tbody tr th .common-flex, .session-browser-table .table-responsive .table tbody tr td .common-flex {
        gap: 8px;
    }
}

@media (max-width: 1255px) and (min-width: 1200px) {
    .session-browser-table .table-responsive .table thead tr th .common-flex img, .session-browser-table .table-responsive .table thead tr td .common-flex img, .session-browser-table .table-responsive .table tbody tr th .common-flex img, .session-browser-table .table-responsive .table tbody tr td .common-flex img {
        height: 20px;
    }
}

@media (max-width: 1752px) and (min-width: 1440px) {
    .session-browser-table .table-responsive .table thead tr th, .session-browser-table .table-responsive .table thead tr td, .session-browser-table .table-responsive .table tbody tr th, .session-browser-table .table-responsive .table tbody tr td {
        padding-block: 9px;
    }
}

@media (max-width: 1439px) and (min-width: 1200px) {
    .session-browser-table .table-responsive .table thead tr th, .session-browser-table .table-responsive .table thead tr td, .session-browser-table .table-responsive .table tbody tr th, .session-browser-table .table-responsive .table tbody tr td {
        padding-block: 7px;
    }
}

.session-browser-table .table-responsive .table thead tr:last-child td, .session-browser-table .table-responsive .table tbody tr:last-child td {
    padding-bottom: 0px;
}

.session-browser-table .table-responsive .table thead tr th {
    color: rgb(82, 82, 108);
}

@media (max-width: 1439px) and (min-width: 1200px) {
    .session-browser-table .table-responsive .table tbody tr:nth-child(4) {
        display: none;
    }
}

.jvm-zoom-btn {
    display: none;
}

.live-user-map #map {
    height: 245px;
}

@media (max-width: 1752px) and (min-width: 1571px) {
    .live-user-map #map {
        height: 210px;
    }
}

@media (max-width: 1570px) and (min-width: 1440px) {
    .live-user-map #map {
        height: 180px;
    }
}

@media (max-width: 1439px) and (min-width: 768px) {
    .live-user-map #map {
        height: 150px;
    }
}

@media (max-width: 767px) {
    .live-user-map #map {
        height: 150px;
    }
}

.common-m-chart {
    margin-bottom: -20px;
}

@media (max-width: 458px) {
    .common-m-chart {
        margin-bottom: -40px;
    }
}

@media (max-width: 1199px) {
    .ord-md-i {
        order: 1;
    }

    .ord-md-ii {
        order: 2;
    }

    .ord-md-iii {
        order: 3;
    }

    .ord-md-iv {
        order: 4;
    }

    .ord-md-v {
        order: 5;
    }

    .ord-md-vi {
        order: 6;
    }

    .ord-md-vii {
        order: 7;
    }

    .ord-md-viii {
        order: 8;
    }

    .ord-md-ix {
        order: 9;
    }

    .ord-md-x {
        order: 10;
    }
}

.widget-11 {
    background-image: url("../images/dashboard/widget-bg.png");
    background-size: cover;
    margin-bottom: 25px;
}

.widget-11 .card-body {
    padding: 20px 19px;
}

.widget-11 .card-body .common-align {
    gap: 15px;
}

.widget-11 .card-body .analytics-tread {
    min-width: calc(46px + 0.625vw);
    min-height: calc(46px + 0.625vw);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1705px) and (min-width: 1200px) {
    .widget-11 .card-body .analytics-tread {
        min-width: 45px;
        min-height: 45px;
    }
}

.widget-11 .card-body .analytics-tread svg {
    width: calc(18.4px + 0.5vw);
    height: calc(18.4px + 0.5vw);
}

@media (max-width: 1705px) and (min-width: 1200px) {
    .widget-11 .card-body .analytics-tread svg {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 1835px) and (min-width: 1641px) {
    .widget-11 .card-body > div span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100px;
        line-height: 1;
    }
}

@media (max-width: 1277px) and (min-width: 1200px) {
    .widget-11 .card-body > div span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100px;
        line-height: 1;
    }
}

@media (max-width: 1430px) and (min-width: 1400px) {
    .attendance-table.recent-table div.dt-container .dt-layout-row .dt-search {
        display: none;
    }
}

@media (max-width: 1399px) {
    .attendance-table.recent-table div.dt-container .dt-layout-row .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
        width: 90%;
    }
}

@media (max-width: 1747px) and (min-width: 1400px) {
    .attendance-table.recent-table div.dt-container .dt-layout-row:last-child .dt-info {
        display: none;
    }
}

@media (max-width: 1399px) {
    .attendance-table.recent-table div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.attendance-table.recent-table table thead tr th, .attendance-table.recent-table table thead tr td, .attendance-table.recent-table table tbody tr th, .attendance-table.recent-table table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.attendance-table.recent-table table thead tr th a, .attendance-table.recent-table table thead tr td a, .attendance-table.recent-table table tbody tr th a, .attendance-table.recent-table table tbody tr td a {
    color: var(--body-font-color);
}

.attendance-table.recent-table table thead tr th:first-child, .attendance-table.recent-table table thead tr td:first-child, .attendance-table.recent-table table tbody tr th:first-child, .attendance-table.recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.attendance-table.recent-table table thead tr th:last-child, .attendance-table.recent-table table thead tr td:last-child, .attendance-table.recent-table table tbody tr th:last-child, .attendance-table.recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1656px) and (min-width: 1200px) {
    .attendance-table.recent-table table thead tr th:nth-child(2), .attendance-table.recent-table table thead tr td:nth-child(2), .attendance-table.recent-table table tbody tr th:nth-child(2), .attendance-table.recent-table table tbody tr td:nth-child(2) {
        display: none;
    }
}

.attendance-table.recent-table table thead tr th .badge, .attendance-table.recent-table table thead tr td .badge, .attendance-table.recent-table table tbody tr th .badge, .attendance-table.recent-table table tbody tr td .badge {
    padding: 4px 7px;
    font-weight: 400;
    font-size: 14px;
    min-width: 70px;
}

@media (max-width: 1199px) {
    .attendance-table.recent-table table thead tr th:first-child, .attendance-table.recent-table table thead tr td:first-child, .attendance-table.recent-table table tbody tr th:first-child, .attendance-table.recent-table table tbody tr td:first-child {
        min-width: 120px;
    }

    .attendance-table.recent-table table thead tr th:nth-child(2), .attendance-table.recent-table table thead tr td:nth-child(2), .attendance-table.recent-table table tbody tr th:nth-child(2), .attendance-table.recent-table table tbody tr td:nth-child(2) {
        min-width: 108px;
    }

    .attendance-table.recent-table table thead tr th:nth-child(3), .attendance-table.recent-table table thead tr td:nth-child(3), .attendance-table.recent-table table tbody tr th:nth-child(3), .attendance-table.recent-table table tbody tr td:nth-child(3) {
        min-width: 104px;
    }
}

.bhd-user-cards {
    background-image: url("../images/dashboard-11/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.birthday-cards .swiper {
    width: 100%;
    height: 100%;
    margin-block: 46px; }

@media (max-width: 1447px) and (min-width: 1400px) {
    .birthday-cards .swiper {
        margin-block: 60px;
    }
}

@media (max-width: 1399px) and (min-width: 646px) {
    .birthday-cards .swiper {
        margin-block: 48px;
    }
}

@media (max-width: 645px) {
    .birthday-cards .swiper {
        margin-block: 35px;
    }
}

.birthday-cards .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.birthday-cards .swiper .swiper-slide .birthday-usercard {
    text-align: center;
}

.birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user {
    display: inline-block;
    padding: 8px;
    background-image: url("../images/dashboard-11/ring.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    position: relative;
    margin-bottom: 12px;
}

.birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user img {
    height: 80px;
    border-radius: 50%;
}

@media (max-width: 1447px) and (min-width: 646px) {
    .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user img {
        height: 60px;
    }
}

@media (max-width: 645px) and (min-width: 576px) {
    .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user img {
        height: 50px;
    }
}

@media (max-width: 575px) {
    .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user img {
        height: 65px;
    }
}

.birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user .verified-user {
    width: 20px;
    height: 20px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(255, 255, 255);
    background-color: rgb(101, 193, 92);
    right: 4px;
    bottom: 12px;
    border-radius: 100%;
}

@media (max-width: 1447px) and (min-width: 646px) {
    .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user .verified-user {
        width: 16px;
        height: 16px;
        right: 3px;
        bottom: 10px;
    }
}

.birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user .verified-user i {
    font-size: 8px;
    color: rgb(255, 255, 255);
}

@media (max-width: 645px) and (min-width: 576px) {
    .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user .verified-user {
        width: 16px;
        height: 16px;
        bottom: 6px;
    }

    .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user .verified-user i {
        font-size: 6px;
    }
}

@media (max-width: 575px) {
    .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user .verified-user {
        width: 16px;
        height: 16px;
        bottom: 10px;
    }

    .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user .verified-user i {
        font-size: 6px;
    }
}

.birthday-cards .swiper .swiper-button-prev, .birthday-cards .swiper .swiper-button-next {
    width: 26px;
    height: 23px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
}

.birthday-cards .swiper .swiper-button-prev::after, .birthday-cards .swiper .swiper-button-next::after {
    font-size: 10px;
    font-weight: bold;
    color: rgb(255, 255, 255);
}

.birthday-cards .send-wishes {
    background-color: rgba(255, 255, 255, 0.15);
    padding: 14px 23px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    margin: auto;
    cursor: pointer;
}

@media (max-width: 1579px) {
    .birthday-cards .send-wishes {
        padding: 10px 16px;
    }
}

.birthday-cards .send-wishes span {
    color: rgb(255, 255, 255);
}

.birthday-cards .send-wishes i {
    color: rgb(255, 255, 255);
}

.birthday-cards h5, .birthday-cards h6 {
    color: rgb(255, 255, 255);
}

@media (max-width: 762px) {
    .project-analytics h5 span {
        padding: 0px !important;
    }
}

.project-analytics .analytics-data .balance-data {
    display: inline-flex;
}

@media (max-width: 1680px) {
    .project-analytics .analytics-data .balance-data {
        display: none;
    }
}

.project-analytics .project-analytics-wrapper {
    margin: 0px 0px -20px -10px;
}

@media (max-width: 748px) {
    .project-analytics .project-analytics-wrapper {
        margin: 0px 0px -40px -10px;
    }
}

.app-overview-wrapper {
    margin: 0px -10px -20px;
}

.project-finish-card .project-left-content .progress {
    background: linear-gradient(180.36deg, rgb(207, 220, 232) -32.82%, rgb(255, 255, 255) 99.69%) transparent;
    border-radius: 20px;
    height: 14px;
    padding: 2px 4px;
}

.project-finish-card .project-left-content .progress .progress-bar {
    background-color: transparent;
}

.project-finish-card .project-left-content .progress .progress-bar .common-f-start .progress-box {
    width: 100%;
    height: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    background-color: transparent;
    border-radius: 50px;
}

.project-finish-card .project-left-content .progress .progress-bar .common-f-start .progress-box > div {
    width: 3px;
    min-width: 3px;
    max-width: 3px;
    height: 170%;
    background-color: var(--theme-default);
}

.project-finish-card .project-left-content > p {
    margin-bottom: 19px;
}

@media (max-width: 1517px) and (min-width: 768px) {
    .project-finish-card .project-left-content > p {
        display: -webkit-box;
        height: 48px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.project-finish-card .project-left-content .growth-info {
    margin-bottom: 31px;
}

@media (max-width: 897px) and (min-width: 768px) {
    .project-finish-card .project-left-content .growth-info {
        margin-bottom: 16px;
    }
}

.project-finish-card .project-left-content .growth-info p {
    margin-bottom: 19px;
}

.project-finish-card .project-progress span {
    margin-bottom: 7px;
}

@media (max-width: 792px) and (min-width: 768px) {
    .project-finish-card .project-progress span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 130px;
    }
}

.project-finish-card .project-right-content {
    position: absolute;
    bottom: -60px;
    right: -16px;
    animation: 3s ease-in 0s infinite normal none running bounce-effect;
}

@media (max-width: 1680px) and (min-width: 1600px) {
    .project-finish-card .project-right-content {
        bottom: -52px;
    }
}

@media (max-width: 1599px) and (min-width: 1400px) {
    .project-finish-card .project-right-content {
        bottom: -50px;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .project-finish-card .project-right-content {
        bottom: -75px;
    }
}

@media (max-width: 1199px) and (min-width: 1071px) {
    .project-finish-card .project-right-content {
        bottom: -63px;
    }
}

@media (max-width: 1070px) and (min-width: 898px) {
    .project-finish-card .project-right-content {
        bottom: -55px;
    }
}

@media (max-width: 897px) and (min-width: 768px) {
    .project-finish-card .project-right-content {
        bottom: -50px;
    }
}

@media (max-width: 767px) and (min-width: 641px) {
    .project-finish-card .project-right-content {
        bottom: -83px;
    }
}

@media (max-width: 640px) and (min-width: 501px) {
    .project-finish-card .project-right-content {
        bottom: -72px;
    }
}

@media (max-width: 500px) {
    .project-finish-card .project-right-content {
        bottom: -57px;
    }
}

@media (max-width: 575px) {
    .project-finish-card {
        background-color: rgba(var(--light-shade-primary), 0.3);
        overflow: hidden;
    }

    .project-finish-card .project-left-content {
        position: relative;
        z-index: 1;
    }

    .project-finish-card .project-right-content {
        filter: opacity(0.4);
        transform: translate(50px, -50px);
        animation: unset;
        z-index: 0;
        right: 50px;
        bottom: -140px;
    }
}

@media (max-width: 575px) and (max-width: 440px) {
    .project-finish-card .project-right-content {
        filter: opacity(0.1);
    }
}

@media (max-width: 1635px) {
    .leave-request-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
    }
}

.leave-request-table.table-responsive .table thead th, .leave-request-table.table-responsive .table thead td, .leave-request-table.table-responsive .table tbody th, .leave-request-table.table-responsive .table tbody td {
    min-width: auto;
    padding: 12px 8px;
}

.leave-request-table.table-responsive .table thead th:first-child, .leave-request-table.table-responsive .table thead td:first-child, .leave-request-table.table-responsive .table tbody th:first-child, .leave-request-table.table-responsive .table tbody td:first-child {
    padding-left: 20px;
}

@media (max-width: 1779px) and (min-width: 1200px) {
    .leave-request-table.table-responsive .table thead th:first-child img, .leave-request-table.table-responsive .table thead td:first-child img, .leave-request-table.table-responsive .table tbody th:first-child img, .leave-request-table.table-responsive .table tbody td:first-child img {
        display: none;
    }
}

.leave-request-table.table-responsive .table thead th:last-child, .leave-request-table.table-responsive .table thead td:last-child, .leave-request-table.table-responsive .table tbody th:last-child, .leave-request-table.table-responsive .table tbody td:last-child {
    padding-right: 20px;
}

@media (max-width: 1635px) and (min-width: 1400px) {
    .leave-request-table.table-responsive .table thead th:last-child, .leave-request-table.table-responsive .table thead td:last-child, .leave-request-table.table-responsive .table tbody th:last-child, .leave-request-table.table-responsive .table tbody td:last-child {
        display: none;
    }

    .leave-request-table.table-responsive .table thead th:nth-child(2), .leave-request-table.table-responsive .table thead td:nth-child(2), .leave-request-table.table-responsive .table tbody th:nth-child(2), .leave-request-table.table-responsive .table tbody td:nth-child(2) {
        padding-right: 20px;
    }
}

.leave-request-table.table-responsive .table thead th .img-content-box a, .leave-request-table.table-responsive .table thead td .img-content-box a, .leave-request-table.table-responsive .table tbody th .img-content-box a, .leave-request-table.table-responsive .table tbody td .img-content-box a {
    color: var(--body-font-color);
}

@media (max-width: 1114px) {
    .leave-request-table.table-responsive .table thead th:first-child, .leave-request-table.table-responsive .table thead td:first-child, .leave-request-table.table-responsive .table tbody th:first-child, .leave-request-table.table-responsive .table tbody td:first-child {
        min-width: 212px;
    }

    .leave-request-table.table-responsive .table thead th:nth-child(2), .leave-request-table.table-responsive .table thead td:nth-child(2), .leave-request-table.table-responsive .table tbody th:nth-child(2), .leave-request-table.table-responsive .table tbody td:nth-child(2) {
        min-width: 114px;
    }
}

.leave-request-table.table-responsive .table tbody .common-align .approval-box {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.interviewer-users ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 18px;
    gap: 6px;
}

@media (max-width: 1399px) and (min-width: 576px) {
    .interviewer-users ul li {
        padding: 14px 18px;
    }
}

.interviewer-users ul li:nth-child(2n+1) {
    background-color: var(--light2);
}

.interviewer-users ul li .common-flex {
    gap: 8px;
}

@media (max-width: 400px) {
    .interviewer-users ul li .common-flex {
        flex: 1 1 50%;
    }
}

.interviewer-users ul li .common-flex h6 {
    font-size: 14px;
}

.interviewer-users ul li span {
    min-width: 100px;
}

.interviewer-users ul li img {
    height: 44px;
    border-radius: 50%;
}

@media (max-width: 400px) {
    .interviewer-users ul li img {
        height: 35px;
    }
}

@media (max-width: 1599px) and (min-width: 1400px) {
    .interviewer-users ul li i {
        display: none;
    }
}

@media (max-width: 810px) and (min-width: 768px) {
    .interviewer-users ul li i {
        display: none;
    }
}

@media (max-width: 340px) {
    .interviewer-users ul li i {
        display: none;
    }
}

.schedule-calender .card-header-right-icon .btn {
    border: 1px solid rgba(82, 82, 108, 0.2);
    color: var(--body-font-color);
}

.schedule-calender .card-header-right-icon .btn:hover {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

@media (max-width: 1490px) and (min-width: 1400px) {
    .schedule-calender .card-header-right-icon {
        display: none;
    }
}

@media (max-width: 390px) {
    .schedule-calender .header-top {
        display: block;
    }

    .schedule-calender .header-top .card-header-right-icon {
        margin-top: 12px;
    }
}

.schedule-calender .schedule-wrapper {
    padding-bottom: 28px;
    border-bottom-color: rgba(82, 82, 108, 0.1);
    justify-content: center;
}

@media (max-width: 500px) {
    .schedule-calender .schedule-wrapper {
        padding-bottom: 10px;
    }
}

@media (max-width: 1851px) {
    .schedule-calender .schedule-wrapper {
        justify-content: flex-start;
        display: flex;
    }
}

.schedule-calender .schedule-wrapper .nav-item .nav-link {
    border-radius: 16px;
    border: unset;
    transition: 0.2s;
    min-width: 62px;
}

.schedule-calender .schedule-wrapper .nav-item .nav-link span {
    color: rgba(82, 82, 108, 0.8);
}

.schedule-calender .schedule-wrapper .nav-item .nav-link h6 {
    color: var(--body-font-color);
}

.schedule-calender .schedule-wrapper .nav-item .nav-link.active {
    background-color: var(--theme-default);
    border-radius: 16px;
    transition: 0.2s;
}

.schedule-calender .schedule-wrapper .nav-item .nav-link.active span, .schedule-calender .schedule-wrapper .nav-item .nav-link.active h6 {
    color: rgb(255, 255, 255);
}

.schedule-calender .tab-content .activity-update > li {
    padding-block: 12px; border-bottom: 1px solid var(--chart-border);
}

@media (max-width: 1399px) and (min-width: 768px) {
    .schedule-calender .tab-content .activity-update > li {
        width: 50%;
    }
}

.schedule-calender .tab-content .activity-update > li > div {
    border-radius: 6px 0px 0px 6px;
    justify-content: space-between;
    gap: 6px;
    border-width: 4px !important;
}

@media (max-width: 1490px) and (min-width: 1400px) {
    .schedule-calender .tab-content .activity-update > li > div {
        flex-direction: column;
        justify-content: flex-start;
        padding-left: 20px;
        align-items: flex-start !important;
    }
}

@media (max-width: 500px) {
    .schedule-calender .tab-content .activity-update > li > div {
        flex-direction: column;
        justify-content: flex-start;
        padding-left: 20px;
        align-items: flex-start !important;
    }
}

.schedule-calender .tab-content .activity-update > li .left-schedule {
    margin-left: 14px;
}

@media (max-width: 1490px) and (min-width: 1400px) {
    .schedule-calender .tab-content .activity-update > li .left-schedule {
        margin-left: 0px;
    }
}

@media (max-width: 500px) {
    .schedule-calender .tab-content .activity-update > li .left-schedule {
        margin-left: 0px;
    }
}

.schedule-calender .tab-content .activity-update > li .left-schedule > span {
    font-weight: 500;
    color: var(--body-font-color);
    margin-bottom: 6px;
}

.schedule-calender .tab-content .activity-update > li .left-schedule .customers {
    padding-right: 6px;
}

.schedule-calender .tab-content .activity-update > li .left-schedule .customers ul li + li {
    margin-left: -16px;
}

.schedule-calender .tab-content .activity-update > li .left-schedule .customers ul li img {
    width: 35px !important;
}

.schedule-calender .tab-content .activity-update > li .left-schedule .schedule-name {
    border-left: 1px solid rgba(82, 82, 108, 0.8);
    padding-left: 6px;
}

@media (max-width: 1660px) {
    .schedule-calender .tab-content .activity-update > li .left-schedule .schedule-name {
        display: none;
    }
}

.schedule-calender .tab-content .activity-update > li .right-schedule {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

@media (max-width: 500px) {
    .schedule-calender .tab-content .activity-update > li .right-schedule {
        margin-top: 12px;
    }

    .schedule-calender .tab-content .activity-update > li .right-schedule svg {
        width: 16px;
        height: 16px;
    }
}

.schedule-calender .tab-content .activity-update > li .right-schedule svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 1560px) and (min-width: 1491px) {
    .schedule-calender .tab-content .activity-update > li .right-schedule svg {
        display: none;
    }
}

.schedule-calender .tab-content .activity-update > li:last-child {
    border-bottom: unset;
    padding-bottom: unset;
}

@media (max-width: 1399px) and (min-width: 768px) {
    .schedule-calender .tab-content .activity-update {
        display: flex;
        flex-wrap: wrap;
    }

    .schedule-calender .tab-content .activity-update > li {
        flex: 0 0 50%;
        margin-bottom: 10px;
    }

    .schedule-calender .tab-content .activity-update > li .left-schedule, .schedule-calender .tab-content .activity-update > li .right-schedule {
        flex: 1 1 0%;
    }

    .schedule-calender .tab-content .activity-update > li:nth-child(5) {
        border-bottom: unset;
        padding-bottom: unset;
        margin-bottom: 0px;
    }

    .schedule-calender .tab-content .activity-update > li:last-child {
        margin-bottom: 0px;
    }
}

@media (max-width: 1399px) and (min-width: 768px) {
    .schedule-calender #thu .activity-update > li:nth-child(3) {
        border-bottom: unset;
        padding-bottom: unset;
        margin-bottom: 0px;
    }

    .schedule-calender #frd .activity-update > li:first-child, .schedule-calender #sun .activity-update > li:first-child {
        border-bottom: unset;
        padding-bottom: unset;
        margin-bottom: 0px;
    }
}

@media (max-width: 1799px) {
    .application-overview .balance-data {
        display: none;
    }
}

@media (max-width: 1399px) {
    .employee-list-table.recent-table div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

@media (max-width: 1399px) {
    .employee-list-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
        width: 90%;
        display: block;
    }
}

.employee-list-table.recent-table table thead tr th, .employee-list-table.recent-table table thead tr td, .employee-list-table.recent-table table tbody tr th, .employee-list-table.recent-table table tbody tr td {
    min-width: auto;
}

@media (max-width: 1812px) and (min-width: 1200px) {
    .employee-list-table.recent-table table thead tr th:nth-child(3), .employee-list-table.recent-table table thead tr td:nth-child(3), .employee-list-table.recent-table table tbody tr th:nth-child(3), .employee-list-table.recent-table table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1480px) and (min-width: 1200px) {
    .employee-list-table.recent-table table thead tr th:nth-child(4), .employee-list-table.recent-table table thead tr td:nth-child(4), .employee-list-table.recent-table table tbody tr th:nth-child(4), .employee-list-table.recent-table table tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .employee-list-table.recent-table table thead tr th:nth-child(2) img, .employee-list-table.recent-table table thead tr td:nth-child(2) img, .employee-list-table.recent-table table tbody tr th:nth-child(2) img, .employee-list-table.recent-table table tbody tr td:nth-child(2) img {
        display: none;
    }

    .employee-list-table.recent-table table thead tr th:nth-child(5), .employee-list-table.recent-table table thead tr td:nth-child(5), .employee-list-table.recent-table table tbody tr th:nth-child(5), .employee-list-table.recent-table table tbody tr td:nth-child(5) {
        display: none;
    }

    .employee-list-table.recent-table table thead tr th:last-child .square-white, .employee-list-table.recent-table table thead tr td:last-child .square-white, .employee-list-table.recent-table table tbody tr th:last-child .square-white, .employee-list-table.recent-table table tbody tr td:last-child .square-white {
        width: 24px;
        height: 24px;
    }

    .employee-list-table.recent-table table thead tr th:last-child .square-white svg, .employee-list-table.recent-table table thead tr td:last-child .square-white svg, .employee-list-table.recent-table table tbody tr th:last-child .square-white svg, .employee-list-table.recent-table table tbody tr td:last-child .square-white svg {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .employee-list-table.recent-table table thead tr th:nth-child(2) img, .employee-list-table.recent-table table thead tr td:nth-child(2) img, .employee-list-table.recent-table table tbody tr th:nth-child(2) img, .employee-list-table.recent-table table tbody tr td:nth-child(2) img {
        height: 26px;
    }
}

@media (max-width: 1199px) {
    .employee-list-table.recent-table table thead tr th:nth-child(2), .employee-list-table.recent-table table thead tr td:nth-child(2), .employee-list-table.recent-table table tbody tr th:nth-child(2), .employee-list-table.recent-table table tbody tr td:nth-child(2) {
        min-width: 160px;
    }

    .employee-list-table.recent-table table thead tr th:nth-child(3), .employee-list-table.recent-table table thead tr td:nth-child(3), .employee-list-table.recent-table table tbody tr th:nth-child(3), .employee-list-table.recent-table table tbody tr td:nth-child(3) {
        min-width: 122px;
    }

    .employee-list-table.recent-table table thead tr th:nth-child(5), .employee-list-table.recent-table table thead tr td:nth-child(5), .employee-list-table.recent-table table tbody tr th:nth-child(5), .employee-list-table.recent-table table tbody tr td:nth-child(5) {
        min-width: 120px;
    }

    .employee-list-table.recent-table table thead tr th:nth-child(6), .employee-list-table.recent-table table thead tr td:nth-child(6), .employee-list-table.recent-table table tbody tr th:nth-child(6), .employee-list-table.recent-table table tbody tr td:nth-child(6) {
        min-width: 114px;
    }

    .employee-list-table.recent-table table thead tr th:last-child .square-white, .employee-list-table.recent-table table thead tr td:last-child .square-white, .employee-list-table.recent-table table tbody tr th:last-child .square-white, .employee-list-table.recent-table table tbody tr td:last-child .square-white {
        width: 24px;
        height: 24px;
    }

    .employee-list-table.recent-table table thead tr th:last-child .square-white svg, .employee-list-table.recent-table table thead tr td:last-child .square-white svg, .employee-list-table.recent-table table tbody tr th:last-child .square-white svg, .employee-list-table.recent-table table tbody tr td:last-child .square-white svg {
        width: 14px;
        height: 14px;
    }
}

.employee-list-table.recent-table table tbody tr td:last-child {
    cursor: pointer;
}

.employee-list-table.recent-table table tbody .square-white {
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background-color: var(--white);
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.employee-list-table.recent-table table tbody .square-white svg {
    fill: rgba(82, 82, 108, 0.8);
    width: 16px;
    height: 16px;
}

@media (max-width: 1640px) and (min-width: 1400px) {
    .col-hr-6 {
        width: 50%;
        flex: 0 0 auto;
    }
}

.dashboard-12 .small-stats .card .card-body .project-state {
    width: 66px;
    height: 67px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.dashboard-12 .small-stats .card .card-body .project-state svg {
    width: 33px;
    height: 33px;
}

@media (min-width: 1400px) {
    .dashboard-12 .small-stats .card .card-body .project-state {
        width: calc(-0.461538px + 3.46154vw);
        height: calc(0.538462px + 3.46154vw);
    }

    .dashboard-12 .small-stats .card .card-body .project-state svg {
        width: calc(-7.61538px + 2.11538vw);
        height: calc(-7.61538px + 2.11538vw);
    }
}

@media (max-width: 768px) {
    .dashboard-12 .small-stats .card .card-body .project-state {
        width: calc(44.4px + 1.125vw);
        height: calc(45.4px + 1.125vw);
    }

    .dashboard-12 .small-stats .card .card-body .project-state svg {
        width: calc(22.2px + 0.5625vw);
        height: calc(22.2px + 0.5625vw);
    }
}

.dashboard-12 .small-stats .card [class^="font-"] {
    padding-top: 9px;
}

.dashboard-12 .small-stats .card [class^="font-"] span {
    margin-left: 2px;
}

[dir="rtl"] .dashboard-12 .small-stats .card [class^="font-"] span {
    margin-left: unset;
    margin-right: 2px;
}

.dashboard-12 .tasks-card .arrow-group {
    display: flex;
    gap: 5px;
    position: absolute;
    right: 60px;
    top: 15px;
    z-index: 2;
}

[dir="rtl"] .dashboard-12 .tasks-card .arrow-group {
    right: unset;
    left: 60px;
}

.dashboard-12 .tasks-card .arrow-group .next, .dashboard-12 .tasks-card .arrow-group .prev {
    background-color: rgb(244, 244, 244);
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

@media (min-width: 1400px) {
    .dashboard-12 .tasks-card .arrow-group .next, .dashboard-12 .tasks-card .arrow-group .prev {
        width: calc(16.5385px + 0.961538vw);
        height: calc(16.5385px + 0.961538vw);
    }

    .dashboard-12 .tasks-card .arrow-group .next i, .dashboard-12 .tasks-card .arrow-group .prev i {
        font-size: calc(6.61538px + 0.384615vw);
    }
}

@media (max-width: 575px) {
    .dashboard-12 .tasks-card .arrow-group .next, .dashboard-12 .tasks-card .arrow-group .prev {
        width: calc(26.6px + 0.4375vw);
        height: calc(26.6px + 0.4375vw);
    }

    .dashboard-12 .tasks-card .arrow-group .next i, .dashboard-12 .tasks-card .arrow-group .prev i {
        font-size: calc(11.6px + 0.125vw);
    }
}

.dashboard-12 .tasks-card .arrow-group .next.swiper-button-disabled, .dashboard-12 .tasks-card .arrow-group .prev.swiper-button-disabled {
    opacity: 0.5;
}

.dashboard-12 .tasks-card .task-box .common-space {
    gap: 6px;
}

.dashboard-12 .tasks-card .task-box h6 {
    line-height: 25px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-12 .tasks-card .task-box p {
    color: rgba(82, 82, 108, 0.8);
    font-weight: 400;
    margin: 0px;
}

.dashboard-12 .tasks-card .task-box p a {
    font-weight: 500;
    color: rgba(82, 82, 108, 0.8);
    text-decoration: underline;
}

.dashboard-12 .tasks-card .task-box p:nth-last-child(1) {
    padding-top: 15px;
}

.dashboard-12 .tasks-card .task-box .project-link {
    padding: 9px 0px 17px;
}

.dashboard-12 .tasks-card .task-box .badge {
    padding: 4px 12px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
}

@media (min-width: 1400px) {
    .dashboard-12 .tasks-card .task-box .badge {
        font-size: calc(10.3077px + 0.192308vw);
    }
}

.dashboard-12 .tasks-card .task-box .project-member {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
}

.dashboard-12 .tasks-card .task-box .project-member .customers {
    text-align: end;
    display: flex;
    justify-content: flex-end;
}

.dashboard-12 .tasks-card .task-box .project-member .customers li img {
    width: 28px;
    height: 28px;
    transition: 0.5s;
}

.dashboard-12 .tasks-card .task-box .project-member .customers li img:hover {
    transform: translateY(-4px) scale(1.02);
    transition: 0.5s;
}

.dashboard-12 .tasks-card .task-box .project-member .customers li + li {
    margin-left: -13%;
}

[dir="rtl"] .dashboard-12 .tasks-card .task-box .project-member .customers li + li {
    margin-left: unset;
    margin-right: -13%;
}

.dashboard-12 .tasks-card .task-box .progress {
    height: 6px;
    background: linear-gradient(180.36deg, rgb(207, 220, 232) -32.82%, rgb(255, 255, 255) 132.82%);
}

.dashboard-12 .tasks-card .task-box .swiper-wrapper .swiper-slide {
    border-left: 1px dashed rgba(82, 82, 108, 0.38);
    padding-left: 20px;
}

[dir="rtl"] .dashboard-12 .tasks-card .task-box .swiper-wrapper .swiper-slide {
    border-left: unset;
    border-right: 1px dashed rgba(82, 82, 108, 0.38);
    padding-left: unset;
    padding-right: 20px;
    margin-right: unset !important;
    margin-left: 20px !important;
}

.dashboard-12 .tasks-card .task-box .swiper-wrapper .swiper-slide.swiper-slide-active {
    border-left: unset;
    padding-left: 0px;
}

[dir="rtl"] .dashboard-12 .tasks-card .task-box .swiper-wrapper .swiper-slide.swiper-slide-active {
    padding-left: unset;
}

.dashboard-12 .tasks-card .task-box [class^="col-"] + [class^="col-"] {
    border-left: 1px dashed rgba(82, 82, 108, 0.38);
}

[dir="rtl"] .dashboard-12 .tasks-card .task-box [class^="col-"] + [class^="col-"] {
    border-left: unset;
    border-right: 1px dashed rgba(82, 82, 108, 0.38);
}

.dashboard-12 .task-card .common-space {
    padding: 17px 0px 18px;
    border-bottom: 1px solid rgba(82, 82, 108, 0.1);
    gap: 6px;
}

.dashboard-12 .task-card .common-space > div {
    display: flex;
    gap: 24px;
}

@media (min-width: 1400px) {
    .dashboard-12 .task-card .common-space > div {
        gap: calc(-20.3077px + 2.30769vw);
    }
}

@media (max-width: 1499px) {
    .dashboard-12 .task-card .common-space > div span:first-child {
        display: none;
    }
}

@media (max-width: 1599px) and (min-width: 1400px) {
    .dashboard-12 .task-card .common-space > div span:last-child {
        display: block;
        width: 99%;
    }
}

.dashboard-12 .task-card .common-space:first-child {
    padding-top: 0px;
}

.dashboard-12 .task-card .common-space:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.dashboard-12 .task-card .common-space:nth-child(2) svg, .dashboard-12 .task-card .common-space:nth-child(3) svg {
    fill: var(--theme-default);
}

.dashboard-12 .task-card .common-space svg {
    width: 22px;
    height: 22px;
    fill: var(--body-font-color);
}

.dashboard-12 .task-card .common-space:nth-child(2), .dashboard-12 .task-card .common-space:nth-child(3) {
    color: rgba(82, 82, 108, 0.8);
}

.dashboard-12 .task-card .common-space:nth-child(2) span:last-child, .dashboard-12 .task-card .common-space:nth-child(3) span:last-child {
    text-decoration: line-through;
}

@media (max-width: 1416px) {
    .dashboard-12 .all-project-table .recent-table div.dt-container .dt-layout-row:last-child .dt-info {
        display: none;
    }
}

.dashboard-12 .all-project-table .recent-table table thead tr th, .dashboard-12 .all-project-table .recent-table table thead tr td, .dashboard-12 .all-project-table .recent-table table tbody tr th, .dashboard-12 .all-project-table .recent-table table tbody tr td {
    min-width: auto;
}

.dashboard-12 .all-project-table .recent-table table thead tr th a, .dashboard-12 .all-project-table .recent-table table thead tr td a, .dashboard-12 .all-project-table .recent-table table tbody tr th a, .dashboard-12 .all-project-table .recent-table table tbody tr td a {
    color: var(--body-font-color);
}

.dashboard-12 .all-project-table .recent-table table thead tr th:first-child, .dashboard-12 .all-project-table .recent-table table thead tr td:first-child, .dashboard-12 .all-project-table .recent-table table tbody tr th:first-child, .dashboard-12 .all-project-table .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.dashboard-12 .all-project-table .recent-table table thead tr th:last-child, .dashboard-12 .all-project-table .recent-table table thead tr td:last-child, .dashboard-12 .all-project-table .recent-table table tbody tr th:last-child, .dashboard-12 .all-project-table .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.dashboard-12 .all-project-table .recent-table table thead tr th img, .dashboard-12 .all-project-table .recent-table table thead tr td img, .dashboard-12 .all-project-table .recent-table table tbody tr th img, .dashboard-12 .all-project-table .recent-table table tbody tr td img {
    height: 40px;
}

@media (max-width: 1199px) {
    .dashboard-12 .all-project-table .recent-table table thead tr th img, .dashboard-12 .all-project-table .recent-table table thead tr td img, .dashboard-12 .all-project-table .recent-table table tbody tr th img, .dashboard-12 .all-project-table .recent-table table tbody tr td img {
        height: calc(28px + 0.625vw);
    }
}

.dashboard-12 .all-project-table .recent-table table thead tr th .badge, .dashboard-12 .all-project-table .recent-table table thead tr td .badge, .dashboard-12 .all-project-table .recent-table table tbody tr th .badge, .dashboard-12 .all-project-table .recent-table table tbody tr td .badge {
    padding: 4px 7px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 16.59px;
    font-weight: 400;
}

@media (max-width: 1755px) and (min-width: 1400px) {
    .dashboard-12 .all-project-table .recent-table table thead tr th:nth-child(7), .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(7), .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(7), .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(7) {
        display: none;
    }
}

@media (max-width: 1596px) and (min-width: 1400px) {
    .dashboard-12 .all-project-table .recent-table table thead tr th:nth-child(6), .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(6), .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(6), .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1417px) and (min-width: 1400px) {
    .dashboard-12 .all-project-table .recent-table table thead tr th:nth-child(5), .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(5), .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(5), .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(5) {
        display: none;
    }
}

@media (max-width: 991px) {
    .dashboard-12 .all-project-table .recent-table table thead tr th:nth-child(3), .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(3), .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(3), .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(3) {
        min-width: 110px;
    }

    .dashboard-12 .all-project-table .recent-table table thead tr th:nth-child(4), .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(4), .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(4), .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(4) {
        min-width: 108px;
    }

    .dashboard-12 .all-project-table .recent-table table thead tr th:nth-child(5), .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(5), .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(5), .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(5) {
        min-width: 100px;
    }

    .dashboard-12 .all-project-table .recent-table table thead tr th:nth-child(6), .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(6), .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(6), .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(6) {
        min-width: 100px;
    }
}

.dashboard-12 .team-performance-table .recent-table table thead tr th, .dashboard-12 .team-performance-table .recent-table table thead tr td, .dashboard-12 .team-performance-table .recent-table table tbody tr th, .dashboard-12 .team-performance-table .recent-table table tbody tr td {
    min-width: auto;
}

.dashboard-12 .team-performance-table .recent-table table thead tr th a, .dashboard-12 .team-performance-table .recent-table table thead tr td a, .dashboard-12 .team-performance-table .recent-table table tbody tr th a, .dashboard-12 .team-performance-table .recent-table table tbody tr td a {
    color: var(--body-font-color);
}

.dashboard-12 .team-performance-table .recent-table table thead tr th img, .dashboard-12 .team-performance-table .recent-table table thead tr td img, .dashboard-12 .team-performance-table .recent-table table tbody tr th img, .dashboard-12 .team-performance-table .recent-table table tbody tr td img {
    height: 33px;
}

.dashboard-12 .team-performance-table .recent-table table thead tr th:first-child, .dashboard-12 .team-performance-table .recent-table table thead tr td:first-child, .dashboard-12 .team-performance-table .recent-table table tbody tr th:first-child, .dashboard-12 .team-performance-table .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

@media (max-width: 1484px) and (min-width: 1400px) {
    .dashboard-12 .team-performance-table .recent-table table thead tr th:first-child span, .dashboard-12 .team-performance-table .recent-table table thead tr th:first-child a, .dashboard-12 .team-performance-table .recent-table table thead tr td:first-child span, .dashboard-12 .team-performance-table .recent-table table thead tr td:first-child a, .dashboard-12 .team-performance-table .recent-table table tbody tr th:first-child span, .dashboard-12 .team-performance-table .recent-table table tbody tr th:first-child a, .dashboard-12 .team-performance-table .recent-table table tbody tr td:first-child span, .dashboard-12 .team-performance-table .recent-table table tbody tr td:first-child a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        width: 71px;
    }
}

.dashboard-12 .team-performance-table .recent-table table thead tr th:last-child, .dashboard-12 .team-performance-table .recent-table table thead tr td:last-child, .dashboard-12 .team-performance-table .recent-table table tbody tr th:last-child, .dashboard-12 .team-performance-table .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1698px) and (min-width: 1400px) {
    .dashboard-12 .team-performance-table .recent-table table thead tr th:last-child, .dashboard-12 .team-performance-table .recent-table table thead tr td:last-child, .dashboard-12 .team-performance-table .recent-table table tbody tr th:last-child, .dashboard-12 .team-performance-table .recent-table table tbody tr td:last-child {
        display: none;
    }

    .dashboard-12 .team-performance-table .recent-table table thead tr th:nth-child(3), .dashboard-12 .team-performance-table .recent-table table thead tr td:nth-child(3), .dashboard-12 .team-performance-table .recent-table table tbody tr th:nth-child(3), .dashboard-12 .team-performance-table .recent-table table tbody tr td:nth-child(3) {
        padding-right: 20px;
    }
}

@media (max-width: 1235px) and (min-width: 1200px) {
    .dashboard-12 .team-performance-table .recent-table table thead tr th:last-child, .dashboard-12 .team-performance-table .recent-table table thead tr td:last-child, .dashboard-12 .team-performance-table .recent-table table tbody tr th:last-child, .dashboard-12 .team-performance-table .recent-table table tbody tr td:last-child {
        display: none;
    }

    .dashboard-12 .team-performance-table .recent-table table thead tr th:nth-child(3), .dashboard-12 .team-performance-table .recent-table table thead tr td:nth-child(3), .dashboard-12 .team-performance-table .recent-table table tbody tr th:nth-child(3), .dashboard-12 .team-performance-table .recent-table table tbody tr td:nth-child(3) {
        padding-right: 20px;
    }
}

@media (max-width: 1199px) {
    .dashboard-12 .team-performance-table .recent-table table thead tr th:first-child, .dashboard-12 .team-performance-table .recent-table table thead tr td:first-child, .dashboard-12 .team-performance-table .recent-table table tbody tr th:first-child, .dashboard-12 .team-performance-table .recent-table table tbody tr td:first-child {
        min-width: 130px;
    }
}

.dashboard-12 .main-expenses h6 {
    font-size: 26px;
    padding-bottom: 6px;
}

@media (min-width: 1400px) {
    .dashboard-12 .main-expenses h6 {
        font-size: calc(7.53846px + 0.961538vw);
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .dashboard-12 .main-expenses h6 {
        font-size: calc(10px + 0.833333vw);
    }
}

@media (max-width: 1199px) {
    .dashboard-12 .main-expenses h6 {
        font-size: calc(18.8px + 0.375vw);
    }
}

.dashboard-12 .main-expenses span[class^="font-"] {
    font-size: 18px;
}

@media (max-width: 1399px) and (min-width: 992px) {
    .dashboard-12 .main-expenses span[class^="font-"] {
        font-size: calc(9.72414px + 0.431034vw);
    }
}

.dashboard-12 .main-expenses span svg {
    width: 18px;
    height: 18px;
    vertical-align: text-top;
}

.dashboard-12 .main-expenses .monthly-expense-wrapper {
    margin: -34px 0px -65px;
}

@media (max-width: 1399px) and (min-width: 1386px) {
    .dashboard-12 .main-expenses .monthly-expense-wrapper {
        margin: -54px 0px -48px;
    }
}

@media (max-width: 1199px) and (min-width: 906px) {
    .dashboard-12 .main-expenses .monthly-expense-wrapper {
        margin: -34px 0px -50px;
    }
}

@media (max-width: 905px) and (min-width: 768px) {
    .dashboard-12 .main-expenses .monthly-expense-wrapper {
        margin: -35px 0px -65px;
    }
}

@media (max-width: 767px) and (min-width: 762px) {
    .dashboard-12 .main-expenses .monthly-expense-wrapper {
        margin: -30px 0px -50px;
    }
}

@media (max-width: 761px) and (min-width: 576px) {
    .dashboard-12 .main-expenses .monthly-expense-wrapper {
        margin: -34px 0px -66px;
    }
}

@media (max-width: 575px) and (min-width: 359px) {
    .dashboard-12 .main-expenses .monthly-expense-wrapper {
        margin: -68px 0px -48px;
    }
}

@media (max-width: 358px) {
    .dashboard-12 .main-expenses .monthly-expense-wrapper {
        margin: -50px 0px -63px;
    }
}

.dashboard-12 .main-expenses .yearly-expense-wrapper {
    margin-bottom: -70px;
}

@media (max-width: 1399px) {
    .dashboard-12 .main-expenses .card .card-body {
        padding-top: 0px;
    }
}

.dashboard-12 .estimated-project {
    margin-left: -20px;
}

.dashboard-12 .upcoming-datatable .recent-table table thead tr th, .dashboard-12 .upcoming-datatable .recent-table table thead tr td, .dashboard-12 .upcoming-datatable .recent-table table tbody tr th, .dashboard-12 .upcoming-datatable .recent-table table tbody tr td {
    min-width: auto;
}

.dashboard-12 .upcoming-datatable .recent-table table thead tr th a, .dashboard-12 .upcoming-datatable .recent-table table thead tr td a, .dashboard-12 .upcoming-datatable .recent-table table tbody tr th a, .dashboard-12 .upcoming-datatable .recent-table table tbody tr td a {
    color: var(--body-font-color);
}

.dashboard-12 .upcoming-datatable .recent-table table thead tr th:first-child, .dashboard-12 .upcoming-datatable .recent-table table thead tr td:first-child, .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:first-child, .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.dashboard-12 .upcoming-datatable .recent-table table thead tr th:last-child, .dashboard-12 .upcoming-datatable .recent-table table thead tr td:last-child, .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:last-child, .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1776px) and (min-width: 1400px) {
    .dashboard-12 .upcoming-datatable .recent-table table thead tr th:nth-child(3) span, .dashboard-12 .upcoming-datatable .recent-table table thead tr td:nth-child(3) span, .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:nth-child(3) span, .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:nth-child(3) span {
        display: block;
        width: 88%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 1706px) and (min-width: 1400px) {
    .dashboard-12 .upcoming-datatable .recent-table table thead tr th:nth-child(3), .dashboard-12 .upcoming-datatable .recent-table table thead tr td:nth-child(3), .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:nth-child(3), .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 992px) {
    .dashboard-12 .upcoming-datatable .recent-table table thead tr th:nth-child(2), .dashboard-12 .upcoming-datatable .recent-table table thead tr td:nth-child(2), .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:nth-child(2), .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:nth-child(2) {
        min-width: 100px;
    }

    .dashboard-12 .upcoming-datatable .recent-table table thead tr th:nth-child(3), .dashboard-12 .upcoming-datatable .recent-table table thead tr td:nth-child(3), .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:nth-child(3), .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:nth-child(3) {
        min-width: 160px;
    }

    .dashboard-12 .upcoming-datatable .recent-table table thead tr th:last-child, .dashboard-12 .upcoming-datatable .recent-table table thead tr td:last-child, .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:last-child, .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:last-child {
        min-width: 90px;
    }
}

.dashboard-12 .recent-activity-table .recent-table table thead tr th, .dashboard-12 .recent-activity-table .recent-table table thead tr td, .dashboard-12 .recent-activity-table .recent-table table tbody tr th, .dashboard-12 .recent-activity-table .recent-table table tbody tr td {
    min-width: auto;
}

.dashboard-12 .recent-activity-table .recent-table table thead tr th a, .dashboard-12 .recent-activity-table .recent-table table thead tr td a, .dashboard-12 .recent-activity-table .recent-table table tbody tr th a, .dashboard-12 .recent-activity-table .recent-table table tbody tr td a {
    color: var(--body-font-color);
}

.dashboard-12 .recent-activity-table .recent-table table thead tr th:first-child, .dashboard-12 .recent-activity-table .recent-table table thead tr td:first-child, .dashboard-12 .recent-activity-table .recent-table table tbody tr th:first-child, .dashboard-12 .recent-activity-table .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.dashboard-12 .recent-activity-table .recent-table table thead tr th:last-child, .dashboard-12 .recent-activity-table .recent-table table thead tr td:last-child, .dashboard-12 .recent-activity-table .recent-table table tbody tr th:last-child, .dashboard-12 .recent-activity-table .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1704px) and (min-width: 1400px) {
    .dashboard-12 .recent-activity-table .recent-table table thead tr th:last-child, .dashboard-12 .recent-activity-table .recent-table table thead tr td:last-child, .dashboard-12 .recent-activity-table .recent-table table tbody tr th:last-child, .dashboard-12 .recent-activity-table .recent-table table tbody tr td:last-child {
        display: none;
    }

    .dashboard-12 .recent-activity-table .recent-table table thead tr th:nth-child(4), .dashboard-12 .recent-activity-table .recent-table table thead tr td:nth-child(4), .dashboard-12 .recent-activity-table .recent-table table tbody tr th:nth-child(4), .dashboard-12 .recent-activity-table .recent-table table tbody tr td:nth-child(4) {
        padding-right: 20px;
    }
}

@media (max-width: 1468px) and (min-width: 1400px) {
    .dashboard-12 .recent-activity-table .recent-table table thead tr th:nth-child(3), .dashboard-12 .recent-activity-table .recent-table table thead tr td:nth-child(3), .dashboard-12 .recent-activity-table .recent-table table tbody tr th:nth-child(3), .dashboard-12 .recent-activity-table .recent-table table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 991px) {
    .dashboard-12 .recent-activity-table .recent-table table thead tr th:nth-child(2), .dashboard-12 .recent-activity-table .recent-table table thead tr td:nth-child(2), .dashboard-12 .recent-activity-table .recent-table table tbody tr th:nth-child(2), .dashboard-12 .recent-activity-table .recent-table table tbody tr td:nth-child(2) {
        min-width: 225px;
    }

    .dashboard-12 .recent-activity-table .recent-table table thead tr th:nth-child(3), .dashboard-12 .recent-activity-table .recent-table table thead tr td:nth-child(3), .dashboard-12 .recent-activity-table .recent-table table tbody tr th:nth-child(3), .dashboard-12 .recent-activity-table .recent-table table tbody tr td:nth-child(3) {
        min-width: 100px;
    }

    .dashboard-12 .recent-activity-table .recent-table table thead tr th:nth-child(4), .dashboard-12 .recent-activity-table .recent-table table thead tr td:nth-child(4), .dashboard-12 .recent-activity-table .recent-table table tbody tr th:nth-child(4), .dashboard-12 .recent-activity-table .recent-table table tbody tr td:nth-child(4) {
        min-width: 122px;
    }

    .dashboard-12 .recent-activity-table .recent-table table thead tr th:nth-child(5), .dashboard-12 .recent-activity-table .recent-table table thead tr td:nth-child(5), .dashboard-12 .recent-activity-table .recent-table table tbody tr th:nth-child(5), .dashboard-12 .recent-activity-table .recent-table table tbody tr td:nth-child(5) {
        min-width: 90px;
    }
}

@media (max-width: 1697px) {
    .dashboard-12 .recent-activity-table .recent-table table tbody tr td span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 78%;
        display: block;
    }
}

@media (max-width: 1460px) and (min-width: 1400px) {
    .dashboard-12 .sales-report .balance-data {
        display: flex;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .dashboard-12 .sales-report .balance-data {
        display: none;
    }
}

@media (max-width: 1199px) and (min-width: 520px) {
    .dashboard-12 .sales-report .balance-data {
        display: flex;
    }
}

@media (max-width: 519px) {
    .dashboard-12 .sales-report .balance-data {
        display: flex;
        position: relative;
        inset: 0px;
    }
}

.dashboard-13 .widget-13 {
    background-image: url("../images/dashboard-12/light-bg.png");
    background-position: center top;
    background-size: cover;
}

.dashboard-13 .widget-13 .stat-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.dashboard-13 .widget-13 .stat-content .stat-square {
    width: calc(42.4px + 0.8125vw);
    height: calc(42.4px + 0.8125vw);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard-13 .widget-13 .stat-content .stat-square svg {
    width: calc(22.8px + 0.375vw);
    height: calc(22.8px + 0.375vw);
    transition: 0.5s;
}

@media (max-width: 1410px) and (min-width: 576px) {
    .dashboard-13 .widget-13 .stat-content p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 145px;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .dashboard-13 .widget-13 .stat-content p {
        width: 95px;
    }

    .dashboard-13 .widget-13 .stat-content h4 {
        font-size: 18px;
    }
}

.dashboard-13 .widget-13 .card-body .common-align svg {
    width: 18px;
    height: 16px;
    vertical-align: middle;
}

.dashboard-13 .widget-13 .card-body .common-align span {
    font-size: calc(13.2px + 0.25vw);
}

@media (max-width: 1599px) {
    .dashboard-13 .widget-13 .card-body .common-align span {
        font-size: 14px;
    }
}

.dashboard-13 .widget-13 .card-body .progress {
    width: 60%;
    height: 12px;
}

@media (min-width: 1400px) {
    .dashboard-13 .widget-13 .card-body .progress {
        height: calc(4.61538px + 0.384615vw);
    }
}

@media (max-width: 1399px) {
    .dashboard-13 .widget-13 .card-body .progress {
        width: 48%;
        height: 10px;
    }
}

.dashboard-13 .widget-13 .card-body .progress .progress-bar-striped {
    background-image: linear-gradient(45deg, rgb(231, 252, 255) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.8) 50%, rgb(231, 252, 255) 75%, transparent 75%, transparent);
}

.dashboard-13 .widget-13:hover .stat-square svg {
    transform: scale(1.1);
    transition: 0.5s;
}

@media (max-width: 1299px) and (min-width: 1200px) {
    .dashboard-13 .shipment-tracking-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
    }
}

@media (max-width: 1499px) and (min-width: 1200px) {
    .dashboard-13 .shipment-tracking-table .recent-table div.dt-container .dt-layout-row .dt-info {
        display: none;
    }
}

@media (max-width: 710px) {
    .dashboard-13 .shipment-tracking-table .recent-table div.dt-container .dt-layout-row .dt-info {
        display: none;
    }
}

.dashboard-13 .shipment-tracking-table .recent-table table thead tr th, .dashboard-13 .shipment-tracking-table .recent-table table thead tr td, .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th, .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td {
    min-width: auto;
}

.dashboard-13 .shipment-tracking-table .recent-table table thead tr th a, .dashboard-13 .shipment-tracking-table .recent-table table thead tr td a, .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th a, .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td a {
    color: var(--body-font-color);
    font-weight: 500;
}

.dashboard-13 .shipment-tracking-table .recent-table table thead tr th:first-child, .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:first-child, .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:first-child, .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.dashboard-13 .shipment-tracking-table .recent-table table thead tr th:last-child, .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:last-child, .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:last-child, .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1767px) and (min-width: 1200px) {
    .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:nth-child(4), .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:nth-child(4), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:nth-child(4), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1628px) and (min-width: 1200px) {
    .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:nth-child(3), .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:nth-child(3), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:nth-child(3), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1477px) and (min-width: 1200px) {
    .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:nth-child(6), .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:nth-child(6), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:nth-child(6), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1399px) {
    .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:nth-child(6), .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:nth-child(6), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:nth-child(6), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:nth-child(6) {
        min-width: 145px;
    }

    .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:nth-child(7), .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:nth-child(7), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:nth-child(7), .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:nth-child(7) {
        min-width: 66px;
    }
}

.dashboard-13 .shipping-details .common-space {
    padding: 14px 49px;
    background-color: var(--light2);
    border-radius: 6px;
    gap: 10px;
}

.dashboard-13 .shipping-details .common-space p {
    margin-bottom: 0px;
    font-weight: 500;
}

@media (min-width: 1400px) {
    .dashboard-13 .shipping-details .common-space p {
        font-size: calc(10.6154px + 0.384615vw);
    }
}

.dashboard-13 .shipping-details .common-space p span {
    font-weight: 400;
}

@media (max-width: 1762px) and (min-width: 1200px) {
    .dashboard-13 .shipping-details .common-space {
        padding: 14px 30px;
    }
}

@media (max-width: 1631px) and (min-width: 1200px) {
    .dashboard-13 .shipping-details .common-space {
        display: block;
        padding: 8px 18px;
    }
}

@media (max-width: 901px) {
    .dashboard-13 .shipping-details .common-space {
        padding: 14px 18px;
    }
}

.dashboard-13 .shipping-details .simple-timeline {
    margin-top: 23px;
}

.dashboard-13 .shipping-details .simple-timeline ul {
    position: relative;
}

.dashboard-13 .shipping-details .simple-timeline ul li .dots {
    width: 16px;
    height: 16px;
    position: relative;
    border-radius: 100%;
    border: 3px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.19) 0px 6px 18px 0px;
}

.dashboard-13 .shipping-details .simple-timeline ul li .shipment-details {
    display: flex;
    gap: 23px;
    z-index: 0;
    position: relative;
}

.dashboard-13 .shipping-details .simple-timeline ul li .shipment-details .line {
    position: absolute;
    top: 0px;
    left: 7px;
    height: 100%;
    width: 1px;
    z-index: -1;
}

[dir="rtl"] .dashboard-13 .shipping-details .simple-timeline ul li .shipment-details .line {
    left: unset;
    right: 7px;
}

.dashboard-13 .shipping-details .simple-timeline ul li .shipment-details p {
    margin: 0px;
}

.dashboard-13 .shipping-details .simple-timeline ul li .shipment-details p:first-child {
    margin-top: -3px;
}

.dashboard-13 .shipping-details .simple-timeline ul li .shipment-details p:last-child {
    padding-bottom: 23px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(82, 82, 108, 0.1);
}

@media (max-width: 1633px) and (min-width: 1632px) {
    .dashboard-13 .shipping-details .simple-timeline ul li .shipment-details p:last-child {
        padding-bottom: 16px;
        margin-bottom: 14px;
    }
}

@media (max-width: 1631px) {
    .dashboard-13 .shipping-details .simple-timeline ul li .shipment-details p:last-child {
        padding-bottom: 13px;
        margin-bottom: 11px;
    }
}

.dashboard-13 .shipping-details .simple-timeline ul li .shipment-details > div:last-child {
    width: calc(100% - 39px);
}

.dashboard-13 .shipping-details .simple-timeline ul li:last-child > div p:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: unset;
}

.dashboard-13 .shipping-details .simple-timeline ul li:last-child .shipment-details .line {
    display: none;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .dashboard-13 .shipping-details .simple-timeline ul li .shipment-details p:last-child {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        height: 53px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dashboard-13 .shipping-details .simple-timeline ul li:last-child > div p:last-child {
        text-overflow: unset;
        height: unset;
    }
}

.dashboard-13 .sales-order h3 {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 1399px) {
    .dashboard-13 .sales-order h3 {
        font-size: 22px;
    }
}

@media (max-width: 1385px) {
    .dashboard-13 .sales-order .common-space span:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 60%;
    }
}

.dashboard-13 .sales-order .common-space:last-child {
    padding-top: 10px;
}

.dashboard-13 .sales-order .common-space .total-sale {
    font-size: 18px;
    font-weight: 500;
}

.dashboard-13 .sales-order .progress {
    width: 68%;
    height: 23px;
    border-radius: 0px;
}

@media (min-width: 1400px) {
    .dashboard-13 .sales-order .progress {
        width: calc(56% - 32.3077px + 2.30769vw);
    }
}

@media (max-width: 1399px) {
    .dashboard-13 .sales-order .progress {
        width: 50%;
        height: 18px;
    }
}

.dashboard-13 .delivery-chart .balance-data {
    top: 20px;
    right: 60px;
}

[dir="rtl"] .dashboard-13 .delivery-chart .balance-data {
    right: unset;
    left: 60px;
}

@media (max-width: 1690px) {
    .dashboard-13 .delivery-chart .balance-data {
        position: relative;
        inset: 0px;
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
    }
}

@media (max-width: 1260px) and (min-width: 992px) {
    .dashboard-13 .vehicle-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
    }
}

@media (max-width: 1430px) {
    .dashboard-13 .vehicle-table .recent-table div.dt-container .dt-layout-row .dt-info {
        display: none;
    }
}

.dashboard-13 .vehicle-table .recent-table table thead tr th, .dashboard-13 .vehicle-table .recent-table table thead tr td, .dashboard-13 .vehicle-table .recent-table table tbody tr th, .dashboard-13 .vehicle-table .recent-table table tbody tr td {
    min-width: auto;
}

.dashboard-13 .vehicle-table .recent-table table thead tr th a, .dashboard-13 .vehicle-table .recent-table table thead tr td a, .dashboard-13 .vehicle-table .recent-table table tbody tr th a, .dashboard-13 .vehicle-table .recent-table table tbody tr td a {
    color: var(--body-font-color);
}

.dashboard-13 .vehicle-table .recent-table table thead tr th:first-child, .dashboard-13 .vehicle-table .recent-table table thead tr td:first-child, .dashboard-13 .vehicle-table .recent-table table tbody tr th:first-child, .dashboard-13 .vehicle-table .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.dashboard-13 .vehicle-table .recent-table table thead tr th:last-child, .dashboard-13 .vehicle-table .recent-table table thead tr td:last-child, .dashboard-13 .vehicle-table .recent-table table tbody tr th:last-child, .dashboard-13 .vehicle-table .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.dashboard-13 .vehicle-table .recent-table table thead tr th img, .dashboard-13 .vehicle-table .recent-table table thead tr td img, .dashboard-13 .vehicle-table .recent-table table tbody tr th img, .dashboard-13 .vehicle-table .recent-table table tbody tr td img {
    height: 37px;
}

@media (max-width: 1425px) and (min-width: 1200px) {
    .dashboard-13 .vehicle-table .recent-table table thead tr th img, .dashboard-13 .vehicle-table .recent-table table thead tr td img, .dashboard-13 .vehicle-table .recent-table table tbody tr th img, .dashboard-13 .vehicle-table .recent-table table tbody tr td img {
        display: none;
    }
}

@media (max-width: 1667px) and (min-width: 1200px) {
    .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(6), .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(6), .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(6), .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1364px) and (min-width: 1200px) {
    .dashboard-13 .vehicle-table .recent-table table thead tr th:last-child, .dashboard-13 .vehicle-table .recent-table table thead tr td:last-child, .dashboard-13 .vehicle-table .recent-table table tbody tr th:last-child, .dashboard-13 .vehicle-table .recent-table table tbody tr td:last-child {
        display: none;
    }

    .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(5), .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(5), .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(5), .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(5) {
        padding-right: 20px;
    }
}

@media (max-width: 1211px) and (min-width: 1200px) {
    .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(3), .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(3), .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(3), .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(2), .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(2), .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(2), .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(2) {
        min-width: 72px;
    }

    .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(3), .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(3), .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(3), .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(3) {
        min-width: 65px;
    }

    .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(4), .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(4), .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(4), .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(4) {
        min-width: 150px;
    }

    .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(5), .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(5), .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(5), .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(5) {
        min-width: 95px;
    }

    .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(6), .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(6), .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(6), .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(6) {
        min-width: 104px;
    }
}

.dashboard-13 .country-option ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.dashboard-13 .country-option ul li {
    background-color: var(--light2);
    padding: 9px 28px;
}

.dashboard-13 .country-option ul li span {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 14px;
}

[dir="rtl"] .dashboard-13 .country-option ul li span {
    margin-right: unset;
    margin-left: 14px;
}

@media (max-width: 767px) and (min-width: 576px) {
    .dashboard-13 .country-option ul li span {
        margin-right: 10px;
    }

    [dir="rtl"] .dashboard-13 .country-option ul li span {
        margin-right: unset;
        margin-left: 10px;
    }
}

@media (max-width: 1610px) and (min-width: 1200px) {
    .dashboard-13 .country-option ul li {
        padding: 6px 18px;
    }
}

@media (max-width: 1289px) and (min-width: 768px) {
    .dashboard-13 .country-option .c-xl-40 {
        border: unset;
    }

    .dashboard-13 .country-option ul {
        flex-direction: unset;
        flex-wrap: wrap;
    }
}

@media (max-width: 1230px) and (min-width: 768px) {
    .dashboard-13 .country-option ul {
        gap: 10px;
    }

    .dashboard-13 .country-option ul li {
        padding: 6px 14px;
    }

    .dashboard-13 .country-option ul li span {
        margin-right: 8px;
    }

    [dir="rtl"] .dashboard-13 .country-option ul li span {
        margin-left: 8px;
        margin-right: unset;
    }
}

@media (max-width: 991px) {
    .dashboard-13 .country-option ul {
        flex-direction: column;
    }
}

.dashboard-13 .common-stat-option {
    margin: -82px -6px -58px 0px;
}

@media (max-width: 1630px) {
    .dashboard-13 .common-stat-option {
        margin: -85px -6px -58px 0px;
    }
}

@media (max-width: 1630px) and (min-width: 1366px) {
    .dashboard-13 .common-stat-option {
        margin: -85px -6px -58px 0px;
    }
}

@media (max-width: 1365px) and (min-width: 1200px) {
    .dashboard-13 .common-stat-option {
        margin: -89px -6px -58px 0px;
    }
}

@media (max-width: 1199px) {
    .dashboard-13 .common-stat-option {
        margin: -96px -6px -54px 0px;
    }
}

@media (max-width: 424px) {
    .dashboard-13 .common-stat-option.client-chart {
        margin: -96px -6px -82px 0px;
    }
}

.dashboard-13 .delivered-stat-option {
    margin: -85px -6px -58px 0px;
}

@media (max-width: 1599px) and (min-width: 1200px) {
    .dashboard-13 .delivered-stat-option {
        margin: -97px -6px -58px 0px;
    }
}

@media (max-width: 1199px) {
    .dashboard-13 .delivered-stat-option {
        margin: -65px -6px -16px 0px;
    }
}

.dashboard-13 .sales-order-chart {
    margin-top: 14px;
    margin-left: -10px;
}

[dir="rtl"] .dashboard-13 .sales-order-chart {
    margin-left: unset;
    margin-right: -10px;
}

.dashboard-13 .delivery-duration-chart {
    margin-left: -38px;
}

@media (max-width: 575px) and (min-width: 333px) {
    .dashboard-13 .delivery-duration-chart {
        margin: 0px -20px -20px;
    }
}

@media (max-width: 332px) {
    .dashboard-13 .delivery-duration-chart {
        margin: 0px 0px -40px -20px;
    }
}

.dashboard-13 .fleet-status-chart .apexcharts-legend {
    gap: 8px;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .dashboard-13 .fleet-status-chart {
        margin-top: 48px;
    }
}

.dashboard-13 .profitable-country-chart {
    margin-left: -16px;
    border-right: 1px solid var(--chart-progress-light);
    height: 100%;
    padding-right: 10px;
    margin-right: -8px;
}

[dir="rtl"] .dashboard-13 .profitable-country-chart {
    margin-left: -8px;
    margin-right: -16px;
    padding-left: 10px;
    border-left: 1px solid var(--chart-progress-light);
    border-right: unset;
}

@media (max-width: 1289px) and (min-width: 992px) {
    [dir="rtl"] .dashboard-13 .profitable-country-chart {
        border: unset;
    }
}

@media (max-width: 1289px) and (min-width: 992px) {
    .dashboard-13 .profitable-country-chart {
        border: unset;
    }
}

@media (max-width: 575px) {
    .dashboard-13 .profitable-country-chart {
        border: unset;
    }
}

@media (max-width: 1660px) and (min-width: 1290px) {
    .dashboard-13 .c-xl-60 {
        max-width: 60%;
        flex: 0 0 60%;
    }

    .dashboard-13 .c-xl-40 {
        max-width: 40%;
        flex: 0 0 40%;
    }
}

.form-control-plaintext {
    width: auto !important;
}

@keyframes bounce-effect {
    0% {
        transform: translateY(0px);
        transition: 0.5s;
    }

    50% {
        transform: translateY(-5px);
        transition: 0.5s;
    }

    100% {
        transform: translateY(0px);
        transition: 0.5s;
    }
}

@keyframes round {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.badge-light-primary {
    background-color: rgba(115, 102, 255, 0.34);
    color: rgb(115, 102, 255);
}

.badge-light-primary:hover {
    background-color: rgba(115, 102, 255, 0.34);
    color: rgb(115, 102, 255);
}

.badge-l-primary {
    background-color: white;
}

.badge-l-primary:hover {
    background-color: white;
}

.badge-light-secondary {
    background-color: rgba(131, 131, 131, 0.34);
    color: rgb(131, 131, 131);
}

.badge-light-secondary:hover {
    background-color: rgba(131, 131, 131, 0.34);
    color: rgb(131, 131, 131);
}

.badge-l-secondary {
    background-color: rgb(213, 213, 213);
}

.badge-l-secondary:hover {
    background-color: rgb(213, 213, 213);
}

.badge-light-success {
    background-color: rgba(101, 193, 92, 0.34);
    color: rgb(101, 193, 92);
}

.badge-light-success:hover {
    background-color: rgba(101, 193, 92, 0.34);
    color: rgb(101, 193, 92);
}

.badge-l-success {
    background-color: rgb(213, 238, 210);
}

.badge-l-success:hover {
    background-color: rgb(213, 238, 210);
}

.badge-light-danger {
    background-color: rgba(252, 86, 74, 0.34);
    color: rgb(252, 86, 74);
}

.badge-light-danger:hover {
    background-color: rgba(252, 86, 74, 0.34);
    color: rgb(252, 86, 74);
}

.badge-l-danger {
    background-color: rgb(255, 236, 235);
}

.badge-l-danger:hover {
    background-color: rgb(255, 236, 235);
}

.badge-light-info {
    background-color: rgba(64, 184, 245, 0.34);
    color: rgb(64, 184, 245);
}

.badge-light-info:hover {
    background-color: rgba(64, 184, 245, 0.34);
    color: rgb(64, 184, 245);
}

.badge-l-info {
    background-color: rgb(219, 242, 253);
}

.badge-l-info:hover {
    background-color: rgb(219, 242, 253);
}

.badge-light-light {
    background-color: rgba(82, 82, 108, 0.34);
    color: rgb(82, 82, 108);
}

.badge-light-light:hover {
    background-color: rgba(82, 82, 108, 0.34);
    color: rgb(82, 82, 108);
}

.badge-l-light {
    background-color: rgb(166, 166, 187);
}

.badge-l-light:hover {
    background-color: rgb(166, 166, 187);
}

.badge-light-dark {
    background-color: rgba(63, 71, 90, 0.34);
    color: rgb(63, 71, 90);
}

.badge-light-dark:hover {
    background-color: rgba(63, 71, 90, 0.34);
    color: rgb(63, 71, 90);
}

.badge-l-dark {
    background-color: rgb(141, 151, 175);
}

.badge-l-dark:hover {
    background-color: rgb(141, 151, 175);
}

.badge-light-warning {
    background-color: rgba(255, 184, 41, 0.34);
    color: rgb(255, 184, 41);
}

.badge-light-warning:hover {
    background-color: rgba(255, 184, 41, 0.34);
    color: rgb(255, 184, 41);
}

.badge-l-warning {
    background-color: rgb(255, 238, 204);
}

.badge-l-warning:hover {
    background-color: rgb(255, 238, 204);
}

.badge-light-light {
    background-color: rgb(233, 233, 238) !important;
}

.badge-light-primary, .badge-l-primary {
    background-color: rgba(115, 102, 255, 0.1);
}

.badge-light-primary:hover, .badge-l-primary:hover {
    background-color: rgba(115, 102, 255, 0.1);
}

.badge-light-success {
    background-color: rgba(101, 193, 92, 0.15);
}

.badge-light-secondary {
    background-color: rgba(131, 131, 131, 0.08);
}

.badge-light-danger {
    background-color: rgba(252, 86, 74, 0.15);
}

@media (max-width: 1712px) {
    .overall-card .balance-card {
        padding: 12px;
    }
}

@media (max-width: 1662px) and (min-width: 1600px) {
    .overall-card .col-xl-9 {
        width: 73%;
    }

    .overall-card .col-xl-3 {
        width: 27%;
    }
}

@media (max-width: 1650px) and (min-width: 1600px) {
    .overall-card .col-xl-9 {
        width: 72%;
    }

    .overall-card .col-xl-3 {
        width: 28%;
    }
}

@media (max-width: 1600px) and (min-width: 1500px) {
    .overall-card .col-xl-9 {
        width: 70%;
    }

    .overall-card .col-xl-3 {
        width: 30%;
    }
}

@media (max-width: 1500px) and (min-width: 1200px) {
    .overall-card .col-xl-9 {
        width: 65%;
    }

    .overall-card .col-xl-3 {
        width: 35%;
    }
}

.clockbox {
    margin-bottom: -5px;
}

.clockbox svg {
    width: 45px;
    height: 45px;
}

@media (max-width: 767px) {
    .clockbox svg {
        height: 36px;
    }
}

.clockbox, #clock {
    width: 100%;
}

.circle {
    fill: rgb(255, 255, 255);
    stroke: rgba(255, 255, 255, 0.4);
    stroke-width: 80px;
    stroke-miterlimit: 10;
}

.mid-circle {
    fill: rgb(0, 0, 0);
}

.hour-marks {
    fill: none;
    stroke: rgb(117, 117, 138);
    stroke-width: 9;
    stroke-miterlimit: 10;
}

.hour-hand {
    fill: none;
    stroke: rgb(255, 126, 0);
    stroke-width: 17;
    stroke-miterlimit: 10;
}

.minute-hand {
    fill: none;
    stroke: rgb(255, 126, 0);
    stroke-width: 11;
    stroke-miterlimit: 10;
}

.second-hand {
    fill: none;
    stroke: rgb(255, 184, 41);
    stroke-width: 15px;
    stroke-miterlimit: 10;
}

.sizing-box {
    fill: none;
}

#hour, #minute, #second {
    transform-origin: 300px 300px;
    transition: transform 0.5s ease-in-out;
}

@media (min-width: 1400px) {
    .widget-grid .height-equal {
        min-height: unset !important;
    }
}

@media (min-width: 1400px) {
    .widget-grid > .col-xxl-auto {
        width: 22.22%;
    }
}

.order-chart > div {
    margin-top: -25px;
    margin-bottom: -43px;
}

.order-chart svg path {
    clip-path: inset(7% 0% 0% round 0.6rem);
}

.widget-1 {
    background-image: url("../images/dashboard/widget-bg.png");
    background-size: cover;
    margin-bottom: 25px;
}

.widget-1 svg {
    font-weight: 700;
    width: 12px;
    height: 12px;
}

.widget-1 .f-w-500 {
    display: flex;
    align-items: center;
}

@media (max-width: 1580px) and (min-width: 1200px) {
    .widget-1 .f-w-500 {
        display: none;
    }
}

.widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px;
}

@media (max-width: 1720px) {
    .widget-1 .card-body {
        padding: 18px;
    }
}

.widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%;
}

.widget-1 .widget-round .bg-round {
    width: 56px;
    height: 56px;
    box-shadow: rgba(214, 214, 227, 0.83) 1px 2px 21px -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 6px;
    position: relative;
    z-index: 1;
}

.widget-1 .widget-round .bg-round svg {
    width: 24px;
    height: 24px;
}

.widget-1 .widget-round .bg-round .half-circle {
    height: 52px;
    position: absolute;
    left: -9px;
    width: 35px;
    bottom: -8px;
    background: rgb(255, 255, 255);
    z-index: -1;
}

@media (max-width: 1399px) {
    .widget-1 .widget-round .bg-round {
        width: 40px;
        height: 40px;
    }

    .widget-1 .widget-round .bg-round svg {
        width: 22px;
        height: 22px;
    }

    .widget-1 .widget-round .bg-round .half-circle {
        height: 40px;
        left: -10px;
        width: 30px;
        bottom: -8px;
    }
}

.widget-1 .widget-round.primary {
    border-color: var(--theme-default);
}

.widget-1 .widget-round.secondary {
    border-color: var(--theme-secondary);
}

.widget-1 .widget-round.success {
    border-color: rgb(101, 193, 92);
}

.widget-1 .widget-round.warning {
    border-color: rgb(255, 184, 41);
}

.widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

@media (max-width: 1600px) {
    .widget-1 .widget-content {
        gap: 10px;
    }
}

.widget-1 .widget-content h4 {
    margin-bottom: 4px;
}

@media (max-width: 1399px) {
    .widget-1 .widget-content h4 {
        font-size: calc(17.6px + 0.125vw);
    }
}

.widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

.widget-1:hover .widget-round .svg-fill:not(.half-circle), .widget-1:hover .widget-round svg:not(.half-circle) {
    animation: 1.5s ease 0s infinite normal none running tada;
}

.widget-with-chart .card-body {
    align-items: center;
}

@media (max-width: 1625px) {
    .main-customer-table .table-responsive .dt-layout-row .dt-search {
        display: none;
    }
}

.main-customer-table .table-responsive .table thead tr th, .main-customer-table .table-responsive .table thead tr td, .main-customer-table .table-responsive .table tbody tr th, .main-customer-table .table-responsive .table tbody tr td {
    min-width: auto;
}

.main-customer-table .table-responsive .table thead tr th:first-child, .main-customer-table .table-responsive .table thead tr td:first-child, .main-customer-table .table-responsive .table tbody tr th:first-child, .main-customer-table .table-responsive .table tbody tr td:first-child {
    padding-left: 20px;
    cursor: pointer;
}

@media (max-width: 1447px) and (min-width: 1400px) {
    .main-customer-table .table-responsive .table thead tr th:nth-child(2) img, .main-customer-table .table-responsive .table thead tr td:nth-child(2) img, .main-customer-table .table-responsive .table tbody tr th:nth-child(2) img, .main-customer-table .table-responsive .table tbody tr td:nth-child(2) img {
        display: none;
    }
}

@media (max-width: 1303px) and (min-width: 1219px) {
    .main-customer-table .table-responsive .table thead tr th:nth-child(2) img, .main-customer-table .table-responsive .table thead tr td:nth-child(2) img, .main-customer-table .table-responsive .table tbody tr th:nth-child(2) img, .main-customer-table .table-responsive .table tbody tr td:nth-child(2) img {
        display: none;
    }
}

.main-customer-table .table-responsive .table thead tr th:last-child, .main-customer-table .table-responsive .table thead tr td:last-child, .main-customer-table .table-responsive .table tbody tr th:last-child, .main-customer-table .table-responsive .table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1801px) and (min-width: 1596px) {
    .main-customer-table .table-responsive .table thead tr th:last-child, .main-customer-table .table-responsive .table thead tr td:last-child, .main-customer-table .table-responsive .table tbody tr th:last-child, .main-customer-table .table-responsive .table tbody tr td:last-child {
        display: none;
    }
}

@media (max-width: 1595px) and (min-width: 1400px) {
    .main-customer-table .table-responsive .table thead tr th:last-child, .main-customer-table .table-responsive .table thead tr td:last-child, .main-customer-table .table-responsive .table tbody tr th:last-child, .main-customer-table .table-responsive .table tbody tr td:last-child {
        display: none;
    }
}

@media (max-width: 1218px) and (min-width: 1200px) {
    .main-customer-table .table-responsive .table thead tr th:last-child, .main-customer-table .table-responsive .table thead tr td:last-child, .main-customer-table .table-responsive .table tbody tr th:last-child, .main-customer-table .table-responsive .table tbody tr td:last-child {
        display: none;
    }
}

@media (max-width: 1166px) {
    .main-customer-table .table-responsive .table thead tr th:nth-child(2), .main-customer-table .table-responsive .table thead tr td:nth-child(2), .main-customer-table .table-responsive .table tbody tr th:nth-child(2), .main-customer-table .table-responsive .table tbody tr td:nth-child(2) {
        min-width: 135px;
    }

    .main-customer-table .table-responsive .table thead tr th:nth-child(3), .main-customer-table .table-responsive .table thead tr td:nth-child(3), .main-customer-table .table-responsive .table tbody tr th:nth-child(3), .main-customer-table .table-responsive .table tbody tr td:nth-child(3) {
        min-width: 112px;
    }

    .main-customer-table .table-responsive .table thead tr th:last-child, .main-customer-table .table-responsive .table thead tr td:last-child, .main-customer-table .table-responsive .table tbody tr th:last-child, .main-customer-table .table-responsive .table tbody tr td:last-child {
        min-width: 80px;
    }
}

.main-customer-table .table-responsive .table thead tr th {
    color: rgb(82, 82, 108);
}

.main-customer-table .table-responsive .table tbody tr td .img-content-box a {
    color: var(--body-font-color);
}

.profile-box {
    background: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-default) 79.68%);
    color: rgb(255, 255, 255);
    height: 238px;
}

@media (max-width: 1399px) {
    .profile-box {
        height: 206px;
    }
}

.profile-box .cartoon {
    position: absolute;
    bottom: -15px;
    right: 20px;
    animation: 5s ease-in 0s infinite normal none running bounce-effect;
}

[dir="rtl"] .profile-box .cartoon {
    right: unset !important;
    left: 5px;
}

@media (max-width: 1660px) {
    .profile-box .cartoon {
        right: 30px;
        text-align: right;
    }

    [dir="rtl"] .profile-box .cartoon {
        left: -6px;
        text-align: left;
    }

    .profile-box .cartoon img {
        width: 80%;
    }
}

@media (max-width: 1500px) and (min-width: 1031px) {
    .profile-box .cartoon img {
        width: 70%;
    }
}

@media (max-width: 1030px) {
    .profile-box .cartoon img {
        width: 62%;
    }
}

@media (max-width: 767px) {
    .profile-box .cartoon {
        right: 10px;
    }

    [dir="rtl"] .profile-box .cartoon {
        left: -10px;
    }

    .profile-box .cartoon img {
        width: 52%;
    }
}

@media (max-width: 575px) {
    .profile-box .cartoon {
        right: 30px;
    }

    [dir="rtl"] .profile-box .cartoon {
        left: 10px;
    }

    .profile-box .cartoon img {
        width: 48%;
    }
}

@media (max-width: 1485px) and (min-width: 1400px) {
    .profile-box .greeting-user h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 235px;
    }
}

@media (max-width: 1108px) and (min-width: 992px) {
    .profile-box .greeting-user h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 235px;
    }
}

@media (max-width: 840px) {
    .profile-box .greeting-user h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 235px;
    }
}

@media (max-width: 730px) and (min-width: 611px) {
    .profile-box .greeting-user h2 {
        max-width: 170px;
    }
}

@media (max-width: 610px) and (min-width: 576px) {
    .profile-box .greeting-user h2 {
        max-width: 115px;
    }
}

@media (max-width: 575px) {
    .profile-box .greeting-user h2 {
        max-width: 178px;
    }
}

.profile-box .greeting-user h2, .profile-box .greeting-user p {
    color: rgb(255, 255, 255);
}

.profile-box .greeting-user p {
    width: 60%;
}

@media (max-width: 1500px) {
    .profile-box .greeting-user p {
        width: 70%;
    }
}

@media (max-width: 1199px) {
    .profile-box .greeting-user p {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .profile-box .greeting-user p {
        width: 98%;
    }
}

@media (max-width: 600px) {
    .profile-box .greeting-user p {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .profile-box .greeting-user p {
        width: 98%;
    }
}

.profile-box .whatsnew-btn {
    margin-top: 3.5rem;
}

@media (max-width: 1500px) {
    .profile-box .whatsnew-btn {
        margin-top: 1.7rem;
    }
}

@media (max-width: 991px) {
    .profile-box .whatsnew-btn {
        margin-top: 3.5rem;
    }
}

@media (max-width: 638px) {
    .profile-box .whatsnew-btn {
        margin-top: 2rem;
    }
}

@media (max-width: 767px) {
    .profile-box .whatsnew-btn .btn {
        padding: 6px 10px;
    }
}

.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}

.header-top a i {
    font-size: 11px;
    margin-bottom: -2px;
}

.header-top a.btn {
    padding: 8px 12px;
}

@media (max-width: 575px) {
    .header-top a.btn {
        padding: 5px;
    }
}

.header-top a.btn.badge-light-primary:hover {
    background-color: var(--theme-default);
}

.user-details {
    display: flex;
    align-items: center;
    gap: 15px;
}

@media (max-width: 1399px) {
    .user-details {
        gap: 6px;
    }
}

.user-details .customers {
    width: 200px;
}

@media (max-width: 575px) {
    .user-details {
        flex-wrap: wrap;
    }
}

.papernote-wrap .banner-img {
    border-radius: 15px;
    width: 100%;
}

.papernote-wrap .note-labels {
    display: flex;
    align-items: center;
}

.papernote-wrap .note-labels > * {
    padding: 3px 0px;
}

.papernote-wrap .note-labels ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 575px) {
    .papernote-wrap .note-labels ul {
        gap: 4px;
    }
}

.papernote-wrap .note-labels .badge {
    font-size: 14px;
    padding: 6px 12px;
}

@media (max-width: 575px) {
    .papernote-wrap .note-labels .badge {
        font-size: 12px;
        padding: 5px 6px;
    }
}

.papernote-wrap .note-labels .last-label {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px dashed rgba(117, 117, 138, 0.7);
}

[dir="rtl"] .papernote-wrap .note-labels .last-label {
    padding-left: unset;
    margin-left: unset;
    margin-right: 16px;
    padding-right: 16px;
    border-left: none;
    border-right: 1px dashed rgba(117, 117, 138, 0.7);
}

@media (max-width: 575px) {
    .papernote-wrap .note-labels .last-label {
        padding-left: 8px;
        margin-left: 8px;
    }

    [dir="rtl"] .papernote-wrap .note-labels .last-label {
        margin-right: 8px;
        padding-right: 8px;
    }
}

.papernote-wrap .light-card {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--light2);
    border: 1px solid rgba(117, 117, 138, 0.2);
}

.notification ul {
    position: relative;
}

.notification ul::before {
    position: absolute;
    content: "";
    border: 1px dashed rgb(117, 117, 138);
    opacity: 0.3;
    top: 12px;
    left: 2px;
    height: calc(100% - 12px);
}

[dir="rtl"] .notification ul::before {
    left: unset;
    right: 2px;
}

.notification li {
    padding-bottom: 31px;
}

.notification div[class*="activity-dot-"] {
    margin-top: 12px;
    animation: 1.3s ease-in-out 0s infinite normal none running round;
}

.notification .card .d-flex .w-100 p .badge {
    color: rgb(255, 255, 255);
    margin-left: 10px;
    font-weight: 500;
}

.notification .card .d-flex .w-100 h6 {
    margin-bottom: 5px;
    position: relative;
}

.notification .card .d-flex .w-100 h6 ~ p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-emphasis: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 260px;
}

@media (max-width: 767px) {
    .notification .card .d-flex .w-100 h6 ~ p {
        -webkit-line-clamp: unset;
        text-emphasis: unset;
        white-space: unset;
        text-overflow: unset;
        display: block;
        width: unset;
        overflow: visible;
    }
}

@keyframes round {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.notification .card .d-flex .w-100 span {
    color: rgb(117, 117, 138);
}

.notification .card .d-flex:nth-child(2) .flex-grow-1 h6 .dot-notification {
    background-color: rgb(255, 184, 41);
    border: 5px solid rgb(255, 235, 194);
}

.notification .card .d-flex:last-child {
    margin-bottom: 0px !important;
}

.notification .date-content {
    padding: 4px 8px;
    border-radius: 5px;
}

.schedule-container > div {
    margin-bottom: -40px;
}

.schedule-container svg path {
    clip-path: inset(1% 0% 0% round 1.5rem);
}

.purchase-card {
    text-align: center;
    margin-top: 200px;
}

@media (max-width: 1560px) {
    .purchase-card {
        margin-top: 170px;
    }
}

@media (max-width: 1399px) {
    .purchase-card {
        margin-top: 160px;
    }
}

@media (max-width: 500px) {
    .purchase-card {
        margin-top: 110px;
    }
}

@media (max-width: 420px) {
    .purchase-card {
        margin-top: 90px;
    }
}

.purchase-card img {
    margin-top: -208px;
}

@media (max-width: 1560px) {
    .purchase-card img {
        margin-top: -170px;
    }
}

@media (max-width: 1399px) {
    .purchase-card img {
        width: 70%;
        margin: -160px auto 0px;
    }
}

@media (max-width: 1366px) {
    .purchase-card img {
        width: 76%;
    }
}

@media (max-width: 1199px) {
    .purchase-card img {
        width: 86%;
    }
}

@media (max-width: 991px) {
    .purchase-card img {
        width: 72%;
    }
}

@media (max-width: 767px) {
    .purchase-card img {
        width: 50%;
    }
}

@media (max-width: 500px) {
    .purchase-card img {
        margin-top: -110px;
    }
}

@media (max-width: 420px) {
    .purchase-card img {
        margin-top: -90px;
        width: 60%;
    }
}

.purchase-card .purchase-btn {
    min-width: auto;
}

.buy-card img {
    height: 252px;
    object-fit: contain;
    padding: 20px 20px 0px;
}

.buy-card .card-body {
    margin-inline: 50px; text-align: center;
}

.buy-card .card-body .purchase-btn {
    min-width: auto;
    font-size: 14px;
}

@media (max-width: 1869px) {
    .buy-card img {
        height: 256px;
    }

    .buy-card .card-body {
        margin-inline: 45px; }
}

@media (max-width: 1774px) and (min-width: 1431px) {
    .buy-card .card-body {
        margin-inline: 6px;
    }
}

@media (max-width: 1430px) and (min-width: 1400px) {
    .buy-card img {
        height: 230px;
    }

    .buy-card .card-body {
        margin-inline: 0px; }
}

@media (max-width: 1399px) {
    .buy-card img {
        height: 295px;
    }
}

@media (max-width: 1380px) and (min-width: 992px) {
    .buy-card .card-body {
        margin-inline: 6px;
    }
}

@media (max-width: 991px) and (min-width: 818px) {
    .buy-card .card-body {
        margin-inline: 50px;
    }
}

@media (max-width: 817px) and (min-width: 687px) {
    .buy-card .card-body {
        margin-inline: 28px;
    }
}

@media (max-width: 686px) {
    .buy-card .card-body {
        margin-inline: 0px;
    }
}

@media (max-width: 1199px) and (min-width: 1078px) {
    .buy-card img {
        height: 238px;
    }
}

@media (max-width: 1077px) and (min-width: 992px) {
    .buy-card img {
        height: 252px;
    }
}

@media (max-width: 991px) and (min-width: 1200px) {
    .buy-card img {
        height: 295px;
    }
}

@media (max-width: 1199px) and (min-width: 1200px) {
    .buy-card img {
        height: 270px;
    }
}

@media (max-width: 1199px) and (min-width: 576px) {
    .buy-card img {
        height: 295px;
    }
}

@media (max-width: 575px) and (min-width: 446px) {
    .buy-card img {
        height: 240px;
    }
}

@media (max-width: 445px) {
    .buy-card img {
        height: 185px;
    }
}

.appointment-table table tr td {
    position: relative;
    border-top: none;
    padding: 15px 0px;
    vertical-align: middle;
}

.appointment-table table tr td:first-child {
    width: 50px;
}

.appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px;
}

.appointment-table table tr td p, .appointment-table table tr td .btn {
    font-weight: 500;
    font-size: 12px;
}

.appointment-table table tr td .btn {
    padding: 4px 12px;
}

.appointment-table table tr .img-content-box a {
    color: var(--body-font-color);
    transition: 0.5s;
    display: inline-block !important;
}

.appointment-table table tr .img-content-box span {
    display: block;
}

.appointment-table table tr:hover .img-content-box a {
    color: var(--theme-default);
    transition: 0.5s;
}

.appointment-table table tr:first-child td {
    padding-top: 0px !important;
}

.appointment-table table tr:last-child td {
    padding-bottom: 0px !important;
}

.appointment-table.customer-table table tr td {
    padding: 10px 0px;
}

.appointment-table.customer-table table tr td img {
    min-width: 40px;
}

.icon-box {
    width: 50px;
    height: 32px;
    background-color: rgba(115, 102, 255, 0.08);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-box i {
    color: var(--theme-default);
    font-size: 22px;
}

.icon-box svg {
    stroke: var(--theme-default);
}

.balance-card {
    display: flex;
    padding: 15px;
    border-radius: 5px;
    gap: 15px;
    transition: 0.5s;
}

@media (max-width: 1199px) {
    .balance-card {
        gap: 8px;
    }
}

.balance-card .svg-box {
    width: 43px;
    height: 43px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(229, 229, 245, 0.19) 0px 71.2527px 51.5055px, rgba(229, 229, 245, 0.153) 0px 42.3445px 28.0125px, rgba(229, 229, 245, 0.125) 0px 21.9866px 14.2913px, rgba(229, 229, 245, 0.098) 0px 8.95749px 7.16599px, rgba(229, 229, 245, 0.06) 0px 2.03579px 3.46085px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1199px) {
    .balance-card .svg-box {
        width: 35px;
        height: 35px;
    }
}

.balance-card .svg-box svg {
    height: 20px;
    fill: rgba(117, 117, 138, 0.85);
}

@media (max-width: 1199px) {
    .balance-card .svg-box svg {
        height: 17px;
    }
}

.btn-light-secondary {
    background-color: rgba(var(--theme-secondary), 0.1);
    font-size: 12px;
    padding: 6px 12px;
    font-weight: 600;
}

.fill-primary {
    fill: rgb(115, 102, 255);
}

.fill-secondary {
    fill: rgb(131, 131, 131);
}

.fill-success {
    fill: rgb(101, 193, 92);
}

.fill-warning {
    fill: rgb(255, 184, 41);
}

.fill-info {
    fill: rgb(64, 184, 245);
}

.fill-danger {
    fill: rgb(252, 86, 74);
}

.testimonial i {
    font-size: 60px;
    color: rgba(43, 43, 43, 0.7);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.1;
    z-index: -1;
}

.testimonial p {
    color: rgb(117, 117, 138);
    font-style: italic;
    margin-bottom: 30px;
    margin-top: 30px;
}

.testimonial h5 {
    color: rgb(64, 64, 64);
    padding-top: 10px;
}

.testimonial span {
    color: rgb(117, 117, 138);
}

.testimonial img {
    margin: 0px auto;
}

.widget-charts .widget-1 .card-body {
    padding: 30px 25px;
}

.chart-widget-top #chart-widget1, .chart-widget-top #chart-widget2, .chart-widget-top #chart-widget3 {
    margin-bottom: -15px;
}

.chart-widget-top #chart-widget1 .apexcharts-xaxistooltip, .chart-widget-top #chart-widget2 .apexcharts-xaxistooltip, .chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none;
}

.chart-widget-top span {
    color: rgb(108, 117, 125);
}

.bar-chart-widget .apexcharts-legend {
    bottom: 0px !important;
}

.bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
    margin: 0px 10px !important;
}

.bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
    margin-right: 5px;
}

.bar-chart-widget .top-content {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bar-chart-widget .earning-details {
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    letter-spacing: 1px;
}

.bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: 0.1;
    right: -30px;
    top: 0px;
}

.bar-chart-widget .earning-details i:hover {
    transform: rotate(-5deg) scale(1.1);
    transition: 0.3s;
}

.bar-chart-widget .num {
    font-weight: 600;
}

.bar-chart-widget .num .color-bottom {
    color: rgb(0, 0, 0);
}

.skill-chart {
    margin-bottom: -48px;
}

.skill-chart .apexcharts-legend .apexcharts-legend-series span {
    display: block;
}

.skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin: 10px 0px 20px;
}

.progress-chart {
    margin: -11px 0px -20px;
}

.progress-chart .apexcharts-canvas svg path, .progress-chart .apexcharts-canvas svg rect {
    clip-path: inset(1% 0% 0% round 1rem);
}

.bottom-content span {
    color: rgb(117, 117, 138);
}

.bottom-content .block-bottom {
    display: block;
}

@keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -30px;
    }
}

@-webkit-keyframes am-pulsating {
    0% {
        stroke-opacity: 1;
        stroke-width: 0;
    }

    100% {
        stroke-opacity: 0;
        stroke-width: 50px;
    }
}

@keyframes am-pulsating {
    0% {
        stroke-opacity: 1;
        stroke-width: 0;
    }

    100% {
        stroke-opacity: 0;
        stroke-width: 50px;
    }
}

@-webkit-keyframes am-draw {
    0% {
        stroke-dashoffset: 500%;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes am-draw {
    0% {
        stroke-dashoffset: 500%;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.serial-chart .chart-container {
    width: 100%;
    height: 500px;
}

.serial-chart .chart-container .lastBullet {
    animation: 1s ease-out 0s infinite normal none running am-pulsating;
}

.serial-chart .chart-container .amcharts-graph-column-front {
    transition: 0.3s ease-out 0.3s;
}

.serial-chart .chart-container .amcharts-graph-column-front:hover {
    fill: var(--theme-secondary);
    stroke: var(--theme-secondary);
    transition: 0.3s ease-out;
}

.serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: 40s ease 0s 1 normal none running am-draw;
}

.serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px, 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: 1s linear 0s infinite normal none running am-moving-dashes;
}

.chart-container .apexcharts-xaxis-label, .chart-container .apexcharts-yaxis-label {
    font-size: 14px !important;
    color: rgb(108, 117, 125) !important;
}

.chart-container .apexcharts-xaxis-annotations rect {
    clip-path: inset(1% 0% 0% round 0.2rem);
}

.crypto-chart {
    margin-left: -20px;
}

.crypto-chart .apexcharts-tooltip-title {
    display: none;
}

.crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0px;
}

.speed-chart .chart-container {
    width: 100%;
    height: 530px;
}

.speed-chart .content {
    margin-top: -200px;
    margin-bottom: 20px;
}

.speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px;
}

.status-widget svg {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
}

.status-widget .card .card-header h5 {
    line-height: 1.38;
}

.status-widget .status-chart {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
}

.small-chart-widget .chart-container {
    height: 311px;
    padding: 0px;
    margin: 0px;
    border: none;
}

.small-chart-widget .card .card-body {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.donut-chart-widget .chart-container {
    height: 300px;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.status-details h4 {
    font-weight: 600;
}

.status-details h4 span {
    color: inherit;
}

.status-details span {
    color: rgb(117, 117, 138);
}

.status-chart .chart-container {
    height: 200px;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.map-chart .chart-container {
    width: 100%;
    height: 500px;
}

.serial-chart {
    width: 100%;
}

.live-products, .turnover, .uses, .monthly {
    height: 300px;
}

.live-products .ct-series-a .ct-area, .live-products .ct-series-a .ct-point, .live-products .ct-series-a .ct-line, .live-products .ct-series-a .ct-bar, .live-products .ct-series-a .ct-slice-donut {
    stroke: rgba(255, 255, 255, 0.77);
}

.live-products .ct-label {
    fill: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.live-products .ct-grid {
    stroke: rgba(255, 255, 255, 0.7);
}

.turnover .ct-series-a .ct-area, .turnover .ct-series-a .ct-point, .turnover .ct-series-a .ct-line, .turnover .ct-series-a .ct-bar, .turnover .ct-series-a .ct-slice-donut, .uses .ct-series-a .ct-area, .uses .ct-series-a .ct-point, .uses .ct-series-a .ct-line, .uses .ct-series-a .ct-bar, .uses .ct-series-a .ct-slice-donut, .monthly .ct-series-a .ct-area, .monthly .ct-series-a .ct-point, .monthly .ct-series-a .ct-line, .monthly .ct-series-a .ct-bar, .monthly .ct-series-a .ct-slice-donut {
    stroke: rgb(255, 255, 255);
    fill: transparent;
}

.turnover .ct-series-b .ct-area, .turnover .ct-series-b .ct-point, .turnover .ct-series-b .ct-line, .turnover .ct-series-b .ct-bar, .turnover .ct-series-b .ct-slice-donut, .uses .ct-series-b .ct-area, .uses .ct-series-b .ct-point, .uses .ct-series-b .ct-line, .uses .ct-series-b .ct-bar, .uses .ct-series-b .ct-slice-donut, .monthly .ct-series-b .ct-area, .monthly .ct-series-b .ct-point, .monthly .ct-series-b .ct-line, .monthly .ct-series-b .ct-bar, .monthly .ct-series-b .ct-slice-donut {
    stroke: rgba(255, 255, 255, 0.7);
    fill: transparent;
}

.turnover .ct-series-c .ct-area, .turnover .ct-series-c .ct-point, .turnover .ct-series-c .ct-line, .turnover .ct-series-c .ct-bar, .turnover .ct-series-c .ct-slice-donut, .uses .ct-series-c .ct-area, .uses .ct-series-c .ct-point, .uses .ct-series-c .ct-line, .uses .ct-series-c .ct-bar, .uses .ct-series-c .ct-slice-donut, .monthly .ct-series-c .ct-area, .monthly .ct-series-c .ct-point, .monthly .ct-series-c .ct-line, .monthly .ct-series-c .ct-bar, .monthly .ct-series-c .ct-slice-donut {
    stroke: rgba(255, 255, 255, 0.4);
    fill: transparent;
}

.turnover .ct-label, .uses .ct-label, .monthly .ct-label {
    fill: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.turnover .ct-grid, .uses .ct-grid, .monthly .ct-grid {
    stroke: rgba(255, 255, 255, 0.7);
}

#draggableMultiple .ui-sortable-handle .card {
    cursor: move;
}

.tilt-showcase ul li .line {
    padding-top: 10px;
}

.tilt-showcase .pre-mt {
    margin-top: 5px;
}

.wow-title h5 {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.wow-title h5 .badge {
    -webkit-text-fill-color: rgb(255, 255, 255);
}

.alert-center {
    display: flex !important;
    align-items: center;
}

.box-shadow-title .sub-title {
    margin: 30px 0px;
}

.hovercard .info .social-media ul li {
    padding-top: 3px;
}

.hovercard .cardheader {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.sticky-header-main .card .card-header h5 {
    line-height: 35px;
}

.sticky-header-main .card .card-header h5 a {
    color: rgb(255, 255, 255);
    -webkit-text-fill-color: rgb(255, 255, 255);
}

.custom-radio-ml {
    margin-left: 3px;
}

.twitter-typeahead {
    display: block !important;
}

span.twitter-typeahead .league-name {
    font-size: 16px;
    padding: 6px 10px 0px;
}

span.twitter-typeahead .tt-menu {
    float: left;
    width: 100%;
    min-width: 10rem;
    margin: 0.125rem 0px 0px;
    font-size: 1rem;
    color: rgb(33, 37, 41);
    text-align: left;
    list-style: none;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border-radius: 0.25rem;
    box-shadow: rgba(89, 102, 122, 0.1) 0px 0px 20px;
    border: none;
    padding: 0px;
}

span.twitter-typeahead .tt-suggestion {
    color: rgb(43, 43, 43);
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid rgb(239, 239, 239);
    background: rgb(255, 255, 255);
    cursor: pointer;
}

span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: rgb(255, 255, 255);
}

span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
    color: rgb(255, 255, 255);
    background-color: var(--theme-default);
}

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
    max-height: 100px;
    overflow-y: auto;
}

.chart-right {
    position: relative;
}

.balance-data {
    display: flex;
    gap: 15px;
    position: absolute;
    top: -50px;
    right: 2%;
}

[dir="rtl"] .balance-data {
    right: unset;
    left: 2%;
}

@media (max-width: 991px) {
    .balance-data {
        top: -42px;
        right: -65%;
    }

    [dir="rtl"] .balance-data {
        left: -65%;
    }
}

@media (max-width: 575px) {
    .balance-data {
        display: none;
    }
}

.balance-data li {
    display: flex;
    align-items: center;
    font-weight: 500;
}

.balance-data .circle {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

.current-sale-container {
    padding-right: 12px;
}

[dir="rtl"] .current-sale-container {
    padding-right: unset;
    padding-left: 12px;
}

.current-sale-container > div {
    margin: -22px 0px -30px -16px;
}

@media (max-width: 1199px) {
    .current-sale-container > div {
        margin-bottom: 0px;
    }
}

@media (max-width: 404px) {
    .current-sale-container > div {
        margin-bottom: -20px;
    }
}

.current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-default);
    background: rgba(115, 102, 255, 0.1);
    border: 1px solid var(--theme-default);
}

.current-sale-container .apexcharts-xaxistooltip-bottom::before {
    border-bottom-color: var(--theme-default);
}

.current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(115, 102, 255, 0.1);
    color: var(--theme-default);
}

@media (max-width: 575px) {
    .current-sale-container.order-container {
        padding-right: 0px;
    }

    [dir="rtl"] .current-sale-container.order-container {
        padding-left: 0px;
    }
}

@media (max-width: 404px) {
    .current-sale-container.order-container > div {
        margin-bottom: 0px;
    }
}

.apexcharts-series.apexcharts-radial-series {
    position: relative;
}

.apexcharts-series.apexcharts-radial-series::after {
    position: absolute;
    content: "";
    background: linear-gradient(0deg, rgb(255, 255, 255) 0.05%, rgb(244, 244, 244) 19.91%, rgb(245, 246, 249) 55.02%, rgb(234, 236, 244) 100%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 0px;
    left: 0px;
}

footer.blockquote-footer {
    bottom: unset;
}

@media only screen and (max-width: 991px) {
    .notification li {
        padding-bottom: 20px;
    }

    .notification .card .card-body .d-flex .w-100 p {
        margin: 0px;
    }

    .notification .card .card-body .d-flex .w-100 h6 {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-fix .pull-right {
        float: none !important;
        text-align: center !important;
    }
}

@media only screen and (max-width: 575px) {
    .notification li {
        padding-bottom: 15px;
    }

    .media-dropdown {
        display: block;
    }

    .media-dropdown .flex-grow-1 {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 360px) {
    .footer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footer p {
        font-size: 12px;
    }

    .appointment-table table tr td {
        min-width: 103px;
    }

    .appointment-table table tr td:first-child {
        min-width: 50px;
    }

    .appointment-table table tr td:nth-child(2) {
        min-width: 120px;
    }
}

@media (min-width: 1400px) {
    .visitor-chart #visitor_chart {
        min-height: 0px !important;
        height: 122px;
    }
}

@media (max-width: 1399px) {
    .visitor-chart #visitor_chart {
        margin-bottom: -45px;
    }
}

.visitor-chart #visitor_chart .apexcharts-canvas {
    margin: 0px;
}

.visitor-chart #visitor_chart .apexcharts-tooltip-title {
    display: none;
}

.visitor-chart .common-flex {
    background-color: var(--course-light-btn);
    padding: 10px 12px;
    border-radius: 8px;
    align-items: center;
}

@media (max-width: 1841px) {
    .visitor-chart .common-flex {
        gap: 4px;
    }
}

.visitor-chart .common-flex p {
    font-weight: 500;
    color: rgb(82, 82, 108);
}

@media (max-width: 1805px) and (min-width: 1400px) {
    .visitor-chart .common-flex p {
        display: none;
    }
}

@media (max-width: 1293px) and (min-width: 1200px) {
    .visitor-chart .common-flex p {
        display: none;
    }
}

@media (max-width: 880px) {
    .visitor-chart .common-flex p {
        font-size: 13px;
    }
}

.statistical-card li {
    padding: 8px 14px;
    background: linear-gradient(180deg, var(--course-light-btn) 0%, rgba(242, 243, 247, 0) 100%);
    border-radius: 5px;
    margin-right: 15px;
    position: relative;
}

.statistical-card li + li {
    padding-left: 15px;
    margin-left: 15px;
}

.statistical-card li + li::after {
    content: "";
    top: 50%;
    background-color: rgba(82, 82, 108, 0.8);
    transform: translate(-15px, -50%);
    left: 0px;
    position: absolute;
    height: 30px;
    width: 1px;
}

@media (max-width: 1230px) and (min-width: 1200px) {
    .monthly-header .card-header-right-icon {
        display: none;
    }
}

.target-content p {
    color: rgba(82, 82, 108, 0.8);
    text-align: center;
    margin-block: 23px; height: 73px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1590px) and (min-width: 1400px) {
    .target-content p {
        margin-block: 28px;
        height: 92px;
    }
}

@media (max-width: 1399px) and (min-width: 768px) {
    .target-content p {
        margin-block: 21px;
    }
}

@media (max-width: 767px) and (min-width: 529px) {
    .target-content p {
        margin: 0px;
    }
}

@media (max-width: 528px) {
    .target-content p {
        margin: 0px 0px 12px;
    }
}

.target-content .common-box {
    border-top: 1px solid var(--chart-dashed-border);
    padding-top: 16px;
}

.target-content .common-box ul {
    justify-content: space-between;
}

@media (max-width: 1486px) {
    .target-content .common-box ul {
        justify-content: center;
    }
}

.target-content .common-box ul li h6 {
    margin-bottom: 4px;
}

@media (max-width: 1559px) {
    .target-content .common-box ul li h6 {
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .target-content .common-box ul li h6 {
        text-align: center;
    }
}

.target-content .common-box ul li .badge {
    border-radius: 83px;
    padding: 6px 12px;
}

.target-content .common-box ul li .badge svg {
    width: 14px;
    height: 14px;
    padding-top: 0px;
    font-size: 12px;
}

@media (max-width: 1496px) {
    .target-content .common-box ul li:last-child {
        display: none;
    }
}

.activity-log .basic-timeline ul.common-flex li {
    padding-bottom: 0px;
}

.activity-log .basic-timeline ul.common-flex::before {
    content: unset;
}

@media (max-width: 1247px) {
    .activity-log .basic-timeline ul li {
        padding-bottom: 8px;
    }
}

@media (max-width: 1399px) and (min-width: 1248px) {
    .activity-log .basic-timeline ul li {
        padding-bottom: 12px;
    }
}

@media (max-width: 1199px) {
    .activity-log .basic-timeline ul li {
        padding-bottom: 8px;
    }
}

.activity-log .basic-timeline ul li .date-content {
    color: rgb(82, 82, 108);
}

.activity-log .basic-timeline ul li > div[class*="timeline-dot-"] {
    bottom: -7px;
}

.activity-log .basic-timeline ul li img {
    height: 50px;
    border-radius: 10px;
}

@media (max-width: 1344px) {
    .activity-log .basic-timeline ul li img {
        height: 40px;
    }
}

@media (max-width: 1589px) {
    .activity-log .basic-timeline ul li p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 300px;
    }
}

@media (max-width: 1384px) and (min-width: 1205px) {
    .activity-log .basic-timeline ul li p {
        max-width: 225px;
    }
}

@media (max-width: 1204px) and (min-width: 1200px) {
    .activity-log .basic-timeline ul li p {
        max-width: 195px;
    }
}

@media (max-width: 1199px) and (min-width: 897px) {
    .activity-log .basic-timeline ul li p {
        max-width: 280px;
    }
}

@media (max-width: 896px) and (min-width: 768px) {
    .activity-log .basic-timeline ul li p {
        max-width: 210px;
    }
}

@media (max-width: 767px) and (min-width: 550px) {
    .activity-log .basic-timeline ul li p {
        max-width: 100%;
    }
}

@media (max-width: 460px) and (min-width: 396px) {
    .activity-log .basic-timeline ul li p {
        max-width: 234px;
    }
}

@media (max-width: 395px) {
    .activity-log .basic-timeline ul li p {
        max-width: 148px;
    }
}

.sales-report {
    position: relative;
}

.sales-report .balance-data {
    top: 20px;
    right: 60px;
}

@media (max-width: 1460px) and (min-width: 1400px) {
    .sales-report .balance-data {
        display: none;
    }
}

@media (max-width: 1250px) and (min-width: 992px) {
    .sales-report .balance-data {
        display: none;
    }
}

.sales-report .balance-data .circle {
    width: 9px;
    height: 9px;
}

.sales-report #sale_report {
    margin-bottom: -20px;
}

@media (max-width: 991px) and (min-width: 404px) {
    .sales-report #sale_report {
        margin-bottom: -20px;
    }
}

@media (max-width: 403px) {
    .sales-report #sale_report {
        margin-bottom: -40px;
    }
}

.appointments-wrapper {
    position: relative;
}

.appointments-wrapper li > span {
    padding: 0px;
    margin: 0px 12px 0px 0px;
    min-width: 45px;
}

.appointments-wrapper li .main-box {
    margin-left: 20px;
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 15px;
    background-color: var(--light2);
}

@media (max-width: 1869px) {
    .appointments-wrapper li .main-box span:nth-child(2) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 310px;
    }
}

@media (max-width: 1785px) and (min-width: 1646px) {
    .appointments-wrapper li .main-box span:nth-child(2) {
        max-width: 255px;
    }
}

@media (max-width: 1645px) and (min-width: 1500px) {
    .appointments-wrapper li .main-box span:nth-child(2) {
        max-width: 212px;
    }
}

@media (max-width: 1499px) and (min-width: 1449px) {
    .appointments-wrapper li .main-box span:nth-child(2) {
        max-width: 190px;
    }
}

@media (max-width: 1448px) and (min-width: 1400px) {
    .appointments-wrapper li .main-box span:nth-child(2) {
        max-width: 162px;
    }
}

@media (max-width: 1299px) and (min-width: 992px) {
    .appointments-wrapper li .main-box span:nth-child(2) {
        max-width: 245px;
    }
}

@media (max-width: 510px) {
    .appointments-wrapper li .main-box span:nth-child(2) {
        white-space: unset;
    }
}

@media (max-width: 991px) {
    .appointments-wrapper li .main-box span {
        display: block;
    }
}

.appointments-wrapper li::before {
    position: absolute;
    content: "";
    border: 1px solid var(--chart-progress-light);
    opacity: 0.3;
    top: 0px;
    left: 61px;
    height: 100%;
    z-index: 0;
}

.appointments-wrapper li > [class*="bg-lighter-"] {
    min-width: 10px;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: relative;
    z-index: 1;
}

.appointments-wrapper li:last-child .main-box {
    margin-bottom: 0px;
}

@media (max-width: 454px) {
    .recent-order-table.currency-table.recent-table .dt-layout-row .dt-search {
        display: none;
    }
}

@media (max-width: 1535px) {
    .recent-order-table.currency-table.recent-table .dt-layout-row:last-child .dt-info {
        display: none;
    }
}

.recent-order-table.currency-table.recent-table .change-currency svg {
    width: 16px;
    height: 16px;
    vertical-align: sub;
}

.recent-order-table.currency-table.recent-table .currency-icon {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    overflow: hidden;
}

.recent-order-table.currency-table.recent-table .currency-icon img {
    height: 28px;
}

@media (max-width: 1499px) and (min-width: 1200px) {
    .recent-order-table.currency-table.recent-table .currency-icon {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 1199px) {
    .recent-order-table.currency-table.recent-table .currency-icon {
        width: 40px;
        height: 40px;
    }

    .recent-order-table.currency-table.recent-table .currency-icon img {
        height: 20px;
    }
}

.recent-order-table.currency-table.recent-table table thead tr th, .recent-order-table.currency-table.recent-table table thead tr td, .recent-order-table.currency-table.recent-table table tbody tr th, .recent-order-table.currency-table.recent-table table tbody tr td {
    min-width: auto;
}

.recent-order-table.currency-table.recent-table table thead tr th:first-child, .recent-order-table.currency-table.recent-table table thead tr td:first-child, .recent-order-table.currency-table.recent-table table tbody tr th:first-child, .recent-order-table.currency-table.recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.recent-order-table.currency-table.recent-table table thead tr th:last-child, .recent-order-table.currency-table.recent-table table thead tr td:last-child, .recent-order-table.currency-table.recent-table table tbody tr th:last-child, .recent-order-table.currency-table.recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1660px) and (min-width: 1200px) {
    .recent-order-table.currency-table.recent-table table thead tr th:last-child, .recent-order-table.currency-table.recent-table table thead tr td:last-child, .recent-order-table.currency-table.recent-table table tbody tr th:last-child, .recent-order-table.currency-table.recent-table table tbody tr td:last-child {
        display: none;
    }
}

@media (max-width: 1660px) {
    .recent-order-table.currency-table.recent-table table thead tr th:nth-child(6), .recent-order-table.currency-table.recent-table table thead tr td:nth-child(6), .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(6), .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(6) {
        padding-right: 20px;
    }
}

@media (max-width: 1475px) {
    .recent-order-table.currency-table.recent-table table thead tr th:nth-child(3), .recent-order-table.currency-table.recent-table table thead tr td:nth-child(3), .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(3), .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(3) {
        min-width: 80px;
    }
}

@media (max-width: 1696px) and (min-width: 1200px) {
    .recent-order-table.currency-table.recent-table table thead tr th:nth-child(4), .recent-order-table.currency-table.recent-table table thead tr td:nth-child(4), .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(4), .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .recent-order-table.currency-table.recent-table table thead tr th:nth-child(2), .recent-order-table.currency-table.recent-table table thead tr td:nth-child(2), .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(2), .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(2) {
        min-width: 133px;
    }

    .recent-order-table.currency-table.recent-table table thead tr th:nth-child(3), .recent-order-table.currency-table.recent-table table thead tr td:nth-child(3), .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(3), .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(3) {
        min-width: 121px;
    }

    .recent-order-table.currency-table.recent-table table thead tr th:nth-child(5), .recent-order-table.currency-table.recent-table table thead tr td:nth-child(5), .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(5), .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(5) {
        min-width: 80px;
    }

    .recent-order-table.currency-table.recent-table table thead tr th:nth-child(4), .recent-order-table.currency-table.recent-table table thead tr td:nth-child(4), .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(4), .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(4) {
        min-width: 42px;
    }

    .recent-order-table.currency-table.recent-table table thead tr th:nth-child(6), .recent-order-table.currency-table.recent-table table thead tr td:nth-child(6), .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(6), .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(6) {
        min-width: 92px;
    }
}

.recent-order-table.currency-table.recent-table table tbody tr td .btn {
    min-width: 135px;
}

.recent-order-table.currency-table.recent-table table tbody tr td .currency-icon img {
    transition: 0.5s;
}

.recent-order-table.currency-table.recent-table table tbody tr:hover td div .currency-icon img {
    transition: 0.5s;
    transform: scale(1.1);
}

.recent-order-table.currency-table.recent-table table tbody tr:hover td div h6 {
    color: var(--body-font-color);
}

.recent-order-table.currency-table.recent-table table tbody tr:hover td div a {
    color: var(--theme-default);
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .ord-xl-1 {
        order: 1;
    }

    .ord-xl-2 {
        order: 2;
    }

    .ord-xl-3 {
        order: 3;
    }

    .ord-xl-4 {
        order: 4;
    }

    .ord-xl-5 {
        order: 5;
    }

    .ord-xl-6 {
        order: 6;
    }

    .ord-xl-7 {
        order: 7;
    }

    .ord-xl-8 {
        order: 8;
    }

    .ord-xl-9 {
        order: 9;
    }

    .ord-xl-10 {
        order: 10;
    }
}

@media (max-width: 991px) {
    .ord-md-1 {
        order: 1;
    }

    .ord-md-2 {
        order: 2;
    }

    .ord-md-3 {
        order: 3;
    }

    .ord-md-4 {
        order: 4;
    }

    .ord-md-5 {
        order: 5;
    }

    .ord-md-6 {
        order: 6;
    }

    .ord-md-7 {
        order: 7;
    }

    .ord-md-8 {
        order: 8;
    }
}

.page-wrapper.horizontal-wrapper.material-type .default-dashboard .appointments-wrapper li .main-box span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 310px;
}

@media (min-width: 1400px) {
    .page-wrapper.horizontal-wrapper.material-type .default-dashboard .visitor-chart .common-flex p {
        display: none;
    }
}

.main-divider .divider-body {
    gap: calc(10.8px + 1vw);
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.main-divider .divider-body:last-child {
    margin-bottom: 0px;
}

.main-divider .divider-body::before, .main-divider .divider-body::after {
    flex-grow: 1;
}

.main-divider .divider-body div[class*="divider-p-"] {
    padding: 8px;
}

.main-divider .divider-body .divider-circle {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.main-divider .divider-body .divider-circle i {
    font-size: 16px;
}

.main-divider .divider-body-1::before, .main-divider .divider-body-1::after {
    content: "";
    border: 1px solid;
}

.main-divider .divider-body-2::before, .main-divider .divider-body-2::after {
    content: "";
    border: 1px dashed;
}

.main-divider .divider-body-3::before, .main-divider .divider-body-3::after {
    content: "";
    border: 2px dotted;
}

.main-divider .divider-body-4::before, .main-divider .divider-body-4::after {
    content: "";
    border: 4px double;
}

.main-divider .divider-body-3::after, .main-divider .divider-body-3::before {
    flex-grow: unset;
    width: 100%;
}

.main-divider.horizontal-variation .divider {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.main-divider.horizontal-variation .divider:last-child {
    margin-bottom: 0px;
}

.main-divider.horizontal-variation .divider::before, .main-divider.horizontal-variation .divider::after {
    content: "";
    flex: 1 1 0%;
}

.main-divider.horizontal-variation .divider.linear-line::before {
    margin: 0px 24px 0px 0px;
    height: 1px;
}

[dir="rtl"] .main-divider.horizontal-variation .divider.linear-line::before {
    margin: 0px 0px 0px 24px;
}

.main-divider.horizontal-variation .divider.linear-line::after {
    margin: 0px 0px 0px 24px;
    height: 1px;
}

[dir="rtl"] .main-divider.horizontal-variation .divider.linear-line::after {
    margin: 0px 24px 0px 0px;
}

.main-divider.horizontal-variation .divider.double-line::before, .main-divider.horizontal-variation .divider.double-line::after {
    height: 3px;
    border-width: 0px;
}

.main-divider.horizontal-variation .divider.double-line-1::before, .main-divider.horizontal-variation .divider.double-line-1::after {
    box-shadow: 0 -0.6px 0 var(--theme-default), 0 0.6px 0 var(--theme-default);
}

.main-divider.horizontal-variation .divider.double-line-2::before, .main-divider.horizontal-variation .divider.double-line-2::after {
    box-shadow: rgb(131, 131, 131) 0px -1.6px 0px, rgb(131, 131, 131) 0px 1.6px 0px;
}

.main-divider.horizontal-variation .divider.double-line-3::before, .main-divider.horizontal-variation .divider.double-line-3::after {
    box-shadow: rgb(101, 193, 92) 0px -2.6px 0px, rgb(101, 193, 92) 0px 2.6px 0px;
}

.main-divider.horizontal-variation .divider.double-line-4::before, .main-divider.horizontal-variation .divider.double-line-4::after {
    box-shadow: rgb(255, 184, 41) 0px -3.6px 0px, rgb(255, 184, 41) 0px 3.6px 0px;
}

.main-divider.horizontal-variation .divider.double-line-5::before, .main-divider.horizontal-variation .divider.double-line-5::after {
    box-shadow: rgb(252, 86, 74) 0px -3.6px 0px, rgb(252, 86, 74) 0px 3.6px 0px;
}

.main-divider.horizontal-variation .divider.double-line-6::before, .main-divider.horizontal-variation .divider.double-line-6::after {
    box-shadow: rgb(64, 184, 245) 0px -3.6px 0px, rgb(64, 184, 245) 0px 3.6px 0px;
}

.main-divider .vertical-divider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.main-divider .vertical-divider .vertical-line {
    min-height: 80px;
    border-left: 2px dashed;
}

[dir="rtl"] .main-divider .vertical-divider .vertical-line {
    border-left: unset;
    border-right: 2px dashed;
}

.main-divider .vertical-divider p {
    padding: 8px;
}

@media (max-width: 1570px) {
    .main-divider .vertical-divider p {
        padding: 8px 4px;
    }
}

@media (max-width: 1464px) {
    .main-divider .vertical-divider p {
        font-size: 13px;
    }
}

.main-divider .vertical-divider svg {
    width: 22px;
    height: 42px;
}

.main-divider .dotted-divider .vertical-divider .vertical-line {
    border-left: 2px dotted;
}

[dir="rtl"] .main-divider .dotted-divider .vertical-divider .vertical-line {
    border-left: unset;
    border-right: 2px dotted;
}

.main-divider .double-divider .vertical-divider .vertical-line {
    border-style: double;
    border-width: 3px;
}

.animated-divider {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    padding: 12px 0px;
}

.animated-divider::after, .animated-divider::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 50%;
    left: 0px;
}

[dir="rtl"] .animated-divider::after, [dir="rtl"] .animated-divider::before {
    left: unset;
    right: 0px;
}

.animated-divider::after {
    transition: opacity 0.3s, animation 0.3s;
    background: linear-gradient(to right, rgb(101, 193, 92) 5%, rgb(255, 184, 41) 15%, rgb(255, 184, 41) 25%, rgb(252, 86, 74) 35%, rgb(252, 86, 74) 45%, rgb(115, 102, 255) 55%, rgb(115, 102, 255) 65%, rgb(64, 184, 245) 75%, rgb(64, 184, 245) 85%, rgb(101, 193, 92) 95%) 0% center / 200%;
    animation: 2s linear 0s infinite normal none running linear-line;
}

.animated-divider:hover::before {
    animation-duration: 20s;
}

.animated-divider.animated-line::before {
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5%, transparent 5%, transparent 10%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 15%, transparent 15%, transparent 20%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 25%, transparent 25%, transparent 30%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 35%, transparent 35%, transparent 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 45%, transparent 45%, transparent 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 55%, transparent 55%, transparent 60%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 65%, transparent 65%, transparent 70%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 75%, transparent 75%, transparent 80%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 85%, transparent 85%, transparent 90%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 95%, transparent 95%, transparent 100%) center center / 150px;
    z-index: 1;
    animation: 16s linear 0s infinite normal none running linear-line;
}

@keyframes linear-line {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 200% center;
    }
}

.divider-h-line {
    height: 1px;
    margin-block: 22px; }

.divider-h-line:first-child {
    margin-top: 0px;
}

.divider-h-line:last-child {
    margin-bottom: 0px;
}

.vr {
    height: 160px;
    margin-inline: 18px; opacity: 1;
}

@media (max-width: 575px) {
    .vr {
        margin-inline-start: 15px;
    }
}

@media (max-width: 1399px) {
    .linear-divider p {
        display: -webkit-box;
        max-width: 100%;
        height: 100px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 331px) {
    .main-animate .common-flex {
        justify-content: center;
    }
}

.main-animate a {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--light-bg);
    overflow: hidden;
}

.main-animate svg {
    width: 22px;
    height: 22px;
    stroke: var(--chart-text-color);
}

.main-animate i {
    color: var(--chart-text-color);
    border-radius: 50%;
    font-size: 16px;
}

.pulse-wrapper a {
    border-radius: 50%;
}

.pulse-wrapper svg {
    animation: 1s ease 0s infinite normal none running pulse-animate;
    border-radius: 50%;
}

.pulse-wrapper i {
    animation: 1s ease 0s infinite normal none running pulse-animate;
}

@keyframes pulse-animate {
    0% {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0px;
    }

    100% {
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 20px;
    }
}

.heartbeat-wrapper a {
    border-radius: 50%;
}

.heartbeat-wrapper svg {
    animation: 1s ease 0s infinite normal none running heartbeat-rate;
    border-radius: 50%;
    stroke: rgb(252, 86, 74);
}

.heartbeat-wrapper i {
    color: rgb(252, 86, 74);
    animation: 1s ease 0s infinite normal none running heartbeat-rate;
}

.border-pulse-wrapper a {
    border: 4px double var(--recent-dashed-border);
    border-radius: unset;
}

.border-pulse-wrapper a svg, .border-pulse-wrapper a i {
    border-radius: 1%;
}

.pulse-rhombus a {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.pulse-rhombus svg, .pulse-rhombus i {
    border-radius: 0px;
}

.pulse-rabbet a {
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}

@keyframes heartbeat-rate {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    15% {
        transform: scale(0.8);
    }

    20% {
        transform: scale(0.85);
        opacity: 1;
    }

    35% {
        transform: scale(1.3);
        opacity: 0.6;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
    }
}

.toggle-data {
    cursor: pointer;
}

.filter-block ul {
    list-style-type: circle;
}

.filter-block ul li {
    padding-top: 8px;
    margin-left: 20px;
    color: rgba(82, 82, 108, 0.8);
}

.filter-block ul li:first-child {
    padding-top: 8px;
}

.filter-block ul li:last-child {
    padding-bottom: 0px;
}

[dir="rtl"] .filter-block ul li {
    margin-left: unset;
    margin-right: 20px;
}

.filter-block ul li::marker {
    font-size: 20px;
}

@media (max-width: 1500px) and (min-width: 576px) {
    .filter-block ul li {
        padding-top: 10px;
    }
}

@media (max-width: 575px) {
    .filter-block ul li {
        padding-top: 3px;
    }
}

.collection-filter-block svg {
    width: 50px;
    height: 25px;
    stroke: var(--theme-default);
    margin-right: 14px;
}

.collection-filter-block h6 {
    margin-bottom: 0px;
    font-size: 16px;
    color: rgb(82, 82, 108);
    font-weight: 400;
}

.collection-filter-block p {
    font-size: 13px;
}

.collection-filter-block li + li {
    margin-top: 16px;
}

.collection-filter-block ul.pro-services li {
    border-bottom: 1px dashed var(--chart-dashed-border);
    padding-bottom: 16px;
}

.collection-filter-block ul.pro-services li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.collection-filter-block ul.pro-services li svg {
    width: auto;
}

.collection-filter-block ul.pro-services li span {
    color: rgba(82, 82, 108, 0.6);
}

.qty-box .btn {
    padding: 8px 12px;
    background-color: transparent !important;
    border-color: rgb(233, 237, 241) !important;
}

.qty-box .btn i {
    color: rgb(137, 137, 137);
}

.qty-box .btn svg {
    width: 14px !important;
    stroke: rgb(63, 71, 90);
}

.qty-box span {
    padding: 0px 4px;
}

.qty-box .input-group {
    background-color: rgba(63, 71, 90, 0.1);
}

.qty-box input {
    background-color: rgba(63, 71, 90, 0.1);
    color: rgb(63, 71, 90);
    max-width: 44px;
    padding: 0px;
    text-align: center;
    border: none;
    max-height: 37px;
}

.product-social li a {
    font-size: 15px;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 2.3;
    transition: 0.3s;
    border: 1px solid rgb(115, 102, 255);
    color: rgb(115, 102, 255);
}

.product-social li a:hover {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
    transition: 0.3s;
}

.product-social li:nth-child(n+2) {
    margin-left: 10px;
}

[dir="rtl"] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 10px;
}

.product-sidebar .filter-section .card .card-header {
    padding: 16px 30px;
    border-radius: 5px;
}

.product-sidebar .filter-section .card .card-header h6 {
    position: relative;
}

.product-sidebar .filter-section .card .card-header h6 .pull-right i {
    position: absolute;
    top: 2px;
    left: 0px;
    font-size: 14px;
    width: 100%;
    height: 10px;
    text-align: right;
    cursor: pointer;
}

.product-wrapper .product-sidebar .filter-section .card .left-filter {
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    height: 0px;
    transition: 0.3s;
    min-width: 320px;
}

.product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px;
}

.product-wrapper .product-grid .product-wrapper-grid {
    margin-left: 0px;
    transition: 0.3s;
}

.product-wrapper .product-grid .product-wrapper-grid .product-box .modal-content .modal-header {
    border-bottom: 0px;
}

.product-wrapper .product-grid .product-wrapper-grid .product-box ul {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 1400px) {
    .product-wrapper .product-grid .product-wrapper-grid .product-box .product-details > p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.product-wrapper .product-grid .product-wrapper-grid .product-box .product-details h4 {
    font-size: calc(17.6px + 0.125vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-wrapper .product-grid .product-wrapper-grid .product-box .product-hover li .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.08) 1px 1px 2px 1px;
    padding: 10px 12px;
    background-color: rgb(255, 255, 255);
    font-size: 18px;
    border-radius: 10px;
    height: calc(36.6px + 0.4375vw);
    width: calc(36.6px + 0.4375vw);
    cursor: pointer;
}

.product-wrapper .product-grid .product-wrapper-grid .product-box .product-hover li .btn:active {
    border-color: transparent;
}

.product-wrapper .product-grid .product-wrapper-grid .product-box .product-hover li .btn i {
    font-size: calc(13.2px + 0.25vw);
}

.product-wrapper .product-grid .product-wrapper-grid .product-box .product-hover li:hover .btn, .product-wrapper .product-grid .product-wrapper-grid .product-box .product-hover li:active .btn {
    background-color: var(--theme-default);
    transition: 0.3s;
}

.product-wrapper .product-grid .product-wrapper-grid .product-box .product-hover li:hover i, .product-wrapper .product-grid .product-wrapper-grid .product-box .product-hover li:active i {
    color: rgb(255, 255, 255);
    transition: 0.3s;
}

.product-wrapper .product-grid .product-wrapper-grid .product-box .product-img .product-hover ul li i {
    color: rgb(137, 137, 137);
}

.product-wrapper .product-grid .product-wrapper-grid .product-box .product-img .product-hover ul li:hover i {
    color: rgb(255, 255, 255);
}

.product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box {
    align-items: center;
}

.product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box .product-details {
    padding: 20px 0px;
}

@media (max-width: 991px) {
    .product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box .product-details {
        padding-bottom: 0px;
    }
}

.product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box .product-details .product-size ul li {
    background-color: rgb(232, 229, 255);
    border-radius: 6px;
}

.product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box .product-details .product-size ul li .btn {
    width: 45px;
    height: 35px;
    color: var(--theme-default);
    font-weight: 500;
    padding: 0px;
}

.product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box .product-details .product-size ul li:hover .btn {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box .product-details .product-view h6 {
    margin-bottom: 6px;
}

.product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box .product-details .product-view p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-wrapper.sidebaron .product-sidebar .filter-section .card .card-header {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    z-index: 3;
    opacity: 1;
    visibility: visible;
    position: absolute;
    width: 100%;
    background-color: rgb(255, 255, 255);
    top: 53px;
    height: auto;
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.d-none-productlist {
    display: none;
}

.d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer;
    height: 16px;
}

.product-wrapper-grid.list-view .product-box {
    display: flex;
    align-items: center;
}

.product-wrapper-grid.list-view .product-box .product-img {
    width: 20%;
}

.product-wrapper-grid.list-view .product-box .product-details {
    text-align: left;
}

.product-wrapper-grid.list-view .product-box .modal .modal-content .product-img {
    width: 50%;
}

@media (max-width: 991px) {
    .product-wrapper-grid.list-view .product-box .modal .modal-content .product-img {
        width: 100%;
    }
}

.product-wrapper-grid .product-box .product-details .touchspin-wrapper {
    justify-content: flex-start;
}

.slider-product {
    padding: 15px 0px;
    border-top: 1px solid rgb(244, 244, 244);
    border-bottom: 1px solid rgb(244, 244, 244);
    margin-bottom: 15px;
}

.products-total {
    display: flex;
    align-items: center;
}

.grid-options {
    height: 33px;
    margin-left: 10px;
}

.grid-options ul li a {
    position: relative;
}

.grid-options ul li a .line-grid {
    position: absolute;
    width: 4px;
    height: 15px;
    top: 9px;
}

.grid-options ul li a .line-grid-1 {
    left: 12px;
}

.grid-options ul li a .line-grid-2 {
    left: 18px;
}

.grid-options ul li a .line-grid-3 {
    left: 36px;
}

.grid-options ul li a .line-grid-4 {
    left: 42px;
}

.grid-options ul li a .line-grid-5 {
    left: 48px;
}

.grid-options ul li a .line-grid-6 {
    left: 66px;
}

.grid-options ul li a .line-grid-7 {
    left: 72px;
}

.grid-options ul li a .line-grid-8 {
    left: 78px;
}

.grid-options ul li a .line-grid-9 {
    left: 84px;
}

.grid-options ul li a .line-grid-10 {
    left: 103px;
}

.grid-options ul li a .line-grid-11 {
    left: 109px;
}

.grid-options ul li a .line-grid-12 {
    left: 115px;
}

.grid-options ul li a .line-grid-13 {
    left: 121px;
}

.grid-options ul li a .line-grid-14 {
    left: 127px;
}

.grid-options ul li a .line-grid-15 {
    left: 133px;
}

.square-product-setting {
    height: 36px;
    vertical-align: middle;
}

.square-product-setting a {
    color: rgb(64, 64, 64);
}

.square-product-setting .icon-grid {
    padding: 7px;
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    margin: 0px 10px;
}

.square-product-setting .icon-grid svg {
    width: 20px;
    height: 20px;
}

.product-filter .banner-product {
    margin-top: 15px;
}

.product-filter:last-child .checkbox-animated {
    margin-bottom: 0px;
}

.product-filter .checkbox-animated .form-check {
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}

.product-filter .checkbox-animated .form-check:last-child {
    margin-bottom: 0px;
}

.product-filter .checkbox-animated .form-check .form-check-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.product-filter .checkbox-animated .form-check .form-check-label .name {
    font-size: 16px;
}

.product-filter .checkbox-animated .form-check .form-check-label .number {
    color: rgba(82, 82, 108, 0.8);
}

.product-filter.product-range .irs--square .irs-handle {
    border: 3px solid rgb(115, 102, 255);
}

.product-filter.product-range .irs--square .irs-from, .product-filter.product-range .irs--square .irs-to, .product-filter.product-range .irs--square .irs-bar {
    background-color: rgb(115, 102, 255);
}

.product-filter h6 {
    margin-bottom: 15px;
}

.product-filter .color-selector {
    line-height: 0.9;
}

.product-filter .color-selector ul li {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid rgb(82, 82, 108);
    border-radius: 100%;
    cursor: pointer;
    position: relative;
}

.product-filter .color-selector ul li.active::before {
    content: "";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    font-weight: 600;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--theme-default);
}

.product-filter .color-selector ul li.white {
    background-color: rgb(255, 255, 255);
}

.product-filter .color-selector ul li.black {
    background-color: rgb(0, 0, 0);
}

.product-filter .color-selector ul li.orange {
    background-color: rgb(255, 166, 102);
}

.product-filter .color-selector ul li.green {
    background-color: rgb(118, 188, 108);
}

.product-filter .color-selector ul li.pink {
    background-color: rgb(255, 122, 145);
}

.product-filter .color-selector ul li.yellow {
    background-color: rgb(237, 245, 117);
}

.product-filter .color-selector ul li.blue {
    background-color: rgb(118, 189, 244);
}

.product-filter .color-selector ul li.red {
    background-color: rgb(255, 92, 119);
}

.dropdown-product {
    margin-bottom: 10px;
    box-shadow: rgba(68, 102, 242, 0.05) 1px 5px 24px 0px;
}

.feature-products form .form-group {
    position: relative;
}

.feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: rgba(68, 102, 242, 0.05) 1px 5px 24px 0px;
    height: 50px;
    padding-left: 30px;
    color: var(--body-font-color);
}

.feature-products form .form-group i {
    position: absolute;
    top: 18px;
    right: 30px;
    color: rgb(137, 137, 137);
}

.product-box {
    border-radius: 10px;
    overflow: hidden;
}

.product-box .product-details {
    padding: 15px 25px;
}

.product-box .product-details > a {
    color: rgb(64, 64, 64);
}

.product-box .product-details p {
    margin-bottom: 0px;
    opacity: 0.8;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-box .product-details h4 {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 20px;
    font-family: roboto;
}

.product-box .product-details h6 {
    color: rgb(64, 64, 64);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.product-box .product-details span {
    color: rgb(137, 137, 137);
}

.product-box .product-details .rating i {
    font-size: 16px;
    letter-spacing: 3px;
    color: rgb(255, 184, 41);
}

.product-box .modal .modal-header .product-box .product-details {
    padding: 25px 0px;
}

.product-box .modal .modal-header .product-box .product-details > a {
    margin-block: 5px 0px; font-size: 20px;
    font-family: Roboto;
    font-weight: 600;
}

.product-box .modal .modal-header .product-box .product-details h6 {
    text-transform: capitalize;
}

.product-box .modal .modal-header .product-box .product-details .product-price {
    font-size: 22px;
    margin-bottom: 10px;
}

.product-box .modal .modal-header .product-box .product-details .product-view {
    padding: 20px 0px;
    border-top: 1px dashed var(--recent-dashed-border);
    border-bottom: 1px dashed var(--recent-dashed-border);
}

.product-box .modal .modal-header .product-box .product-details .product-size {
    margin: 20px 0px;
}

.product-box .modal .modal-header .product-box .product-details .product-size ul li {
    display: inline-block;
}

.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
    margin-bottom: 20px;
}

.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
    width: 35%;
}

.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
    padding: 5px 12px;
}

.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
    background-color: rgb(89, 102, 122) !important;
    border: 1px solid rgb(89, 102, 122) !important;
}

.product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.product-box .product-img {
    position: relative;
}

.product-box .product-img .product-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    border-radius: 100%;
    transform: scale(0);
    transition: 0.3s;
}

.product-box .product-img .product-hover ul li:not(.product-wrapper-grid .product-box .product-hover li) {
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.08) 1px 1px 2px 1px;
    padding: calc(5.2px + 0.25vw) calc(11.8px + 0.0625vw);
    background-color: rgb(255, 255, 255);
    font-size: 18px;
    border-radius: 10px;
    width: calc(36.6px + 0.4375vw);
    height: calc(36.6px + 0.4375vw);
    margin: 0px 3px;
    cursor: pointer;
}

.product-box .product-img .product-hover ul i {
    font-size: calc(15.6px + 0.125vw);
    color: rgb(137, 137, 137);
}

.product-box .product-img .product-hover ul .btn {
    padding: 0px;
}

.product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0%;
    transform: scale(1);
    transition: 0.3s;
}

.product-page-main {
    padding: 20px;
}

.product-page-main .nav.nav-tabs .nav-item .nav-link {
    border-bottom: 2px solid transparent;
}

.product-page-main .nav.nav-tabs .nav-item .nav-link.active, .product-page-main .nav.nav-tabs .nav-item .nav-link :focus {
    border-bottom: 2px solid var(--theme-default);
}

@media (max-width: 655px) and (min-width: 576px) {
    .product-page-main .nav.nav-tabs .nav-item .nav-link {
        padding: 0px 12px 10px;
    }
}

@media (max-width: 575px) {
    .product-page-main .touchspin-wrapper .btn-touchspin {
        width: 24px;
        height: 24px;
    }

    .product-page-main .touchspin-wrapper .btn-touchspin i {
        display: grid;
        place-items: center;
    }

    .product-page-main .touchspin-wrapper input[type="number"] {
        width: 60px;
        height: 23px;
    }
}

.product-page-main .main-star-rating {
    gap: 6px;
}

.product-page-main .main-star-rating .common-flex {
    gap: 6px;
}

.product-page-main .main-star-rating .common-flex i {
    font-size: calc(13.2px + 0.25vw);
}

.product-page-main .card-body hr {
    border-top: 1.5px solid var(--recent-dashed-border);
}

.product-page-main .tab-content {
    margin-top: 20px;
}

.product-page-main .tab-content .info-part {
    padding-bottom: 20px;
}

.product-page-main .tab-content .info-part h6 {
    font-weight: 500;
    margin-bottom: 8px;
}

.product-page-main .tab-content .info-part p {
    margin-bottom: 0px;
}

.product-page-main .tab-content .info-part:last-child {
    padding-bottom: 0px;
}

.product-page-main .owl-item .item {
    border: 1px solid rgb(244, 244, 244);
    border-radius: 5px;
    background-color: rgb(248, 248, 248);
}

.product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-default);
}

.product-page-main .product-slider {
    margin-bottom: 20px;
}

.product-page-main .product-slider .owl-item .item img {
    border-radius: unset;
}

@media (min-width: 1400px) {
    .product-page-main .product-slider img {
        height: 520px;
        object-fit: cover;
    }
}

@media (min-width: 1500px) {
    .product-page-main .product-slider img {
        height: auto;
        object-fit: cover;
    }
}

.product-page-main .product-slider figure.zoom {
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}

.product-page-main .product-slider figure.zoom img:hover {
    opacity: 0;
}

.product-page-main .product-slider figure.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
}

.product-page-main .product-color {
    margin-top: 10px;
}

.product-page-details h4 {
    color: rgb(64, 64, 64);
    text-transform: uppercase;
    font-size: 18px;
}

.product-page-details span {
    padding-left: 15px;
}

.br-theme-fontawesome-stars .br-widget a, .br-theme-fontawesome-stars .br-widget a.br-selected::after, .br-theme-fontawesome-stars .br-widget a.br-active::after {
    font: 14px / 1 FontAwesome;
    color: rgb(255, 184, 41) !important;
}

.product-price {
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
    color: var(--theme-default);
}

.product-price del {
    color: rgba(63, 71, 90, 0.4);
    padding-left: 4px;
    font-size: 80%;
    vertical-align: text-bottom;
}

.product-color li {
    display: inline-block;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    margin: 0px 2px;
}

.product-page-main p {
    font-size: 15px;
}

.product-page-main .nav-link {
    text-transform: uppercase;
    font-weight: 500;
}

.product-rate .form-check .common-flex {
    gap: 4px;
}

.product-rate .form-check .common-flex i {
    color: rgb(82, 82, 108);
}

.product-rate .form-check .common-flex i.fill {
    color: rgb(255, 184, 41);
}

.payment-opt li {
    display: inline-block;
}

.payment-opt li img {
    height: 20px;
    margin: 15px 15px 0px 0px;
}

@media screen and (max-width: 1660px) and (min-width: 1200px) {
    .owl-carousel .owl-item img {
        max-width: 420px;
        margin: 0px auto;
    }
}

@media screen and (max-width: 1399px) {
    .owl-carousel .owl-item img {
        max-width: 100%;
    }
}

.vanilla-zoom {
    display: block;
}

.product-page-main .vanilla-zoom > .product-slider .item {
    background-color: transparent;
}

.product-page-main .vanilla-zoom > .product-slider .item img {
    opacity: 0;
}

.email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-right: 0px;
}

.email-wrap .row .col-xl-6 {
    padding-left: 0px;
}

.email-wrap .dropdown .dropdown-toggle {
    background-color: rgba(115, 102, 255, 0.08);
    color: rgb(115, 102, 255);
    border-radius: 10px;
    padding: 5px 10px;
    width: 100px;
    text-align: left;
}

[dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
    text-align: right;
}

.email-wrap .dropdown .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "";
    border: none;
    font-family: FontAwesome;
    font-size: 18px;
    margin: 0px;
}

[dir="rtl"] .email-wrap .dropdown .dropdown-toggle::after {
    right: unset;
    left: 10px;
}

.email-wrap .dropdown .dropdown-menu {
    box-shadow: rgba(89, 102, 122, 0.1) 0px 0px 20px;
    border: none;
    padding: 0px;
}

.email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: rgb(43, 43, 43);
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid var(--chart-border);
    background: rgb(255, 255, 255);
    line-height: 19px;
}

.email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: rgb(255, 255, 255);
}

.email-wrap .email-app-sidebar .d-flex img {
    border: 2px solid rgb(233, 237, 241);
}

.email-wrap .email-app-sidebar .main-menu > li {
    width: 100%;
    text-align: left;
}

.email-wrap .email-app-sidebar .main-menu > li a {
    line-height: 34px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 0px;
}

.email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: 10px;
}

.email-wrap .email-app-sidebar .main-menu > li a.active > a {
    color: rgb(0, 0, 0);
}

.email-wrap .email-app-sidebar .main-menu > li a:hover {
    background-color: var(--light2);
    text-decoration: none;
}

.email-wrap .email-app-sidebar .main-menu > li ul {
    background-color: var(--light-background);
    padding: 12px;
    list-style: disc;
}

.email-wrap .email-app-sidebar .main-menu > li ul li {
    margin-left: 45px;
}

.email-wrap .email-app-sidebar .main-menu > li ul li:first-child {
    margin-left: 0px;
    list-style: none;
}

[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li ul li:first-child {
    margin-left: unset;
    margin-right: 0px;
}

[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li ul li {
    margin-left: unset;
    margin-right: 45px;
}

.email-wrap .email-app-sidebar .main-menu > li ul.tag-names {
    display: flex;
    flex-wrap: wrap;
    padding: 18px;
    gap: 10px;
    margin: 0px;
    list-style: none;
}

.email-wrap .email-app-sidebar .main-menu > li ul.tag-names li {
    margin: 0px;
}

.email-wrap .email-app-sidebar .main-menu > li ul.tag-names li:last-child {
    margin-bottom: 0px;
}

.email-wrap .email-app-sidebar .main-menu > li ul.tag-names li .title.badge {
    width: auto;
    color: rgb(255, 255, 255);
    padding: 6px 12px;
    font-size: 12px;
}

.email-wrap .email-app-sidebar ul li a {
    display: flex;
    padding-left: 20px;
    align-items: center;
}

.email-wrap .email-app-sidebar ul li a > .title {
    width: 100%;
    color: var(--body-font-color);
}

.email-wrap .email-app-sidebar ul li a > .badge {
    align-self: center;
    color: rgb(137, 137, 137);
}

.email-wrap .email-left-aside {
    float: left;
    width: 100%;
}

.email-wrap .email-left-aside .card-body {
    padding: 20px;
}

@media (min-width: 1200px) {
    .email-wrap .email-right-aside .email-body .pr-0 {
        padding-right: 0px;
    }

    [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
        padding-right: 12px;
        padding-left: 0px;
    }
}

@media (min-width: 1200px) {
    .email-wrap .email-right-aside .email-body .pl-0 {
        padding-left: 0px;
    }

    [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
        padding-left: 12px;
        padding-right: 0px;
    }
}

.email-wrap .email-right-aside .email-body .inbox {
    overflow: auto;
}

@media (max-width: 1199.98px) {
    .email-wrap .email-right-aside .email-body .inbox {
        display: flex;
        flex-wrap: wrap;
    }
}

.email-wrap .email-right-aside .email-body .inbox .d-flex {
    padding: 20px;
}

.email-wrap .email-right-aside .email-body .inbox .d-flex.active {
    background-color: rgb(254, 254, 254);
}

.email-wrap .email-right-aside .radius-left {
    border-radius: 8px;
    height: 100%;
}

.email-wrap .btn-mail {
    border-radius: 2px;
    text-align: left;
    padding: 13px 15px;
    margin: 20px 0px 16px;
    letter-spacing: 1px;
    line-height: 12px !important;
}

.email-wrap p {
    margin-bottom: 0px;
    color: rgb(137, 137, 137);
}

.email-wrap .flex-grow-1 {
    margin-top: 5px;
}

.email-wrap .flex-grow-1 h6 {
    margin-bottom: 2px;
    color: rgb(36, 41, 52);
    margin-top: 3px;
}

.email-wrap .flex-grow-1 h6 small {
    font-size: 12px;
}

.email-wrap .flex-grow-1 h6 small span {
    color: rgb(119, 119, 119);
}

.email-wrap .flex-grow-1 p {
    color: rgb(117, 117, 138);
    font-size: 14px;
}

.email-wrap .email-top {
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 49px;
}

.email-wrap .email-top i {
    cursor: pointer;
}

.email-wrap .email-top h5 {
    margin-bottom: 0px;
    padding: 12px 0px;
}

.email-wrap .email-top .d-flex {
    padding: 13px 0px;
}

.email-wrap .email-wrapper {
    padding: 20px;
}

.email-wrap .email-wrapper hr {
    margin-top: 0px;
    margin-bottom: 20px;
}

.email-wrap .email-wrapper .d-inline-block {
    width: 100%;
}

.email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left;
}

.email-wrap .email-wrapper .right-download {
    float: right;
}

.email-wrap .email-wrapper p + p {
    margin-bottom: 20px;
}

.email-wrap .email-wrapper h5 {
    margin-bottom: 20px;
}

.email-wrap .email-body .attachment ul li img {
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.email-wrap .email-body .attachment .list-inline .list-inline-item {
    padding-right: 13px;
}

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
    max-height: 178px;
    width: 100%;
    border: 1px solid rgb(233, 237, 241);
}

.email-wrap .email-body .email-compose .email-top h4 {
    padding: 11px 0px;
}

.email-right-aside .email-list {
    display: block;
}

.email-right-aside .email-list.hide {
    display: none;
}

.email-right-aside .email-read {
    display: none;
}

.email-right-aside .email-read.show {
    display: block;
}

.email-right-aside .modal-footer {
    text-align: end;
}

.email-right-aside .add-label-modal form .col .row {
    margin-bottom: 1rem;
}

.email-right-aside .add-label-modal form .col .row:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
    border-radius: 5px;
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:nth-child(6) {
    padding-top: 10px;
    margin-block: 10px; border-top: 1px solid var(--recent-dashed-border);
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul {
    list-style: none;
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul li a {
    color: var(--chart-text-color);
    gap: 12px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding: 3px 12px;
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul li a svg {
    width: 18px;
    height: 18px;
    stroke: rgba(117, 117, 138, 0.8);
}

[dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul li a svg {
    transform: scaleX(-1);
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul li + li {
    margin: 0px;
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
    color: var(--chart-text-color);
    gap: 12px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding: 8px 12px;
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
    background-color: unset;
    color: var(--theme-default);
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
    background-color: var(--light-shade-primary);
    color: var(--theme-default);
    border-radius: 5px;
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
    stroke: rgb(82, 82, 108);
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
    content: "";
    position: absolute;
    top: 9px;
    width: 4px;
    height: 35px;
    right: 0px;
    border: 2px solid var(--theme-default);
    border-radius: 100px 0px 0px 100px;
}

[dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
    right: unset;
    left: 0px;
    border-radius: 0px 100px 100px 0px;
}

@media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
        top: 8px;
        height: 28px;
    }
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    width: 18px;
    height: 18px;
    stroke: rgba(117, 117, 138, 0.8);
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    width: calc(100% - 31px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
        font-size: calc(13.8px + 0.0625vw);
    }
}

.email-main-wrapper .email-app-sidebar span {
    color: var(--theme-default);
    border-radius: 20px;
    padding: 6px 12px;
}

@media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar span {
        padding: 3px 10px;
    }
}

.email-main-wrapper .email-app-sidebar .compose-mail {
    display: block;
    text-align: center;
}

.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 15px;
    background-color: var(--theme-default);
    color: var(--white);
}

@media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
        padding: 10px;
    }
}

.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
    content: unset;
}

.email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
    font-size: 13px;
}

@media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
        padding: 3px 20px;
    }
}

.email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item:last-child i {
    margin-right: 0px;
}

@media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
        padding: 3px 20px;
    }
}

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
    margin-top: 16px;
}

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
    width: 24px;
    height: 24px;
}

.email-main-wrapper .email-app-sidebar .emailbox.btn {
    width: 100%;
    margin-bottom: 15px;
    padding: 12px;
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 576px) {
    .email-main-wrapper .email-app-sidebar .emailbox.btn {
        padding: 7px;
    }
}

.email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: 12px;
}

[dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: unset;
    padding-left: 12px;
}

.email-body .mail-header-wrapper {
    padding: 16px;
    box-shadow: rgba(82, 82, 108, 0.08) 0px 5px 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.email-body .mail-header-wrapper .mail-header .form-check {
    display: flex;
    align-items: center;
}

@media (max-width: 1468px) {
    .email-body .mail-header-wrapper .mail-header .form-check {
        padding: 0px;
    }
}

@media (max-width: 420px) {
    .email-body .mail-header-wrapper .mail-header .form-check {
        align-items: flex-start;
    }
}

.email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 9px;
    border-color: var(--chart-dashed-border);
}

@media (max-width: 1468px) {
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
        margin: 0px;
    }
}

.email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
    box-shadow: unset;
    border: 1px solid var(--theme-default);
}

.email-body .mail-header-wrapper .mail-body {
    display: flex;
    gap: 12px;
}

@media (max-width: 1500px) {
    .email-body .mail-header-wrapper .mail-body {
        justify-content: end;
    }
}

@media (max-width: 620px) {
    .email-body .mail-header-wrapper .mail-body {
        margin-left: auto;
    }
}

@media (max-width: 479px) {
    .email-body .mail-header-wrapper .mail-body {
        display: none;
    }
}

.email-body .mail-header-wrapper .mail-body .mail-search {
    position: relative;
}

@media (max-width: 1500px) and (min-width: 1469px) {
    .email-body .mail-header-wrapper .mail-body .mail-search {
        width: 55%;
    }
}

@media (max-width: 1468px) and (min-width: 1400px) {
    .email-body .mail-header-wrapper .mail-body .mail-search {
        width: 48%;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .email-body .mail-header-wrapper .mail-body .mail-search {
        display: none;
    }
}

@media (max-width: 767px) {
    .email-body .mail-header-wrapper .mail-body .mail-search {
        display: none;
    }
}

.email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    display: inline-block;
    padding: 8px 38px;
    color: rgb(82, 82, 108);
}

.email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
    box-shadow: unset;
    border: 1px solid var(--chart-dashed-border);
}

@media (max-width: 1504px) {
    .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
        max-width: 165px;
    }
}

.email-body .mail-header-wrapper .mail-body .mail-search i {
    position: absolute;
    top: 50%;
    left: 20px;
    color: var(--chart-text-color);
    transform: translate(-50%, -50%);
}

[dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
    left: unset;
    right: 20px;
    transform: translate(50%, -50%);
}

.email-body .mail-header-wrapper .mail-body .light-square i {
    color: var(--body-font-color);
}

@media (max-width: 1468px) {
    .email-body .mail-header-wrapper {
        padding: 12px 16px;
    }

    .email-body .mail-header-wrapper .mail-header-option::before {
        bottom: -22px;
    }
}

@media (max-width: 767px) and (min-width: 621px) {
    .email-body .mail-header-wrapper .mail-header-option::before {
        bottom: -19px;
    }
}

@media (max-width: 620px) {
    .email-body .mail-header-wrapper {
        gap: 8px;
        flex-wrap: wrap-reverse;
    }

    .email-body .mail-header-wrapper .mail-header-option::before {
        bottom: -19px;
    }
}

@media (max-width: 620px) {
    .email-body .mail-header-wrapper .mail-header-option::before {
        bottom: -13px;
    }
}

@media (max-width: 479px) {
    .email-body .mail-header-wrapper .mail-header-option::before {
        bottom: -12px;
    }
}

.email-body .light-square {
    width: 40px;
    height: 39px;
    border-radius: 8px;
    background-color: var(--light-slate);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

@media (max-width: 992px) {
    .email-body .light-square {
        width: 34px;
        height: 35px;
    }
}

.email-body .light-square.dropdown-toggle::after {
    content: "";
    display: none;
}

.email-body .light-square .dropdown-menu .dropdown-item {
    border-top: 0px;
}

.email-body .light-square .dropdown-menu .dropdown-item:hover {
    background-color: rgb(204, 204, 204);
}

.email-body .light-square .dropdown-menu .dropdown-item i {
    padding-right: 12px;
}

[dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
    padding-right: 0px;
    padding-left: 12px;
}

.email-body .mail-body-wrapper ul li {
    padding: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid var(--chart-dashed-border);
}

.email-body .mail-body-wrapper ul li:hover {
    background-color: var(--light-background);
}

.email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
    display: none;
    transition: 0.3s ease-in-out;
}

.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    min-width: 100px;
    transition: 0.3s ease-in-out;
}

.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
    font-size: 18px;
}

@media (max-width: 375px) {
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
        font-size: 16px;
    }
}

.email-body .mail-body-wrapper ul li:hover .inbox-message .show {
    display: block;
}

.email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
    display: none;
}

@media (max-width: 767px) {
    .email-body .mail-body-wrapper ul li.inbox-data {
        display: block;
    }
}

.email-body .mail-body-wrapper ul li:last-child {
    border-bottom: unset;
}

.email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 290px;
    display: flex;
    align-items: center;
    gap: 12px;
}

@media (max-width: 1400px) {
    .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 280px;
    }
}

@media (max-width: 576px) {
    .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 260px;
    }
}

.email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
    width: 18px;
    height: 18px;
    border-color: var(--chart-dashed-border);
}

.email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
    box-shadow: unset;
}

.email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
    width: 50px;
    height: 50px;
    border: 2px solid var(--chart-dashed-border);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

@media (max-width: 1400px) {
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 355px) {
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
        display: none;
    }
}

.email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
    width: 40px;
    height: 40px;
    background-color: rgb(232, 229, 255);
    border-radius: 100%;
}

@media (max-width: 1400px) {
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
        width: 32px;
        height: 32px;
    }
}

.email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-weight: 900;
    padding-top: 3px;
}

@media (max-width: 1200px) {
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
        font-size: 13px;
    }
}

.email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
    background-color: rgb(220, 241, 218);
}

.email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
    border-radius: 100%;
    height: 38px;
}

@media (max-width: 1400px) {
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
        height: 32px;
    }
}

.email-body .mail-body-wrapper ul li .inbox-message {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

@media (max-width: 700px) {
    .email-body .mail-body-wrapper ul li .inbox-message {
        display: block;
    }
}

.email-body .mail-body-wrapper ul li .inbox-message .email-data span {
    font-weight: 500;
    color: rgba(82, 82, 108, 0.7);
    letter-spacing: 0.4px;
    display: -webkit-box;
    max-width: 100%;
    margin: 0px auto;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
    font-weight: 400;
    line-height: 1.9;
}

.email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
    border-radius: 20px;
}

@media (max-width: 1236px) {
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
        margin-bottom: 5px;
    }
}

.email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
    margin-bottom: 0px;
}

.email-body .mail-body-wrapper ul li .inbox-message .email-timing {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 80px;
    transition: 0.3s ease-in-out;
}

@media (max-width: 768px) {
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
        justify-content: flex-end;
        height: 18px;
        margin-top: 8px;
    }
}

.email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
    color: var(--body-font-color);
}

.email-body .mail-body-wrapper ul li .inbox-message .email-options {
    display: none;
    transition: 0.3s ease-in-out;
}

@media (max-width: 768px) {
    .email-body .mail-body-wrapper ul li .inbox-message .email-options {
        height: 18px;
    }
}

.email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
    display: block;
}

.email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
    display: none;
}

.email-body .mail-body-wrapper ul li .inbox-message .email-options i {
    color: rgba(63, 71, 90, 0.8);
}

.email-body .mail-body-wrapper ul li.page-item {
    padding: 0px;
}

.email-body .mail-body-wrapper .hidden {
    display: none !important;
}

.compose-modal form .form-control {
    position: relative;
}

.compose-modal form .add-bcc {
    position: absolute;
    top: 2.5px;
    right: 16px;
}

[dir="rtl"] .compose-modal form .add-bcc {
    right: unset;
    left: 16px;
}

.compose-modal form .add-bcc .btn {
    padding: 5px 8px;
    background-color: var(--light-shade-primary);
    color: var(--theme-default);
}

.compose-modal form .filepond--root {
    margin-bottom: 0px;
    cursor: pointer;
}

.mail-header-wrapper.header-wrapper1 {
    flex-direction: unset;
}

@media (max-width: 440px) {
    .mail-header-wrapper.header-wrapper1 {
        flex-direction: column;
        gap: 10px;
        align-items: flex-end;
    }
}

.mail-header-wrapper .mail-header1 {
    display: flex;
    align-items: center;
    gap: 18px;
}

.mail-header-wrapper .mail-header1 span {
    font-weight: 500;
    color: var(--body-font-color);
}

.mail-header-wrapper .mail-header1 .btn-email {
    width: calc(15.2px + 0.25vw);
    height: calc(15.2px + 0.25vw);
    stroke: var(--body-font-color);
}

[dir="rtl"] .mail-header-wrapper .mail-header1 .btn-email {
    transform: scaleX(-1);
}

.mail-header-wrapper .mail-body1 {
    display: flex;
    gap: 10px;
}

.mail-header-wrapper .mail-body1 svg {
    width: 20px;
    height: 20px;
    stroke: rgb(82, 82, 108);
}

@media (max-width: 480px) {
    .mail-header-wrapper .mail-body1 svg {
        width: 18px;
        height: 18px;
    }
}

.mail-body-wrapper .user-mail-wrapper {
    padding: 16px;
}

.mail-body-wrapper .user-mail-wrapper .user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--chart-dashed-border);
}

@media (max-width: 390px) {
    .mail-body-wrapper .user-mail-wrapper .user-title {
        flex-direction: column;
        padding-bottom: 12px;
        justify-content: unset;
        align-items: unset;
    }
}

.mail-body-wrapper .user-mail-wrapper .user-title > div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
}

.mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
    width: 50px;
    height: 50px;
    border: 2px solid var(--chart-dashed-border);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
    height: 38px;
    border-radius: 100%;
}

.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--chart-text-color);
    border: unset;
}

.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
    width: 16px;
    height: 16px;
}

.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
    padding: 16px;
    box-shadow: rgba(8, 21, 66, 0.05) 0px 0px 40px;
    min-width: 350px;
}

.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
    margin-bottom: 8px;
}

.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
    margin-bottom: 0px;
}

.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
    color: var(--body-font-color);
}

@media (max-width: 475px) {
    .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
        left: -27px;
    }

    [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
        left: unset;
        right: -27px;
    }
}

@media (max-width: 445px) {
    .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
        left: -70px;
    }

    [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
        left: unset;
        right: -70px;
    }
}

@media (max-width: 395px) {
    .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
        min-width: 270px;
    }
}

.mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
    top: 30px;
    z-index: 1;
}

[dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
    left: unset;
    right: 0px;
}

@media (max-width: 575px) {
    .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 475px) {
    .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        left: -27px;
    }

    [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        left: unset;
        right: -27px;
    }
}

@media (max-width: 445px) {
    .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        left: -70px;
    }

    [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        left: unset;
        right: -70px;
    }
}

@media (max-width: 395px) {
    .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        min-width: 270px;
    }
}

@media (max-width: 390px) {
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
        padding-bottom: 0px;
    }
}

.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
    color: var(--chart-text-color);
}

@media (max-width: 623px) {
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
        display: none;
    }
}

.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
    width: 18px;
    height: 18px;
    stroke: rgb(82, 82, 108);
    vertical-align: -4px;
}

.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
    content: unset;
}

.mail-body-wrapper .user-mail-wrapper .user-body {
    padding: 14px 0px;
    border-bottom: 1px solid var(--chart-dashed-border);
}

.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
    padding-bottom: 14px;
}

.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
    line-height: 1.8;
    margin-bottom: 10px;
}

.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
    padding-top: 14px;
}

.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
    padding-bottom: 0px;
}

.mail-body-wrapper .user-mail-wrapper .user-footer {
    padding: 14px 0px;
    border-bottom: 1px solid var(--chart-dashed-border);
}

.mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 12px;
    cursor: pointer;
}

.mail-body-wrapper .user-mail-wrapper .user-footer svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: var(--chart-text-color);
}

@media (max-width: 480px) {
    .mail-body-wrapper .user-mail-wrapper .user-footer svg {
        width: 18px;
        height: 18px;
    }
}

.mail-body-wrapper .user-mail-wrapper .user-footer .attachment-file {
    align-items: center;
    gap: 30px;
    padding: 12px;
    background-color: var(--light-background);
}

.mail-body-wrapper .user-mail-wrapper .user-footer .attachment-file .common-flex img {
    height: 36px;
}

@media (max-width: 1780px) {
    .mail-body-wrapper .user-mail-wrapper .user-footer .attachment-file {
        gap: 8px;
    }
}

.mail-body-wrapper .user-mail-wrapper .send-btn {
    text-align: end;
    padding-top: 14px;
}

.mail-body-wrapper .user-mail-wrapper .send-btn i {
    margin-left: 8px;
    font-size: 12px;
}

[dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
    margin-left: 0px;
    margin-right: 8px;
}

.toolbar-box {
    display: block;
    padding: 0px;
    border-top-style: ;
    border-top-width: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-radius: 5px;
    border-color: var(--bs-border-color);
}

.toolbar-box .ql-toolbar.ql-snow {
    border: 0px;
}

.toolbar-box .ql-container.ql-snow {
    border: 0px;
    min-height: 100px;
}

.toolbar-box .ql-container.ql-snow .ql-tooltip {
    background-color: rgb(239, 239, 239);
    border: 1px solid var(--chart-progress-light);
    box-shadow: unset;
    color: rgb(82, 82, 108);
    left: 16px !important;
}

.toolbar-box .ql-container.ql-snow .ql-tooltip .ql-action {
    color: var(--theme-default);
}

[dir="rtl"] .toolbar-box .ql-editor {
    text-align: right;
}

.toolbar-box .ql-editor p:nth-child(3) {
    margin: 12px 0px;
}

.toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
    margin: 12px 0px;
}

.toolbar-box .ql-bold:hover, .toolbar-box .ql-italic:hover, .toolbar-box .ql-underline:hover, .toolbar-box .ql-strike:hover, .toolbar-box .ql-list:hover, .toolbar-box .ql-stroke:hover, .toolbar-box .ql-indent:hover, .toolbar-box .ql-link:hover, .toolbar-box .ql-image:hover {
    color: var(--theme-default);
}

.toolbar-box .ql-bold:hover svg .ql-stroke, .toolbar-box .ql-bold:hover svg .ql-fill, .toolbar-box .ql-italic:hover svg .ql-stroke, .toolbar-box .ql-italic:hover svg .ql-fill, .toolbar-box .ql-underline:hover svg .ql-stroke, .toolbar-box .ql-underline:hover svg .ql-fill, .toolbar-box .ql-strike:hover svg .ql-stroke, .toolbar-box .ql-strike:hover svg .ql-fill, .toolbar-box .ql-list:hover svg .ql-stroke, .toolbar-box .ql-list:hover svg .ql-fill, .toolbar-box .ql-stroke:hover svg .ql-stroke, .toolbar-box .ql-stroke:hover svg .ql-fill, .toolbar-box .ql-indent:hover svg .ql-stroke, .toolbar-box .ql-indent:hover svg .ql-fill, .toolbar-box .ql-link:hover svg .ql-stroke, .toolbar-box .ql-link:hover svg .ql-fill, .toolbar-box .ql-image:hover svg .ql-stroke, .toolbar-box .ql-image:hover svg .ql-fill {
    stroke: var(--theme-default);
}

.toolbar-box .ql-bold button.ql-active .ql-stroke, .toolbar-box .ql-italic button.ql-active .ql-stroke, .toolbar-box .ql-underline button.ql-active .ql-stroke, .toolbar-box .ql-strike button.ql-active .ql-stroke, .toolbar-box .ql-list button.ql-active .ql-stroke, .toolbar-box .ql-stroke button.ql-active .ql-stroke, .toolbar-box .ql-indent button.ql-active .ql-stroke, .toolbar-box .ql-link button.ql-active .ql-stroke, .toolbar-box .ql-image button.ql-active .ql-stroke {
    stroke: var(--theme-default);
}

#editor .ql-editing, #editor1 .ql-editing {
    left: 60.375px !important;
}

[dir="rtl"] #editor .ql-editing, [dir="rtl"] #editor1 .ql-editing {
    left: 0px;
    right: 60.375px !important;
}

#editor .ql-editing.ql-out-bottom, #editor1 .ql-editing.ql-out-bottom {
    visibility: visible !important;
}

#editor .ql-tooltip, #editor1 .ql-tooltip {
    left: 35.9688px !important;
}

[dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
    left: 0px;
    right: 35.9688px !important;
}

@media (max-width: 430px) {
    #editor .ql-tooltip, #editor1 .ql-tooltip {
        left: 2.9688px !important;
    }

    [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
        left: 0px;
        right: 2.9688px !important;
    }
}

#editor .ql-tooltip.ql-out-bottom, #editor1 .ql-tooltip.ql-out-bottom {
    visibility: visible !important;
}

@media (max-width: 430px) {
    #editor .ql-tooltip.ql-out-bottom input[type="text"], #editor1 .ql-tooltip.ql-out-bottom input[type="text"] {
        width: 94px;
    }
}

.important-mail {
    width: 18px;
    height: 18px;
    fill: transparent;
    stroke: var(--chart-text-color);
    cursor: pointer;
}

.important-mail:active, .important-mail.active {
    fill: rgb(255, 184, 41);
    stroke: rgb(255, 184, 41);
}

.bookmark-box {
    stroke: var(--chart-text-color);
}

.bookmark-box:active, .bookmark-box.active {
    stroke: var(--theme-default);
}

.dropdown-subtitle > p {
    color: rgb(82, 82, 108);
    font-weight: 500;
}

.mail-filters {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-left: 18px;
}

[dir="rtl"] .mail-filters {
    margin-left: unset;
    margin-right: 18px;
}

@media (max-width: 479px) {
    .mail-filters {
        flex-direction: column;
        gap: 23px;
        align-items: flex-start;
    }
}

@media (max-width: 380px) {
    .mail-filters {
        margin-left: 0px;
    }

    [dir="rtl"] .mail-filters {
        margin-left: unset;
        margin-right: 0px;
    }
}

.mail-filters svg {
    width: 22px;
    height: 22px;
    stroke: rgb(82, 82, 108);
}

@media (max-width: 424px) {
    .mail-filters svg {
        display: none;
    }
}

.mail-header-option {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0px 12px;
}

.mail-header-option:hover {
    cursor: pointer;
}

.mail-header-option::before {
    content: "";
    position: absolute;
    bottom: -26px;
    left: 0px;
    width: 0px;
    height: 2px;
    background-color: var(--theme-default);
}

.mail-header-option.active::before {
    width: 100%;
    transition: 0.1s ease-in;
}

@media (max-width: 1248px) {
    .mail-header-option {
        padding: 0px 7px;
    }
}

.hide {
    display: none !important;
}

@keyframes hide {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
        width: 0px;
        height: 0px;
        margin: 0px;
    }
}

@keyframes show {
    0% {
        transform: scale(0);
        width: 0px;
        height: 0px;
        margin: 0px;
    }

    100% {
        transform: scale(1);
    }
}

.error-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
}

.error-wrapper svg {
    width: 100%;
    height: calc(200px + 12.5vw);
    margin-bottom: calc(5.2px + 0.875vw);
}

.error-wrapper .btn-lg {
    font-size: calc(13.2px + 0.25vw);
}

.error-wrapper.maintenance-bg {
    background-image: url("../images/other-images/maintenance-bg.jpg");
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: overlay;
}

.error-wrapper .maintenance-icons li i {
    color: rgb(89, 102, 122);
    font-size: 50px;
    animation: 40s linear 0s infinite reverse none running rotate-effect;
}

.error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: 40s linear 0s infinite reverse none running rotate-effect;
}

.error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: 30s linear 0s infinite normal none running rotate-effect;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px;
}

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

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

@keyframes reverse-rotate-effect {
    0% {
        transform: rotate(360deg);
    }

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

.error-wrapper .maintenance-heading {
    margin-top: 70px;
}

.error-wrapper .maintenance-heading .headline {
    font-size: 99px;
    font-weight: 900;
    letter-spacing: 10px;
    color: var(--theme-default);
    z-index: 2;
    position: relative;
    margin-top: -70px;
}

.error-wrapper .sub-content {
    font-size: calc(13.2px + 0.25vw);
    color: rgb(64, 64, 64);
    letter-spacing: 1px;
    margin-top: calc(10.4px + 0.5vw);
    margin-bottom: 0px;
}

.error-wrapper .btn {
    margin-top: 30px;
}

.error {
    margin: 70px 0px 100px;
    color: rgb(0, 0, 0);
}

.error .error-title {
    font-size: 9.5rem;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.32) 6px 6px 7px;
}

.error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: rgb(255, 184, 41);
    border: none;
}

.error .c-white {
    color: rgb(255, 255, 255);
}

.error .error-btn {
    text-align: center;
}

.error .padd {
    padding: 10px 30px;
}

.error .btn-back-home {
    background-color: rgb(244, 244, 244);
    color: rgb(0, 0, 0);
}

.error .btn-back-home:hover {
    background-color: rgb(255, 184, 41);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.21) 0px 20px 35px 0px;
}

.error .btn-adnc-serc {
    background-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255);
}

.error .btn-adnc-serc:hover {
    background-color: rgb(255, 184, 41);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.21) 0px 20px 35px 0px;
}

.knowledgebase-bg {
    height: 500px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.knowledgebase-search {
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    left: 5%;
}

.knowledgebase-search .form-inline {
    background-color: var(--white);
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid rgb(230, 230, 230);
    margin-top: 10px;
    position: relative;
}

.knowledgebase-search .form-inline ::placeholder {
    color: rgb(204, 204, 204);
}

.knowledgebase-search .form-inline svg {
    position: absolute;
    left: 20px;
    width: 20px;
    top: 17px;
    stroke: rgb(204, 204, 204);
}

.faq-widgets {
    align-items: center;
}

.faq-widgets .flex-grow-1 h5 {
    font-weight: 600;
    color: rgb(255, 255, 255);
    padding-bottom: 10px;
}

.faq-widgets .flex-grow-1 p {
    padding-right: 20px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, 0.9);
}

.faq-widgets svg {
    width: 60px;
    height: 60px;
    opacity: 0.5;
}

.header-faq {
    margin-bottom: 30px;
}

.header-faq h5 {
    font-weight: 600;
}

.features-faq.card .card-body, .features-faq.card .card-footer {
    padding: 20px 25px;
}

.features-faq.card .card-body p, .features-faq.card .card-footer p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.features-faq .faq-image img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
}

.features-faq .card-body h6 {
    font-weight: 500;
}

.faq-accordion.default-according {
    margin-bottom: 30px;
}

.faq-accordion.default-according .card .btn-link {
    display: flex;
}

.faq-accordion.default-according .card .btn-link svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    margin-right: 10px;
}

.faq-accordion.default-according .card .faq-header {
    position: relative;
    padding: 20px;
    border-radius: 15px;
}

.faq-accordion.default-according .card .faq-header svg {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
}

.faq-accordion.default-according .card .faq-header span {
    margin-top: 3px;
}

.faq-accordion.default-according .faq-body {
    border: unset;
    border-radius: 0px;
    padding: 20px !important;
}

.faq-accordion.default-according .card-mb-faq {
    margin-bottom: 30px;
}

.faq-title {
    margin: 30px 0px;
}

.faq-title h6 {
    color: rgb(153, 153, 153);
    font-weight: 600;
}

.faq-form {
    position: relative;
}

.faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px;
}

.faq-form .form-control {
    padding: 6px 35px 6px 12px;
}

.navigation-btn {
    margin-bottom: 20px;
}

.navigation-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigation-btn a svg {
    width: 15px;
    height: 15px;
}

.navigation-option ul li {
    position: relative;
    padding: 8px 8px 8px 0px;
}

.navigation-option ul li:last-child {
    padding-bottom: 0px;
}

.navigation-option ul li:hover {
    background-color: rgb(253, 254, 255);
}

.navigation-option ul li a {
    padding-left: 40px;
    color: rgb(64, 64, 64);
}

.navigation-option ul li a svg {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 11px;
    left: 15px;
}

.updates-faq {
    width: 40px;
    height: 40px;
    border: 2px solid var(--theme-default);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.updates-faq svg {
    width: 18px;
    height: 18px;
}

.updates-bottom-time p {
    margin-bottom: 2px;
}

.updates-bottom-time p + p {
    color: rgb(153, 153, 153);
}

.updates-faq-main {
    margin-bottom: 20px;
}

.updates-faq-main a {
    font-weight: 500;
}

.updates-faq-main:last-child {
    margin-bottom: 0px;
}

@media only screen and (max-width: 1399.98px) {
    .faq-widgets svg {
        width: 80px;
        height: 80px;
    }
}

@media only screen and (max-width: 1199px) {
    .faq-accordion {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .faq-accordion.default-according .card .faq-header {
        padding: 20px !important;
    }

    .faq-accordion.default-according .card .faq-header svg {
        right: 20px;
        top: 20px;
    }

    .navigation-option ul li {
        padding: 10px 10px 10px 0px;
    }

    .navigation-option ul li a svg {
        top: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .xs-mt-search {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .xs-mt-search {
        margin-top: 0px;
    }

    .faq-widgets svg {
        width: 50px;
        height: 50px;
    }

    .faq-title {
        margin: 15px 0px;
    }

    .header-faq {
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .faq-accordion {
        margin-bottom: 0px;
    }

    .faq-accordion .faq-header {
        padding: 15px !important;
    }

    .faq-accordion .faq-header .pull-right {
        float: right;
    }

    .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px;
    }

    .navigation-btn, .updates-faq-main {
        margin-bottom: 15px;
    }
}

.faq-wrapper .d-flex p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-sidebar .card .card-body, .file-sidebar .card .card-header, .file-content .card .card-body, .file-content .card .card-header {
    padding: 20px !important;
}

.file-sidebar hr, .file-content hr {
    border-top-color: var(--recent-dashed-border);
}

.file-sidebar ul li + li {
    margin-top: 8px;
}

.file-sidebar .btn {
    display: flex;
    align-items: center;
}

.file-sidebar .btn.btn-light:hover {
    color: var(--theme-default) !important;
}

.file-sidebar .btn.btn-light:hover svg {
    stroke: var(--theme-default);
}

.file-sidebar .btn svg {
    width: 15px;
    vertical-align: middle;
    margin-right: 8px;
}

.file-manager > h6 {
    opacity: 0.6;
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 400 !important;
}

.file-manager .files h6 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.file-manager p {
    opacity: 0.9;
    font-size: 12px;
}

.files h6, .folder h6 {
    opacity: 0.9;
    font-size: 14px;
    font-weight: 500 !important;
}

.file-content .form-inline {
    border: 1px solid rgb(244, 244, 244);
    border-radius: 5px;
    padding: 0px 20px;
}

.file-content .form-inline i {
    padding-right: 10px;
    color: rgb(137, 137, 137);
    line-height: 3;
}

.file-content .form-inline input::-webkit-input-placeholder {
    color: rgb(137, 137, 137);
}

.file-content .form-inline input:focus {
    outline: none !important;
}

.file-content .search-form input {
    padding: 5px 10px 5px 70px;
    border-radius: 5px;
}

.file-content .search-form .form-group::before {
    left: 82px;
    top: 37px;
}

.file-content .search-form .form-group::after {
    top: 39px;
    left: 53px;
}

.file-content .btn svg {
    height: 15px;
    margin-right: 2px;
    vertical-align: middle;
}

.file-content h5 {
    font-weight: 500;
}

.file-content .folder .folder-box {
    border: 1px solid rgb(241, 241, 241);
    border-radius: 5px;
    padding: 15px;
    background-color: rgb(246, 247, 251);
    width: calc(25% - 15px);
    display: inline-block;
}

.file-content .folder .folder-box:nth-child(1) {
    animation: 0.5s linear 100000ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(2) {
    animation: 0.5s linear 200000ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(3) {
    animation: 0.5s linear 300000ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(4) {
    animation: 0.5s linear 400000ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(5) {
    animation: 0.5s linear 500000ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(6) {
    animation: 0.5s linear 600000ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(7) {
    animation: 0.5s linear 700000ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(8) {
    animation: 0.5s linear 800000ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(9) {
    animation: 0.5s linear 900000ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(10) {
    animation: 0.5s linear 1e+06ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(11) {
    animation: 0.5s linear 1.1e+06ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(12) {
    animation: 0.5s linear 1.2e+06ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(13) {
    animation: 0.5s linear 1.3e+06ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(14) {
    animation: 0.5s linear 1.4e+06ms 1 normal none running fadeIncustom;
}

.file-content .folder .folder-box:nth-child(15) {
    animation: 0.5s linear 1.5e+06ms 1 normal none running fadeIncustom;
}

@media screen and (max-width: 1440px) {
    .file-content .folder .folder-box .d-flex {
        display: block;
    }

    .file-content .folder .folder-box .d-flex .flex-grow-1 {
        margin-left: 0px !important;
        margin-top: 5px;
    }
}

@media screen and (max-width: 1366px) {
    .file-content .files {
        margin-bottom: -10px;
    }
}

@media screen and (max-width: 768px) {
    .file-content .folder {
        margin-bottom: -10px;
    }

    .file-content .folder .folder-box {
        width: calc(50% - 15px);
        margin-bottom: 10px;
        margin-right: 8px;
    }

    .file-content .d-flex {
        display: block !important;
        text-align: center !important;
    }

    .file-content .d-flex .flex-grow-1 {
        margin-top: 18px !important;
        justify-content: center;
    }
}

@media screen and (max-width: 575px) {
    .file-content .folder .folder-box, .file-content .files .file-box {
        width: 100%;
    }
}

@media (max-width: 1199px) and (min-width: 576px) {
    .main-file-sidebar .md-sidebar .md-sidebar-aside {
        width: 325px;
    }
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card {
    background-color: rgba(244, 244, 244, 0.4);
    padding: 14px;
    border-radius: 8px;
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card li .common-sort-card {
    padding: 16px 0px 0px;
    margin-top: 16px;
    border-top: 1px solid var(--chart-dashed-border);
    border-radius: 0px;
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li {
    position: relative;
    padding-bottom: 0px;
    overflow: hidden;
    width: 100%;
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li + li {
    margin-top: 0px;
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(4.8px + 0.375vw);
    padding: 12px;
}

@media (max-width: 575px) {
    .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a {
        display: block;
    }
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a svg {
    width: 28px;
    height: 28px;
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a span {
    color: var(--body-font-color);
}

@media (max-width: 1270px) and (min-width: 1200px) {
    .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a span {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1270px) {
    .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a > span {
        text-align: start;
    }

    [dir="rtl"] .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a > span {
        text-align: end;
    }
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a {
    justify-content: space-between;
    transition-delay: 0.1s;
}

@media (max-width: 575px) {
    .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a {
        border-bottom: 1px solid var(--chart-progress-light);
    }
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

@media (max-width: 1270px) {
    .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a > div {
        justify-content: flex-start;
    }
}

@media (max-width: 575px) {
    .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a > div {
        padding-bottom: 12px;
    }
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a:hover {
    background-color: rgba(82, 82, 108, 0.15);
    transition-delay: 0.1s;
}

.main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li:last-child a {
    border-bottom: unset;
}

.file-manager-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    gap: calc(8.8px + 0.375vw);
    position: relative;
}

@media (max-width: 1655px) and (min-width: 768px) {
    .file-manager-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (max-width: 767px) and (min-width: 640px) {
    .file-manager-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 639px) and (min-width: 320px) {
    .file-manager-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.file-manager-grid .common-space {
    flex-flow: column wrap;
    width: 100%;
}

.file-manager-grid .folder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-width: 100%;
    max-width: 100%;
    flex-direction: column;
    padding: calc(8.4px + 0.5vw);
    cursor: pointer;
    border-radius: 10px;
    background-color: var(--light2);
}

.file-manager-grid .folder:hover {
    background-color: var(--light-bg);
}

.file-manager-grid .folder:hover .folder-icon::after {
    content: "";
    background-color: rgb(239, 160, 0);
    border-radius: 5px;
    margin-left: 3px;
    width: calc(36px + 1.25vw);
    height: calc(21.8px + 0.6875vw);
    position: absolute;
    transform: skewX(-10deg);
    margin-top: 5px;
    opacity: 1;
}

[dir="rtl"] .file-manager-grid .folder:hover .folder-icon::after {
    margin-left: unset;
    margin-right: 3px;
    transform: skewX(10deg);
}

.file-manager-grid .folder .folder-icon {
    background-color: rgb(255, 184, 41);
    border-radius: 8px;
    width: calc(36px + 1.25vw);
    height: calc(25.6px + 0.75vw);
    position: relative;
    margin-top: 8px;
}

.file-manager-grid .folder .folder-icon::after {
    content: "";
    background-color: rgb(239, 160, 0);
    border-radius: 5px;
    width: calc(36px + 1.25vw);
    height: calc(25.6px + 0.75vw);
    position: absolute;
    transform: skewX(0deg);
    opacity: 0;
    transition: 0.2s;
}

.file-manager-grid .folder .folder-icon::before {
    margin-top: -8px;
    position: absolute;
    background-color: rgb(255, 184, 41);
    border-radius: 5px;
    border-end-start-radius: 8px;
    content: "";
    width: calc(18.4px + 0.5vw);
    height: calc(33.6px + 0.75vw);
}

.file-manager-grid .folder .folder-name {
    margin: 5px 0px 0px;
    text-align: center;
    width: auto;
}

.file-manager-grid .file {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-width: 100%;
    max-width: 100%;
    flex-direction: column;
    padding: calc(8.4px + 0.5vw);
    cursor: pointer;
    border-radius: 10px;
    background-color: var(--light2);
}

.file-manager-grid .file:hover {
    background-color: var(--light-bg);
}

.file-manager-grid .file:hover .doc-icon::after {
    border-width: 7px;
    border-style: solid;
    border-top-color: ;
    border-right-color: ;
    border-bottom-color: var(--dark-light-color);
    border-left-color: var(--dark-light-color);
}

[dir="rtl"] .file-manager-grid .file:hover .doc-icon::after {
    border-left-color: unset;
    border-right-color: var(--dark-light-color);
}

.file-manager-grid .file .file-name {
    margin: 10px 0px 6px;
    text-align: center;
    width: 100%;
    line-height: 1.3;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-manager-grid .file .image-preview {
    width: 60px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.file-manager-grid .file .image-preview img {
    border-radius: 5px;
    max-height: 48px;
    height: 100%;
}

.file-manager-grid .item-selected {
    background-color: rgb(244, 244, 244);
    padding: 9px;
    border: 1px dotted rgba(82, 82, 108, 0.3);
}

.file-manager-grid .item-selected:hover {
    background-color: rgb(244, 244, 244);
    padding: 9px;
    border: 1px dotted rgba(82, 82, 108, 0.3);
}

.file-manager-grid .item-selected .doc-icon::after {
    border-style: solid;
    border-top-color: ;
    border-right-color: ;
    border-bottom-color: var(--dark-light-color);
    border-left-color: var(--dark-light-color);
}

[dir="rtl"] .file-manager-grid .item-selected .doc-icon::after {
    border-left-color: unset;
    border-right-color: var(--dark-light-color);
}

.file-manager-grid .doc-icon {
    background-color: var(--theme-default);
    border-radius: 8px;
    width: calc(38.4px + 0.5vw);
    height: calc(38.4px + 0.5vw);
    position: relative;
    color: rgb(244, 244, 244);
    display: flex;
    text-align: right;
    align-items: end;
}

.file-manager-grid .doc-icon::after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: calc(6.4px + 0.1875vw) solid rgb(244, 244, 244);
    border-right: calc(6.4px + 0.1875vw) solid rgb(244, 244, 244);
    border-bottom-width: calc(6.4px + 0.1875vw);
    border-left-width: calc(6.4px + 0.1875vw);
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: var(--dark-light-color);
    border-left-color: var(--dark-light-color);
    right: 0px;
    top: 0px;
    position: absolute;
    transition-property: border-width;
    transition-duration: 0.3s;
}

[dir="rtl"] .file-manager-grid .doc-icon::after {
    right: unset;
    left: 0px;
    border-left-color: unset;
    border-right-color: var(--dark-light-color);
}

.file-manager-grid .doc-icon p {
    padding: 2px;
    margin: 0px;
    text-align: center;
    width: 100%;
    color: rgb(255, 255, 255);
    font-size: calc(11.6px + 0.125vw);
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.common-file-manager .filemanger {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.common-file-manager .filemanger .top-folder-path {
    height: 40px;
    background-color: rgb(255, 255, 255);
    padding: 3px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 429px) {
    .common-file-manager .filemanger .top-folder-path {
        height: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 8px;
        padding: 0px;
    }

    .common-file-manager .filemanger .top-folder-path .folder-path-write {
        width: 100%;
    }
}

.common-file-manager .filemanger .top-folder-path .folder-path-write {
    display: flex;
    height: 35px;
    flex: 1 1 0%;
    border-radius: 7px;
    background-color: rgb(244, 244, 244);
    overflow: hidden;
    align-items: center;
}

.common-file-manager .filemanger .top-folder-path .folder-path-write input {
    border: 0px;
    flex: 1 1 0%;
    font-size: 15px;
    background-color: transparent;
    outline: 0px;
    color: rgb(63, 71, 90);
    margin-left: 10px;
}

[dir="rtl"] .common-file-manager .filemanger .top-folder-path .folder-path-write input {
    margin-left: unset;
    margin-right: 10px;
}

.common-file-manager .filemanger .top-folder-path .folder-path-write button {
    margin: 0px 5px 0px 0px;
    border: 0px;
    background-color: rgb(244, 244, 244);
    border-radius: 50px;
    cursor: pointer;
    color: var(--theme-default);
    width: 27px;
    height: 27px;
}

[dir="rtl"] .common-file-manager .filemanger .top-folder-path .folder-path-write button {
    margin-right: unset;
    margin-left: 5px;
}

.common-file-manager .filemanger .top-folder-path .folder-path-write button:hover {
    background-color: var(--course-bg);
}

.common-file-manager .filemanger .top-folder-path .path-action-btns {
    width: 90px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-right: 5px;
}

[dir="rtl"] .common-file-manager .filemanger .top-folder-path .path-action-btns {
    margin-right: unset;
    margin-left: 5px;
}

.common-file-manager .filemanger .top-folder-path .path-action-btns button {
    cursor: pointer;
    margin: 0px;
    border: 0px;
    border-radius: 50px;
    background-color: rgb(255, 255, 255);
    color: var(--theme-default);
    width: 26px;
    height: 26px;
}

.common-file-manager .filemanger .top-folder-path .path-action-btns button:disabled {
    color: rgb(153, 153, 153);
    background-color: rgb(255, 255, 255);
    cursor: not-allowed;
}

.common-file-manager .filemanger .top-folder-path .path-action-btns button:disabled:hover {
    color: rgb(153, 153, 153);
    background-color: rgb(255, 255, 255);
    cursor: not-allowed;
}

.common-file-manager .filemanger .top-menu {
    width: 100%;
    padding: 6px;
    background-color: rgb(244, 244, 244);
    border-radius: 4px;
}

.common-file-manager .filemanger .top-menu button {
    font-size: 14px;
    padding: 6px 12px;
    background-color: rgba(82, 82, 108, 0.15);
    border: 0px;
    border-radius: 3px;
    margin: 4px;
    cursor: pointer;
}

.common-file-manager .filemanger .top-menu button i {
    margin-right: 8px;
}

[dir="rtl"] .common-file-manager .filemanger .top-menu button i {
    margin-right: unset;
    margin-left: 8px;
}

.common-file-manager .filemanger .top-menu button:hover {
    background-color: rgba(204, 204, 204, 0.8);
}

.common-file-manager .filemanger .top-menu button:disabled:hover {
    cursor: not-allowed;
    background-color: rgba(82, 82, 108, 0.15);
}

.common-file-manager .folderEmpty {
    width: 100%;
    padding: calc(40px + 3.125vw);
    text-align: center;
    display: none;
}

.common-file-manager .folderEmpty svg {
    width: calc(60px + 12.5vw);
    height: calc(60px + 12.5vw);
    animation: 4s ease-in-out 0s infinite normal none running up-down;
}

.common-file-manager .folderEmpty h5 {
    font-size: calc(12.2px + 1.1875vw);
    margin: calc(4px + 5vw) 0px 0px;
    padding: 0px;
    opacity: 0.4;
}

.common-file-manager .popup {
    position: fixed;
    inset: 0px;
    z-index: 9;
    justify-content: center;
    align-items: center;
    display: none;
}

.common-file-manager .popup .popup-bg {
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
    width: 100%;
    height: 100vh;
    position: absolute;
}

.common-file-manager .popup .popup-content {
    background-color: rgb(248, 248, 248);
    padding: 16px;
    border-radius: 12px;
    width: 400px;
    height: auto;
    text-align: center;
}

.common-file-manager .popup .popup-content h5 {
    margin-bottom: 12px;
    font-size: 20px;
}

.common-file-manager .popup .popup-content form {
    text-align: center;
}

.common-file-manager .popup .popup-content form input {
    width: 100%;
    height: 30px;
    font-size: 14px;
    border: 1px solid var(--recent-dashed-border);
    padding: 8px;
    border-radius: 4px;
}

.common-file-manager .popup .popup-content form input:focus-visible {
    outline: unset;
}

.common-file-manager .popup .popup-content form button {
    width: 100px;
    cursor: pointer;
    height: 35px;
    background-color: var(--theme-secondary);
    color: rgb(248, 248, 248);
    border: 0px;
    font-size: 14px;
    border-radius: 6px;
    padding: 6px;
    margin: 10px;
}

.common-file-manager .popup .popup-content form button:hover {
    background-color: var(--theme-secondary);
}

.common-file-manager .toast-messages {
    position: fixed;
    width: 400px;
    max-height: 98vh;
    overflow: hidden auto;
    bottom: 0px;
    right: 0px;
    align-items: end;
    display: flex;
    flex-direction: column;
    padding: 1vh 2rem;
    z-index: 8;
}

[dir="rtl"] .common-file-manager .toast-messages {
    right: unset;
    left: 0px;
}

@media (max-width: 415px) {
    .common-file-manager .toast-messages {
        width: 308px;
    }
}

.common-file-manager .toast-messages .toast-container {
    margin-bottom: 10px;
    background-color: var(--white);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: fit-content;
    min-width: 300px;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transition: 0.5s;
}

@media (max-width: 415px) {
    .common-file-manager .toast-messages .toast-container {
        min-width: 245px;
    }
}

.common-file-manager .toast-messages .toast-container.toast-success {
    background-color: rgb(101, 193, 92);
}

.common-file-manager .toast-messages .toast-container.toast-success p, .common-file-manager .toast-messages .toast-container.toast-success button {
    color: rgb(255, 255, 255);
}

.common-file-manager .toast-messages .toast-container.toast-danger {
    background-color: rgb(252, 86, 74);
    cursor: pointer;
}

.common-file-manager .toast-messages .toast-container.toast-danger p, .common-file-manager .toast-messages .toast-container.toast-danger button {
    color: rgb(255, 255, 255);
}

.common-file-manager .toast-messages .toast-container.toast-inf p, .common-file-manager .toast-messages .toast-container.toast-inf button {
    color: var(--body-font-color);
}

.common-file-manager .toast-messages .toast-container p {
    margin: 0px;
    font-size: 15px;
}

@media (max-width: 415px) {
    .common-file-manager .toast-messages .toast-container p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.common-file-manager .toast-messages .toast-container button {
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    border-radius: 50%;
    font-size: 16px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.common-file-manager .toast-messages .toast-container button:hover {
    background-color: rgba(0, 0, 0, 0.094);
}

.pricing-plan {
    border: 1px solid rgb(233, 237, 241);
    border-radius: 5px;
    margin-top: 10px;
    padding: 15px;
    position: relative;
    overflow: hidden;
}

.pricing-plan h5 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
    color: rgb(137, 137, 137);
}

.pricing-plan h6 {
    font-weight: 800;
}

.pricing-plan p {
    margin-bottom: 5px;
    color: rgb(137, 137, 137);
}

.pricing-plan .btn {
    display: inline-block;
    padding: 0.05rem 0.4rem;
}

.pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: 0.3;
    transform: rotate(-45deg);
    right: -40px;
    animation: 4s ease-in-out 0s infinite normal none running fadeIn-out;
}

[dir="rtl"] .pricing-plan .bg-img {
    right: unset;
    left: -40px;
    transform: rotate(45deg);
}

@keyframes fadeIn-out {
    0%, 100% {
        opacity: 0.07;
    }

    50% {
        opacity: 0.4;
    }
}

@keyframes up-down {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

.profile-img-style img, .scroll-bar-wrap img {
    width: 100%;
}

.gallery {
    margin-bottom: -30px;
}

.gallery > a {
    margin-bottom: 30px;
}

.gallery > a::before {
    content: "";
    font-family: IcoFont;
    position: absolute;
    height: calc(100% - 10px);
    left: 20px;
    width: calc(100% - 40px);
    background-color: rgba(255, 255, 255, 0.27);
    top: 5px;
    transform: scale(0);
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: rgb(0, 0, 0);
}

.gallery > a:hover::before {
    transform: scale(1);
    transition: 0.3s;
}

.gallery > a .img-thumbnail {
    border-radius: 0px;
}

.gallery-with-description {
    margin-bottom: -30px;
}

.gallery-with-description a > div {
    padding: 10px;
    border: 1px solid rgba(204, 204, 204, 0.6);
    margin-bottom: 30px;
    border-radius: 0px 0px 5px 5px;
}

.gallery-with-description a:hover {
    text-decoration: none !important;
}

@media (max-width: 1599px) {
    .gallery-with-description a .caption p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.gallery-with-description h4 {
    color: rgb(63, 71, 90);
    margin-top: 15px;
    font-size: calc(15.6px + 0.125vw);
}

.gallery-with-description p {
    color: rgb(163, 163, 163);
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lg-backdrop {
    background-color: rgb(255, 255, 255);
}

.lg-outer .lg-actions .lg-next, .lg-outer .lg-actions .lg-prev {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(239, 239, 239);
}

.lg-outer .lg-actions .lg-next:hover, .lg-outer .lg-actions .lg-prev:hover {
    color: rgb(63, 71, 90);
}

.lg-outer .lg-toolbar {
    background-color: rgba(255, 255, 255, 0.45);
    border-bottom: 1px solid rgb(63, 71, 90);
}

.lg-outer .lg-toolbar .lg-icon:hover {
    color: rgb(63, 71, 90);
}

.lg-outer #lg-counter {
    color: rgb(63, 71, 90);
}

.lg-outer .lg-sub-html {
    background-color: rgba(255, 255, 255, 0.45);
}

.lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: rgb(63, 71, 90);
}

.lg-outer .lg-sub-html p {
    color: rgb(63, 71, 90);
}

.lg-outer .lg-thumb-outer {
    background-color: rgb(233, 237, 241);
}

.lg-outer .lg-thumb-item {
    padding: 4px;
    border: 1px solid rgb(239, 239, 239);
    border-radius: 0px;
}

.lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
    border-color: rgb(0, 0, 0);
}

.gallery a::before, .gallery a::after {
    content: none;
}

.gallery .img-hover > div {
    overflow: hidden;
}

.gallery .hover-1 img {
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

.gallery .hover-1 img:hover {
    transform: scale(1.2);
}

.gallery .hover-2 img {
    width: 100%;
    height: auto;
    transition: 0.3s ease-in-out;
    transform: translateX(0px);
}

.gallery .hover-2:hover img {
    transform: translateX(40px) scale(1.2);
}

.gallery .hover-3 img {
    transform: scale(1.2);
    transition: 0.3s ease-in-out;
}

.gallery .hover-3:hover img {
    transform: scale(1);
}

.gallery .hover-4 img {
    transform: scale(1.5);
    transition: 0.3s ease-in-out;
}

.gallery .hover-4:hover img {
    transform: scale(1);
}

.gallery .hover-5 img {
    margin-left: 30px;
    transform: scale(1.3);
    transition: 0.3s ease-in-out;
}

.gallery .hover-5:hover img {
    margin-left: 0px;
}

.gallery .hover-6 img {
    transform: rotate(15deg) scale(1.4);
    transition: 0.3s ease-in-out;
}

.gallery .hover-6:hover img {
    transform: rotate(0deg) scale(1);
}

.gallery .hover-7 img {
    filter: blur(3px);
    transition: 0.3s ease-in-out;
}

.gallery .hover-7:hover img {
    filter: blur(0px);
}

.gallery .hover-8 img {
    filter: grayscale(100%);
    transition: 0.3s ease-in-out;
}

.gallery .hover-8:hover img {
    filter: grayscale(0);
}

.gallery .hover-9 img {
    filter: sepia(100%);
    transition: 0.3s ease-in-out;
}

.gallery .hover-9:hover img {
    filter: sepia(0);
}

.gallery .hover-10 img {
    filter: grayscale(0) blur(0px);
    transition: 0.3s ease-in-out;
}

.gallery .hover-10:hover img {
    filter: grayscale(100%) blur(3px);
}

.gallery .hover-11 img {
    opacity: 1;
    transition: 0.3s ease-in-out;
}

.gallery .hover-11:hover img {
    opacity: 0.5;
}

@-webkit-keyframes flash {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

.gallery .hover-13:hover img {
    opacity: 1;
    animation: 1.5s ease 0s 1 normal none running flash;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.gallery .hover-14 div {
    position: relative;
}

.gallery .hover-14 div::before {
    position: absolute;
    top: 0px;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}

.gallery .hover-14 div:hover::before {
    animation: 0.75s ease 0s 1 normal none running shine;
}

.gallery .hover-15 div {
    position: relative;
}

.gallery .hover-15 div::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.gallery .hover-15 div:hover::before {
    animation: 0.75s ease 0s 1 normal none running circle;
}

.gallery .hover-16 {
    position: relative;
}

.gallery .hover-16 .overlay-hover {
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    background-color: rgba(0, 0, 0, 0.4);
    gap: 15px;
    padding: 18px;
}

.gallery .hover-16 .overlay-hover .overlay-content {
    text-align: center;
}

.gallery .hover-16 .overlay-hover .overlay-content h5, .gallery .hover-16 .overlay-hover .overlay-content p {
    color: rgb(255, 255, 255);
}

@media (max-width: 1645px) and (min-width: 1460px) {
    .gallery .hover-16 .overlay-hover .overlay-content h5, .gallery .hover-16 .overlay-hover .overlay-content p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1459px) and (min-width: 1200px) {
    .gallery .hover-16 .overlay-hover .overlay-content h5, .gallery .hover-16 .overlay-hover .overlay-content p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 429px) {
    .gallery .hover-16 .overlay-hover .overlay-content h5, .gallery .hover-16 .overlay-hover .overlay-content p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.gallery .hover-16:hover .overlay-hover {
    opacity: 1;
    visibility: visible;
}

.gallery figure:nth-child(3) .hover-16 .overlay-hover .overlay-content {
    text-align: left;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

* {
    box-sizing: border-box;
}

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

.grid {
    position: relative;
}

.grid::after {
    content: "";
    display: block;
    clear: both;
}

.grid-item img {
    max-width: 100%;
    padding: 0.25rem;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(222, 226, 230);
}

.gallery-with-description .grid-item img {
    border: 0px;
    padding: 0px;
}

.my-gallery.gallery-with-description .pswp .pswp__img {
    border: none !important;
}

.my-gallery.gallery-with-description .pswp__caption__center h4 {
    color: rgb(204, 204, 204);
}

.my-gallery.gallery-with-description .pswp__caption__center p {
    color: rgb(108, 117, 125);
}

.my-gallery.gallery-with-description .pswp__caption__center ul {
    display: none;
}

.gallery-description-skeleton {
    padding: 20px;
}

.gallery-description-skeleton .skeleton-wrapper {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(221, 221, 221);
}

.gallery-description-skeleton .skeleton-wrapper .skeleton-image {
    width: 100%;
    height: 250px;
    background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%) 0% 0% / 800px 100px;
    animation: 2s ease-out 0s infinite normal none running wave-square-lines;
}

.gallery-description-skeleton .skeleton-wrapper .skeleton-caption {
    padding: 18px 0px 5px;
}

.gallery-description-skeleton .skeleton-wrapper .skeleton-caption .skeleton-name {
    background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%) 0% 0% / 800px 100px;
    animation: 2s ease-out 0s infinite normal none running wave-square-lines;
    width: 80%;
    margin-bottom: 12px;
    height: 20px;
    border-radius: 3px;
}

.gallery-description-skeleton .skeleton-wrapper .skeleton-caption .skeleton-desc {
    background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%) 0% 0% / 800px 100px;
    animation: 2s ease-out 0s infinite normal none running wave-square-lines;
    width: 100%;
    height: 13px;
    border-radius: 3px;
}

.gallery-description-skeleton .skeleton-wrapper .skeleton-caption .skeleton-desc + .skeleton-desc {
    margin-top: 6px;
}

.loader_skeleton ~ .my-gallery {
    display: none;
}

.helper-common-box {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    gap: 8px;
}

.helper-common-box:last-child {
    margin-bottom: 0px;
}

.helper-common-box.helper-p-wrapper {
    gap: 12px;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

.helper-common-box .border-common-box {
    width: auto;
    height: 50px;
    background-color: var(--light-background);
    border-radius: 10px;
    border-color: var(--recent-dashed-border);
    padding: 12px;
}

.helper-common-box .border {
    --bs-border-color: var(--recent-border) !important;
}

.helper-common-box [class*="border-"] {
    --bs-border-color: var(--recent-border) !important;
}

.txt-space div {
    margin-bottom: 16px;
}

.txt-space div:nth-child(7) {
    margin-bottom: 0px;
}

.border-wrapper {
    padding: 20px;
}

.helper-box {
    width: 40px;
    height: 40px;
    border-radius: 25%;
}

.helper-box.helper-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
}

.helper-radius {
    width: 60px;
    height: 30px;
}

.fill-wrapper {
    background-color: rgb(244, 244, 244);
}

.gradient-border {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 1200px) {
    .gradient-border {
        gap: calc(9.72727px + 1.02273vw);
    }
}

.radius-wrapper {
    background-color: rgb(239, 239, 239);
}

.font-wrapper {
    display: flex;
    align-items: center;
    padding: 12px 20px;
}

.helper-padding {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.helper-p-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.helper-p-box span {
    color: var(--body-font-color);
}

.common-p-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

@media (max-width: 1746px) and (min-width: 992px) {
    .helper-col-6 {
        width: 50%;
        flex: 0 0 auto;
    }
}

@media (max-width: 1399px) and (min-width: 992px) {
    .helper-height-equal {
        min-height: auto !important;
    }
}

.hdg_main {
    position: relative;
}

.main .langChoice {
    position: absolute;
    right: 20px;
    top: 10px;
    padding: 10px 12px;
    background-color: rgb(115, 102, 255);
    color: rgb(255, 255, 255);
}

.main .langChoice:focus-visible {
    outline: none;
}

@media (max-width: 991px) {
    .main .langChoice {
        right: 20px;
        top: 11px;
        padding: 8px;
    }
}

@media only screen and (max-width: 575px) {
    .main .langChoice {
        top: 14px;
        padding: 4px 7px;
    }

    .language-xs {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 360px) {
    .language-header {
        padding-bottom: 60px !important;
    }

    .main .langChoice {
        left: 0px;
        margin-left: auto;
        top: 50px;
        width: 30%;
        right: 20px;
    }
}

.main-invoice-1 body {
    font-family: Rubik, sans-serif;
    display: block;
    color: rgb(0, 2, 72);
}

.main-invoice-1 .table-wrapper {
    width: 100%;
}

.main-invoice-1 h2 {
    margin: 0px;
    font-weight: 500;
    font-size: 34px;
}

.main-invoice-1 h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0px;
}

.main-invoice-1 span {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.main-invoice-1 .banner-image {
    margin: 13px 0px 10px;
    width: 100%;
}

.main-invoice-1 .order-details td span {
    margin-bottom: -4px;
    display: block;
}

.main-invoice-1 .order-details th:first-child, .main-invoice-1 .order-details td:first-child {
    min-width: 490px;
}

.main-invoice-1 .order-details th:nth-child(2), .main-invoice-1 .order-details td:nth-child(2) {
    width: 20%;
}

@media (max-width: 1199px) {
    .main-invoice-1 .table-wrapper {
        width: 930px;
    }

    .main-invoice-1 .address {
        width: 21% !important;
    }
}

.invoice-table {
    margin-top: 16px;
    margin-bottom: 16px;
}

.invoice .text-right input {
    margin-top: 6px;
}

.invoice .d-flex {
    align-items: center;
}

@media (max-width: 767px) {
    .invoice .d-flex {
        padding-bottom: 8px;
    }
}

.filter-cards-view .job-filter:first-child {
    margin-bottom: 20px;
}

.filter-cards-view .checkbox-animated {
    margin-top: 20px;
    margin-bottom: 20px;
}

.location-checkbox .form-check {
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}

.location-checkbox .form-check .form-check-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.location-checkbox span {
    color: rgb(153, 153, 153);
    padding-left: 33px;
}

[dir="rtl"] .location-checkbox span {
    padding-left: unset;
    padding-right: 33px;
}

.location-checkbox .number {
    color: rgba(82, 82, 108, 0.8);
}

.job-accordion .card {
    margin-bottom: 20px;
    border-radius: 5px;
}

.job-accordion .btn-block {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.job-search p {
    margin-top: 20px;
}

.job-search .d-flex .flex-grow-1 h6 {
    margin-bottom: 3px;
}

.job-search .d-flex .flex-grow-1 h6 span {
    font-size: 12px;
    color: rgb(153, 153, 153);
    font-weight: normal;
}

.job-search .d-flex .flex-grow-1 h6 span.badge {
    color: rgb(255, 255, 255);
}

.job-search .d-flex .flex-grow-1 p {
    margin-top: 0px;
    color: rgb(153, 153, 153);
}

.job-search .job-description {
    margin-top: 20px;
}

.job-search .job-description h6 {
    font-weight: 500;
    margin-bottom: 6px;
}

.job-search .job-description p {
    margin-top: 0px;
    margin-bottom: 6px;
}

.job-search .job-description ul:not(.job-apply-wrapper .job-search .job-description ul) {
    list-style-type: disc;
    list-style-position: inside;
}

.job-search .job-description ul:not(.job-apply-wrapper .job-search .job-description ul) li {
    margin-bottom: 10px;
    color: rgba(82, 82, 108, 0.8);
}

.job-search .job-description ul:not(.job-apply-wrapper .job-search .job-description ul) li:last-child {
    margin-bottom: 0px;
}

.job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px;
}

.job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
    margin-top: 18px;
}

.job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    font-size: 14px;
    border: 1px solid rgb(204, 204, 204);
    padding-top: 12px;
    padding-bottom: 12px;
}

.select2-container .select2-selection--single {
    border-color: rgb(239, 239, 239);
    padding: 10px;
    border-radius: 0.25rem !important;
    height: 47px !important;
}

.job-pagination {
    margin-bottom: 30px;
}

.job-pagination nav ul {
    justify-content: flex-end;
}

.job-pagination .page-item .page-link {
    box-shadow: unset;
}

.job-sidebar .job-accordion .card-body.animate-chk:not(.filter-cards-view) {
    border-radius: 0px;
}

.job-sidebar .job-accordion .card-body.animate-chk:not(.filter-cards-view) .form-check {
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}

.job-sidebar .job-accordion .card-body.animate-chk:not(.filter-cards-view) .form-check .form-check-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

@media (max-width: 1299px) {
    .job-sidebar .job-accordion .card-body.animate-chk:not(.filter-cards-view) .form-check .form-check-label span:first-child:not(.product-filter .product-rate span:first-child) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100px;
    }
}

.job-sidebar .job-accordion .card-body.animate-chk:not(.filter-cards-view) .form-check .form-check-label .number {
    color: rgba(82, 82, 108, 0.8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 145px;
    display: block;
    text-align: end;
}

@media (max-width: 1199px) and (min-width: 440px) {
    .job-details-wrapper .md-sidebar .md-sidebar-aside, .list-view-wrapper .md-sidebar .md-sidebar-aside, .card-view-wrapper .md-sidebar .md-sidebar-aside, .job-apply-wrapper .md-sidebar .md-sidebar-aside {
        width: 365px;
    }
}

.job-details-wrapper .job-sidebar .job-accordion .animate-chk .form-check .form-check-label .number, .list-view-wrapper .job-sidebar .job-accordion .animate-chk .form-check .form-check-label .number, .card-view-wrapper .job-sidebar .job-accordion .animate-chk .form-check .form-check-label .number, .job-apply-wrapper .job-sidebar .job-accordion .animate-chk .form-check .form-check-label .number {
    width: 70px;
}

@media only screen and (max-width: 1366px) {
    .xl-mt-job {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .filter-cards-view {
        padding: 20px !important;
    }

    .filter-cards-view .job-filter:first-child {
        margin-bottom: 20px;
    }

    .filter-cards-view .checkbox-animated {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .job-accordion .animate-chk {
        padding: 20px !important;
    }

    .job-search p {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .filter-cards-view {
        padding: 15px !important;
    }

    .filter-cards-view .job-filter:first-child {
        margin-bottom: 15px;
    }

    .filter-cards-view .checkbox-animated {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .job-accordion .animate-chk {
        padding: 15px !important;
    }

    .job-search p {
        margin-top: 15px;
    }

    .job-search .d-flex {
        display: block !important;
        text-align: center;
    }

    .job-search .d-flex .flex-grow-1 h6 .pull-right {
        float: none;
        margin-top: 3px;
        display: block;
    }

    .job-search .d-flex .flex-grow-1 p span + span {
        display: block;
    }

    .job-search .d-flex img {
        margin-bottom: 15px;
    }

    .job-search .d-flex .m-r-20 {
        margin-right: 20px;
        margin-left: unset;
    }

    .job-search .job-description {
        margin-top: 15px;
    }

    .job-search .job-description .theme-form {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
        margin-top: 2px;
    }

    .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px;
    }

    .job-pagination {
        margin-bottom: 15px;
    }

    .xl-mt-job {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 360px) {
    .job-search .job-description .btn {
        padding: 6px 12px;
    }
}

.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    right: 12px;
}

.job-apply-wrapper .job-search .job-description .theme-form .dropdown-toggle {
    height: 47px;
    padding: 12px;
}

.job-apply-wrapper .job-accordion .filter-cards-view .form-check {
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}

.job-apply-wrapper .job-accordion .filter-cards-view .form-check .form-check-label {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.job-apply-wrapper .job-accordion .filter-cards-view .form-check .form-check-label .number {
    color: rgba(82, 82, 108, 0.8);
}

.candidate-wrapper .form-select {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.candidate-wrapper .card-body .common-f-start:not(.candidate-wrapper .candidates-box .common-f-start) {
    margin-top: 42px;
}

@media (max-width: 767px) {
    .candidate-wrapper .card-body .common-f-start:not(.candidate-wrapper .candidates-box .common-f-start) {
        margin-top: 23px;
    }
}

.candidate-wrapper .candidates-box .table-responsive .dt-container .dt-layout-row .dt-search {
    right: 20px;
}

.candidate-wrapper .candidates-box .table-responsive .dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
    padding: 6px;
    border-radius: 6px;
    opacity: 1;
}

.candidate-wrapper .candidates-box .table-responsive .dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder {
    opacity: 0;
}

@media (max-width: 640px) and (min-width: 400px) {
    .candidate-wrapper .candidates-box .table-responsive .dt-container .dt-layout-row .dt-search {
        position: absolute;
        top: 20px;
        left: unset;
        right: 20px;
    }
}

@media (max-width: 399px) {
    .candidate-wrapper .candidates-box .table-responsive .dt-container .dt-layout-row .dt-search {
        position: relative;
        top: 20px;
        left: 0px;
        right: unset;
    }
}

.candidate-wrapper .candidates-box .table-responsive .dt-container .dt-layout-row:first-child {
    padding: 20px 20px 35px;
}

.candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:first-child, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:first-child, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:first-child, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:first-child {
    padding-left: 20px;
}

.candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:last-child, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:last-child, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:last-child, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:last-child {
    padding-right: 20px;
    min-width: 128px;
}

.candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:nth-child(2), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:nth-child(2), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:nth-child(2), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:nth-child(2) {
    min-width: 200px;
}

.candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:nth-child(3), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:nth-child(3), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:nth-child(3), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:nth-child(3) {
    min-width: 150px;
}

.candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:nth-child(4), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:nth-child(4), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:nth-child(4), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:nth-child(4) {
    min-width: 200px;
}

.candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th a, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td a, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th a, .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td a {
    color: var(--body-font-color);
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:nth-child(4), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:nth-child(4), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:nth-child(4), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:nth-child(3), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:nth-child(3), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:nth-child(3), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:nth-child(3) {
        min-width: 225px;
    }

    .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:nth-child(5), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:nth-child(5), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:nth-child(5), .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:nth-child(5) {
        min-width: 230px;
    }
}

.candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody td {
    padding-block: 20px; }

.candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody td .d-flex {
    justify-content: center;
    gap: 6px;
}

.candidate-wrapper .candidates-box img {
    height: 38px;
}

.candidate-wrapper .candidates-box .status {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    bottom: 2px;
    position: absolute;
    right: 2px;
}

.candidate-wrapper .candidates-box .status .inner-dot {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    border: 2px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
    animation: 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite normal none running pulse-dot;
}

@keyframes pulse-dot {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1.1);
    }
}

.candidate-wrapper .candidates-box .common-f-start {
    gap: 10px;
    margin-top: 4px;
}

.candidate-wrapper .candidates-box .common-f-start .attachment {
    color: rgba(82, 82, 108, 0.8);
    margin-top: 5px;
    font-size: 12px;
    background: rgb(233, 237, 241);
    display: inline-block;
    padding: 2px 8px;
    border-radius: 30px;
}

.candidate-wrapper .candidates-box .common-f-start .attachment i {
    margin-right: 4px;
}

.candidate-wrapper .candidates-box .candidate-desc li h6 {
    margin-bottom: 0px;
    line-height: 1.3;
}

.candidate-wrapper .candidates-box .candidate-desc li p {
    margin-bottom: 0px;
    color: rgba(82, 82, 108, 0.8);
}

.candidate-wrapper .candidates-box .candidate-desc li span {
    color: rgb(82, 82, 108);
    font-weight: 400;
}

.candidate-wrapper .candidates-box .candidate-desc li:last-child {
    margin-top: 2px;
}

.candidate-wrapper .candidates-box .candidate-desc h6 {
    margin-bottom: 6px;
}

.candidate-wrapper .candidates-box .candidate-skill li .common-flex {
    gap: 8px;
}

.candidate-wrapper .candidates-box .candidate-skill .badge + .badge {
    margin: 0px;
}

.candidate-wrapper .candidates-box .candidate-skill p {
    color: rgba(82, 82, 108, 0.8);
}

.candidate-wrapper .candidates-box .candidate-skill span:not(.badge) {
    color: rgb(82, 82, 108);
    font-weight: 500;
}

.candidate-wrapper .candidates-box .educations p {
    margin-bottom: 0px;
    color: rgba(82, 82, 108, 0.8);
}

.candidate-wrapper .candidates-box .educations li {
    margin-bottom: 12px;
}

.candidate-wrapper .candidates-box .educations li:last-child {
    margin-bottom: 0px;
}

.candidate-wrapper .candidates-box .educations li h6 {
    margin-bottom: 6px;
}

.candidate-wrapper .candidates-box .badge {
    padding: 6px 10px;
    font-size: 12px;
}

.candidate-wrapper .candidates-box .btn {
    padding: calc(3.2px + 0.25vw) calc(7.2px + 0.25vw);
}

.company-box {
    text-align: center;
}

.company-box svg {
    width: calc(24px + 1.875vw);
    height: 40px;
}

.company-box .company-name .main-star-rating {
    margin: 10px 0px 6px;
}

.company-box .company-name .main-star-rating .common-flex {
    gap: 2px;
}

.company-box .company-name .main-star-rating i {
    font-size: 14px;
}

.company-box .company-name .company-desc {
    padding: 10px 0px 16px;
    border-top: 1px dashed rgb(233, 237, 241);
    margin-top: 10px;
}

.company-box .company-name .company-desc p {
    color: rgb(117, 117, 138);
    line-height: 1.5;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-box .company-name .company-category {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 13px;
}

.company-box .company-name .company-category i {
    margin-right: 8px;
    vertical-align: middle;
}

[dir="rtl"] .company-box .company-name .company-category i {
    margin-right: unset;
    margin-left: 8px;
    transform: scaleX(1);
}

.filter-companies .accordion-item {
    border-radius: 6px;
    border: none;
}

.filter-companies .accordion-item + .accordion-item {
    margin-top: 16px;
}

.filter-companies .accordion-item .accordion-header .accordion-button {
    background-color: rgba(115, 102, 255, 0.1);
    color: var(--theme-default);
    font-weight: 500;
    padding: 12px 16px;
    justify-content: space-between;
    border-radius: 6px;
    font-size: 16px;
    transition: 0.4s;
}

.filter-companies .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: rgb(247, 248, 249);
    color: rgb(36, 41, 52);
    transition: 0.4s;
}

.filter-companies .accordion-item .accordion-header .accordion-button::after {
    content: unset;
}

.filter-companies .accordion-item .accordion-header .accordion-button svg {
    position: unset;
    inset: 0px;
}

.filter-companies .accordion-item .accordion-body {
    padding: 16px 14px 0px;
}

.filter-companies .accordion-item .product-filter label {
    cursor: pointer;
    color: rgb(64, 64, 64);
}

.filter-companies .accordion-item .product-filter label:last-child {
    margin-bottom: 0px;
}

@media (max-width: 1299px) {
    .main-companies .filter-companies .accordion .accordion-item .product-filter .form-check .form-check-label span:first-child:not(.product-filter .product-rate span:first-child) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 145px;
    }
}

@media (max-width: 1199px) {
    .main-companies .md-sidebar .card {
        margin: 0px;
        border-radius: 0px;
    }

    .main-companies .md-sidebar .md-sidebar-aside {
        width: calc(289px + 1.875vw);
        padding: 0px;
    }
}

.jsgrid .jsgrid-grid-body .jsgrid-cell {
    padding: 0.75rem;
}

.jsgrid .jsgrid-pager-container {
    text-align: right;
}

.jsgrid .jsgrid-pager {
    padding: 0px;
    margin-top: 20px;
}

.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px;
}

.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
    border-radius: 5px 0px 0px 5px;
}

.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
    margin-left: -5px;
}

.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
    border-radius: 0px 5px 5px 0px;
}

.jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid rgb(244, 244, 244);
}

.jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: rgb(63, 71, 90);
}

.jsgrid .jsgrid-pager .jsgrid-pager-current-page {
    color: rgb(63, 71, 90);
}

.jsgrid .jsgrid-selected-row > .jsgrid-cell {
    background: rgb(244, 244, 244);
    border-color: rgb(250, 250, 250);
}

.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
    padding: 0.75rem;
    font-weight: 500;
}

#editor6.ql-bubble .ql-tooltip {
    background-color: var(--body-font-color);
    padding: 12px;
}

#editor6.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid var(--body-font-color);
}

#editor6.ql-bubble .ql-tooltip-editor input[type="text"] {
    color: var(--white);
}

#editor6 #toolbar6 .ql-formats {
    margin: 8px 8px 8px -3px;
}

#editor6 #toolbar6 .ql-formats .ql-stroke, #editor6 #toolbar6 .ql-formats .ql-fill {
    stroke: var(--white);
}

.ql-formats .ql-picker-label::before {
    color: rgb(29, 30, 38);
}

.ql-formats .ql-picker-label svg .ql-stroke {
    stroke: var(--body-font-color) !important;
}

[dir="rtl"] .ql-formats .ql-picker-label svg {
    right: unset !important;
    left: 0px;
}

.ql-formats .ql-script, .ql-formats .ql-stroke {
    stroke: var(--body-font-color);
}

[dir="rtl"] .ql-editor ol {
    padding-left: unset !important;
    padding-right: 24px;
}

[dir="rtl"] .ql-editor ol li:not(.ql-direction-rtl)::before {
    margin-left: unset;
    margin-right: unset;
}

[dir="rtl"] .ql-editor ul {
    padding-left: unset !important;
    padding-right: 24px;
}

[dir="rtl"] .ql-editor ul li:not(.ql-direction-rtl)::before {
    margin-left: unset;
    margin-right: unset;
}

.quill-paragraph p {
    color: var(--body-font-color);
}

.quill-paragraph ol li, .quill-paragraph ul li {
    color: var(--body-font-color);
}

.ql-toolbar.ql-snow button.ql-active svg .ql-stroke {
    stroke: var(--theme-default);
}

.ql-toolbar.ql-snow button.ql-active svg .ql-fill {
    fill: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-script:hover, .ql-toolbar.ql-snow .ql-formats .ql-header:hover, .ql-toolbar.ql-snow .ql-formats .ql-video:hover, .ql-toolbar.ql-snow .ql-formats .ql-picker-label:hover, .ql-toolbar.ql-snow .ql-formats .ql-blockquote:hover, .ql-toolbar.ql-snow .ql-formats .ql-strike:hover {
    color: var(--theme-default);
    stroke: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-script:hover .ql-fill, .ql-toolbar.ql-snow .ql-formats .ql-header:hover .ql-fill, .ql-toolbar.ql-snow .ql-formats .ql-video:hover .ql-fill, .ql-toolbar.ql-snow .ql-formats .ql-picker-label:hover .ql-fill, .ql-toolbar.ql-snow .ql-formats .ql-blockquote:hover .ql-fill, .ql-toolbar.ql-snow .ql-formats .ql-strike:hover .ql-fill {
    fill: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-picker-options .ql-picker-item:hover, .ql-toolbar.ql-snow .ql-formats .ql-picker-options .ql-picker-item.ql-selected {
    color: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-video:hover .ql-fill {
    fill: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-align:hover .ql-stroke {
    stroke: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-clean:hover .ql-stroke {
    stroke: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-clean:hover .ql-fill {
    fill: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-header .ql-stroke {
    stroke: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-picker-label:hover .ql-color-label, .ql-toolbar.ql-snow .ql-formats .ql-picker-label:hover .ql-stroke {
    stroke: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-blockquote:hover .ql-fill {
    fill: var(--theme-default);
    stroke: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-code-block:hover {
    color: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-code-block:hover .ql-even, .ql-toolbar.ql-snow .ql-formats .ql-code-block:hover .ql-stroke {
    stroke: var(--theme-default);
}

.ql-toolbar.ql-snow .ql-formats .ql-size.ql-picker .ql-picker-label {
    border-color: var(--white);
}

.ql-toolbar.ql-snow .ql-formats .ql-size.ql-picker .ql-picker-options {
    border-color: var(--white);
    background-color: var(--white);
}

.ql-toolbar.ql-snow .ql-formats .ql-size.ql-picker .ql-picker-options .ql-picker-item::before {
    color: var(--body-font-color);
}

.ql-toolbar.ql-snow .ql-formats .ql-size.ql-picker .ql-picker-options .ql-picker-item:hover::before {
    color: var(--theme-default);
}

.jkanban-container .note a {
    display: contents;
}

.jkanban-container .common-f-start {
    flex-wrap: wrap;
    gap: 10px;
    padding: 0px;
}

.jkanban-container .common-f-start .btn {
    text-align: left;
}

.jkanban-container .kanban-container .kanban-title-board {
    font-weight: 500;
    font-size: 17px;
}

.jkanban-container .kanban-container footer {
    padding: 0px;
}

.jkanban-container .kanban-container footer .btn {
    width: 100%;
    padding: calc(11.2px + 0.25vw);
    letter-spacing: 1.2px;
    border-radius: 0px;
}

.jkanban-container .kanban-container footer .btn::before {
    content: "+";
    font-family: "Font Awesome 6 Free";
    padding-right: 8px;
}

[dir="rtl"] .jkanban-container .kanban-container footer .btn::before {
    padding-right: unset;
    padding-left: 8px;
}

.jkanban-container .kanban-container footer .btn:hover {
    background-color: var(--light-background);
}

.jkanban-container .kanban-container footer .btn:active {
    border-color: transparent;
}

.kanban-board-header {
    height: auto;
    width: auto;
    line-height: unset;
    background: rgba(247, 248, 249, 0.9);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.kanban-board-header.bg-primary ~ .kanban-drag {
    background-color: rgba(115, 102, 255, 0.3) !important;
}

.kanban-board-header.bg-warning ~ .kanban-drag {
    background-color: rgba(255, 184, 41, 0.3) !important;
}

.kanban-board-header.bg-success ~ .kanban-drag {
    background-color: rgba(101, 193, 92, 0.3) !important;
}

.kanban-container {
    display: contents;
}

.kanban-container footer {
    padding: 12px 6px;
    text-align: center;
}

.kanban-container footer .btn {
    margin-bottom: 0px;
}

.kanban-board {
    margin-bottom: 20px;
    transition: 0.3s;
    letter-spacing: 0.5px;
    border-radius: 8px;
    box-shadow: rgba(68, 102, 242, 0.05) 1px 5px 24px 0px;
    overflow: hidden;
    cursor: pointer;
    width: calc(25% - 30px) !important;
}

@media (max-width: 1500px) and (min-width: 768px) {
    .kanban-board {
        width: calc(50% - 30px) !important;
    }
}

@media (max-width: 767px) {
    .kanban-board {
        width: calc(100% - 30px) !important;
    }
}

@media (max-width: 575px) {
    .kanban-board {
        width: calc(100% - 20px) !important;
    }
}

.kanban-board .kanban-drag {
    background: rgba(247, 248, 249, 0.9);
}

.kanban-board .kanban-drag .itemform .form-group:last-child {
    padding-top: 12px;
}

.kanban-item {
    margin-bottom: 20px;
    border: 1px solid var(--chart-progress-light);
    border-radius: 5px;
    padding: 18px;
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
}

.kanban-item .kanban-box .badge {
    line-height: 1.7;
}

.kanban-item p {
    opacity: 0.7;
}

.kanban-item:last-child {
    margin-bottom: 0px;
}

.kanban-item .list {
    display: inline-block;
    opacity: 0.4;
}

.kanban-item .list li {
    display: inline-block;
    font-size: 12px;
}

.kanban-item .list li i {
    margin-right: 10px;
}

.kanban-item .list li + li {
    border-left: 1px dotted rgb(137, 137, 137);
    padding-left: 6px;
    margin-left: 6px;
}

[dir="rtl"] .kanban-item .list li + li {
    border-left: unset;
    border-right: 1px dotted rgb(137, 137, 137);
    padding-left: unset;
    padding-right: 6px;
    margin-left: unset;
    margin-right: 6px;
}

.kanban-item .common-f-start li [class*="bg-lighter-"] {
    font-size: 12px;
}

.kanban-item .common-f-start li + li {
    margin-left: -22px;
}

[dir="rtl"] .kanban-item .common-f-start li + li {
    margin-left: unset;
    margin-right: -22px;
}

.kanban-item .kanban-box + .kanban-box {
    margin-top: 20px;
}

.kanban-item .kanban-box .common-align img {
    height: calc(32.8px + 0.375vw);
}

.kanban-item .kanban-box .badge {
    font-weight: 400;
}

.kanban-item .kanban-box h6 {
    margin: 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kanban-item .kanban-box .dropdown {
    display: inline-block;
    right: 10px;
    position: absolute;
    top: 20px;
}

.kanban-item .kanban-box .dropdown .dropdown-item {
    font-size: 13px;
    font-weight: 500;
    padding: 5px 10px;
    text-align: left;
}

.kanban-item .kanban-box .dropdown svg {
    height: 14px;
}

.kanban-item .kanban-box .d-flex {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media (max-width: 1636px) {
    .kanban-item .kanban-box .d-flex {
        flex-flow: column wrap;
        gap: 10px;
    }
}

.kanban-item .kanban-box .dropdown-toggle::after {
    content: none;
}

.kanban-item .kanban-box .customers ul li + li {
    margin-left: -10px;
}

.kanban-item .kanban-box .date {
    color: rgba(82, 82, 108, 0.8);
}

footer {
    margin: 0px;
    padding: 0px;
}

@media only screen and (max-width: 600px) {
    .kanban-board .kanban-drag {
        padding: 10px 15px;
    }

    .kanban-container .kanban-board {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
}

@media only screen and (max-width: 480px) {
    .jkanban-container .card-body {
        padding: 20px 15px !important;
    }

    .kanban-board .kanban-drag {
        padding: 10px 15px;
    }
}

.browse .browse-articles h6 {
    line-height: 1.6;
}

.browse .browse-articles span {
    vertical-align: middle;
}

.browse .browse-articles span:nth-child(2) {
    padding-left: 20px;
}

[dir="rtl"] .browse .browse-articles span:nth-child(2) {
    padding-left: unset;
    padding-right: 20px;
}

.browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    position: absolute;
    left: 0px;
    top: 2px;
}

[dir="rtl"] .browse .browse-articles span svg {
    left: unset;
    right: 0px;
}

.browse .browse-articles h6 {
    padding-bottom: 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid rgb(233, 237, 241);
    padding-left: 25px;
}

[dir="rtl"] .browse .browse-articles h6 {
    padding-left: unset;
    padding-right: 25px;
}

.browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 4px;
    left: 7px;
}

[dir="rtl"] .browse .browse-articles h6 span svg {
    left: unset;
    right: 7px;
}

.browse .browse-articles ul li {
    padding: 8px;
    border-radius: 8px;
}

.browse .browse-articles ul li a {
    color: rgb(64, 64, 64);
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.browse .browse-articles ul li:hover {
    background-color: rgb(253, 254, 255);
}

@media only screen and (max-width: 1366px) {
    .browse div[class^="col-"]:nth-child(3) {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 360px) {
    .browse .browse-articles ul li a span:nth-child(2) {
        width: 158px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }
}

.badge.pull-right {
    padding-top: 4px;
}

.articles-icons svg {
    min-width: 18px;
}

.d-flex.faq-widgets .flex-grow-1 {
    flex: 1 1 0%;
}

@keyframes mesh {
    0% {
        transform-origin: 50% -100%;
        transform: rotate(0deg);
    }

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

    50.1% {
        transform-origin: 50% 200%;
        transform: rotate(0deg);
    }

    100% {
        transform-origin: 50% 200%;
        transform: rotate(360deg);
    }
}

.mesh-loader {
    overflow: hidden;
    height: inherit;
    width: inherit;
}

.mesh-loader .circle {
    position: absolute;
    background: rgb(115, 102, 255);
    border-radius: 50%;
    margin: -3px;
    animation: 3s ease-in-out -1.5s infinite normal none running mesh;
    width: 6px;
    height: 6px;
}

.mesh-loader > div .circle:last-child {
    animation-delay: 0s;
}

.mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%;
}

.mesh-loader > div:last-child {
    transform: rotate(90deg);
}

@-webkit-keyframes animloader14 {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes animloader14 {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.loader-1 {
    width: 76px;
    height: 76px;
    display: inline-block;
    position: relative;
}

.loader-1::after, .loader-1::before {
    content: "";
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: rgb(128, 165, 255);
    position: absolute;
    left: 0px;
    top: 0px;
    animation: 2s linear 0s infinite normal none running animloader14;
}

.loader-1::after {
    animation-delay: 1s;
}

@media (max-width: 1199px) {
    .loader-1 {
        width: 60px;
        height: 60px;
    }

    .loader-1::after, .loader-1::before {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 575px) {
    .loader-1 {
        width: 40px;
        height: 40px;
    }

    .loader-1::after, .loader-1::before {
        width: 40px;
        height: 40px;
    }
}

.landing-page {
    color: rgb(0, 2, 72);
}

.landing-page .accordion-item {
    border: none;
}

.landing-page .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.landing-page .customization-accordion .accordion-collapse {
    border: none;
}

.landing-page .customization-accordion .accordion-button {
    font-weight: 500;
    position: relative;
    border: none;
    padding: 10px 10px 10px 30px;
    color: rgb(0, 2, 72);
}

.landing-page .customization-accordion .accordion-button::after {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    margin-left: 0px;
    background-image: url("../images/landing/icon/plus.svg");
    background-position: center center;
    background-size: 16px;
}

.landing-page .customization-accordion .accordion-button:focus {
    box-shadow: none;
}

.landing-page .customization-accordion .accordion-button:not(.collapsed) {
    background-color: transparent;
}

.landing-page .customization-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("../images/landing/icon/minus.svg");
}

.landing-page .customization-accordion .accordion-body {
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left;
    padding-left: 30px;
}

.animate-slider .slick-slide img {
    width: 100%;
}

.f-light {
    color: rgb(82, 82, 108);
    opacity: 0.8;
}

.vector-image {
    position: absolute;
}

@media (max-width: 991px) {
    .vector-image {
        display: none;
    }
}

.line-gif {
    left: 20%;
    top: 0px;
    z-index: 1;
}

.line-gif img {
    width: 140px;
    height: 140px;
}

@media (max-width: 1399px) {
    .line-gif img {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 991px) {
    .line-gif img {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 575px) {
    .line-gif img {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 1460px) {
    .line-gif {
        left: 14%;
    }
}

@media (max-width: 1399px) {
    .line-gif {
        left: 21%;
    }
}

@media (max-width: 575px) {
    .line-gif {
        left: 7%;
        top: -30px;
    }
}

.wavy-line-gif {
    right: 0px;
    top: 3%;
}

@media (max-width: 991px) {
    .wavy-line-gif {
        top: 1%;
    }
}

@media (max-width: 767px) {
    .wavy-line-gif {
        top: 40px;
    }
}

@media (max-width: 575px) {
    .wavy-line-gif {
        top: 10px;
    }
}

.wavy-line-gif img {
    width: 200px;
}

@media (max-width: 1199px) {
    .wavy-line-gif img {
        width: 150px;
    }
}

@media (max-width: 767px) {
    .wavy-line-gif img {
        width: 120px;
    }
}

@media (max-width: 575px) {
    .wavy-line-gif img {
        width: 90px;
    }
}

.round-gif {
    left: 5%;
    top: 20%;
}

@media (max-width: 1660px) {
    .round-gif {
        left: 2%;
    }
}

@media (max-width: 1399px) {
    .round-gif {
        left: 0%;
        top: 15%;
    }
}

@media (max-width: 1199px) {
    .round-gif {
        top: 20%;
    }
}

@media (max-width: 991px) {
    .round-gif {
        top: 28%;
    }
}

@media (max-width: 767px) {
    .round-gif {
        top: -2%;
    }
}

.round-gif img {
    width: 147px;
    height: 147px;
}

@media (max-width: 1660px) {
    .round-gif img {
        width: 127px;
        height: 127px;
    }
}

@media (max-width: 1199px) {
    .round-gif img {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 991px) {
    .round-gif img {
        width: 70px;
        height: 70px;
    }
}

.wavy-gif {
    right: 17%;
    top: 23%;
}

.wavy-gif svg {
    width: 80px;
    transform: rotate(90deg);
}

@media (max-width: 1199px) {
    .wavy-gif svg {
        width: 60px;
    }
}

@media (max-width: 575px) {
    .wavy-gif svg {
        width: 30px;
    }
}

.wavy-gif path {
    stroke: rgb(248, 145, 43);
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: 1.5s linear 0s infinite normal none running dash;
}

@keyframes dash {
    100% {
        stroke-dashoffset: 0;
    }
}

@media (max-width: 1399px) {
    .wavy-gif {
        right: 3%;
        top: 15%;
    }
}

@media (max-width: 991px) {
    .wavy-gif {
        right: 1%;
        top: 10%;
    }
}

@media (max-width: 767px) {
    .wavy-gif {
        top: 8%;
    }
}

.wavy-gif img {
    transform: rotate(90deg);
    width: 120px;
}

@media (max-width: 1399px) {
    .wavy-gif img {
        width: 80px;
    }
}

@media (max-width: 767px) {
    .wavy-gif img {
        width: 60px;
    }
}

@media (max-width: 575px) {
    .wavy-gif img {
        width: 40px;
    }
}

.app-section .wavy-gif {
    right: unset;
    left: 20%;
    top: 7%;
}

@media (max-width: 1660px) {
    .app-section .wavy-gif {
        left: 8%;
    }
}

@media (max-width: 1199px) {
    .app-section .wavy-gif {
        left: 3%;
        top: 3%;
    }
}

@media (max-width: 767px) {
    .app-section .wavy-gif {
        top: 30px;
    }
}

.app-section .wavy-gif svg {
    width: 50px;
}

@media (max-width: 767px) {
    .app-section .wavy-gif svg {
        width: 40px;
    }
}

.loader-gif {
    right: 5%;
    top: 25%;
}

@media (max-width: 1199px) {
    .loader-gif {
        top: 32%;
    }
}

@media (max-width: 991px) {
    .loader-gif {
        right: 15px;
    }
}

@media (max-width: 575px) {
    .loader-gif {
        top: 28%;
    }
}

.loader-line-gif {
    right: 15%;
    top: 12%;
}

@media (max-width: 1660px) {
    .loader-line-gif {
        right: 5%;
    }
}

@media (max-width: 1399px) {
    .loader-line-gif {
        top: 10%;
        right: 0px;
    }
}

@media (max-width: 1199px) {
    .loader-line-gif {
        top: 9%;
    }
}

@media (max-width: 991px) {
    .loader-line-gif {
        top: 0px;
    }
}

.loader-line-gif img {
    width: 130px;
}

@media (max-width: 575px) {
    .loader-line-gif img {
        width: 80px;
    }
}

.premium-wrap {
    margin-top: -28px;
}

.premium-wrap .vector-image {
    top: -50px;
    left: -30px;
}

@media (max-width: 1399px) {
    .premium-wrap .vector-image {
        left: 75px;
    }
}

@media (max-width: 1199px) {
    .premium-wrap .vector-image {
        left: -15px;
    }
}

.premium-wrap .vector-image img {
    height: 400px;
}

@media (max-width: 1399px) {
    .premium-wrap .vector-image img {
        height: 220px;
    }
}

.framework-section .wavy-gif {
    top: unset;
    bottom: 0px;
    right: 20%;
}

@media (max-width: 1399px) {
    .framework-section .wavy-gif {
        bottom: -30px;
        right: 0px;
    }
}

@media (max-width: 575px) {
    .framework-section .wavy-gif {
        bottom: 0px;
    }
}

.components-section .flower-gif {
    left: unset;
    right: 5%;
    top: 20%;
}

@media (max-width: 991px) {
    .components-section .flower-gif {
        right: 10%;
        top: 9%;
    }
}

.feature-section .vector-image {
    top: 50px;
    right: -170px;
}

@media (max-width: 1674px) {
    .feature-section .vector-image {
        top: 60px;
        right: -160px;
    }
}

@media (max-width: 1600px) {
    .feature-section .vector-image {
        top: 0px;
        right: -20px;
    }
}

@media (max-width: 1655px) {
    .feature-section .vector-image {
        right: -130px;
    }
}

@media (max-width: 1595px) {
    .feature-section .vector-image {
        right: -6px;
        top: -10px;
    }
}

@media (max-width: 1399px) {
    .feature-section .vector-image {
        top: -6px;
        right: -10px;
    }
}

@media (max-width: 1199px) {
    .feature-section .vector-image {
        right: -12px;
    }
}

.feature-section .vector-image img {
    height: 370px;
}

@media (max-width: 1674px) {
    .feature-section .vector-image img {
        height: 340px;
    }
}

@media (max-width: 1655px) {
    .feature-section .vector-image img {
        height: 310px;
    }
}

@media (max-width: 1600px) {
    .feature-section .vector-image img {
        height: 300px;
    }
}

@media (max-width: 1399px) {
    .feature-section .vector-image img {
        height: 280px;
    }
}

.feature-section .round-gif {
    top: unset;
    bottom: 12%;
}

@media (max-width: 1660px) {
    .feature-section .round-gif {
        left: 0px;
    }
}

@media (max-width: 1460px) {
    .feature-section .round-gif {
        bottom: unset;
        top: 6%;
    }
}

@media (max-width: 991px) {
    .feature-section .round-gif {
        top: -3%;
    }
}

@media (max-width: 575px) {
    .feature-section .round-gif {
        top: -2%;
    }
}

.feature-section .round-gif img {
    width: 105px;
    height: 105px;
}

@media (max-width: 1460px) {
    .feature-section .round-gif img {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 575px) {
    .feature-section .round-gif img {
        width: 70px;
        height: 70px;
    }
}

.document-section a {
    display: block;
    color: rgb(64, 64, 64);
}

.document-section .document-box {
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: rgba(46, 35, 94, 0.12) 0px 5px 20px;
    border-radius: 5px;
    padding: 20px;
}

@media (max-width: 767px) {
    .document-section .document-box {
        gap: 14px;
    }
}

@media (max-width: 575px) {
    .document-section .document-box {
        gap: 10px;
        padding: 15px;
    }
}

.document-section .document-box .doc-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.document-section .document-box .doc-icon img {
    height: 20px;
    width: 20px;
    object-fit: contain;
}

.document-section .document-box h5 {
    margin-bottom: 0px;
}

@media (max-width: 479px) {
    .document-section .row > div {
        width: 100%;
    }
}

.document-section .bg-icon1 {
    background: rgb(240, 233, 251);
}

.document-section .bg-icon2 {
    background: rgba(222, 77, 89, 0.1);
}

.document-section .bg-icon3 {
    background: rgba(77, 186, 135, 0.15);
}

.document-section .bg-icon4 {
    background: rgba(103, 190, 253, 0.12);
}

.document-section .bg-icon5 {
    background: rgba(255, 227, 225, 0.59);
}

.document-section .bg-icon6 {
    background: rgba(65, 184, 131, 0.15);
}

.document-section .bg-icon7 {
    background: rgba(158, 149, 255, 0.22);
}

.document-section .bg-icon8 {
    background: rgba(238, 67, 35, 0.12);
}

.document-section .bg-icon9 {
    background: rgba(154, 214, 183, 0.22);
}

.document-section .bg-icon10 {
    background: rgba(255, 153, 33, 0.14);
}

.document-section .bg-icon11 {
    background: rgba(195, 164, 245, 0.18);
}

.document-section .bg-icon12 {
    background: rgba(16, 15, 15, 0.12);
}

.rating-title {
    font-size: calc(12.8889px + 0.37037vw);
    font-weight: normal;
}

.layout h5 {
    margin-bottom: 10px;
    opacity: 0.8;
    letter-spacing: 1.2px;
}

.layout .btn {
    padding: 0.15rem 0.5rem;
}

.common-card {
    background: rgb(252, 252, 253);
    border: 2px solid rgb(255, 255, 255);
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
    border-radius: 10px;
}

.testimonial-box {
    position: relative;
    padding: 20px 25px;
    text-align: left;
    margin-bottom: 33px;
}

.testimonial-box .rating-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.testimonial-box h5 {
    font-size: 16px;
    margin-bottom: 0px;
}

.testimonial-box .text-end span {
    font-size: 13px;
}

.testimonial-box .customer-img {
    width: 60px;
    height: 60px;
    background: rgb(255, 250, 250);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -25px;
}

.testimonial-box p {
    margin-bottom: 0px;
}

.about-section .slick-slide {
    padding: 0px 14px;
}

.testimonial-slider .slick-dots li {
    width: auto;
    height: auto;
}

.testimonial-slider .slick-dots li button {
    background: rgba(82, 82, 108, 0.2);
    border-radius: 20px;
    height: 5px;
    width: 11px;
    padding: 0px;
    transition: 0.5s;
}

.testimonial-slider .slick-dots li button::before {
    display: none;
}

.testimonial-slider .slick-dots li.slick-active button {
    background: rgb(115, 102, 255);
    border-radius: 20px;
    width: 20px;
    transition: 0.5s;
}

.customer-box {
    position: relative;
    background-color: rgb(247, 247, 247);
    text-align: center;
    padding: 40px 30px;
    border-radius: 25px;
    box-shadow: rgba(119, 119, 119, 0.25) 30px 30px 33px;
}

@media (max-width: 1399px) {
    .customer-box {
        padding: 40px 35px;
    }
}

@media (max-width: 1199px) {
    .customer-box {
        padding: 30px 25px;
    }
}

@media (max-width: 991px) {
    .customer-box {
        padding: 17px 13px;
    }
}

@media (max-width: 575px) {
    .customer-box {
        box-shadow: rgba(119, 119, 119, 0.25) 12px 12px 12px;
    }
}

.customer-box img {
    height: 70px;
    width: auto;
}

@media (max-width: 991px) {
    .customer-box img {
        height: 50px;
    }
}

.customer-wrapper {
    position: relative;
    padding: 12px;
}

@media (max-width: 767px) {
    .customer-wrapper {
        padding: 0px;
    }
}

.customer-wrapper .outline-box {
    position: absolute;
    bottom: -6px;
    left: -5px;
}

@media (max-width: 1399px) {
    .customer-wrapper .outline-box {
        bottom: -1px;
        left: 0px;
    }
}

@media (max-width: 1199px) {
    .customer-wrapper .outline-box {
        bottom: -1px;
        left: -2px;
        width: 120%;
    }
}

@media (max-width: 767px) {
    .customer-wrapper .outline-box {
        display: none;
    }
}

.customer-wrap {
    margin: 0px -28px;
}

@media (max-width: 1199px) {
    .customer-wrap {
        margin: 0px -15px;
    }
}

@media (max-width: 991px) {
    .customer-wrap {
        margin: 0px -10px;
    }
}

@media (max-width: 767px) {
    .customer-wrap {
        margin: -12px;
    }
}

.customer-wrap > div {
    padding: 0px 28px;
}

@media (max-width: 1199px) {
    .customer-wrap > div {
        padding: 0px 15px;
    }
}

@media (max-width: 991px) {
    .customer-wrap > div {
        padding: 0px 10px;
    }
}

@media (max-width: 767px) {
    .customer-wrap > div {
        padding: 12px;
    }
}

@media (max-width: 1199px) {
    .customer-wrap > div:last-child .outline-box {
        width: 100%;
    }
}

.frame-tab {
    background: rgba(244, 245, 248, 0.5);
    border-radius: 40px;
    border: none;
    gap: 10px;
    display: inline-flex;
    padding: 5px;
    margin-bottom: 50px;
}

.frame-tab .nav-item img {
    width: 21px;
    height: 21px;
}

.frame-tab .nav-item .nav-link {
    font-size: 18px;
    padding: 16px 40px;
    border-radius: 40px;
    background: transparent;
    border: none;
    color: rgba(0, 2, 72, 0.5);
    font-weight: 500;
}

@media (max-width: 991px) {
    .frame-tab .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 25px;
    }
}

.frame-tab .nav-item .nav-link img {
    margin-right: 10px;
    filter: grayscale(1);
}

.frame-tab .nav-item .nav-link.active {
    color: rgb(0, 2, 72);
    background: rgb(255, 255, 255);
    box-shadow: rgba(46, 35, 94, 0.06) 0px 7px 15px;
}

.frame-tab .nav-item .nav-link.active img {
    filter: unset;
}

@media (max-width: 575.98px) {
    .frame-tab.nav {
        display: inline-flex;
        background-color: transparent;
    }
}

.framework-box {
    position: relative;
    display: flex;
    align-items: center;
    background: rgb(252, 252, 253);
    border: 2px solid rgb(255, 255, 255);
    box-shadow: rgba(46, 35, 94, 0.12) 0px 5px 20px;
    border-radius: 50px 16px 16px 50px;
    padding: 18px 16px;
    gap: 16px;
    margin-left: 30px;
    transition: 0.5s;
}

.framework-box::after {
    position: absolute;
    content: "";
    width: 40px;
    height: calc(100% + 4px);
    border-right: 1px dashed rgba(0, 2, 72, 0.2);
    right: -1px;
    border-top: 1px dashed rgba(0, 2, 72, 0.2);
    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
    border-radius: 10px;
    top: -1px;
    bottom: 0px;
}

.framework-box .frame-icon {
    position: relative;
    min-width: 55px;
    height: 55px;
    background: rgb(255, 255, 255);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -48px;
}

@media (max-width: 575px) {
    .framework-box .frame-icon {
        min-width: 52px;
        height: 52px;
    }
}

.framework-box .frame-icon::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    box-shadow: rgba(46, 35, 94, 0.11) 3px 4px 5px, rgba(204, 204, 215, 0.5) 3px 0px 1px inset;
    border-radius: 100%;
}

.framework-box .frame-icon img {
    width: 30px;
    height: 30px;
}

@media (max-width: 575px) {
    .framework-box .frame-icon img {
        width: 25px;
        height: 25px;
    }
}

.framework-box .frame-details {
    position: relative;
    text-align: left;
}

.framework-box .frame-details p {
    opacity: 0.7;
    margin-bottom: 0px;
}

.framework-box .frame-details::before, .framework-box .frame-details::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: rgb(254, 254, 255);
    border: 1px solid rgba(0, 2, 72, 0.2);
    border-radius: 100%;
    right: 17px;
}

.framework-box .frame-details::before {
    top: -23px;
}

.framework-box .frame-details::after {
    bottom: -24px;
}

@media (min-width: 576px) {
    .framework-box:hover {
        transform: scale(1.05);
        transition: 0.5s;
    }
}

.framework-box:hover .frame-icon::before {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

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

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

.customization-wrap .landing-title p {
    width: 100%;
}

.sub-title {
    font-size: calc(16.5185px + 0.493827vw);
    font-weight: 700;
    font-family: Caveat, cursive;
    color: rgb(255, 185, 5);
}

.rotate-title {
    color: rgb(255, 90, 130);
}

.landing-home {
    scroll-behavior: smooth;
    overflow: hidden;
    position: relative;
    background-position: center bottom;
    background-size: cover;
    background-image: url("../images/landing/home-bg.jpg");
    background-color: rgb(27, 28, 33);
}

.landing-home .sub-title {
    font-size: calc(15.7778px + 0.740741vw);
}

.landing-home .content h1 {
    color: rgb(255, 255, 255);
    line-height: 1.2;
    font-size: calc(18.5185px + 2.16049vw);
    text-transform: uppercase;
}

.landing-home .content h1 span {
    background: linear-gradient(90deg, rgb(255, 185, 5) 20.35%, rgb(106, 235, 173) 50%) text, linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255));
    -webkit-text-fill-color: transparent;
}

.landing-home .content p {
    font-size: calc(13.2593px + 0.246914vw);
    font-weight: 500;
    font-family: roboto;
    color: rgb(255, 255, 255);
    opacity: 0.8;
    width: 64%;
    margin: 0px auto;
}

@media (max-width: 1366px) {
    .landing-home .content p {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .landing-home .content p {
        width: 100%;
    }
}

.landing-home .btn-grp {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .landing-home .btn-grp {
        gap: 12px;
    }
}

@media (max-width: 575px) {
    .landing-home .btn-grp {
        flex-wrap: wrap;
        gap: 10px;
    }
}

.landing-home .btn-grp img {
    height: 30px;
}

@media (max-width: 767px) {
    .landing-home .btn-grp img {
        height: 22px;
    }
}

@media (max-width: 575px) {
    .landing-home .btn-grp img {
        height: 20px;
    }
}

.landing-home .content {
    margin-top: 200px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}

@media (max-width: 1366px) {
    .landing-home .content {
        margin-top: 170px;
    }
}

@media (max-width: 1199px) {
    .landing-home .content {
        margin-top: 140px;
    }
}

@media (max-width: 575px) {
    .landing-home .content {
        margin-top: 100px;
    }
}

.landing-home .content-title {
    position: relative;
    display: inline-block;
}

.landing-home .content-title .arrow-decore {
    position: absolute;
    left: -203px;
    top: -25px;
}

@media (max-width: 1660px) {
    .landing-home .content-title .arrow-decore {
        left: -166px;
        width: 150px;
    }
}

@media (max-width: 991px) {
    .landing-home .content-title .arrow-decore {
        left: -125px;
        width: 110px;
        top: -14px;
    }
}

@media (max-width: 575px) {
    .landing-home .content-title .arrow-decore {
        left: -61px;
        width: 60px;
        top: -4px;
    }
}

.landing-home .sticky-header header .nav-padding {
    padding: 30px 50px;
}

.build-section {
    position: relative;
}

.build-section .landing-title {
    display: flex;
    align-items: center;
}

.build-section .landing-title h2 {
    width: 53%;
}

@media (max-width: 1660px) {
    .build-section .landing-title h2 {
        width: 58%;
    }
}

@media (max-width: 1366px) {
    .build-section .landing-title h2 {
        width: 59%;
    }
}

@media (max-width: 1199px) {
    .build-section .landing-title h2 {
        width: 63%;
    }
}

@media (max-width: 991px) {
    .build-section .landing-title h2 {
        width: 100%;
    }
}

.build-section .landing-title .title-img {
    margin-bottom: -14px;
}

@media (max-width: 991px) {
    .build-section .landing-title .title-img {
        width: 120px;
    }
}

@media (max-width: 767px) {
    .build-section .landing-title .title-img {
        width: 80px;
    }
}

.build-section .rotate-title {
    width: 14%;
    transform: rotate(13.97deg);
    text-align: center;
    margin-left: -20px;
}

@media (max-width: 1199px) {
    .build-section .rotate-title {
        width: 17%;
    }
}

@media (max-width: 991px) {
    .build-section .rotate-title {
        width: 30%;
    }
}

@media (max-width: 767px) {
    .build-section .rotate-title {
        width: 42%;
    }
}

.build-section .build-image img {
    width: calc(100% + 210px);
}

@media (max-width: 991px) {
    .build-section .build-image img {
        width: calc(100% + 100px);
    }
}

@media (max-width: 767px) {
    .build-section .build-image img {
        width: 100%;
    }
}

@keyframes animationtop {
    0% {
        transform: translate(-10px, -5px);
    }

    50% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(-10px, -5px);
    }
}

@keyframes animationleft {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(20px, 0px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

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

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

.navbar {
    justify-content: flex-start;
}

.navbar .navbar-toggler {
    margin-left: auto;
}

.navbar-nav {
    align-items: center;
}

.navbar-nav .nav-item {
    position: relative;
}

.navbar-nav .nav-item .nav-link {
    font-size: 18px;
    letter-spacing: 1px;
    padding: 12px 20px;
    transition: 0.3s;
}

.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link.active {
    opacity: 1;
    transition: 0.3s;
}

.landing-page .navbar-expand-xl .navbar-collapse {
    background-color: transparent;
}

.landing-page .page-body-wrapper {
    min-height: 100vh;
    background: rgb(234, 244, 255);
    overflow: hidden;
}

.landing-page .buy-btn {
    font-size: 16px;
    background: linear-gradient(90deg, rgb(115, 102, 255) -18.33%, rgb(86, 62, 224) 62.78%);
    border-radius: 5px;
    padding: 15px 54px;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .landing-page .buy-btn {
        padding: 12px 35px;
    }
}

@media (max-width: 767px) {
    .landing-page .buy-btn {
        padding: 9px 20px;
        font-size: 14px;
    }
}

.landing-page .buy-btn a {
    color: rgb(255, 255, 255);
    padding: 0px;
}

.landing-page .navbar-nav .nav-item .nav-link {
    letter-spacing: 1.5px;
    color: rgb(255, 255, 255);
}

.landing-page .sticky-header header {
    background: transparent;
    box-shadow: none;
    z-index: 100;
    left: 0px;
    height: auto;
}

.landing-page .sticky-header header.sticky {
    margin-top: 0px;
    background: rgb(29, 31, 41);
}

.landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 15px 12px;
}

.navbar-expand-xl .navbar-brand {
    padding-left: 18px;
}

.navbar-expand-xl .navbar-collapse {
    flex-flow: row;
    justify-content: flex-end;
    background-color: rgb(255, 255, 255);
}

.section-space {
    position: relative;
    padding: 80px 0px;
    text-align: center;
}

.section-space p {
    font-size: 15px;
    line-height: 1.5;
}

.landing-title {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .landing-title {
        margin-bottom: 20px;
    }
}

.landing-title h2 {
    font-size: calc(20px + 1.66667vw);
}

.landing-title .gradient-1 {
    background: linear-gradient(90.78deg, rgb(115, 102, 255) 49.33%, rgb(131, 131, 131) 82.24%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-2 {
    background: linear-gradient(90deg, rgb(255, 106, 91) 4.44%, rgb(30, 82, 185) 50%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-3 {
    background: linear-gradient(90deg, rgb(123, 93, 254) 11.24%, rgb(255, 171, 46) 50%) text, linear-gradient(0deg, rgb(255, 106, 91), rgb(255, 106, 91));
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-4 {
    background: linear-gradient(90deg, rgb(34, 172, 22) 65.06%, rgb(28, 151, 190) 92.34%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-5 {
    background: linear-gradient(90deg, rgb(106, 47, 231) 2%, rgb(70, 183, 208) 40%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-6 {
    background: linear-gradient(271deg, rgb(241, 48, 95) 30%, rgb(0, 102, 255) 80%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-7 {
    background: linear-gradient(90deg, rgb(255, 122, 0) 20%, rgb(215, 38, 149) 89.68%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-8 {
    background: linear-gradient(257.2deg, rgb(255, 94, 81) 21.09%, rgb(255, 171, 111) 100%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-9 {
    background: linear-gradient(90deg, rgba(255, 57, 57, 0.88) 2%, rgb(36, 211, 75) 103.68%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-10 {
    background: linear-gradient(90deg, rgb(74, 134, 251) 50%, rgb(255, 88, 35) 68.37%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-11 {
    background: linear-gradient(90deg, rgb(255, 23, 23) 22.23%, rgb(10, 150, 230) 68.75%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-12 {
    background: linear-gradient(90deg, rgb(137, 211, 43) 5.6%, rgb(255, 122, 0) 36.2%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title .gradient-13 {
    background: linear-gradient(90deg, rgb(255, 96, 86) 31.63%, rgb(127, 116, 254) 67.63%) text;
    -webkit-text-fill-color: transparent;
}

.landing-title p {
    font-size: calc(13.2593px + 0.246914vw);
    width: 65%;
    margin: 0px auto;
    color: rgb(82, 82, 108);
    opacity: 0.8;
}

@media (max-width: 1199px) {
    .landing-title p {
        width: 80%;
    }
}

@media (max-width: 991px) {
    .landing-title p {
        width: 100%;
    }
}

.bottom-section-grad {
    position: relative;
}

.bottom-section-grad::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    background: linear-gradient(rgb(237, 247, 255) -3.32%, rgba(227, 242, 255, 0) 144.14%);
    opacity: 0.7;
    height: 100%;
    width: 100%;
}

.faq-section .accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-section .accordion .accordion-item {
    background: rgb(252, 252, 253);
    border: 2px solid rgb(255, 255, 255);
    box-shadow: rgba(46, 35, 94, 0.07) 0px 4px 10px;
    border-radius: 10px;
    padding: 22px 30px;
}

@media (max-width: 767px) {
    .faq-section .accordion .accordion-item {
        padding: 15px 20px;
    }
}

.faq-section .accordion-button, .faq-section .accordion-body {
    padding: 0px;
}

.faq-section .accordion-button:not(.collapsed) {
    color: rgb(115, 102, 255);
    background: transparent;
}

.faq-section .accordion-button:focus {
    box-shadow: unset;
    border: none;
}

.faq-section .accordion-button::after {
    font-family: IcoFont;
    content: "";
    font-size: 24px;
    background: unset;
    width: auto;
    height: auto;
    margin-bottom: -4px;
}

.faq-section .accordion-body {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(82, 82, 108, 0.5);
    text-align: left;
}

.faq-section .vector-image {
    left: -160px;
    top: 30px;
}

@media (max-width: 1600px) {
    .faq-section .vector-image {
        left: 60px;
        top: -30px;
    }
}

@media (max-width: 1199px) {
    .faq-section .vector-image {
        left: 0px;
        top: -30px;
    }
}

.faq-section .vector-image img {
    height: 400px;
}

@media (max-width: 1600px) {
    .faq-section .vector-image img {
        height: 270px;
    }
}

.pricing-section .landing-title p {
    width: 100%;
}

.pricing-section .loader-gif {
    top: -5%;
}

@media (max-width: 1600px) {
    .pricing-section .loader-gif {
        top: -11%;
        right: 2%;
    }
}

@media (max-width: 991px) {
    .pricing-section .loader-gif {
        top: -2%;
        right: 2%;
    }
}

.pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px;
}

.pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
    width: 56px;
    height: 56px;
}

@media (max-width: 575px) {
    .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px;
    }

    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
        width: 40px;
        height: 40px;
    }
}

.pricing-section .loader-line-gif {
    right: unset;
    top: unset;
    left: 22%;
    bottom: 15%;
}

@media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
        left: 12%;
    }
}

@media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
        left: 16%;
    }
}

@media (max-width: 991px) {
    .pricing-section .loader-line-gif {
        left: 10px;
        bottom: -20px;
    }

    .pricing-section .loader-line-gif img {
        width: 90px;
    }
}

.pricing-box {
    background: rgba(243, 245, 245, 0.5);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    padding: 30px 20px;
}

.pricing-box img {
    width: 23px;
    height: 22px;
}

@media (max-width: 767px) {
    .pricing-box {
        padding: 20px 15px;
    }
}

.pricing-box p {
    color: rgb(82, 82, 108);
}

.pricing-box h4 {
    margin-bottom: 20px;
}

@media (max-width: 575px) {
    .pricing-box h4 {
        margin-bottom: 15px;
    }
}

.pricing-box p {
    line-height: 1.5;
}

.pricing-box .purchase-details {
    background: rgb(252, 252, 253);
    border: 2px solid rgb(255, 255, 255);
    box-shadow: rgba(46, 35, 94, 0.05) 0px 4px 20px;
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px;
}

@media (max-width: 1199px) {
    .pricing-box .purchase-details {
        padding: 24px 20px;
    }
}

.pricing-box .purchase-details h2 {
    margin-bottom: 14px;
}

.pricing-box .purchase-details .btn-lg {
    font-weight: 500;
    padding: 12px 20px;
    width: 100%;
    min-width: auto;
}

@media (max-width: 1199px) {
    .pricing-box .purchase-details .btn-lg {
        padding: 12px 10px;
        font-size: 15px;
    }
}

.license-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (max-width: 767px) {
    .license-list {
        gap: 10px;
    }
}

.license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px;
}

@media (max-width: 991px) {
    .license-list li {
        gap: 5px;
    }
}

@media (max-width: 575px) {
    .license-list li img {
        width: 18px;
        height: 18px;
    }
}

.license-list li h6 {
    font-weight: normal;
    margin-bottom: 0px;
}

.feature-box {
    padding: 30px 20px;
    text-align: left;
    position: relative;
}

@media (max-width: 575px) {
    .feature-box {
        padding: 20px;
    }
}

.feature-box::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 5px;
    bottom: 0px;
    left: 0px;
    background: rgb(249, 70, 70);
    border-radius: 0px 0px 10px 10px;
    transition: width 0.5s;
}

.feature-box:hover::after {
    width: 100%;
    transition: width 0.5s;
}

.feature-box .feature-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-bottom: 25px;
}

.feature-box.bg-feature-1 .feature-icon {
    background: rgb(251, 236, 236);
}

.feature-box.bg-feature-2 .feature-icon {
    background: rgb(240, 233, 251);
}

.feature-box.bg-feature-2::after {
    background: rgb(102, 16, 242);
}

.feature-box.bg-feature-3 .feature-icon {
    background: rgba(41, 156, 252, 0.1);
}

.feature-box.bg-feature-3::after {
    background: rgb(67, 188, 255);
}

.feature-box.bg-feature-4 .feature-icon {
    background: rgba(96, 177, 88, 0.15);
}

.feature-box.bg-feature-4::after {
    background: rgb(96, 177, 88);
}

.feature-box.bg-feature-5 .feature-icon {
    background: rgba(255, 150, 39, 0.1);
}

.feature-box.bg-feature-5::after {
    background: rgb(255, 148, 20);
}

.feature-box.bg-feature-6 .feature-icon {
    background: rgba(222, 77, 89, 0.1);
}

.feature-box.bg-feature-6::after {
    background: rgb(252, 103, 115);
}

.feature-box.bg-feature-7 .feature-icon {
    background: rgba(255, 132, 62, 0.1);
}

.feature-box.bg-feature-7::after {
    background: rgb(255, 132, 62);
}

.feature-box.bg-feature-8 .feature-icon {
    background: rgba(221, 84, 255, 0.1);
}

.feature-box.bg-feature-8::after {
    background: rgb(255, 129, 255);
}

.benefit-box {
    position: relative;
    background: rgba(241, 242, 242, 0.5);
    padding: 40px 10px;
    box-shadow: rgba(186, 186, 187, 0.3) 17px 17px 20px;
    border-radius: 30px;
}

@media (max-width: 991px) {
    .benefit-box {
        padding: 30px 10px;
    }
}

@media (max-width: 575px) {
    .benefit-box {
        padding: 20px 10px;
    }
}

.benefit-box svg {
    width: 40px;
    height: 40px;
}

@media (max-width: 991px) {
    .benefit-box svg {
        width: 30px;
        height: 30px;
    }
}

.benefit-box::after {
    position: absolute;
    content: "";
    width: 54px;
    height: 8px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0px 0px;
}

@media (max-width: 991px) {
    .benefit-box h2 {
        font-size: 25px;
    }
}

.benefit-box h6 {
    font-weight: 400;
    color: rgb(82, 82, 108);
    opacity: 0.7;
}

.benefit-box.pink h2 {
    color: rgb(255, 54, 146);
}

.benefit-box.pink::after {
    background: rgb(255, 54, 146);
}

.benefit-box.purple h2 {
    color: rgb(114, 56, 255);
}

.benefit-box.purple::after {
    background: rgb(114, 56, 255);
}

.benefit-box.red h2 {
    color: rgb(255, 53, 86);
}

.benefit-box.red::after {
    background: rgb(255, 53, 86);
}

.benefit-box.warning h2 {
    color: rgb(255, 170, 5);
}

.benefit-box.warning::after {
    background: rgb(255, 170, 5);
}

.rating-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-title .decore-1 {
    margin-top: -35px;
    animation: 5s ease 0s infinite normal none running animationtop;
}

@keyframes arrowsvg {
    0% {
        transform: scale(0);
        transform-origin: left center;
    }

    100% {
        transform: scale(1);
        transform-origin: left center;
    }
}

.title-svg {
    animation: 5s ease 0s infinite normal none running arrowsvg;
}

.ratings li i {
    color: rgb(255, 170, 5);
}

.components-section {
    background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, rgb(247, 248, 249) 50%);
}

.components-section .vector-image {
    left: 30px;
    bottom: 2px;
}

@media (max-width: 1660px) {
    .components-section .vector-image {
        left: 50px;
        top: 80px;
    }
}

@media (max-width: 1399px) {
    .components-section .vector-image {
        left: 30px;
    }
}

@media (max-width: 1199px) {
    .components-section .vector-image {
        left: -16px;
    }
}

.components-section .vector-image img {
    height: 280px;
}

@media (max-width: 1660px) {
    .components-section .vector-image img {
        height: 240px;
    }
}

@media (max-width: 1399px) {
    .components-section .vector-image img {
        height: 220px;
    }
}

@media (max-width: 1199px) {
    .components-section .vector-image img {
        height: 190px;
    }
}

.component_responsive {
    flex-wrap: initial;
}

.component-hover-effect {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgb(252, 252, 253);
    border: 2px solid rgb(255, 255, 255);
    box-shadow: rgba(46, 35, 94, 0.07) 0px 4px 10px;
    border-radius: 5px;
    padding: 20px;
    justify-content: center;
    min-height: 78px;
}

@media (max-width: 767px) {
    .component-hover-effect {
        padding: 13px;
        min-height: 68px;
    }
}

.component-hover-effect svg {
    width: 26px;
    height: 26px;
}

.ptb50 {
    padding: 80px 0px;
}

@media (max-width: 991.98px) {
    .ptb50 {
        padding: 60px 0px;
    }
}

@media (max-width: 575.98px) {
    .ptb50 {
        padding: 50px 0px;
    }
}

.purchase-btn {
    padding: 12px 20px;
    min-width: 200px;
    border: none;
}

@media (max-width: 991px) {
    .purchase-btn {
        min-width: 160px;
    }
}

@media (max-width: 767px) {
    .purchase-btn {
        min-width: 140px;
        padding: 10px 17px;
        font-size: 16px;
    }
}

.footer-bg {
    position: relative;
    text-align: center;
    background: url("../images/landing/footer.jpg");
    margin-left: 0px;
    color: rgb(255, 255, 255);
}

@media (max-width: 575px) {
    .footer-bg {
        background-position: center center;
    }
}

.footer-bg .landing-title h2 {
    color: rgb(255, 255, 255);
}

@keyframes move_wave {
    0% {
        transform: translateX(0px) translateZ(0px) scaleY(1);
    }

    50% {
        transform: translateX(-25%) translateZ(0px) scaleY(0.55);
    }

    100% {
        transform: translateX(-50%) translateZ(0px) scaleY(1);
    }
}

footer h2 {
    font-size: calc(15.4815px + 2.83951vw);
}

footer .landing-title p {
    color: rgb(255, 255, 255);
    opacity: 0.7;
}

footer .license-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: calc(12.2222px + 0.925926vw);
    gap: calc(12.2222px + 0.925926vw);
}

@media (max-width: 991px) {
    footer .license-list {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    footer .license-list {
        gap: 15px;
    }
}

@media (max-width: 575px) {
    footer .license-list {
        flex-wrap: wrap;
    }
}

footer .license-list h6 {
    color: rgb(255, 255, 255);
}

footer .feature-content {
    margin-bottom: calc(18.5185px + 2.16049vw);
}

footer .feature-content ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(22.2222px + 0.925926vw);
}

@media (max-width: 767px) {
    footer .feature-content ul {
        gap: 15px;
    }
}

@media (max-width: 575px) {
    footer .feature-content ul {
        flex-wrap: wrap;
        gap: 10px;
    }
}

footer .feature-content ul li h4 {
    max-width: 205px;
    margin: 0px auto;
    color: rgb(255, 255, 255);
}

@media (max-width: 1199px) {
    footer .feature-content ul li h4 {
        max-width: 200px;
    }
}

@media (max-width: 991px) {
    footer .feature-content ul li h4 {
        max-width: 140px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    footer .feature-content ul li h4 {
        max-width: 116px;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    footer .feature-content ul li h4 {
        max-width: 105px;
        font-size: 14px;
    }
}

footer .feature-content ul li img {
    margin-top: -40px;
}

@media (max-width: 991px) {
    footer .feature-content ul li img {
        width: 220px;
    }
}

@media (max-width: 767px) {
    footer .feature-content ul li img {
        width: 160px;
        margin-top: -25px;
    }
}

@media (max-width: 575px) {
    footer .feature-content ul li img {
        width: 140px;
    }
}

footer .sub-footer {
    padding: 20px 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 575px) {
    footer .sub-footer {
        padding: 12px 0px;
    }
}

footer .sub-footer h6 {
    font-weight: normal;
    color: rgb(255, 255, 255);
}

footer .sub-footer ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

footer .sub-footer ul li a {
    color: rgb(255, 255, 255);
}

footer .sub-footer ul li a:hover {
    color: rgb(115, 102, 255);
}

footer .sub-footer ul li i {
    font-size: 20px;
}

.landing-page .bg-Widget {
    background: linear-gradient(rgb(247, 248, 249) 69%, rgba(247, 248, 249, 0) 91.83%);
}

.landing-page .bg-Widget::before {
    top: 220px !important;
    transform: rotate(-40deg);
}

.landing-page .bg-Widget::after {
    top: unset !important;
    bottom: 0px !important;
}

.landing-page .bg-Widget .cuba-demo-content p {
    color: rgba(255, 255, 255, 0.7);
}

.landing-page .bg-Widget .cuba-demo-content .couting h2 {
    -webkit-text-fill-color: rgb(255, 255, 255) !important;
}

.btn-md:hover {
    animation: 0.3s ease 0s 3 normal none running pulse;
}

.tap-top {
    text-align: center;
    cursor: pointer;
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 5;
    color: rgb(255, 255, 255);
    background: var(--theme-default);
    border: none;
    padding: 7px;
    box-shadow: 0 0 10px var(--theme-default);
    opacity: 0.5;
    transition: 0.3s;
}

.tap-top:hover {
    transition: 0.3s;
    opacity: 1;
}

.tap-top svg {
    width: 20px;
}

@keyframes animationFramesOne {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}

.page-wrapper, .landing-page {
    overflow: hidden;
}

.page-wrapper .section-space, .landing-page .section-space {
    padding: 80px 0px;
}

.page-wrapper .customer-support, .landing-page .customer-support {
    padding-top: 21px !important;
}

.page-wrapper .cuba-demo-content, .landing-page .cuba-demo-content {
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .page-wrapper .cuba-demo-content, .landing-page .cuba-demo-content {
        margin-bottom: 30px;
    }
}

.page-wrapper .cuba-demo-content img, .landing-page .cuba-demo-content img {
    margin: 0px auto;
    width: 70px;
    animation: 50s linear 0s infinite normal none running rotated;
}

.page-wrapper .cuba-demo-section, .landing-page .cuba-demo-section {
    position: relative;
}

.page-wrapper .cuba-demo-section .img-effect, .landing-page .cuba-demo-section .img-effect {
    box-shadow: rgba(8, 21, 66, 0.15) 0px 0px 37px;
    border-radius: 15px;
    padding: 20px;
    position: relative;
}

.page-wrapper .cuba-demo-section .img-effect .hover-link, .landing-page .cuba-demo-section .img-effect .hover-link {
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(10deg, rgba(63, 71, 90, 0.8) 0%, transparent 80%);
    border-radius: 15px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
    opacity: 0;
    transition: 0.3s;
    left: 0px;
    top: 0px;
}

.page-wrapper .cuba-demo-section .img-effect:hover .hover-link, .landing-page .cuba-demo-section .img-effect:hover .hover-link {
    opacity: 1;
    z-index: 1;
    transition: 0.3s;
}

.page-wrapper .cuba-demo-section .img-effect img, .landing-page .cuba-demo-section .img-effect img {
    width: 100%;
    transition: 0.3s;
}

.page-wrapper .cuba-demo-section .img-effect:hover, .landing-page .cuba-demo-section .img-effect:hover {
    box-shadow: rgba(8, 21, 66, 0.15) 0px 0px 37px;
    transition: 0.3s;
}

.page-wrapper .cuba-demo-section .img-effect:hover img, .landing-page .cuba-demo-section .img-effect:hover img {
    transform: scale(1.01);
    transition: 0.3s;
}

.page-wrapper .cuba-demo-section .cuba-demo-content .couting, .landing-page .cuba-demo-section .cuba-demo-content .couting {
    margin-bottom: -10px;
    margin-top: calc(-11.8519px - 1.04938vw);
}

.page-wrapper .cuba-demo-section .cuba-demo-content .couting h2, .landing-page .cuba-demo-section .cuba-demo-content .couting h2 {
    color: var(--theme-default);
    font-weight: 500;
    font-size: calc(72.2222px + 9.25926vw);
    background: linear-gradient(rgb(84, 86, 170) 0%, rgba(0, 2, 72, 0) 88.85%) text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0px;
    line-height: 1;
    opacity: 0.1;
}

.landing-page {
    overflow: unset;
}

.fluid-space {
    padding: 0px calc(-2.96296px + 4.32099vw);
}

@media (max-width: 1399px) {
    .fluid-space {
        padding: 0px 30px;
    }
}

@media (max-width: 575px) {
    .fluid-space {
        padding: 0px 12px;
    }
}

ul.dot-group {
    display: flex;
    gap: 6px;
    padding: 15px 10px 0px;
}

ul.dot-group li {
    width: 8px;
    height: 8px;
    background: rgb(232, 232, 236);
    border-radius: 100%;
}

.demo-imgs {
    margin: -15px;
}

.demo-imgs .demo-content .cuba-demo-img {
    box-shadow: rgba(46, 35, 94, 0.15) 0px 9px 40px;
    border-radius: 5px;
    position: relative;
    height: 100%;
}

.demo-imgs .demo-content .cuba-demo-img .hover-link {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    background: rgb(248, 248, 248);
    border-radius: 0px 0px 5px 5px;
}

@media (max-width: 1640px) {
    .demo-imgs .demo-content .cuba-demo-img .hover-link {
        padding: 20px 12px;
        gap: 10px;
    }
}

@media (max-width: 1366px) {
    .demo-imgs .demo-content .cuba-demo-img .hover-link {
        padding: 20px;
    }
}

.demo-imgs .demo-content .cuba-demo-img .hover-link .link-btn {
    cursor: not-allowed;
}

.demo-imgs .demo-content .cuba-demo-img .hover-link a {
    color: rgb(255, 255, 255);
    border-radius: 14px;
    background: rgb(248, 248, 248);
    transition: 0.3s;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(192, 202, 216, 0.22) 7px 7px 5px;
    position: relative;
}

@media (max-width: 1640px) {
    .demo-imgs .demo-content .cuba-demo-img .hover-link a {
        width: 55px;
        height: 55px;
    }
}

.demo-imgs .demo-content .cuba-demo-img .hover-link a img {
    margin-bottom: -2px;
    height: 20px;
}

.demo-imgs .demo-content .cuba-demo-img .hover-link .coming-soon {
    opacity: 0.4;
    pointer-events: none;
}

.demo-imgs .demo-content .cuba-demo-img .overflow-hidden {
    padding: 10px;
}

.demo-imgs .demo-content .cuba-demo-img .overflow-hidden img {
    width: 100%;
    transition: 0.3s;
}

.demo-imgs .demo-content .cuba-demo-img:hover .overflow-hidden img {
    transform: scale(1.01);
}

.demo-imgs .demo-content .title-wrapper {
    padding: 0px 10px;
}

.demo-imgs .demo-content .title-wrapper .theme-name {
    position: relative;
    font-size: calc(14.0741px + 0.308642vw);
    text-transform: capitalize;
}

.demo-imgs .demo-content .title-wrapper .theme-name span {
    color: rgb(82, 82, 108);
}

@media (max-width: 1670px) {
    .demo-imgs > div {
        padding: 15px;
        margin: 0px;
    }
}

.app-box {
    padding: 18px 12px 12px;
    display: flex;
    width: 100%;
    align-items: center;
    border-radius: 5px;
}

.app-box h6 {
    color: rgb(82, 82, 108);
    margin: 0px 12px 0px 0px;
    position: relative;
}

.app-box h6 .app-title {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.app-box h6 .line {
    width: 1px;
    background: rgb(82, 82, 108);
    height: 18px;
    position: absolute;
    top: -30px;
    left: 50%;
}

.app-box .app-image {
    flex: 1 1 auto;
}

.app-box .app-image .img-effect {
    box-shadow: rgba(46, 35, 94, 0.1) 0px 3px 20px;
    border-radius: 5px;
}

.app-box .app-image .img-effect.image-height a img {
    height: auto;
}

.app-box .app-image a {
    display: block;
}

.app-box .app-image a img {
    width: 100%;
}

.app-box ul.dot-group {
    padding: 0px 0px 13px;
}

.app-bg-1 {
    background: rgb(249, 247, 247);
}

.app-bg-2 {
    background: rgb(243, 245, 245);
}

.app-bg-3 {
    background: rgb(239, 245, 248);
}

.app-bg-4 {
    background: rgb(240, 245, 247);
}

.app-bg-5 {
    background: rgb(245, 244, 243);
}

.app-bg-6 {
    background: rgb(248, 248, 250);
}

.text-marqee {
    height: 230px;
}

@media (max-width: 1199px) {
    .text-marqee {
        height: 166px;
    }
}

@media (max-width: 991px) {
    .text-marqee {
        height: 130px;
    }
}

@media (max-width: 767px) {
    .text-marqee {
        height: 95px;
    }
}

@media (max-width: 575px) {
    .text-marqee {
        height: 65px;
    }
}

.decoration li {
    position: absolute;
}

.flower-gif {
    top: -40px;
    left: 19%;
}

@media (max-width: 991px) {
    .flower-gif {
        top: 0px;
        left: 15%;
    }
}

@media (max-width: 767px) {
    .flower-gif {
        left: 8%;
    }
}

@media (max-width: 575px) {
    .flower-gif {
        display: none;
    }
}

.big-title {
    font-weight: 700;
    font-size: 200px;
    line-height: 229px;
    letter-spacing: -0.045em;
    color: rgba(234, 235, 241, 0.5);
    margin-bottom: 0px;
}

@media (max-width: 1199px) {
    .big-title {
        font-size: 140px;
        line-height: 170px;
    }
}

@media (max-width: 991px) {
    .big-title {
        font-size: 110px;
        line-height: 140px;
    }
}

@media (max-width: 767px) {
    .big-title {
        font-size: 80px;
        line-height: 100px;
    }
}

@media (max-width: 575px) {
    .big-title {
        font-size: 50px;
        line-height: 60px;
    }
}

.navabr_btn-set {
    position: relative;
}

.navabr_btn-set:focus {
    outline: 0px;
}

.navabr_btn-set span {
    display: block;
    background-color: rgb(255, 255, 255);
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    transform: rotate(0deg);
    left: 0px;
    opacity: 1;
}

.navabr_btn-set:not(.custom_nav) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    transform: rotate(135deg);
    opacity: 0.9;
}

.navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    transform: rotate(-135deg);
    opacity: 0.9;
}

.navbar-b {
    transition: 0.5s ease-in-out;
    background-color: transparent;
    padding-top: 1.563rem;
    padding-bottom: 1.563rem;
}

.fixed-top {
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
    display: flex;
    left: 0px;
    z-index: 1030;
}

.navbar-toggler span {
    display: block;
    background-color: transparent;
    height: 3px;
    width: 25px;
    z-index: 112;
    margin-top: 4px;
    margin-bottom: 4px;
    transform: rotate(0deg);
    left: 0px;
    opacity: 1;
}

.navbar-toggler span:nth-child(1) {
    transition: transform 0.35s ease-in-out;
}

.navbar-toggler span:nth-child(3) {
    transition: transform 0.35s ease-in-out;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar_nav_modify li {
    text-align: center;
}

.sticky-header header {
    position: fixed;
    width: 100%;
    z-index: 6;
    text-align: center;
    line-height: normal;
    height: 80px;
    background: var(--theme-default);
    color: rgb(255, 255, 255);
    box-shadow: rgba(5, 56, 111, 0.1) 0px 0px 5px 1px;
    transition: 0.4s;
}

.sticky-header header .nav-padding {
    padding: 14px;
}

.sticky-header header.sticky {
    line-height: normal;
    background: var(--theme-default);
    text-align: left;
}

.sticky-header header.sticky .nav-padding {
    padding: 7px 14px;
}

.landing-home .sticky .navbar-brand img {
    max-height: 35px;
}

.title-padding {
    padding: 130px 0px;
}

@keyframes mover {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-4px);
    }
}

@media (max-width: 1440px) {
    .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        padding: 12px 7px;
    }
}

@media only screen and (max-width: 1199px) {
    .sticky-header header.sticky .nav-padding {
        padding: 15px 25px;
    }

    .navbar-toggler span {
        background-color: rgb(255, 255, 255);
    }

    .landing-home .screen1 {
        left: 100px;
        margin-top: 0px;
    }

    .sticky-header .navbar-nav .nav-item .nav-link {
        color: rgb(0, 0, 0);
        font-size: 15px;
        padding: 10px 12px !important;
    }

    .sticky-header .navbar-nav li {
        display: block;
        width: 100%;
    }

    .landing-page .navbar-expand-xl .navbar-collapse {
        background-color: white;
        margin-top: 20px;
        position: absolute;
        width: calc(100% - 30px);
        left: 15px;
        top: 70px;
    }
}

@media only screen and (max-width: 1199px) and (max-width: 575px) {
    .landing-page .navbar-expand-xl .navbar-collapse {
        top: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
        padding: 20px 30px 30px;
    }

    header.sticky .navbar-expand-xl .navbar-collapse {
        top: 50px;
    }

    .landing-main .sticky .navbar-expand-xl .navbar-brand {
        top: 8px;
    }

    .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
        top: 16px;
    }

    .landing-main .navbar-toggler span {
        background-color: rgb(255, 255, 255);
    }

    .landing-main .navbar_nav_modify {
        width: 100vw;
        left: 0px;
        position: fixed;
        height: 100vh;
        background-color: rgb(41, 50, 64);
        top: 0px;
        padding: 120px 0px;
    }

    .landing-main h4 {
        font-size: 20px;
    }

    .landing-main .navbar-expand-xl .navabr_btn-set {
        position: fixed;
        top: 24px;
        z-index: 1;
        right: 20px;
    }

    .landing-main .navbar-expand-xl .navbar-brand {
        padding-left: 5px;
        z-index: 1;
        position: fixed;
        top: 14px;
    }

    .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
        padding: 28px 60px;
        width: 16px;
        margin: 0px auto;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .landing-main .navbar-expand-lg .navbar-brand {
        padding-left: 5px;
    }

    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
        padding: 9px;
    }
}

@media only screen and (max-width: 991px) {
    .landing-home .navbar-brand img {
        height: 35px;
    }

    .frameworks-section > .container {
        max-width: 100%;
    }

    .landing-main .navbar-expand-lg .navbar-collapse {
        position: absolute;
        top: 90px;
        background-color: rgb(255, 255, 255);
        width: calc(100% - 30px);
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
        padding: 15px;
    }

    .landing-main .section-space {
        padding: 60px 0px;
    }

    .landing-main .section-space p {
        font-size: 16px;
    }

    .landing-main .navbar-expand-lg .navbar-toggler {
        background-color: rgb(255, 255, 255);
    }

    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
        margin-top: 5px;
        color: var(--theme-default);
    }

    .landing-main .navbar-expand-lg .navbar-collapse {
        background-color: rgb(255, 255, 255);
        z-index: 111;
    }

    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
        color: rgb(0, 0, 0);
    }

    .landing-main .footer-bg h2 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        padding: 10px 12px;
    }

    header.sticky .navbar-expand-xl .navbar-collapse {
        top: 45px;
    }
}

@media only screen and (max-width: 575px) {
    .landing-home .sticky-header header .nav-padding {
        padding: 15px 30px;
    }

    .page-wrapper .cuba-demo-content, .landing-page .cuba-demo-content {
        margin-bottom: 20px;
    }

    .page-wrapper .section-space, .landing-page .section-space {
        padding: 40px 0px;
        overflow: hidden;
    }

    .landing-main h4 {
        font-size: 17px;
    }

    .landing-main .footer-bg h2 {
        font-size: 21px;
    }
}

@media only screen and (max-width: 480px) {
    .sticky-header header.sticky {
        height: 56px;
    }

    header.sticky .navbar-expand-xl .navbar-collapse {
        top: 36px;
    }

    .landing-home .sticky-header header .nav-padding {
        padding: 15px;
    }

    .landing-home .navbar-toggler {
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .landing-home .navbar-brand img {
        height: 25px;
    }
}

@media only screen and (max-width: 380px) {
    .component-col-set {
        width: 100%;
    }
}

#landings {
    scroll-margin-top: 70px;
}

.landing-tab {
    padding: 6px;
    border: 1px dashed rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    display: flex;
}

@media (max-width: 1199px) {
    .landing-tab {
        display: block;
        margin: auto;
        border-color: rgba(0, 0, 0, 0.4);
    }
}

@media (max-width: 1199px) {
    .landing-tab li {
        width: 100%;
    }
}

.landing-tab li a {
    padding: 6px 16px;
    display: block;
}

@media (max-width: 1400px) {
    .landing-tab li a {
        padding: 6px 12px;
    }
}

.landing-tab li a h6 {
    color: white;
    letter-spacing: 1.5px;
}

@media (max-width: 1199px) {
    .landing-tab li a h6 {
        color: rgba(0, 0, 0, 0.8);
    }
}

.landing-tab li a.active {
    background: linear-gradient(90deg, rgb(115, 102, 255) -18.33%, rgb(86, 62, 224) 62.78%);
    border-radius: 4px;
}

.landing-tab li a.active h6 {
    color: white;
}

.current_lang {
    cursor: pointer;
    text-transform: uppercase;
    overflow: hidden;
}

.lang.selected {
    display: none;
}

.lang span.lang-txt {
    display: inline-flex;
    margin-left: 8px;
    font-weight: 500;
}

.lang span span {
    color: rgb(153, 153, 153);
    font-weight: 400;
    margin-left: 5px;
}

.more_lang {
    transform: translateY(-20px);
    opacity: 0;
    cursor: pointer;
    display: none;
    transition: 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
}

.translate_wrapper.active .more_lang {
    display: block;
    position: absolute;
    background-color: rgb(255, 255, 255);
    top: 47px;
    right: 0px;
    box-shadow: rgba(89, 102, 122, 0.1) 0px 0px 20px;
}

.translate_wrapper.active .more_lang::before {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgb(255, 255, 255);
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 2;
}

.translate_wrapper.active .more_lang::after {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgb(189, 194, 197);
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 1;
}

.more_lang.active {
    opacity: 1;
    transform: translateY(0px);
}

.more_lang .lang {
    padding: 10px 15px;
    display: flex;
}

.more_lang .lang:hover {
    background: var(--theme-default);
    color: rgb(255, 255, 255);
}

.more_lang .lang:hover span {
    color: rgb(255, 255, 255);
}

.translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid rgb(234, 234, 234);
}

.learning-header {
    margin-bottom: 10px;
}

.categories {
    padding: 20px 0px;
}

.categories:last-child {
    padding-bottom: 0px;
}

.categories .learning-header {
    padding-left: 15px;
}

.categories ul li {
    padding: 8px 15px;
}

.categories ul li a {
    color: rgb(64, 64, 64);
}

.categories ul li:hover {
    background-color: rgb(244, 244, 244);
}

@media (max-width: 1199px) {
    .categories ul li {
        padding: 6px 15px;
    }
}

.upcoming-course .d-flex + .d-flex {
    margin-top: 20px;
}

@media (max-width: 1199px) {
    .upcoming-course .d-flex + .d-flex {
        margin-top: 16px;
    }
}

.job-accordion {
    margin-bottom: 0px;
}

.learning-filter .md-sidebar .card-body .job-filter .form-control {
    padding-right: 35px;
}

[dir="rtl"] .learning-filter .md-sidebar .card-body .job-filter .form-control {
    padding-right: 12px;
    padding-left: 35px;
}

@media screen and (max-width: 1366px) and (min-width: 1200px) {
    .learning-comment {
        margin-left: -14px !important;
        float: left !important;
    }

    [dir="rtl"] .learning-comment {
        margin-right: -14px !important;
        margin-left: unset !important;
        float: right !important;
    }

    .blog-box .blog-details .blog-social li:first-child {
        padding-right: 8px;
    }

    .blog-box .blog-details .blog-social li + li {
        padding-left: 8px;
    }
}

@media only screen and (max-width: 991px) {
    .categories {
        padding: 20px 0px;
    }

    .upcoming-course .d-flex + .d-flex {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .categories {
        padding: 15px 0px;
    }

    .upcoming-course .d-flex + .d-flex {
        margin-top: 15px;
    }
}

.login-card {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    background: url("../images/login/login_bg.jpg") center center;
    padding: 30px 12px;
}

.login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.login-card .btn-showcase {
    text-align: center;
}

.login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 15px;
    margin: 0px;
}

.login-card .btn-showcase .btn + .btn {
    margin-left: 8px;
}

[dir="rtl"] .login-card .btn-showcase .btn + .btn {
    margin-left: unset;
    margin-right: 8px;
}

.login-card .btn-showcase .btn i {
    font-size: 18px;
    color: rgb(63, 71, 90);
}

.login-card .btn-showcase .btn svg {
    height: 16px;
    vertical-align: bottom;
}

.login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: rgba(8, 21, 66, 0.05) 0px 0px 37px;
    margin: 0px auto;
    background-color: rgb(255, 255, 255);
}

.login-card .login-main .theme-form h4 {
    margin-bottom: 5px;
}

.login-card .login-main .theme-form label {
    font-size: 15px;
    letter-spacing: 0.4px;
}

.login-card .login-main .theme-form .checkbox label::before {
    background-color: rgb(249, 249, 250);
    border: 1px solid rgb(223, 223, 223);
}

.login-card .login-main .theme-form .or {
    position: relative;
}

.login-card .login-main .theme-form .or::before {
    content: "";
    position: absolute;
    width: 65%;
    height: 2px;
    background-color: rgb(243, 243, 255);
    top: 9px;
    z-index: 0;
    right: 0px;
}

[dir="rtl"] .login-card .login-main .theme-form .or::before {
    right: unset;
    left: 0px;
}

.login-card .login-main .theme-form input {
    background-color: rgb(243, 243, 255);
    transition: 0.3s;
}

.login-card .login-main .theme-form input::-webkit-input-placeholder {
    color: rgb(153, 153, 153);
}

.login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
    border: 1px solid rgb(185, 193, 204);
    transition: 0.3s;
    box-shadow: none !important;
}

.login-card .login-main .theme-form .form-input.position-relative input[type="password"], .login-card .login-main .theme-form .form-input.position-relative input[type="text"] {
    padding: 12px 48px 12px 12px !important;
}

.login-card .login-main .theme-form p {
    margin-bottom: 25px;
    font-size: 14px;
    color: rgb(137, 137, 137);
}

.login-card .login-main .theme-form .form-group {
    margin-bottom: 10px;
    position: relative;
}

.login-card .login-main .theme-form .link {
    position: absolute;
    top: 0px;
    right: 0px;
}

[dir="rtl"] .login-card .login-main .theme-form .link {
    right: unset;
    left: 0px;
}

.login-card .login-main.create-account .theme-form .or::before {
    content: "";
    width: 38%;
}

.login-card .restricted-account .login-main {
    text-align: center;
}

@media (min-width: 635px) {
    .login-card .restricted-account .login-main {
        width: 550px;
    }
}

.login-card .restricted-account .login-main .theme-form h2 {
    margin-bottom: 12px;
}

.login-card .restricted-account .login-main .theme-form img {
    height: calc(171px + 9.0625vw);
    display: block;
    margin: calc(38px + 0.625vw) auto auto;
}

.show-hide {
    position: absolute;
    top: 52px;
    right: 20px;
    transform: translateY(-50%);
}

.show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-default);
}

.show-hide span.show::before {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: rgb(153, 153, 153);
}

.show-hide span::before {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: rgb(153, 153, 153);
}

.needs-validation .invalid-feedback {
    color: rgb(137, 137, 137);
}

.needs-validation .show-hide {
    right: 30px;
}

.needs-validation .invalid-tooltip {
    top: 10px;
    right: 10px;
}

.mega-inline {
    margin-bottom: -30px;
    display: flex;
}

.mega-inline .card {
    border: 1px solid rgb(243, 243, 243);
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
}

.mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.mega-inline .d-flex .radio {
    margin-left: 3px;
}

[dir="rtl"] .mega-inline .d-flex .radio {
    margin-right: 3px;
    margin-left: unset;
}

.megaoption-space span:not(.pull-right):last-child {
    color: rgb(64, 64, 64);
}

.mega-vertical {
    display: flex;
    flex-wrap: wrap;
}

.mega-vertical .card {
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
}

.mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.mega-vertical .d-flex .radio {
    margin-left: 3px;
}

.mega-title {
    font-weight: 600;
}

.mega-horizontal {
    display: flex;
    flex-wrap: wrap;
}

.mega-horizontal .card {
    border: 1px solid rgb(243, 243, 243);
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
}

.mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.mega-horizontal .d-flex .radio {
    margin-left: 3px;
}

.plain-style .card {
    box-shadow: none;
    border: none !important;
}

.border-style .card {
    box-shadow: none;
    border: 1px solid rgb(233, 237, 241) !important;
}

.offer-style .card {
    box-shadow: none;
    border: 1px dashed rgb(233, 237, 241) !important;
}

.rating-star-wrapper {
    color: rgb(121, 121, 121);
}

.card-wrapper .payment-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--chart-dashed-border);
}

.card-wrapper .payment-wrapper:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: unset;
}

.card-wrapper .payment-wrapper .payment-second img {
    width: 50px;
}

.card-wrapper .payment-wrapper .payment-second .mega-icons {
    width: 20px;
    height: 20px;
}

.main-upgrade {
    margin: 0px auto;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.main-upgrade > div:first-child {
    margin-bottom: 20px;
}

.main-upgrade i {
    font-size: calc(38px + 0.625vw);
    display: block;
    color: rgb(115, 102, 255);
}

.main-upgrade p {
    line-height: 1.4;
}

.main-upgrade .variation-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px;
    }
}

@media (max-width: 700px) {
    .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px;
    }
}

@media (max-width: 380px) {
    .main-upgrade .variation-box {
        grid-template-columns: unset;
    }
}

.main-upgrade .variation-box .selection-box {
    position: relative;
    height: 100px;
    border: 1px solid rgb(115, 102, 255);
    min-width: 125px;
    border-radius: 15px;
}

@media (min-width: 1200px) and (max-width: 1920px) {
    .main-upgrade .variation-box .selection-box {
        min-width: calc(85px + 2.08333vw);
    }
}

.main-upgrade .variation-box .selection-box .custom--mega-checkbox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 25px;
    transition: 0.5s;
}

.main-upgrade .variation-box .selection-box input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 118px;
    height: 96px;
    opacity: 0;
    cursor: pointer;
}

[dir="rtl"] .main-upgrade .variation-box .selection-box input {
    left: unset;
    right: 0px;
}

.main-upgrade .variation-box .selection-box input[type="checkbox"]:checked ~ div {
    background-color: rgba(115, 102, 255, 0.1);
    border-radius: 15px;
}

.megaoptions-border-space-sm .d-flex .radio label {
    padding-left: 18px;
}

[dir="rtl"] .megaoptions-border-space-sm .d-flex .radio label {
    padding-left: unset;
    padding-right: 18px;
}

@media (min-width: 618px) and (max-width: 1199px) {
    .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 {
        flex-direction: row;
        gap: 18px;
    }
}

@media (max-width: 618px) {
    .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 {
        flex-direction: column;
        gap: 12px;
    }
}

.megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 .flex-grow-1 {
    margin-top: -6px;
}

@media (max-width: 618px) {
    .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 .flex-grow-1 {
        margin-left: 0px;
    }

    [dir="rtl"] .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 .flex-grow-1 {
        margin-left: unset;
        margin-right: 0px;
    }
}

.megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1:first-child {
    margin-bottom: 0px;
}

.megaoption-space .badge.pull-right, .megaoptions-border-space-sm .badge.pull-right {
    margin-bottom: 12px;
}

.manage-review-wrapper .top-body {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding: 20px;
    position: relative;
}

.manage-review-wrapper .top-body .bootstrap-select {
    width: 118px !important;
    margin-left: 4px;
}

[dir="rtl"] .manage-review-wrapper .top-body .bootstrap-select {
    margin-left: unset;
    margin-right: 4px;
}

.manage-review-wrapper .top-body .bootstrap-select.dropdown-toggle {
    min-width: 100px;
}

.manage-review-wrapper .top-body .form-label {
    margin-bottom: 0px;
}

.manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 20px;
    left: 20px;
    gap: 16px;
    flex-direction: row-reverse;
}

[dir="rtl"] .manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row:first-child {
    left: unset;
    right: 20px;
}

@media (max-width: 991px) {
    .manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row:first-child {
        flex-direction: column-reverse;
        gap: 12px;
        align-items: flex-start;
    }
}

@media (max-width: 599px) and (min-width: 416px) {
    .manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row:first-child {
        top: 70px;
    }
}

@media (max-width: 423px) {
    .manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row:first-child {
        top: 118px;
    }
}

.manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row .dt-buttons {
    margin: 0px;
}

@media (max-width: 370px) {
    .manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row .dt-buttons .btn {
        padding: 6px 9px !important;
    }
}

@media (max-width: 640px) {
    .manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row .dt-layout-cell .dt-search {
        inset: 0px;
        margin: 0px;
    }
}

@media (max-width: 345px) {
    .manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .manage-review-wrapper .top-body ~ .manage-review .dt-container .dt-layout-row .dt-layout-cell .dt-search label {
        margin: 0px;
    }
}

@media (max-width: 1399px) and (min-width: 600px) {
    .manage-review-wrapper .top-body .row {
        flex-direction: column;
    }
}

@media (max-width: 991px) and (min-width: 600px) {
    .manage-review-wrapper .top-body {
        padding-bottom: 30px;
    }
}

@media (max-width: 599px) {
    .manage-review-wrapper .top-body {
        padding-bottom: 120px;
        justify-content: flex-start;
    }
}

@media (max-width: 345px) {
    .manage-review-wrapper .top-body {
        padding-bottom: 143px;
    }
}

.manage-review .recent-table div.dt-container .dt-layout-row .dt-search {
    position: relative;
    inset: unset;
}

@media (max-width: 640px) {
    .manage-review .recent-table div.dt-container .dt-layout-row .dt-search {
        top: 4px;
    }
}

.manage-review .recent-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
    padding: 6px;
    border-radius: 6px;
    opacity: 1;
}

.manage-review .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder {
    opacity: 0;
}

@media (max-width: 991px) {
    .manage-review .recent-table div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.manage-review .recent-table [class*="square-"] {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: rgba(252, 86, 74, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.manage-review .recent-table [class*="square-"] svg {
    fill: rgb(252, 86, 74);
    width: 16px;
    height: 16px;
}

.manage-review .recent-table table thead tr th, .manage-review .recent-table table thead tr td, .manage-review .recent-table table tbody tr th, .manage-review .recent-table table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.manage-review .recent-table table thead tr th:first-child, .manage-review .recent-table table thead tr td:first-child, .manage-review .recent-table table tbody tr th:first-child, .manage-review .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.manage-review .recent-table table thead tr th:last-child, .manage-review .recent-table table thead tr td:last-child, .manage-review .recent-table table tbody tr th:last-child, .manage-review .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.manage-review .recent-table table thead tr th:nth-child(2), .manage-review .recent-table table thead tr td:nth-child(2), .manage-review .recent-table table tbody tr th:nth-child(2), .manage-review .recent-table table tbody tr td:nth-child(2) {
    min-width: 55px;
}

.manage-review .recent-table table thead tr th:nth-child(3), .manage-review .recent-table table thead tr td:nth-child(3), .manage-review .recent-table table tbody tr th:nth-child(3), .manage-review .recent-table table tbody tr td:nth-child(3) {
    min-width: 200px;
}

.manage-review .recent-table table thead tr th:nth-child(4), .manage-review .recent-table table thead tr td:nth-child(4), .manage-review .recent-table table tbody tr th:nth-child(4), .manage-review .recent-table table tbody tr td:nth-child(4) {
    min-width: 214px;
}

.manage-review .recent-table table thead tr th:nth-child(5), .manage-review .recent-table table thead tr td:nth-child(5), .manage-review .recent-table table tbody tr th:nth-child(5), .manage-review .recent-table table tbody tr td:nth-child(5) {
    min-width: 265px;
}

.manage-review .recent-table table thead tr th:nth-child(6), .manage-review .recent-table table thead tr td:nth-child(6), .manage-review .recent-table table tbody tr th:nth-child(6), .manage-review .recent-table table tbody tr td:nth-child(6) {
    min-width: 110px;
}

@media (max-width: 1347px) and (min-width: 1200px) {
    .manage-review .recent-table table thead tr th:nth-child(6), .manage-review .recent-table table thead tr td:nth-child(6), .manage-review .recent-table table tbody tr th:nth-child(6), .manage-review .recent-table table tbody tr td:nth-child(6) {
        display: none;
    }
}

@media (max-width: 1436px) and (min-width: 1200px) {
    .manage-review .recent-table table thead tr th:nth-child(7), .manage-review .recent-table table thead tr td:nth-child(7), .manage-review .recent-table table tbody tr th:nth-child(7), .manage-review .recent-table table tbody tr td:nth-child(7) {
        display: none;
    }
}

.manage-review .recent-table table thead tr th .badge, .manage-review .recent-table table thead tr td .badge, .manage-review .recent-table table tbody tr th .badge, .manage-review .recent-table table tbody tr td .badge {
    padding: 6px 12px;
    font-size: 12px;
}

.manage-review .recent-table table thead tr th .common-f-start, .manage-review .recent-table table thead tr td .common-f-start, .manage-review .recent-table table tbody tr th .common-f-start, .manage-review .recent-table table tbody tr td .common-f-start {
    gap: 8px;
}

.manage-review .recent-table table thead tr th .common-f-start img, .manage-review .recent-table table thead tr td .common-f-start img, .manage-review .recent-table table tbody tr th .common-f-start img, .manage-review .recent-table table tbody tr td .common-f-start img {
    height: 40px;
}

.manage-review .recent-table table thead tr th .common-f-start .user-details, .manage-review .recent-table table thead tr td .common-f-start .user-details, .manage-review .recent-table table tbody tr th .common-f-start .user-details, .manage-review .recent-table table tbody tr td .common-f-start .user-details {
    display: block;
}

.manage-review .recent-table table thead tr th .common-f-start .user-details p, .manage-review .recent-table table thead tr td .common-f-start .user-details p, .manage-review .recent-table table tbody tr th .common-f-start .user-details p, .manage-review .recent-table table tbody tr td .common-f-start .user-details p {
    line-height: 1.3;
    color: rgba(82, 82, 108, 0.8);
}

.manage-review .recent-table table thead tr th .rating, .manage-review .recent-table table thead tr td .rating, .manage-review .recent-table table tbody tr th .rating, .manage-review .recent-table table tbody tr td .rating {
    display: flex;
    gap: 3px;
    padding-bottom: 6px;
}

.manage-review .recent-table table thead tr th .rating i, .manage-review .recent-table table thead tr td .rating i, .manage-review .recent-table table tbody tr th .rating i, .manage-review .recent-table table tbody tr td .rating i {
    font-size: 14px;
}

.manage-review .recent-table table thead tr th .customer-review span, .manage-review .recent-table table thead tr td .customer-review span, .manage-review .recent-table table tbody tr th .customer-review span, .manage-review .recent-table table tbody tr td .customer-review span {
    color: rgba(82, 82, 108, 0.8);
}

@media (max-width: 1199px) {
    .manage-review .recent-table table thead tr th .customer-review span, .manage-review .recent-table table thead tr td .customer-review span, .manage-review .recent-table table tbody tr th .customer-review span, .manage-review .recent-table table tbody tr td .customer-review span {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.manage-review .recent-table table thead tr.dt-hasChild ~ tr[data-dt-row] tbody, .manage-review .recent-table table tbody tr.dt-hasChild ~ tr[data-dt-row] tbody {
    background-color: rgb(250, 250, 250);
}

.manage-review .recent-table table thead tr.dt-hasChild ~ tr[data-dt-row] tbody tr td:first-child, .manage-review .recent-table table tbody tr.dt-hasChild ~ tr[data-dt-row] tbody tr td:first-child {
    min-width: 128px;
    font-weight: 500;
}

.border-opacity-wrapper .border {
    --theme-default: 115, 102, 255;
    border-color: rgba(var(--theme-default), var(--bs-border-opacity)) !important;
}

.border-opacity-wrapper .border a {
    color: rgb(115, 102, 255);
}

.bg-opacity-wrapper > div {
    --theme-default: 115, 102, 255;
    background-color: rgba(var(--theme-default), var(--bs-bg-opacity)) !important;
}

.underline-opacity-wrapper p a {
    text-decoration-line: underline;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    --theme-default: 115, 102, 255;
    color: rgb(115, 102, 255);
    text-decoration-color: rgba(var(--theme-default), var(--bs-link-underline-opacity, 1)) !important;
}

.link-opacity-wrapper p a {
    --theme-default: 115, 102, 255;
    color: rgba(var(--theme-default), var(--bs-link-opacity, 1));
}

.link-opacity-wrapper p a:hover {
    color: rgba(var(--theme-default), var(--bs-link-opacity, 1));
}

.link-body-emphasis {
    text-decoration: underline;
}

.common-order-history .flatpicker-calender .form-control {
    font-size: 14px;
    color: rgb(82, 82, 108);
}

.common-order-history .order-history-wrapper {
    position: relative;
}

@media (max-width: 1399px) {
    .common-order-history .order-history-wrapper .recent-table div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

.common-order-history .order-history-wrapper .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    top: -40px;
    right: -50px;
}

@media (max-width: 1399px) {
    .common-order-history .order-history-wrapper .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
        width: 90%;
        display: block;
    }
}

.common-order-history .order-history-wrapper .recent-table div.dt-container .dt-layout-row .dt-length {
    top: -45px;
    left: 20px;
}

.common-order-history .order-history-wrapper .recent-table table thead tr th, .common-order-history .order-history-wrapper .recent-table table thead tr td, .common-order-history .order-history-wrapper .recent-table table tbody tr th, .common-order-history .order-history-wrapper .recent-table table tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.common-order-history .order-history-wrapper .recent-table table thead tr th:first-child, .common-order-history .order-history-wrapper .recent-table table thead tr td:first-child, .common-order-history .order-history-wrapper .recent-table table tbody tr th:first-child, .common-order-history .order-history-wrapper .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.common-order-history .order-history-wrapper .recent-table table thead tr th:last-child, .common-order-history .order-history-wrapper .recent-table table thead tr td:last-child, .common-order-history .order-history-wrapper .recent-table table tbody tr th:last-child, .common-order-history .order-history-wrapper .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.common-order-history .order-history-wrapper .recent-table table thead tr th .badge, .common-order-history .order-history-wrapper .recent-table table thead tr td .badge, .common-order-history .order-history-wrapper .recent-table table tbody tr th .badge, .common-order-history .order-history-wrapper .recent-table table tbody tr td .badge {
    padding: 6px 12px;
}

.common-order-history .order-history-wrapper .recent-table table thead tr th a, .common-order-history .order-history-wrapper .recent-table table thead tr td a, .common-order-history .order-history-wrapper .recent-table table tbody tr th a, .common-order-history .order-history-wrapper .recent-table table tbody tr td a {
    font-weight: 500;
}

@media (max-width: 1415px) and (min-width: 1261px) {
    .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(4), .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(4), .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(4), .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1260px) {
    .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(2), .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(2), .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(2), .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(2) {
        min-width: 104px;
    }

    .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(3), .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(3), .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(3), .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(3) {
        min-width: 180px;
    }

    .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(4), .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(4), .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(4), .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(4) {
        min-width: 140px;
    }

    .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(5), .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(5), .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(5), .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(5) {
        min-width: 122px;
    }

    .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(6), .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(6), .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(6), .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(6) {
        min-width: 140px;
    }

    .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(7), .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(7), .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(7), .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(7) {
        min-width: 148px;
    }
}

.common-order-history .order-history-wrapper .recent-table table tbody .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.common-order-history .order-history-wrapper .recent-table table tbody .square-white svg {
    fill: rgba(82, 82, 108, 0.8);
    width: 16px;
    height: 16px;
}

.common-order-history .form-select {
    font-size: 14.5px;
    color: rgba(82, 82, 108, 0.8);
}

.track-order-details h6 {
    position: relative;
}

.track-order-details #order-status-timeline .status-bar {
    background-color: var(--recent-dashed-border);
    width: 80%;
    height: 3px;
    position: absolute;
    top: 18px;
    transform: translateX(-50%);
    left: 50%;
}

[dir="rtl"] .track-order-details #order-status-timeline .status-bar {
    left: unset;
    right: 50%;
    transform: translateX(50%);
}

@media (max-width: 1399px) {
    .track-order-details #order-status-timeline .status-bar {
        top: 13px;
    }
}

@media (max-width: 575px) {
    .track-order-details #order-status-timeline .status-bar {
        transform: translateX(-50%) rotate(90deg);
        left: calc(50% - 68px);
        width: 220px;
        top: 50%;
    }

    [dir="rtl"] .track-order-details #order-status-timeline .status-bar {
        left: unset;
        right: calc(50% - 68px);
        transform: translateX(50%) rotate(-90deg);
    }
}

@media (max-width: 400px) {
    .track-order-details #order-status-timeline .status-bar {
        left: 14px;
    }

    [dir="rtl"] .track-order-details #order-status-timeline .status-bar {
        left: unset;
        right: 14px;
    }
}

.track-order-details #order-status-timeline .status-bar.progress::after {
    content: "";
    position: absolute;
    background-color: var(--theme-default);
    height: 100%;
}

.track-order-details #order-status-timeline .status-bar.progress.step-one::after {
    width: 0%;
}

.track-order-details #order-status-timeline .status-bar.progress.step-two::after {
    width: 25%;
}

.track-order-details #order-status-timeline .status-bar.progress.step-three::after {
    width: 50%;
}

.track-order-details #order-status-timeline .status-bar.progress.step-four::after {
    width: 75%;
}

.track-order-details #order-status-timeline .status-bar.progress.step-five::after {
    width: 100%;
}

.track-order-details #order-status-timeline .main-status-line ul {
    position: relative;
    display: flex;
}

@media (max-width: 575px) {
    .track-order-details #order-status-timeline .main-status-line ul {
        overflow: auto;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .track-order-details #order-status-timeline .main-status-line ul li {
        width: 25%;
    }
}

@media (max-width: 400px) {
    .track-order-details #order-status-timeline .main-status-line ul {
        align-items: unset;
    }
}

.track-order-details #order-status-timeline .main-status-line ul li {
    text-align: center;
    width: 22%;
}

@media (max-width: 575px) {
    .track-order-details #order-status-timeline .main-status-line ul li {
        text-align: unset;
        align-items: center;
        display: flex;
        width: 165px;
    }

    .track-order-details #order-status-timeline .main-status-line ul li + li {
        margin-top: 21px;
    }
}

@media (max-width: 400px) {
    .track-order-details #order-status-timeline .main-status-line ul li {
        width: 100%;
    }
}

.track-order-details #order-status-timeline .main-status-line ul li .order-process {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    width: 38px;
    height: 38px;
    font-size: 16px;
    border-radius: 50%;
    color: var(--recent-dashed-border);
    border: 1px solid var(--recent-dashed-border);
    background-color: var(--white);
}

.track-order-details #order-status-timeline .main-status-line ul li .order-process.active {
    border-color: var(--theme-default);
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.track-order-details #order-status-timeline .main-status-line ul li .order-process.active svg {
    stroke: rgb(255, 255, 255);
}

@media (max-width: 1399px) {
    .track-order-details #order-status-timeline .main-status-line ul li .order-process {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }
}

.track-order-details #order-status-timeline .main-status-line ul li .order-process svg {
    width: 30px;
    height: 30px;
    stroke: rgb(82, 82, 108);
}

.track-order-details #order-status-timeline .main-status-line ul li .order-process span {
    line-height: 0;
}

.track-order-details #order-status-timeline .main-status-line ul li h6 {
    margin: 10px 0px 0px;
    color: rgb(82, 82, 108);
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1399px) {
    .track-order-details #order-status-timeline .main-status-line ul li h6 {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }
}

@media (max-width: 575px) {
    .track-order-details #order-status-timeline .main-status-line ul li h6 {
        width: calc(100% - 36px);
        margin: 0px 0px 0px 8px;
    }

    [dir="rtl"] .track-order-details #order-status-timeline .main-status-line ul li h6 {
        margin: 0px 8px 0px 0px;
    }
}

.summary-header {
    flex-wrap: wrap;
}

.order-details-product table thead th {
    padding-top: 0px;
    font-size: 16px;
}

.order-details-product table tbody tr:last-child td {
    border-bottom: unset;
    padding-bottom: 0px;
}

.order-details-product table tbody tr td:last-child {
    font-weight: 500;
    color: rgb(63, 71, 90);
}

.order-details-product table tbody ul li > p {
    margin-bottom: 0px;
    display: inline-block;
}

.order-details-product table tbody ul li .common-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: rgba(82, 82, 108, 0.8);
    margin: 1px 6px;
}

.order-details-product table tbody ul li:last-child p, .order-details-product table tbody ul li:last-child span {
    color: rgb(82, 82, 108);
}

.order-details-product table tbody .light-product-box {
    min-width: calc(68.8px + 1.625vw);
    width: calc(68.8px + 1.625vw);
    height: calc(60px + 1.5625vw);
    border-radius: 3px;
    background-color: var(--chart-progress-light);
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-details-product table tbody .light-product-box img {
    height: calc(35.6px + 1.375vw);
}

@media (max-width: 1199px) {
    .order-details-product table thead tr th:nth-child(2), .order-details-product table thead tr td:nth-child(2), .order-details-product table tbody tr th:nth-child(2), .order-details-product table tbody tr td:nth-child(2) {
        min-width: 220px;
    }
}

.order-details-product table thead tr th a, .order-details-product table thead tr td a, .order-details-product table tbody tr th a, .order-details-product table tbody tr td a {
    color: var(--body-font-color);
}

.tracking-total li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    gap: 8px;
}

.tracking-total li:nth-child(3) {
    padding-bottom: 0px;
}

.tracking-total li:last-child {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(82, 82, 108, 0.1);
    padding-bottom: 0px;
}

.tracking-total li h6, .tracking-total li span {
    color: rgb(82, 82, 108);
    font-weight: 400;
}

.customer-details li {
    padding-bottom: 14px;
}

.customer-details li:first-child {
    padding-top: 0px;
}

.customer-details li:last-child {
    padding-bottom: 0px;
}

.customer-details h6 {
    font-weight: 400;
    color: rgb(36, 41, 52);
    margin-bottom: 3px;
}

.customer-details span {
    color: rgb(108, 117, 125);
    line-height: 1.5;
}

.main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .form-select, .main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .form-control {
    font-size: 13px;
    color: rgb(82, 82, 108);
}

.main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .form-label {
    color: rgb(36, 41, 52);
}

.common-offcanvas .offcanvas {
    position: fixed;
    background-color: var(--white);
    z-index: 1045;
}

.common-offcanvas .offcanvas.offcanvas-start.show {
    box-shadow: rgba(137, 137, 137, 0.1) 8px 0px 8px -2px;
}

.common-offcanvas .offcanvas .offcanvas-body svg {
    color: var(--body-font-color);
}

.pagination-theme .page-item .page-link {
    color: var(--theme-default) !important;
}

.pagination-theme .page-item.active .page-link {
    border-color: var(--theme-default);
    color: rgb(255, 255, 255) !important;
    background-color: var(--theme-default) !important;
}

.pagination-primary .page-item .page-link {
    color: var(--theme-default) !important;
}

.pagination-primary .page-item.active .page-link {
    border-color: var(--theme-default);
    color: rgb(255, 255, 255) !important;
    background-color: var(--theme-default) !important;
}

.pagination-secondary .page-item .page-link {
    color: rgb(131, 131, 131) !important;
}

.pagination-secondary .page-item.active .page-link {
    border-color: rgb(131, 131, 131);
    color: rgb(255, 255, 255) !important;
    background-color: rgb(131, 131, 131) !important;
}

.pagination-success .page-item .page-link {
    color: rgb(101, 193, 92) !important;
}

.pagination-success .page-item.active .page-link {
    border-color: rgb(101, 193, 92);
    color: rgb(255, 255, 255) !important;
    background-color: rgb(101, 193, 92) !important;
}

.pagination-danger .page-item .page-link {
    color: rgb(252, 86, 74) !important;
}

.pagination-danger .page-item.active .page-link {
    border-color: rgb(252, 86, 74);
    color: rgb(255, 255, 255) !important;
    background-color: rgb(252, 86, 74) !important;
}

.pagination-info .page-item .page-link {
    color: rgb(64, 184, 245) !important;
}

.pagination-info .page-item.active .page-link {
    border-color: rgb(64, 184, 245);
    color: rgb(255, 255, 255) !important;
    background-color: rgb(64, 184, 245) !important;
}

.pagination-dark .page-item .page-link {
    color: rgb(63, 71, 90) !important;
}

.pagination-dark .page-item.active .page-link {
    border-color: rgb(63, 71, 90);
    color: rgb(255, 255, 255) !important;
    background-color: rgb(63, 71, 90) !important;
}

.pagination-warning .page-item .page-link {
    color: rgb(255, 184, 41) !important;
}

.pagination-warning .page-item.active .page-link {
    border-color: rgb(255, 184, 41);
    color: rgb(255, 255, 255) !important;
    background-color: rgb(255, 184, 41) !important;
}

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
    background-color: rgb(232, 229, 255);
}

.pagin-border-primary .page-item .page-link {
    border-color: rgb(232, 229, 255);
}

.pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
    background-color: rgb(232, 229, 255);
}

.pagin-border-primary .page-item .page-link:focus {
    box-shadow: unset;
}

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
    background-color: rgb(242, 242, 242);
}

.pagin-border-secondary .page-item .page-link {
    border-color: rgb(242, 242, 242);
}

.pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
    background-color: rgb(242, 242, 242);
}

.pagin-border-secondary .page-item .page-link:focus {
    box-shadow: unset;
}

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
    background-color: rgb(220, 241, 218);
}

.pagin-border-success .page-item .page-link {
    border-color: rgb(220, 241, 218);
}

.pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
    background-color: rgb(220, 241, 218);
}

.pagin-border-success .page-item .page-link:focus {
    box-shadow: unset;
}

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
    background-color: rgb(255, 232, 230);
}

.pagin-border-danger .page-item .page-link {
    border-color: rgb(255, 232, 230);
}

.pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
    background-color: rgb(255, 232, 230);
}

.pagin-border-danger .page-item .page-link:focus {
    box-shadow: unset;
}

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
    background-color: rgb(255, 247, 229);
}

.pagin-border-warning .page-item .page-link {
    border-color: rgb(255, 247, 229);
}

.pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
    background-color: rgb(255, 247, 229);
}

.pagin-border-warning .page-item .page-link:focus {
    box-shadow: unset;
}

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
    background-color: rgb(213, 245, 254);
}

.pagin-border-info .page-item .page-link {
    border-color: rgb(213, 245, 254);
}

.pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
    background-color: rgb(213, 245, 254);
}

.pagin-border-info .page-item .page-link:focus {
    box-shadow: unset;
}

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
    background-color: rgb(249, 249, 251);
}

.pagin-border-light .page-item .page-link {
    border-color: rgb(249, 249, 251);
}

.pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
    background-color: rgb(249, 249, 251);
}

.pagin-border-light .page-item .page-link:focus {
    box-shadow: unset;
}

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
    background-color: rgb(234, 235, 242);
}

.pagin-border-dark .page-item .page-link {
    border-color: rgb(234, 235, 242);
}

.pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
    background-color: rgb(234, 235, 242);
}

.pagin-border-dark .page-item .page-link:focus {
    box-shadow: unset;
}

@media (max-width: 576px) {
    .pagination-lg .page-item .page-link {
        font-size: calc(8.75px + 1.95312vw);
        padding: calc(12px + 0vw) calc(-3px + 4.6875vw);
    }
}

@media (max-width: 576px) {
    .pagination-md .page-item .page-link {
        font-size: calc(8.75px + 1.95312vw);
    }
}

@media (max-width: 339px) {
    .pagination {
        justify-content: center;
    }
}

.pagination .page-item:active {
    background-color: unset;
}

.pagination .page-item .page-link.rounded-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
}

.pricing-simple {
    box-shadow: rgba(68, 102, 242, 0.05) 0px 0px 10px 5px;
    margin-bottom: 0px !important;
}

.pricing-simple .card-body {
    border-bottom: none;
    text-align: left;
}

[dir="rtl"] .pricing-simple .card-body {
    text-align: right;
}

.pricing-simple .card-body h4 {
    position: relative;
    margin-bottom: 38px;
}

.pricing-simple .card-body h4::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    margin: 0px;
    left: 0px;
    bottom: -10px;
    background-color: rgb(153, 153, 153);
}

[dir="rtl"] .pricing-simple .card-body h4::before {
    left: unset;
    right: 0px;
}

.pricing-simple .card-body h5 {
    font-size: calc(35.2px + 0.25vw);
    line-height: 0.9;
    margin-bottom: 24px;
    font-weight: 400;
}

.pricingtable {
    text-align: center;
    padding-block: 20px; border-radius: 10px;
    box-shadow: rgba(8, 21, 66, 0.05) 0px 0px 40px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 100%;
}

.pricingtable::before, .pricingtable::after {
    content: "";
    background-color: var(--theme-default);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1;
    opacity: 0.1;
}

[dir="rtl"] .pricingtable::before, [dir="rtl"] .pricingtable::after {
    right: unset;
    left: -213px;
}

.pricing-simple .pricing-content li {
    text-align: left;
    margin-bottom: calc(10.8px + 0.375vw);
    text-transform: capitalize;
    color: rgb(82, 82, 108);
}

.pricing-simple .pricing-content li:last-child {
    margin-bottom: 0px;
}

.pricing-simple .pricing-content li i {
    padding-right: 8px;
    color: var(--theme-default);
}

[dir="rtl"] .pricing-simple .pricing-content li {
    text-align: right;
}

[dir="rtl"] .pricing-simple .pricing-content li i {
    padding-right: unset;
    padding-left: 8px;
}

.pricingtable::after {
    background-color: var(--theme-default);
    width: 300px;
    height: 300px;
    inset: auto auto -210px -160px;
    opacity: 0.1;
}

[dir="rtl"] .pricingtable::after {
    right: -160px;
    left: auto;
}

.pricingtable .title {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pricingtable .price-value {
    color: rgb(255, 255, 255);
    background-color: var(--theme-default);
    width: 130px;
    height: 130px;
    padding: 45px 0px 0px;
    margin: 0px auto 25px;
    border-radius: 50%;
}

.pricingtable .price-value .duration {
    margin: 0px 0px 0px -5px;
}

[dir="rtl"] .pricingtable .price-value .duration {
    margin: 0px -5px 0px 0px;
}

.pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block;
}

.pricingtable .price-value .currency {
    vertical-align: top;
}

.pricingtable .pricing-content {
    margin: 0px 0px 25px;
    display: inline-block;
}

.pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0px 0px 20px;
    position: relative;
    padding-left: 30px;
}

[dir="rtl"] .pricingtable .pricing-content li {
    text-align: right;
    padding-left: unset;
    padding-right: 30px;
}

.pricingtable .pricing-content li:last-child {
    margin: 0px;
}

.pricingtable .pricing-content li::before {
    content: "";
    color: var(--theme-default);
    font-family: "Font Awesome 6 Free";
    text-align: center;
    width: 20px;
    height: 20px;
    font-weight: 600;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 0px;
}

[dir="rtl"] .pricingtable .pricing-content li::before {
    left: unset;
    right: 0px;
}

@media only screen and (max-width: 991px) {
    .pricing-simple .card-body h1 {
        margin-bottom: 20px;
    }

    .pricing-simple .card-body h3 {
        margin-bottom: 28px;
    }
}

@media only screen and (max-width: 575px) {
    .pricing-simple .card-body h1 {
        margin-bottom: 15px;
    }

    .pricing-block > div {
        flex: 1 1 100%;
    }
}

.progress-showcase .progress {
    margin-bottom: 10px;
}

.progress-showcase .progress:last-child {
    margin-bottom: 0px;
}

.sm-progress-bar {
    height: 8px;
}

.lg-progress-bar {
    height: 20px;
}

.progress-number button {
    width: 2rem;
    height: 2rem;
    color: rgb(255, 255, 255);
    border: unset;
}

.progress-number .progress-wrapper {
    height: 1px;
}

.progress-number .progress-wrapper.progress {
    background-color: var(--recent-dashed-border);
}

.progress-number .progress-wrapper .progress-bar {
    background-color: var(--theme-default);
}

button.progress-btn {
    background-color: rgb(246, 249, 253);
    border-color: rgb(246, 249, 253);
    color: var(--body-font-color);
}

.small-progressbar {
    position: relative;
    overflow: visible;
}

.small-progressbar::after {
    position: absolute;
    content: "";
    top: -2px;
    right: -9px;
    background-color: rgb(115, 102, 255);
    width: 12px;
    height: 12px;
    border-radius: 100%;
}

[dir="rtl"] .small-progressbar::after {
    left: -9px;
    right: unset;
}

.small-progressbar .progress-label {
    position: absolute;
    top: -26px;
    right: -6px;
    font-weight: 700;
}

[dir="rtl"] .small-progressbar .progress-label {
    right: unset;
    left: -6px;
}

.small-progressbar .animate-circle {
    position: absolute;
    top: -11px;
    right: -18px;
    height: 30px;
    width: 30px;
    border: 14px solid rgb(115, 102, 255);
    border-radius: 70px;
    animation: 1s ease-in-out 0s infinite normal none running heart;
}

[dir="rtl"] .small-progressbar .animate-circle {
    right: unset;
    left: -18px;
}

@keyframes heart {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    25% {
        transform: scale(0.1);
        opacity: 1;
    }

    50% {
        transform: scale(0.5);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.progress-b-space .progress {
    margin-bottom: 35px;
}

.step-progress-wrapper .step-progress-box ul {
    overflow: auto hidden;
}

.step-progress-wrapper .progress-box {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.step-progress-wrapper ul {
    display: flex;
}

.step-progress-wrapper ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    flex-direction: column;
    margin: 0px 30px;
}

.step-progress-wrapper ul li:first-child {
    margin-left: 0px;
}

[dir="rtl"] .step-progress-wrapper ul li:first-child {
    margin-left: 30px;
    margin-right: 0px;
}

.step-progress-wrapper ul li:last-child {
    margin-right: 0px;
}

[dir="rtl"] .step-progress-wrapper ul li:last-child {
    margin-left: 0px;
    margin-right: 30px;
}

@media screen and (max-width: 1580px) and (min-width: 1200px) {
    [dir="rtl"] .step-progress-wrapper ul li:first-child {
        margin-left: 5px;
        margin-right: 0px;
    }

    [dir="rtl"] .step-progress-wrapper ul li:last-child {
        margin-left: 0px;
        margin-right: 5px;
    }
}

.step-progress-wrapper ul li svg {
    color: rgb(101, 193, 92);
    margin: 0px 30px;
}

.step-progress-wrapper ul li .p-step svg {
    color: rgb(255, 255, 255);
    margin: 0px;
}

.step-progress-wrapper ul li h6 {
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
    color: rgb(101, 193, 92);
}

.step-progress-wrapper ul li .p-step {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: rgb(101, 193, 92);
    margin: 16px 0px 10px;
    display: grid;
    place-items: center;
    position: relative;
    cursor: pointer;
}

.step-progress-wrapper ul li .p-step svg {
    display: none;
}

.step-progress-wrapper ul li .p-step p {
    margin: 0px;
    color: rgb(255, 255, 255);
}

.step-progress-wrapper ul li .active {
    background-color: rgb(101, 193, 92);
}

.step-progress-wrapper ul li .active p {
    display: none;
}

.step-progress-wrapper ul li .active svg {
    display: flex;
    z-index: 2;
    width: 14px;
    height: 14px;
}

.step-progress-wrapper .p-step::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 3px;
    background-color: transparent;
    right: 0px;
}

[dir="rtl"] .step-progress-wrapper .p-step::after {
    right: unset;
    left: 0px;
}

.step-progress-wrapper .first::after {
    width: 0px;
    height: 0px;
}

.step-progress-wrapper li .active::after {
    background-color: rgb(101, 193, 92);
}

@media (max-width: 1815px) and (min-width: 1581px) {
    .step-progress-wrapper ul li {
        margin: 0px 15px;
    }

    [dir="rtl"] .step-progress-wrapper ul li:first-child {
        margin-left: 15px;
        margin-right: unset;
    }

    [dir="rtl"] .step-progress-wrapper ul li:last-child {
        margin-left: unset;
        margin-right: 15px;
    }

    .step-progress-wrapper ul li .p-step::after {
        width: 140px;
    }
}

@media (max-width: 1408px) and (min-width: 1200px) {
    .step-progress-wrapper ul li svg {
        margin: 0px 28px;
    }
}

[class*="title-line-"]::before {
    content: "";
    width: 4px;
    height: 26px;
    top: 23px;
    position: absolute;
    left: 0px;
    border-radius: 0px 10px 10px 0px;
}

.common-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--white);
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.common-circle:hover {
    transform: translateY(-4px) scale(1.02);
    transition: 0.5s;
}

.project-list .progress-project-box .row {
    margin: 15px;
}

.project-list button:focus {
    outline: none !important;
}

.project-list .theme-form .form-group {
    margin-bottom: 15px;
}

.project-list .border-tab.nav-tabs .nav-item .nav-link {
    border: 1px solid transparent;
    padding: 5px 30px 5px 0px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.project-list .btn {
    margin-right: 5px;
    vertical-align: -12px;
    float: right;
}

.project-list .btn svg {
    vertical-align: middle;
    height: 16px;
}

.project-list ul {
    border-bottom: 0px;
    margin-bottom: 0px !important;
}

.project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.new-project-wrapper .apexcharts-legend {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    flex-direction: unset !important;
}

.new-project-wrapper .apexcharts-legend .apexcharts-legend-series {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0px 6px;
    margin: 0px !important;
}

.new-project-wrapper .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin-left: -14px;
}

.project-header > div {
    width: 46px;
    height: 46px;
    box-shadow: rgba(115, 102, 255, 0.2) 0px 6px 12px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: var(--white);
}

.project-header > div svg {
    width: 20px;
    height: 26px;
}

.project-header span {
    font-size: 12px;
    padding: 9px 21px;
}

.project-chart-wrap .apexcharts-legend-text {
    padding-left: 18px;
}

.scope-bottom-wrapper .sidebar-left-icons {
    display: block;
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item {
    position: relative;
    padding-bottom: 66px;
    overflow: hidden;
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item:last-child {
    padding-bottom: 0px;
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
    content: "";
    position: absolute;
    border: 1px dashed var(--recent-dashed-border);
    top: 75px;
    height: 50px;
    left: 38px;
}

@media (max-width: 1839px) and (min-width: 1661px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
        left: 30px;
    }
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
        left: 35px;
    }
}

@media (max-width: 1399px) and (min-width: 320px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
        left: 30px;
    }
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item:last-child::before {
    content: unset;
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item:nth-child(4) svg {
    stroke: rgb(82, 82, 108);
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0px 12px 8px;
    position: relative;
}

@media (max-width: 1839px) and (min-width: 320px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link {
        gap: 8px;
    }
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active {
    background: linear-gradient(90deg, rgb(115, 102, 255) -175.57%, rgba(115, 102, 255, 0) 65.16%);
    color: unset;
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .absolute-border::before {
    content: "";
    position: absolute;
    top: 0px;
    height: 100%;
    background-color: var(--theme-default);
    border: 3px solid var(--theme-default);
    border-radius: 20px;
    left: 0px;
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .absolute-border::after {
    content: "";
    width: 35px;
    height: 35px;
    position: absolute;
    background-color: var(--theme-default);
    top: 50%;
    border: 5px solid var(--theme-default);
    transform: translate(-50%, -50%);
    left: -8px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded {
    border: 1px solid var(--theme-default);
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .product-tab-content h6 {
    color: var(--theme-default);
    font-weight: 500;
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border: 1px solid var(--recent-dashed-border);
    position: relative;
    z-index: 2;
    border-radius: 100%;
    padding: 2px;
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px 0px inset;
}

@media (max-width: 1839px) and (min-width: 1661px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
        width: 33px;
        height: 33px;
        min-width: 33px;
    }
}

@media (max-width: 1399px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
        width: 33px;
        height: 33px;
        min-width: 33px;
    }
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons {
    min-width: 100%;
    height: 100%;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg {
    width: 20px;
    height: 20px;
    fill: rgb(82, 82, 108);
}

@media (max-width: 1839px) and (min-width: 1661px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 1399px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg {
        width: 16px;
        height: 16px;
    }
}

@media (min-width: 1200px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        color: var(--body-font-color);
        font-weight: 400;
    }
}

@media (max-width: 1199px) {
    .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
}

.scope-bottom-wrapper .sidebar-left-icons:first-child {
    padding-top: 0px;
}

@media (max-width: 1199px) {
    .scope-bottom-wrapper .sidebar-left-icons {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
    }

    .scope-bottom-wrapper .sidebar-left-icons .nav-item {
        padding-bottom: 0px;
    }

    .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
        content: unset;
    }
}

@media (max-width: 1024px) {
    .scope-bottom-wrapper .sidebar-left-icons {
        justify-content: flex-start;
    }
}

.progress-project {
    border: 2px solid rgb(255, 255, 255);
}

.progress-project .common-space svg {
    width: 15px;
    height: 15px;
    stroke: var(--theme-default);
}

.progress-project .common-space .common-align {
    gap: 6px;
}

.progress-project .common-space .common-align .badge {
    background-color: rgba(82, 82, 108, 0.1);
    padding: 4px 7px;
}

.progress-project .common-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.progress-project .progress-project-box .card, .progress-project .progress-project-box .list-box {
    padding: calc(15.6px + 0.125vw);
    cursor: pointer;
    background-color: var(--recent-chart-bg);
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px 0px;
}

.progress-project .progress-project-box .card .header-top, .progress-project .progress-project-box .list-box .header-top {
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.progress-project .progress-project-box .card .project-body span, .progress-project .progress-project-box .list-box .project-body span {
    color: rgba(82, 82, 108, 0.8);
    margin-bottom: 8px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.progress-project .progress-project-box .card .project-body .progress, .progress-project .progress-project-box .list-box .project-body .progress {
    height: 6px;
    margin-bottom: 8px;
}

.progress-project .progress-project-box:last-child .card {
    margin-bottom: 0px;
}

.progress-project .progress-project-box ul li + li {
    margin-left: -12px;
}

[dir="rtl"] .progress-project .progress-project-box ul li + li {
    margin-left: unset;
    margin-right: -12px;
}

.progress-project .progress-project-box ul li img {
    transition: 0.5s;
}

.progress-project .progress-project-box ul li img:hover, .progress-project .progress-project-box ul li .light-background:hover {
    transform: translateY(-4px) scale(1.02);
    transition: 0.5s;
}

.progress-project .progress-project-box .badge {
    padding: calc(5.2px + 0.25vw) calc(4.8px + 0.375vw);
    font-size: 12px;
}

.progress-project .progress-project-box .project-body h6 {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.progress-project .progress-project-box .project-body > img {
    width: 100%;
    height: calc(76.8px + 2.5625vw);
    border-radius: 5px;
    margin-bottom: 15px;
    object-fit: cover;
}

.progress-project .progress-project-box .project-body ul {
    padding-bottom: calc(11.4px + 0.1875vw);
}

.progress-project .progress-project-box .project-body .project-bottom {
    padding-top: calc(10.8px + 0.375vw);
    border-top: 1px solid rgba(82, 82, 108, 0.1);
    flex-wrap: wrap;
    gap: 6px;
}

.progress-project .progress-project-box .project-body .project-bottom .common-flex span {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .progress-project .progress-project-box .project-body .project-bottom .common-flex svg {
        width: 14px;
        height: 14px;
    }
}

.progress-project .progress-project-box .project-body .project-bottom span {
    background-color: var(--light-bg);
    padding: calc(3.6px + 0.125vw) calc(7.2px + 0.25vw);
    border-radius: 5px;
}

.progress-project .progress-project-box .project-body .project-bottom svg {
    width: 16px;
    height: 16px;
    stroke: rgba(82, 82, 108, 0.8);
    vertical-align: text-top;
}

.progress-project .progress-project-box .list-box {
    position: relative;
    border: none;
    transition: 0.3s;
    letter-spacing: 0.5px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.progress-project .progress-project-box .list-box ul li img {
    width: 32px;
    height: 32px;
    border: 2px solid var(--white);
}

.progress-project .progress-project-box:last-child .list-box {
    margin-bottom: 0px;
}

.progress-project .common-box {
    width: 28px;
    height: 28px;
    background-color: rgba(255, 184, 41, 0.15);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.budget-card.widget-2 {
    background-image: url("../images/project/widget-bg.png");
    background-size: cover;
    margin-bottom: 25px;
    transition: 0.5s;
}

.budget-card.widget-2:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

.budget-card .common-space {
    gap: 6px;
}

@media (max-width: 1697px) {
    .budget-card .common-space {
        flex-wrap: wrap;
    }
}

.budget-card .common-space h6 {
    padding-bottom: 8px;
    font-size: calc(17.2px + 0.25vw);
}

.budget-card .common-space span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
}

@media (max-width: 1697px) {
    .expense-chart-wrap {
        margin: -20px 0px;
    }
}

.common-project-header {
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 644px) {
    .common-project-header {
        display: block;
    }
}

.common-project-header .customers li {
    cursor: pointer;
}

.common-project-header .customers li .common-circle {
    width: 40px;
    height: 40px;
}

@media (max-width: 644px) {
    .common-project-header .customers li .common-circle {
        width: 30px;
        height: 30px;
    }

    .common-project-header .customers li .common-circle span {
        font-size: 13px;
    }
}

@media (max-width: 644px) {
    .common-project-header .common-space {
        padding-bottom: 18px;
    }
}

@media (max-width: 400px) {
    .common-project-header .common-space {
        flex-direction: column;
        align-items: flex-start;
    }
}

.common-project-header h6 {
    margin-left: -46px;
    font-weight: 400;
}

@media (max-width: 1685px) and (min-width: 320px) {
    .common-project-header h6 {
        margin-left: -54px;
    }
}

@media (max-width: 644px) {
    .common-project-header h6 {
        margin-left: 0px;
    }
}

.common-project-header > .common-align {
    gap: 16px;
}

@media (max-width: 644px) {
    .common-project-header .common-align {
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 8px;
    }

    .common-project-header .common-align .customers {
        text-align: end;
    }

    .common-project-header .common-align .customers li img {
        height: 30px;
        width: 30px !important;
    }
}

@media (max-width: 435px) {
    .common-project-header .common-align {
        align-items: flex-end;
        flex-direction: column;
    }
}

@media (max-width: 400px) {
    .common-project-header .common-align {
        align-items: flex-start;
    }

    .common-project-header .common-align .customers {
        text-align: start;
    }
}

.common-project-header .common-align:last-child .common-align li svg {
    width: 18px;
    height: 18px;
    stroke: rgb(82, 82, 108);
    vertical-align: sub;
    margin-right: 6px;
}

@media (max-width: 445px) {
    .common-project-header .common-align:last-child .common-align li svg {
        width: 14px;
        height: 14px;
        vertical-align: middle;
    }
}

.common-project-header .common-align:last-child .common-align li:first-child {
    padding-right: 15px;
}

.common-project-header .common-align:last-child .common-align li + li {
    border-left: 1px solid rgba(82, 82, 108, 0.8);
    padding-left: 15px;
}

.common-project-header .common-align:last-child .common-align li span {
    color: rgba(82, 82, 108, 0.8);
}

@media (max-width: 435px) {
    .common-project-header .common-align:last-child .common-align li:first-child {
        padding-right: 0px;
    }

    .common-project-header .common-align:last-child .common-align li + li {
        border-left: unset;
        padding-left: 0px;
    }
}

.filter-header svg {
    width: 20px;
    height: 20px;
}

.filter-header .btn-group .dropdown-toggle {
    border: 1px solid rgba(82, 82, 108, 0.2);
    color: rgba(82, 82, 108, 0.8);
    padding: calc(3.2px + 0.25vw) calc(35.2px + 0.25vw) calc(3.2px + 0.25vw) calc(10.4px + 0.5vw);
}

.filter-header .btn-group .dropdown-toggle::after {
    content: "";
    position: absolute;
    border: unset;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 12px;
}

.filter-header .btn-group .dropdown-menu li .dropdown-item {
    color: rgba(82, 82, 108, 0.8);
    opacity: 1;
}

.common-searchbox .input-group-text {
    background-color: var(--recent-box-bg);
}

.common-searchbox .form-control {
    border-left: 0px;
    padding-left: 0px;
    background-color: var(--recent-box-bg);
}

.common-searchbox .form-control:focus {
    box-shadow: unset;
    color: rgba(82, 82, 108, 0.8);
    border-color: rgb(239, 239, 239);
}

.attachment-file {
    align-items: center;
    gap: 30px;
    padding: 12px;
    background-color: var(--light-background);
    width: calc(250.6px + 1.375vw);
    min-width: calc(250.6px + 1.375vw);
    justify-content: space-between;
}

@media (max-width: 1780px) and (min-width: 576px) {
    .attachment-file {
        gap: 14px;
        width: 218px;
        min-width: 218px;
    }
}

.attachment-file .common-flex img {
    height: 36px;
}

.attachment-file i {
    font-size: 16px;
}

.project-todo .crm-todo-list li {
    border-bottom: unset;
}

.project-todo .crm-todo-list li + li {
    padding-top: 0px;
}

.project-todo .crm-todo-list li .flex-grow-1 span, .project-todo .crm-todo-list li .flex-grow-1 h6 {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1383px) and (min-width: 320px) {
    .project-todo .crm-todo-list li {
        gap: 14px;
    }
}

@media (max-width: 400px) {
    .main-summary .card-header .common-space {
        flex-wrap: wrap;
        gap: 8px;
    }
}

.summary-section > li {
    border-bottom: 1px dashed rgba(82, 82, 108, 0.2);
}

.summary-section > li:last-child {
    border-bottom: unset;
}

.summary-section > li:last-child .common-space {
    gap: 10px;
}

.summary-section > li:last-child .common-space > li ul li:not(:last-child) {
    margin-bottom: 8px;
}

@media (max-width: 557px) {
    .summary-section > li:last-child .common-space > li ul {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 18px;
    }

    .summary-section > li:last-child .common-space > li ul li:not(:last-child) {
        margin-bottom: 0px;
    }
}

@media (max-width: 1660px) and (min-width: 1200px) {
    .summary-section > li:last-child .common-space > li:last-child {
        display: none;
    }
}

@media (max-width: 575px) {
    .summary-section > li:last-child .common-space {
        flex-wrap: wrap;
    }
}

.summary-section > li p {
    color: rgba(82, 82, 108, 0.8);
}

@media (max-width: 1660px) and (min-width: 320px) {
    .summary-section > li p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.summary-section > li span.badge {
    padding: 6px 10px;
    border-radius: 2px;
    font-size: 12px;
}

.summary-section > li .d-block > p {
    color: var(--body-font-color);
}

.summary-chart-box {
    background-color: rgb(247, 248, 249);
    border-radius: 10px;
}

@media (min-width: 641px) {
    .project-pending-table.recent-table div.dt-container .dt-layout-row .dt-search {
        top: 30px;
        right: 55px;
    }
}

.project-pending-table.recent-table table thead tr th, .project-pending-table.recent-table table thead tr td, .project-pending-table.recent-table table tbody tr th, .project-pending-table.recent-table table tbody tr td {
    min-width: auto;
    color: rgba(82, 82, 108, 0.8) !important;
}

.project-pending-table.recent-table table thead tr th:first-child, .project-pending-table.recent-table table thead tr td:first-child, .project-pending-table.recent-table table tbody tr th:first-child, .project-pending-table.recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.project-pending-table.recent-table table thead tr th:nth-child(4) .btn, .project-pending-table.recent-table table thead tr td:nth-child(4) .btn, .project-pending-table.recent-table table tbody tr th:nth-child(4) .btn, .project-pending-table.recent-table table tbody tr td:nth-child(4) .btn {
    padding: 10px;
}

.project-pending-table.recent-table table thead tr th:last-child, .project-pending-table.recent-table table thead tr td:last-child, .project-pending-table.recent-table table tbody tr th:last-child, .project-pending-table.recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.project-pending-table.recent-table table thead tr th:last-child .btn, .project-pending-table.recent-table table thead tr td:last-child .btn, .project-pending-table.recent-table table tbody tr th:last-child .btn, .project-pending-table.recent-table table tbody tr td:last-child .btn {
    min-width: 132px;
    width: 132px;
}

@media (max-width: 1735px) and (min-width: 1661px) {
    .project-pending-table.recent-table table thead tr th:nth-child(4), .project-pending-table.recent-table table thead tr td:nth-child(4), .project-pending-table.recent-table table tbody tr th:nth-child(4), .project-pending-table.recent-table table tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1636px) and (min-width: 1661px) {
    .project-pending-table.recent-table table thead tr th:nth-child(3), .project-pending-table.recent-table table thead tr td:nth-child(3), .project-pending-table.recent-table table tbody tr th:nth-child(3), .project-pending-table.recent-table table tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1336px) and (min-width: 1200px) {
    .project-pending-table.recent-table table thead tr th:nth-child(4), .project-pending-table.recent-table table thead tr td:nth-child(4), .project-pending-table.recent-table table tbody tr th:nth-child(4), .project-pending-table.recent-table table tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .project-pending-table.recent-table table thead tr th:first-child, .project-pending-table.recent-table table thead tr td:first-child, .project-pending-table.recent-table table tbody tr th:first-child, .project-pending-table.recent-table table tbody tr td:first-child {
        min-width: 100px;
    }

    .project-pending-table.recent-table table thead tr th:nth-child(2), .project-pending-table.recent-table table thead tr td:nth-child(2), .project-pending-table.recent-table table tbody tr th:nth-child(2), .project-pending-table.recent-table table tbody tr td:nth-child(2) {
        min-width: 199px;
    }

    .project-pending-table.recent-table table thead tr th:nth-child(4), .project-pending-table.recent-table table thead tr td:nth-child(4), .project-pending-table.recent-table table tbody tr th:nth-child(4), .project-pending-table.recent-table table tbody tr td:nth-child(4) {
        min-width: 74px;
    }
}

.project-pending-table.recent-table table thead tr th a, .project-pending-table.recent-table table thead tr td a, .project-pending-table.recent-table table tbody tr th a, .project-pending-table.recent-table table tbody tr td a {
    color: var(--body-font-color);
}

.project-pending-table.recent-table table thead tr th img, .project-pending-table.recent-table table thead tr td img, .project-pending-table.recent-table table tbody tr th img, .project-pending-table.recent-table table tbody tr td img {
    height: calc(32.8px + 0.375vw);
    border-radius: 50%;
}

.activity-wrapper .schedule-wrapper {
    border: unset;
    margin-bottom: 18px;
    justify-content: center;
    gap: 8px;
}

@media (max-width: 1818px) and (min-width: 320px) {
    .activity-wrapper .schedule-wrapper {
        justify-content: flex-start;
        display: flex;
    }
}

@media (max-width: 1399px) and (min-width: 768px) {
    .activity-wrapper .schedule-wrapper {
        gap: 20px;
    }
}

.activity-wrapper .schedule-wrapper .nav-item a {
    border: unset;
    padding: 8px 14px;
    background-color: rgba(82, 82, 108, 0.1);
    border-radius: 5px;
}

.activity-wrapper .schedule-wrapper .nav-item .nav-link.active {
    background-color: var(--theme-default);
}

.activity-wrapper .schedule-wrapper .nav-item .nav-link.active span, .activity-wrapper .schedule-wrapper .nav-item .nav-link.active h6 {
    color: rgb(255, 255, 255);
}

.activity-wrapper .schedule-wrapper .nav-item .nav-link.active span {
    font-weight: 400;
}

.activity-wrapper .tab-content .activity-update > li {
    border-left: 3px solid rgba(82, 82, 108, 0.2);
    margin-bottom: 28px;
    gap: 8px;
}

.activity-wrapper .tab-content .activity-update > li:last-child {
    margin-bottom: 0px;
}

.activity-wrapper .tab-content .activity-update > li .flex-grow-1 {
    margin-left: 10px;
}

.activity-wrapper .tab-content .activity-update > li .flex-grow-1 h6 {
    margin-bottom: 6px;
    font-weight: 400;
    color: var(--body-font-color);
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-wrapper .tab-content .activity-update > li .flex-shrink-0 {
    text-align: end;
}

.activity-wrapper .tab-content .activity-update > li .flex-shrink-0 svg {
    width: 14px;
    height: 14px;
    fill: rgba(82, 82, 108, 0.5);
    vertical-align: text-top;
    margin-right: 6px;
}

.invite-member ul li {
    margin-bottom: 24px;
}

.invite-member ul li:last-child {
    margin-bottom: 0px;
}

.invite-member ul li img {
    height: 40px;
    border-radius: 50%;
}

@media (max-width: 575px) {
    .invite-member ul li img {
        height: 30px;
    }
}

.invite-member ul li svg {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.invite-member ul li svg:focus {
    outline: unset;
}

.invite-member ul li .d-flex {
    gap: 10px;
}

.invite-member ul li .flex-grow-1 h6 {
    font-weight: 400;
}

.invite-member ul li .flex-grow-1 span {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-comment-wrapper li .flex-grow-1 h6 {
    font-weight: 400;
}

.user-comment-wrapper li .flex-grow-1 .btn {
    padding: 4px 6px;
    border-radius: 5px;
    font-weight: 500;
    background-color: var(--light-slate);
    font-size: 13px;
}

.user-comment-wrapper li .flex-grow-1 .btn:active {
    border-color: transparent;
}

.user-comment-wrapper li .flex-grow-1 .btn svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    stroke: rgba(82, 82, 108, 0.8);
}

.user-comment-wrapper li .flex-grow-1 span {
    margin-bottom: 10px;
    font-size: 13px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-comment-wrapper li + li {
    margin-top: 18px;
    margin-left: 46px;
}

.user-comment-wrapper li img {
    height: 40px;
    border-radius: 50%;
}

.task-overview {
    margin: 0px 0px -20px;
}

.cmt-box {
    padding-top: 25px;
}

@media (max-width: 1845px) and (min-width: 320px) {
    .cmt-box {
        padding-top: 18px;
    }
}

.cmt-box .form-control {
    background-color: rgb(247, 248, 249);
    width: calc(100% - 65px);
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .cmt-box .form-control {
        height: 2px;
        width: calc(100% - 42px);
    }
}

@media (max-width: 575px) {
    .cmt-box .form-control {
        height: 2px;
        width: calc(100% - 42px);
    }
}

.cmt-box .form-control:focus {
    box-shadow: unset;
    border-color: rgba(82, 82, 108, 0.2);
}

.cmt-box i {
    width: 61px;
    height: 61px;
    display: grid;
    place-content: center;
    border-radius: 5px;
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
    font-size: calc(13.2px + 0.25vw);
    cursor: pointer;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .cmt-box i {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 575px) {
    .cmt-box i {
        width: 38px;
        height: 38px;
    }
}

.project-budget-wrapper .form-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.project-budget-wrapper .progress {
    background: linear-gradient(180.36deg, rgb(207, 220, 232) -32.82%, rgb(255, 255, 255) 132.82%);
    height: 10px;
    margin: 13px 0px 6px;
}

@media (max-width: 1399px) {
    .project-budget-wrapper .progress {
        margin: 4px 0px 6px;
    }
}

.project-budget-wrapper textarea {
    background-color: rgb(247, 248, 249);
    color: rgba(82, 82, 108, 0.8);
}

.project-budget-wrapper .form-check-input:focus, .project-budget-wrapper .form-control:focus {
    box-shadow: unset;
    border-color: rgb(233, 237, 241);
}

.project-budget-wrapper .touchspin-wrapper {
    padding: 8px 9px;
    background-color: rgb(247, 248, 249);
    border-radius: 5px;
}

.project-budget-wrapper .touchspin-wrapper .btn-touchspin {
    background-color: var(--white);
    box-shadow: rgba(115, 102, 255, 0.13) 0px 9px 16px 0px;
    border: transparent;
}

@media (max-width: 575px) {
    .project-budget-wrapper .touchspin-wrapper .btn-touchspin {
        width: 28px;
        height: 28px;
    }
}

.project-budget-wrapper .touchspin-wrapper .btn-touchspin i {
    color: rgba(82, 82, 108, 0.8);
    line-height: unset;
}

.project-budget-wrapper .touchspin-wrapper .input-touchspin {
    border: transparent;
    background-color: transparent;
}

.project-budget-wrapper .card-footer .btn:first-of-type {
    margin-right: 12px;
}

[dir="rtl"] .project-budget-wrapper .card-footer .btn:first-of-type {
    margin-right: unset;
    margin-left: 12px;
}

.overall-budget div.dt-container .dt-layout-row .dt-search {
    right: -50px;
}

.overall-budget.recent-table table thead tr th, .overall-budget.recent-table table thead tr td, .overall-budget.recent-table table tbody tr th, .overall-budget.recent-table table tbody tr td {
    min-width: auto;
    color: rgb(82, 82, 108);
}

.overall-budget.recent-table table thead tr th:first-child, .overall-budget.recent-table table thead tr td:first-child, .overall-budget.recent-table table tbody tr th:first-child, .overall-budget.recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.overall-budget.recent-table table thead tr th:last-child, .overall-budget.recent-table table thead tr td:last-child, .overall-budget.recent-table table tbody tr th:last-child, .overall-budget.recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1623px) and (min-width: 1400px) {
    .overall-budget.recent-table table thead tr th:nth-child(2), .overall-budget.recent-table table thead tr td:nth-child(2), .overall-budget.recent-table table tbody tr th:nth-child(2), .overall-budget.recent-table table tbody tr td:nth-child(2) {
        display: none;
    }
}

@media (max-width: 1023px) {
    .overall-budget.recent-table table thead tr th:first-child, .overall-budget.recent-table table thead tr td:first-child, .overall-budget.recent-table table tbody tr th:first-child, .overall-budget.recent-table table tbody tr td:first-child {
        min-width: 104px;
    }

    .overall-budget.recent-table table thead tr th:nth-child(n+2), .overall-budget.recent-table table thead tr td:nth-child(n+2), .overall-budget.recent-table table tbody tr th:nth-child(n+2), .overall-budget.recent-table table tbody tr td:nth-child(n+2) {
        min-width: 121px;
    }
}

.main-team-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .main-team-box {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1399px) and (min-width: 630px) {
    .main-team-box {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 630px) {
    .main-team-box {
        grid-template-columns: 1fr;
    }
}

.main-team-box > div {
    position: relative;
    background-color: rgb(247, 248, 249);
    box-shadow: unset;
    margin: 45px 0px 0px;
    border-radius: 15px;
    letter-spacing: 0.5px;
    border: none;
}

.main-team-box > div:hover {
    box-shadow: unset;
}

.team-box-circle {
    position: absolute;
    width: calc(75.6px + 0.75vw);
    height: calc(75.6px + 0.75vw);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    border-radius: 100%;
    left: 50%;
    top: -45px;
    transform: translateX(-50%);
    z-index: 0;
}

.team-box-circle img {
    height: calc(55.6px + 0.75vw);
}

.team-box-content {
    text-align: center;
    margin-top: 40px;
    padding: 20px;
}

.team-box-content h6 a {
    color: var(--body-font-color);
}

.team-box-content p {
    color: rgba(82, 82, 108, 0.8);
}

.team-box-content .common-space span {
    font-weight: 400;
}

.team-box-content .common-space > span {
    color: rgba(82, 82, 108, 0.8);
    font-weight: 500;
}

.team-box-content .progress {
    background: linear-gradient(180.36deg, rgb(207, 220, 232) -32.82%, rgb(255, 255, 255) 132.82%);
    height: 6px;
    margin: 8px 0px 5px;
    border-radius: 50px;
}

.team-box-footer {
    padding: 20px;
    border-top: 1px dashed rgba(82, 82, 108, 0.2);
}

.team-box-footer p {
    color: rgba(82, 82, 108, 0.8);
}

.team-box-footer .common-space {
    text-align: center;
    gap: 8px;
    flex-wrap: wrap;
}

.attach-files-wrapper .common-f-start {
    gap: calc(14.2px + 0.5625vw);
    flex-wrap: wrap;
}

@media (max-width: 362px) {
    .attach-files-wrapper .common-f-start {
        justify-content: center;
    }
}

.attach-files-wrapper .common-f-start > div {
    width: calc(133.2px + 2.125vw);
    height: calc(97.2px + 2.125vw);
    border-radius: 8px;
    place-content: center;
    display: grid;
    place-items: center;
    gap: calc(7.2px + 0.25vw);
}

.attach-files-wrapper .common-f-start > div .outer-file-circle {
    width: calc(41.2px + 1.1875vw);
    height: calc(41.2px + 1.1875vw);
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.attach-files-wrapper .common-f-start > div .outer-file-circle svg {
    width: calc(20.4px + 0.5vw);
    height: calc(20.4px + 0.5vw);
}

.attach-files-wrapper .common-f-start > div p {
    font-weight: 500;
}

.attach-files-wrapper .upload-files-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px 20px;
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .attach-files-wrapper .upload-files-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1399px) and (min-width: 576px) {
    .attach-files-wrapper .upload-files-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575px) {
    .attach-files-wrapper .upload-files-wrapper {
        grid-template-columns: 1fr;
    }
}

.attach-files-wrapper .upload-files-wrapper > div {
    background-color: rgb(247, 248, 249);
    padding: 18px;
    border-radius: 10px;
}

.attach-files-wrapper .upload-files-wrapper > div .d-flex {
    gap: 22px;
    margin-bottom: 25px;
    align-items: center;
}

.attach-files-wrapper .upload-files-wrapper > div .d-flex svg {
    width: calc(23.4px + 0.8125vw);
    height: calc(46.6px + 0.4375vw);
}

.attach-files-wrapper .upload-files-wrapper > div .d-flex p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attach-files-wrapper .upload-files-wrapper > div .common-space p, .attach-files-wrapper .upload-files-wrapper > div .common-space span {
    color: rgba(82, 82, 108, 0.8);
}

.attach-files-wrapper .upload-files-wrapper > div .progress {
    margin-top: 8px;
    background: linear-gradient(180.36deg, rgb(207, 220, 232) -32.82%, rgb(255, 255, 255) 99.69%);
    height: 6px;
}

.attach-files-wrapper .upload-files-wrapper > div.upload-file-box {
    background-color: rgba(115, 102, 255, 0.1);
    border: 1px dashed var(--theme-default);
    display: grid;
    cursor: pointer;
}

.attach-files-wrapper .upload-files-wrapper > div.upload-file-box .d-flex {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.attach-files-wrapper .upload-files-wrapper > div.create-file-box {
    background-color: rgba(255, 184, 41, 0.1);
    border: 1px dashed rgb(255, 184, 41);
    display: grid;
    cursor: pointer;
}

.attach-files-wrapper .upload-files-wrapper > div.create-file-box .d-flex {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-timeline .notification ul li:last-child {
    padding-bottom: 0px;
}

.project-timeline .notification ul li h6 {
    margin-bottom: 6px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-timeline .notification ul li .date-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media (max-width: 767px) {
    .project-timeline .notification ul li .date-time {
        flex-direction: column;
        align-items: flex-start;
    }

    .project-timeline .notification ul li .date-time .activity-profile {
        border-left: unset;
        padding-left: 0px;
        margin-left: 0px;
    }
}

.project-timeline .notification ul li span {
    color: rgba(82, 82, 108, 0.8);
}

.project-timeline .notification ul li span .activity-profile {
    border-left: 1px solid rgba(82, 82, 108, 0.2);
    padding-left: 10px;
    margin-left: 10px;
}

.project-timeline .notification ul li span .activity-profile img {
    margin-right: 6px;
}

.project-timeline .notification ul li span .activity-profile span {
    vertical-align: text-top;
    color: rgba(82, 82, 108, 0.8);
}

.project-timeline .notification ul li > div span:not(.activity-profile, .activity-profile span, .date-time) {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-timeline .notification ul li .upload-doc {
    background-color: rgb(247, 248, 249);
    padding: 12px 15px;
    min-width: calc(219.8px + 4.4375vw);
    width: calc(219.8px + 4.4375vw);
}

.project-timeline .notification ul li .upload-doc .d-flex {
    align-items: center;
    gap: 15px;
}

.project-timeline .notification ul li .upload-doc svg {
    width: 29px;
    height: 39px;
}

.project-timeline .notification ul li .flowchart-wrapper {
    gap: 25px;
    padding: calc(14.2px + 0.5625vw);
    background-color: rgb(247, 248, 249);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 621px) {
    .project-timeline .notification ul li .flowchart-wrapper {
        gap: 18px;
    }
}

@media (max-width: 606px) {
    .project-timeline .notification ul li .flowchart-wrapper {
        justify-content: center;
    }
}

.project-timeline .notification ul li .flowchart-wrapper .flowchart-img img {
    height: 100px;
    border-radius: 8px;
    width: 135px;
    object-fit: cover;
    object-position: center center;
}

.project-timeline .notification ul li .project-teammate ul::before {
    content: unset;
}

.project-timeline .notification ul li .project-teammate ul li {
    padding-bottom: 0px;
}

.project-timeline .notification ul li .project-teammate ul li + li {
    margin-left: -12px;
}

[dir="rtl"] .project-timeline .notification ul li .project-teammate ul li + li {
    margin-left: unset;
    margin-right: -12px;
}

.project-timeline .notification ul li .project-teammate ul li img {
    transition: 0.5s;
}

.project-timeline .notification ul li .project-teammate ul li img:hover, .project-timeline .notification ul li .project-teammate ul li .light-background:hover {
    transform: translateY(-4px) scale(1.02);
    transition: 0.5s;
}

.project-timeline .notification ul li .project-task-note {
    border: 1px dashed rgba(82, 82, 108, 0.3);
}

.project-timeline .notification ul li .project-task-note thead tr th:first-child, .project-timeline .notification ul li .project-task-note thead tr td:first-child, .project-timeline .notification ul li .project-task-note tbody tr th:first-child, .project-timeline .notification ul li .project-task-note tbody tr td:first-child {
    min-width: 152px;
}

.project-timeline .notification ul li .project-task-note thead tr th:nth-child(2), .project-timeline .notification ul li .project-task-note thead tr td:nth-child(2), .project-timeline .notification ul li .project-task-note tbody tr th:nth-child(2), .project-timeline .notification ul li .project-task-note tbody tr td:nth-child(2) {
    min-width: 265px;
}

.project-timeline .notification ul li .project-task-note thead tr th:nth-child(3), .project-timeline .notification ul li .project-task-note thead tr td:nth-child(3), .project-timeline .notification ul li .project-task-note tbody tr th:nth-child(3), .project-timeline .notification ul li .project-task-note tbody tr td:nth-child(3) {
    min-width: 112px;
}

.project-timeline .notification ul li .project-task-note thead tr th:nth-child(n+4), .project-timeline .notification ul li .project-task-note thead tr td:nth-child(n+4), .project-timeline .notification ul li .project-task-note tbody tr th:nth-child(n+4), .project-timeline .notification ul li .project-task-note tbody tr td:nth-child(n+4) {
    min-width: 130px;
}

.project-timeline .notification ul li .project-task-note .project-header {
    background-color: var(--recent-chart-bg);
    border-bottom: 1px solid rgba(82, 82, 108, 0.3);
}

.project-timeline .notification ul li .project-task-note .project-content {
    background-color: rgba(82, 82, 108, 0.1);
}

.project-timeline .notification ul li .project-task-note .project-content td .common-f-start::before {
    content: unset;
}

.project-timeline .notification ul li .project-task-note .project-content td .common-f-start li {
    padding-bottom: 0px;
}

.project-timeline .notification ul li .project-task-note .project-content td .common-f-start li + li {
    margin-left: -12px;
}

[dir="rtl"] .project-timeline .notification ul li .project-task-note .project-content td .common-f-start li + li {
    margin-left: unset;
    margin-right: -12px;
}

.project-timeline .notification ul li .project-task-note .project-content td .common-f-start li img {
    transition: 0.5s;
}

.project-timeline .notification ul li .project-task-note .project-content td .common-f-start li img:hover, .project-timeline .notification ul li .project-task-note .project-content td .common-f-start li .light-background:hover {
    transform: translateY(-4px) scale(1.02);
    transition: 0.5s;
}

.project-timeline .notification ul li .project-task-note .project-content td .btn-white {
    color: rgb(82, 82, 108);
}

.project-timeline .notification ul li .project-task-note .project-content td .badge {
    padding: 10px;
    border-left: unset;
    margin: 0px;
}

.project-timeline .notification ul li .project-task-note .project-content td .btn {
    background-color: var(--white);
}

.project-timeline .notification ul li .project-task-note .project-content td ul li img {
    width: 32px;
    height: 32px;
    border: 2px solid var(--white);
}

.project-cards .project-list .main-card-box {
    border: 1px solid var(--white);
    border-radius: 5px;
}

.project-cards .project-list .main-card-box > .common-space {
    flex-wrap: wrap;
}

.project-cards .project-list .main-card-box .common-f-start li .common-circle {
    width: 40px;
    height: 40px;
}

@media (max-width: 575px) {
    .project-cards .project-list .main-card-box .common-f-start li .common-circle {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
}

.project-cards .project-list .main-card-box .cost-performance-wrapper {
    width: 180px;
}

.project-cards .project-list .main-card-box .cost-performance-wrapper .apexcharts-graphical {
    transform: scale(0.8);
}

.project-cards .project-list .main-card-box .cost-performance-wrapper .apexcharts-tooltip span {
    color: rgb(255, 255, 255);
}

.project-cards .project-list .main-card-box .cost-right-data ul li {
    padding: calc(10.8px + 0.0625vw);
}

.project-cards .project-list .main-card-box .cost-right-data ul li:first-child {
    border-bottom: 1px dashed rgba(82, 82, 108, 0.2);
}

.project-cards .project-list .main-card-box .cost-right-data ul li span {
    color: rgba(82, 82, 108, 0.8);
}

.project-cards .project-list .main-card-box > .common-space {
    border-bottom: 1px dashed rgba(82, 82, 108, 0.2);
}

.project-cards .project-list .main-card-box .project-right-icon {
    width: calc(34px + 0.625vw);
    height: calc(34px + 0.625vw);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-cards .project-list .main-card-box .project-right-icon i {
    font-size: calc(15.2px + 0.25vw);
}

.project-cards .project-list .main-card-box .highlight-content .common-space {
    flex-wrap: wrap;
    gap: 6px;
}

.project-cards .project-list .main-card-box .highlight-content .common-space svg {
    height: calc(13.6px + 0.125vw);
    vertical-align: middle;
    margin-right: 6px;
}

.project-cards .project-list .main-card-box .highlight-content .common-space span {
    font-size: calc(13.6px + 0.125vw);
}

@media (max-width: 370px) {
    .project-cards .project-list .main-card-box .highlight-content .common-space {
        flex-direction: column;
        align-items: flex-start;
    }
}

.project-cards .project-list .main-card-box span {
    color: var(--body-font-color);
}

.project-cards .project-list .main-card-box ul.common-f-start::before {
    content: unset;
}

.project-cards .project-list .main-card-box ul.common-f-start li {
    padding-bottom: 0px;
}

.project-cards .project-list .main-card-box ul.common-f-start li + li {
    margin-left: -12px;
}

[dir="rtl"] .project-cards .project-list .main-card-box ul.common-f-start li + li {
    margin-left: unset;
    margin-right: -12px;
}

.project-cards .project-list .main-card-box ul.common-f-start li img {
    transition: 0.5s;
}

.project-cards .project-list .main-card-box ul.common-f-start li img:hover, .project-cards .project-list .main-card-box ul.common-f-start li .light-background:hover {
    transform: translateY(-4px) scale(1.02);
    transition: 0.5s;
}

.project-cards .project-list .main-card-box .project-list-card {
    padding: 20px;
}

.project-cards .project-list .main-card-box .project-list-card .common-space {
    padding-bottom: 6px;
}

.project-cards .project-list .main-card-box .project-list-card .common-space:last-child {
    padding-bottom: 0px;
}

.project-cards .project-list .main-card-box .highlight-content {
    padding: 20px;
}

.project-cards .project-list .main-card-box .highlight-content .common-space {
    padding-bottom: 6px;
}

.project-cards .project-list .main-card-box .highlight-content .common-space:last-child {
    padding-bottom: 0px;
}

@media (max-width: 1784px) {
    .project-cards .project-list .main-card-box .main-cost-performance .common-space {
        flex-wrap: wrap;
        justify-content: center;
    }

    .project-cards .project-list .main-card-box .main-cost-performance .common-space .cost-right-data ul {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(-5.6px + 1.75vw);
    }

    .project-cards .project-list .main-card-box .main-cost-performance .common-space .cost-right-data ul li:first-child {
        border-bottom: unset;
    }
}

@media (max-width: 1399px) {
    .project-cards .project-list .main-card-box .main-cost-performance .common-space {
        flex-direction: column;
    }
}

.project-tabs {
    flex-wrap: wrap;
    gap: 12px;
}

.project-tabs.common-space .nav-tabs {
    margin-bottom: 0px;
    border: unset;
}

.project-tabs.common-space .nav-tabs .nav-item .nav-link {
    padding-bottom: 0px;
    text-align: left;
}

.project-tabs.common-space .nav-tabs .nav-item .nav-link svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

@media (max-width: 645px) and (min-width: 576px) {
    .project-tabs.common-space .nav-tabs .nav-item .nav-link {
        padding: 10px 15px;
    }
}

@media (max-width: 575px) {
    .project-tabs.common-space .nav-tabs .nav-item .nav-link {
        padding: 10px 0px;
    }
}

@media (min-width: 576px) {
    .project-tabs.common-space .nav-tabs .nav-item:first-child .nav-link {
        padding-left: 0px;
    }

    .project-tabs.common-space .nav-tabs .nav-item:last-child .nav-link {
        padding-right: 0px;
    }
}

@media (max-width: 575px) {
    .project-tabs.common-space .nav-tabs .nav-item .nav-link {
        font-size: 14px;
    }

    .project-tabs.common-space .nav-tabs .nav-item:first-child .nav-link {
        padding-top: 0px;
    }
}

.project-tabs.common-space .btn i {
    vertical-align: middle;
    margin-right: 8px;
}

@media (max-width: 575px) {
    .project-tabs {
        flex-direction: column;
        align-items: flex-start;
    }
}

.projects-wrapper .card, .projects-wrapper .list-box {
    padding: calc(15.6px + 0.125vw);
    cursor: pointer;
    background-color: var(--recent-chart-bg);
    box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px 0px;
}

.projects-wrapper .card .header-top, .projects-wrapper .list-box .header-top {
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.projects-wrapper .card .project-body span, .projects-wrapper .list-box .project-body span {
    color: rgba(82, 82, 108, 0.8);
    margin-bottom: 8px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projects-wrapper .card .project-body .progress, .projects-wrapper .list-box .project-body .progress {
    height: 6px;
    margin-bottom: 8px;
}

.projects-wrapper:last-child .card {
    margin-bottom: 0px;
}

.projects-wrapper ul li + li {
    margin-left: -12px;
}

[dir="rtl"] .projects-wrapper ul li + li {
    margin-left: unset;
    margin-right: -12px;
}

.projects-wrapper ul li img {
    transition: 0.5s;
}

.projects-wrapper ul li img:hover, .projects-wrapper ul li .light-background:hover {
    transform: translateY(-4px) scale(1.02);
    transition: 0.5s;
}

.projects-wrapper .badge {
    padding: calc(5.2px + 0.25vw) calc(4.8px + 0.375vw);
    font-size: 12px;
}

.projects-wrapper .project-body h6 {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projects-wrapper .project-body > img {
    width: 100%;
    height: calc(76.8px + 2.5625vw);
    border-radius: 5px;
    margin-bottom: 15px;
    object-fit: cover;
}

.projects-wrapper .project-body ul {
    padding-bottom: calc(11.4px + 0.1875vw);
}

.projects-wrapper .project-body .project-bottom {
    padding-top: calc(10.8px + 0.375vw);
    border-top: 1px solid rgba(82, 82, 108, 0.1);
    flex-wrap: wrap;
    gap: 6px;
}

.projects-wrapper .project-body .project-bottom .common-flex span {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .projects-wrapper .project-body .project-bottom .common-flex svg {
        width: 14px;
        height: 14px;
    }
}

.projects-wrapper .project-body .project-bottom span {
    background-color: var(--light-bg);
    padding: calc(3.6px + 0.125vw) calc(7.2px + 0.25vw);
    border-radius: 5px;
}

.projects-wrapper .project-body .project-bottom svg {
    width: 16px;
    height: 16px;
    stroke: rgba(82, 82, 108, 0.8);
    vertical-align: text-top;
}

.projects-wrapper .list-box {
    border-radius: 2px;
}

.projects-wrapper [class*="title-line-"]::before {
    left: 12px;
}

.projects-wrapper svg {
    width: 16px;
    height: 16px;
    vertical-align: sub;
}

.projects-wrapper .project-body .common-f-start:not(ul) {
    margin-bottom: 24px;
}

.projects-wrapper .project-body .common-f-start:not(ul) img {
    height: calc(46.6px + 1.0625vw);
    border-radius: 14px;
}

@media (max-width: 400px) {
    .projects-wrapper .project-body .common-f-start:not(ul) {
        flex-wrap: wrap;
        margin-bottom: 6px;
    }
}

.projects-wrapper .project-body .project-bottom .common-f-start {
    padding-bottom: 0px;
}

.projects-wrapper .project-body .project-bottom p {
    color: rgba(82, 82, 108, 0.8);
}

.projects-wrapper .project-body .project-bottom p span {
    margin-bottom: 0px;
    background-color: unset;
    padding: 0px;
    border-radius: 0px;
    color: var(--body-font-color);
    font-weight: 500;
}

.projects-wrapper .project-body .project-bottom ul li img {
    width: 32px;
    height: 32px;
    border: 1px solid var(--white);
}

.projects-wrapper:last-child .card {
    margin-bottom: 20px;
}

.projects-wrapper .header-top .badge-light-success:hover {
    background-color: rgba(101, 193, 92, 0.15);
}

.projects-wrapper .header-top .badge-light-warning:hover {
    background-color: rgba(255, 184, 41, 0.1);
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .recent-xl-50 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .recent-xl-23 {
        max-width: 23%;
        flex: 0 0 23%;
    }

    .recent-xl-77 {
        max-width: 77%;
        flex: 0 0 77%;
    }
}

.placeholder-light {
    background-color: rgb(63, 71, 90);
    opacity: 0.08;
}

.loading-card-wrapper img {
    height: calc(110px + 4.6875vw);
    object-fit: cover;
}

.placeholder-body {
    display: flex;
    align-items: center;
    gap: 14px;
}

.placeholder-body .placeholder-start .square {
    width: calc(48px + 0.625vw);
    height: calc(48px + 0.625vw);
    border-radius: 5px;
    background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%) 0% 0% / 800px 100px;
    animation: 2s ease-out 0s infinite normal none running wave-square-lines;
}

.placeholder-body .placeholder-start .square.circle {
    border-radius: 50%;
    height: calc(48px + 0.625vw);
    width: calc(48px + 0.625vw);
}

.placeholder-body .placeholder-end {
    flex: 1 1 0%;
}

.placeholder-body .placeholder-end .placeholder-line {
    height: 12px;
    margin-bottom: 6px;
    border-radius: 2px;
    background: linear-gradient(to right, rgba(137, 137, 137, 0.02) 2%, rgba(130, 130, 130, 0.02) 2%, rgba(137, 137, 137, 0.1) 14%) 0% 0% / 800px 100px;
    animation: 2s ease-out 0s infinite normal none running wave-left-lines;
}

.placeholder-body .placeholder-end .placeholder-line:last-child {
    margin-bottom: 0px;
}

.animation-placeholder p {
    margin-bottom: 0px;
}

@keyframes wave-left-lines {
    0% {
        background-position: -460px 0px;
    }

    100% {
        background-position: 460px 0px;
    }
}

@keyframes wave-square-lines {
    0% {
        background-position: -460px 0px;
    }

    100% {
        background-position: 460px 0px;
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: 0.1;
    }
}

@-webkit-keyframes shake {
    30% {
        transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
    }

    60% {
        transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
    }

    100% {
        transform: perspective(240px) translateZ(4px);
    }
}

@keyframes shake {
    30% {
        transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
    }

    60% {
        transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
    }

    100% {
        transform: perspective(240px) translateZ(4px);
    }
}

@-webkit-keyframes tear {
    0% {
        opacity: 0;
        transform: translateY(-2px) scale(0) translateZ(0px);
    }

    50% {
        transform: translateY(12px) scale(0.6, 1.2) translateZ(0px);
    }

    20%, 80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0px);
    }
}

@keyframes tear {
    0% {
        opacity: 0;
        transform: translateY(-2px) scale(0) translateZ(0px);
    }

    50% {
        transform: translateY(12px) scale(0.6, 1.2) translateZ(0px);
    }

    20%, 80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0px);
    }
}

@-webkit-keyframes toggle {
    50% {
        transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
    }
}

@keyframes toggle {
    50% {
        transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
    }
}

@-webkit-keyframes angry {
    40% {
        background: var(--active);
    }

    45% {
        box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
    }
}

@keyframes angry {
    40% {
        background: var(--active);
    }

    45% {
        box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
    }
}

.feedback {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.feedback li {
    position: relative;
    border-radius: 50%;
    background: var(--sb, var(--normal));
    box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent;
}

.feedback li:not(:last-child) {
    margin-right: 20px;
}

.feedback li div {
    width: 40px;
    height: 40px;
    position: relative;
    transform: perspective(240px) translateZ(4px);
}

.feedback li div svg {
    display: block;
    position: absolute;
    left: var(--l, 9px);
    top: var(--t, 13px);
    width: var(--w, 8px);
    height: var(--h, 2px);
    transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
    fill: none;
    stroke: var(--s);
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.4s;
}

.feedback li div::before {
    display: block;
    position: absolute;
    left: var(--l, 9px);
    top: var(--t, 13px);
    width: var(--w, 8px);
    height: var(--h, 2px);
    transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
    content: "";
    z-index: var(--zi, 1);
    border-radius: var(--br, 1px);
    background: var(--b, var(--e, var(--normal-eye)));
    transition: background 0.4s;
}

.feedback li div::after {
    display: block;
    position: absolute;
    left: var(--l, 9px);
    top: var(--t, 13px);
    width: var(--w, 8px);
    height: var(--h, 2px);
    transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
    content: "";
    z-index: var(--zi, 1);
    border-radius: var(--br, 1px);
    background: var(--b, var(--e, var(--normal-eye)));
    transition: background 0.4s;
}

.feedback li div svg.eye {
    --s: var(--e, var(--normal-eye));
    --t: 17px;
    --w: 7px;
    --h: 4px;
}

.feedback li div svg.eye.right {
    --l: 23px;
}

.feedback li div svg.mouth {
    --s: var(--m, var(--normal-mouth));
    --l: 11px;
    --t: 23px;
    --w: 18px;
    --h: 7px;
}

.feedback li:not(.active) {
    cursor: pointer;
}

.feedback li:not(.active):active {
    transform: scale(0.925);
}

.feedback li.angry {
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg;
}

.feedback li.angry div::before {
    --r: 20deg;
}

.feedback li.angry div::after {
    --l: 23px;
    --r: -20deg;
}

.feedback li.angry div svg.eye {
    stroke-dasharray: 4.55;
    stroke-dashoffset: 8.15;
}

.feedback li.angry.active {
    animation: 1s linear 0s 1 normal none running angry;
}

.feedback li.angry.active div::before {
    --middle-y: -2px;
    --middle-r: 22deg;
    animation: 0.8s linear 0s 1 normal forwards running toggle;
}

.feedback li.angry.active div::after {
    --middle-y: 1px;
    --middle-r: -18deg;
    animation: 0.8s linear 0s 1 normal forwards running toggle;
}

.feedback li.sad {
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg;
}

.feedback li.sad div::before {
    --b: var(--active-tear);
    --sc: 0;
    --w: 5px;
    --h: 5px;
    --t: 15px;
    --br: 50%;
}

.feedback li.sad div::after {
    --b: var(--active-tear);
    --sc: 0;
    --w: 5px;
    --h: 5px;
    --t: 15px;
    --br: 50%;
    --l: 25px;
}

.feedback li.sad div svg.eye {
    --t: 16px;
}

.feedback li.sad div svg.mouth {
    --t: 24px;
    stroke-dasharray: 9.5;
    stroke-dashoffset: 33.25;
}

.feedback li.sad.active div::before {
    animation: 0.6s linear 0s 1 normal forwards running tear;
}

.feedback li.sad.active div::after {
    animation: 0.6s linear 0s 1 normal forwards running tear;
}

.feedback li.ok {
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg;
}

.feedback li.ok div::before {
    --l: 12px;
    --t: 17px;
    --h: 4px;
    --w: 4px;
    --br: 50%;
    box-shadow: 12px 0 0 var(--e, var(--normal-eye));
}

.feedback li.ok div::after {
    --l: 13px;
    --t: 26px;
    --w: 14px;
    --h: 2px;
    --br: 1px;
    --b: var(--m, var(--normal-mouth));
}

.feedback li.ok.active div::before {
    --middle-s-y: .35;
    animation: 0.2s linear 0s 1 normal forwards running toggle;
}

.feedback li.ok.active div::after {
    --middle-s-x: .5;
    animation: 0.7s linear 0s 1 normal forwards running toggle;
}

.feedback li.good {
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg;
}

.feedback li.good div::before {
    --b: var(--m, var(--normal-mouth));
    --w: 5px;
    --h: 5px;
    --br: 50%;
    --t: 22px;
    --zi: 0;
    opacity: 0.5;
    box-shadow: 16px 0 0 var(--b);
    filter: blur(2px);
}

.feedback li.good div::after {
    --sc: 0;
}

.feedback li.good div svg.eye {
    --t: 15px;
    --sc: -1;
    stroke-dasharray: 4.55;
    stroke-dashoffset: 8.15;
}

.feedback li.good div svg.mouth {
    --t: 22px;
    --sc: -1;
    stroke-dasharray: 13.3;
    stroke-dashoffset: 23.75;
}

.feedback li.good.active div svg.mouth {
    --middle-y: 1px;
    --middle-s: -1;
    animation: 0.8s linear 0s 1 normal forwards running toggle;
}

.feedback li.happy div {
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg;
}

.feedback li.happy div::before {
    --sc: 0;
}

.feedback li.happy div::after {
    --b: var(--m, var(--normal-mouth));
    --l: 11px;
    --t: 23px;
    --w: 18px;
    --h: 8px;
    --br: 0 0 8px 8px;
}

.feedback li.happy div svg.eye {
    --t: 14px;
    --sc: -1;
}

.feedback li.happy.active div::after {
    --middle-s-x: .95;
    --middle-s-y: .75;
    animation: 0.8s linear 0s 1 normal forwards running toggle;
}

.feedback li.active {
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye);
}

.feedback li.active div {
    animation: 0.8s linear 0s 1 normal forwards running shake;
}

.main-star-rating {
    position: relative;
}

.main-star-rating .star-box i, .main-star-rating .star-box1 i {
    color: rgb(204, 204, 204);
    font-size: calc(23px + 0.625vw);
    cursor: pointer;
    transition: color 0.2s;
}

.main-star-rating .star-box i.active, .main-star-rating .star-box1 i.active {
    color: rgb(255, 184, 41);
}

.rating-stars-2 .emoji-rating .outer-emoji {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.rating-stars-2 .outer-emoji .emojis {
    height: 500%;
    display: flex;
    flex-direction: column;
}

.rating-stars-2 .outer-emoji .emojis li {
    height: 20%;
    width: 100%;
    list-style: none;
    transition: 0.3s;
}

.rating-stars-2 .outer-emoji li i {
    font-size: 45px;
    color: rgb(89, 102, 122);
}

.rating-stars-2 #star-2:checked ~ .common-align .emojis .slide-emoji {
    margin-top: -50px;
}

.rating-stars-2 #star-3:checked ~ .common-align .emojis .slide-emoji {
    margin-top: -112px;
}

.rating-stars-2 #star-4:checked ~ .common-align .emojis .slide-emoji {
    margin-top: -172px;
}

.rating-stars-2 #star-5:checked ~ .common-align .emojis .slide-emoji {
    margin-top: -232px;
}

.rating-stars-2 .stars label {
    font-size: 22px;
    color: rgb(204, 204, 204);
}

.rating-stars-2 #star-1:hover ~ .common-align .stars .star-1, .rating-stars-2 #star-1:checked ~ .common-align .stars .star-1, .rating-stars-2 #star-2:hover ~ .common-align .stars .star-1, .rating-stars-2 #star-2:hover ~ .common-align .stars .star-2, .rating-stars-2 #star-2:checked ~ .common-align .stars .star-1, .rating-stars-2 #star-2:checked ~ .common-align .stars .star-2, .rating-stars-2 #star-3:hover ~ .common-align .stars .star-1, .rating-stars-2 #star-3:hover ~ .common-align .stars .star-2, .rating-stars-2 #star-3:hover ~ .common-align .stars .star-3, .rating-stars-2 #star-3:checked ~ .common-align .stars .star-1, .rating-stars-2 #star-3:checked ~ .common-align .stars .star-2, .rating-stars-2 #star-3:checked ~ .common-align .stars .star-3, .rating-stars-2 #star-4:hover ~ .common-align .stars .star-1, .rating-stars-2 #star-4:hover ~ .common-align .stars .star-2, .rating-stars-2 #star-4:hover ~ .common-align .stars .star-3, .rating-stars-2 #star-4:hover ~ .common-align .stars .star-4, .rating-stars-2 #star-4:checked ~ .common-align .stars .star-1, .rating-stars-2 #star-4:checked ~ .common-align .stars .star-2, .rating-stars-2 #star-4:checked ~ .common-align .stars .star-3, .rating-stars-2 #star-4:checked ~ .common-align .stars .star-4, .rating-stars-2 #star-5:hover ~ .common-align .stars .star-1, .rating-stars-2 #star-5:hover ~ .common-align .stars .star-2, .rating-stars-2 #star-5:hover ~ .common-align .stars .star-3, .rating-stars-2 #star-5:hover ~ .common-align .stars .star-4, .rating-stars-2 #star-5:hover ~ .common-align .stars .star-5, .rating-stars-2 #star-5:checked ~ .common-align .stars .star-1, .rating-stars-2 #star-5:checked ~ .common-align .stars .star-2, .rating-stars-2 #star-5:checked ~ .common-align .stars .star-3, .rating-stars-2 #star-5:checked ~ .common-align .stars .star-4, .rating-stars-2 #star-5:checked ~ .common-align .stars .star-5 {
    color: rgb(255, 184, 41);
}

.rating-stars-2 .emoji-rating .main-emoji-text {
    border-top: 1px solid var(--chart-dashed-border);
    background: var(--light-background);
    width: 100%;
    height: 50px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width: 1682px) {
    .rating-stars-2 .emoji-rating .main-emoji-text {
        padding: 12px;
        height: 74px;
    }
}

@media (max-width: 1511px) {
    .rating-stars-2 .emoji-rating .main-emoji-text .emoji-msg {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 294px;
    }
}

.rating-stars-2 .main-emoji-text .emoji-msg::before {
    content: "No issues detected";
}

.rating-stars-2 .main-emoji-text .emoji-number::before {
    content: "0 out of 5";
}

.rating-stars-2 #star-1:checked ~ .main-emoji-text .emoji-msg::before {
    content: "We have observed unacceptable behavior.";
    padding-right: 12px;
}

.rating-stars-2 #star-1:checked ~ .main-emoji-text .emoji-number::before {
    content: "1 out of 5";
}

.rating-stars-2 #star-2:checked ~ .main-emoji-text .emoji-msg::before {
    content: "Your request cannot be processed.";
    padding-right: 12px;
}

.rating-stars-2 #star-2:checked ~ .main-emoji-text .emoji-number::before {
    content: "2 out of 5";
}

.rating-stars-2 s #star-3:checked ~ .main-emoji-text .emoji-msg::before {
    content: "Well done! The operation was successfully finished.";
    padding-right: 12px;
}

.rating-stars-2 #star-3:checked ~ .main-emoji-text .emoji-number::before {
    content: "3 out of 5";
}

.rating-stars-2 #star-4:checked ~ .main-emoji-text .emoji-msg::before {
    content: "Thank you for your ongoing assistance.";
    padding-right: 12px;
}

.rating-stars-2 #star-4:checked ~ .main-emoji-text .emoji-number::before {
    content: "4 out of 5";
}

.rating-stars-2 #star-5:checked ~ .main-emoji-text .emoji-msg::before {
    content: "Task successfully finished.";
    padding-right: 12px;
}

.rating-stars-2 #star-5:checked ~ .main-emoji-text .emoji-number::before {
    content: "5 out of 5";
}

.rating-stars-2 input[type="radio"] {
    display: none;
}

.msg-emojis-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.msg-emojis-wrapper .star-widget {
    margin: 0px;
}

.msg-emojis-wrapper .star-widget input {
    display: none;
}

.msg-emojis-wrapper .star-widget label {
    font-size: 35px;
    color: rgb(204, 204, 204);
    padding: 0px 10px;
    float: right;
    margin: 0px;
    transition: 0.2s;
}

@media (max-width: 1500px) and (min-width: 401px) {
    .msg-emojis-wrapper .star-widget label {
        font-size: 30px;
    }
}

@media (max-width: 400px) {
    .msg-emojis-wrapper .star-widget label {
        font-size: 25px;
        padding: 0px 8px;
    }
}

.msg-emojis-wrapper form {
    display: none;
}

input:checked ~ form {
    display: block;
    margin-top: 45px;
}

.star-widget input:not(:checked) ~ label:hover, .star-widget input:not(:checked) ~ label:hover ~ label {
    color: rgb(255, 184, 41);
}

.star-widget input:checked ~ label {
    color: rgb(255, 184, 41);
}

input#rate-5:checked ~ label {
    color: rgb(255, 247, 229);
    text-shadow: 0 0 20px var(--active-shadow);
}

#rate-1:checked ~ form header::before {
    content: "Simple and effective ";
}

#rate-2:checked ~ form header::before {
    content: "Great value! ";
}

#rate-3:checked ~ form header::before {
    content: "High-quality product";
}

#rate-4:checked ~ form header::before {
    content: "Will definitely order again";
}

#rate-5:checked ~ form header::before {
    content: "Delicious and satisfying";
}

form header {
    width: 100%;
    font-size: 18px;
    color: var(--chart-text-color);
    font-weight: 500;
    margin: 0px;
    text-align: center;
    transition: 0.2s;
}

.heart-rating {
    text-align: center;
}

.heart-rating .rating-system3 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    flex-direction: row-reverse;
    position: relative;
}

.heart-rating span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgb(252, 86, 74);
    position: absolute;
    left: 20px;
}

.heart-rating input {
    display: none;
}

.heart-rating label {
    display: block;
    width: 20px;
    height: 5px;
    background: rgb(204, 204, 204);
    position: relative;
    transition: 0.3s;
    margin: 0px;
}

.heart-rating .rating-text {
    color: var(--chart-text-color);
    padding: 18px 0px 0px;
    position: absolute;
    width: 100%;
    top: 100%;
}

.heart-rating .rating-system3 label {
    width: 10px;
    height: 10px;
}

.heart-rating .rating-system3 label:last-child {
    margin-left: 0px;
}

.heart-rating .rating-system3 label:hover, .heart-rating .rating-system3 label:hover ~ label {
    background: rgb(252, 86, 74);
    border-radius: 100%;
}

.heart-rating .rating-system3 input:checked ~ label {
    border-radius: 100%;
    background: rgb(252, 86, 74);
    box-shadow: 6px 0 #fc564a, 3px 1px 0 7px var(--white), 3px 1px 0 9px #fc564a;
}

.heart-rating .rating-system3 input:checked ~ label::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(252, 86, 74);
    transform: rotate(-45deg);
    border-bottom-left-radius: 15%;
    top: 30%;
    left: 3px;
}

.heart-rating input:nth-of-type(5):checked ~ .rating-text::before {
    content: "No issues detected";
}

.heart-rating label:nth-of-type(5):hover ~ .rating-text::before {
    content: "No issues detected";
}

.heart-rating input:nth-of-type(4):checked ~ .rating-text::before {
    content: "We have observed unacceptable behavior.";
}

.heart-rating label:nth-of-type(4):hover ~ .rating-text::before {
    content: "We have observed unacceptable behavior.";
}

.heart-rating input:nth-of-type(3):checked ~ .rating-text::before {
    content: "Your request cannot be processed.";
}

.heart-rating label:nth-of-type(3):hover ~ .rating-text::before {
    content: "Your request cannot be processed.";
}

.heart-rating input:nth-of-type(2):checked ~ .rating-text::before {
    content: "Well done! The operation was successfully finished.";
}

.heart-rating label:nth-of-type(2):hover ~ .rating-text::before {
    content: "Well done! The operation was successfully finished.";
}

.heart-rating input:nth-of-type(1):checked ~ .rating-text::before {
    content: "Thank you for your ongoing assistance.";
}

.heart-rating label:nth-of-type(1):hover ~ .rating-text::before {
    content: "Thank you for your ongoing assistance.";
}

.rating_expression {
}

.rating_expression .emoji {
    animation: 0.6s ease-out 0s 1 normal none running fade-slide-in;
}

.rating_expression .emoji__face {
    background-image: linear-gradient(135deg, hsl(var(--face-hue1), 90%, 55%), hsl(var(--face-hue2), 90%, 45%));
    border-radius: 50%;
    box-shadow: 0 0.5em 0.75em hsla(var(--face-hue2), 90%, 55%, 0.3);
    margin: 0px auto 24px;
    position: relative;
    width: 42px;
    height: 42px;
}

.rating_expression .emoji__face-right-eye, .rating_expression .emoji__face-left-eye, .rating_expression .emoji__face-mouth-lower, .rating_expression .emoji__face-mouth-upper {
    position: absolute;
    transition: background-color var(--trans-dur), box-shadow var(--trans-dur), color var(--trans-dur);
}

.rating_expression .emoji__face-right-eye, .rating_expression .emoji__face-left-eye {
    background-color: var(--white);
    border-radius: 50%;
    top: 0.75em;
    width: 0.6em;
    height: 0.6em;
}

.rating_expression .emoji__face-right-eye {
    animation: right-eye 1s var(--delay-right) linear paused;
    clip-path: polygon(0px 75%, 100% 0px, 100% 100%, 0px 100%);
    left: 0.6em;
}

.rating_expression .emoji__face-left-eye {
    animation: left-eye 1s var(--delay-left) linear paused;
    clip-path: polygon(0px 0px, 100% 75%, 100% 100%, 0px 100%);
    right: 0.6em;
}

.rating_expression .emoji__face-mouth-lower, .rating_expression .emoji__face-mouth-upper {
    color: var(--white);
    top: 1.75em;
    left: 0.75em;
    width: 1.5em;
    height: 0.75em;
}

.rating_expression .emoji__face-mouth-lower {
    animation: mouth-lower 1s var(--delay-mouth-lower) linear paused;
    border-radius: 50% 50% 0px 0px / 100% 100% 0px 0px;
    box-shadow: 0px 0.125em 0px inset;
}

.rating_expression .emoji__face-mouth-upper {
    animation: mouth-upper 1s var(--delay-mouth-upper) linear paused;
    border-radius: 0px 0px 50% 50% / 0px 0px 100% 100%;
    box-shadow: 0px -0.125em 0px inset;
}

.rating_expression .emoji__label {
    display: block;
    margin-bottom: 45px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--chart-text-color);
}

.rating_expression .emoji__input {
    background-color: rgb(204, 204, 204);
    background-image: linear-gradient(hsl(var(--input-hue), 90%, 46%), hsl(var(--input-hue), 90%, 46%));
    background-size: var(--percent) 100%;
    background-repeat: no-repeat;
    border-radius: 0.25em;
    display: block;
    margin: auto;
    width: 30%;
    max-width: 50%;
    height: 4px;
    transition: background-color var(--trans-dur);
    appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.rating_expression .emoji__input:focus {
    outline: transparent;
}

.rating_expression .emoji__input::-webkit-slider-thumb {
    background-color: var(--white);
    border: 0px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0.125em 0.5em;
    width: 1.5em;
    height: 1.5em;
    transition: background-color 0.15s linear;
    appearance: none;
}

.rating_expression .emoji__input:focus::-webkit-slider-thumb, .rating_expression .emoji__input::-webkit-slider-thumb:hover {
    background-color: var(--lt-gray);
}

@keyframes fade-slide-in {
    0%, 16.67% {
        opacity: 0;
        transform: translateY(25%);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes right-eye {
    0% {
        clip-path: polygon(0px 75%, 100% 0px, 100% 100%, 0px 100%);
    }

    50%, 100% {
        clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
    }
}

@keyframes left-eye {
    0% {
        clip-path: polygon(0px 0px, 100% 75%, 100% 100%, 0px 100%);
    }

    50%, 100% {
        clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
    }
}

@keyframes mouth-lower {
    0% {
        border-radius: 50% 50% 0px 0px / 100% 100% 0px 0px;
        top: 1.75em;
        height: 0.75em;
        visibility: visible;
    }

    40% {
        border-radius: 50% 50% 0px 0px / 100% 100% 0px 0px;
        top: 1.95em;
        height: 0.25em;
        visibility: visible;
    }

    50%, 100% {
        border-radius: 0px;
        top: 2em;
        height: 0.125em;
        visibility: hidden;
    }
}

@keyframes mouth-upper {
    0%, 50% {
        border-radius: 0px;
        box-shadow: 0px -0.125em 0px inset;
        top: 2em;
        height: 0.125em;
        visibility: hidden;
    }

    62.5% {
        border-radius: 0px 0px 50% 50% / 0px 0px 100% 100%;
        box-shadow: 0px -0.125em 0px inset;
        top: 1.95em;
        height: 0.25em;
        visibility: visible;
    }

    75% {
        border-radius: 0px 0px 50% 50% / 0px 0px 100% 100%;
        box-shadow: 0px -0.125em 0px inset;
        top: 1.825em;
        height: 0.5em;
        visibility: visible;
    }

    100% {
        border-radius: 0px 0px 50% 50% / 0px 0px 100% 100%;
        box-shadow: 0px -0.8em 0px inset;
        top: 1.75em;
        height: 0.75em;
        visibility: visible;
    }
}

.rating_expression .emoji_slider::-webkit-slider-thumb {
    appearance: none;
    width: 12px;
    height: 12px;
    background: var(--chart-text-color);
    cursor: pointer;
}

.reset-rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative;
    gap: 15px;
    margin-bottom: 16px;
}

.reset-rating > input {
    display: none;
}

.reset-rating > input:checked ~ label {
    color: rgb(255, 184, 41);
}

.reset-rating > input:checked ~ label ~ label {
    color: rgb(255, 184, 41);
}

.reset-rating > input:not(:checked) ~ label:hover {
    color: rgb(255, 184, 41);
}

.reset-rating > input:not(:checked) ~ label:hover ~ label {
    color: rgb(255, 184, 41);
}

.reset-rating > label {
    cursor: pointer;
    font-size: 35px;
    color: rgb(204, 204, 204);
    transition: 0.3s;
    margin: 0px;
}

.ratingCard {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}

.reset-btn {
    cursor: pointer;
}

.half-star-rating .starrate {
    color: rgb(204, 204, 204);
    cursor: pointer;
    text-align: center;
}

.half-star-rating .starrate .ctrl {
    position: absolute;
    z-index: 2;
}

.half-star-rating .starrate i {
    font-size: 35px;
    color: rgb(255, 184, 41);
}

.half-star-rating .starrate.saved {
    margin-bottom: 4px;
}

.half-star-rating .rating-result {
    font-size: 20px;
    text-align: center;
    color: var(--body-font-color);
}

.role-permission-wrapper .permission-table div.dt-container .dt-layout-row .dt-search {
    top: 20px;
    right: 234px;
}

@media (max-width: 640px) {
    .role-permission-wrapper .permission-table div.dt-container .dt-layout-row .dt-search {
        top: 0px;
    }
}

.role-permission-wrapper .permission-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
    padding: 6px;
    border-radius: 6px;
}

.role-permission-wrapper .permission-table table thead tr th, .role-permission-wrapper .permission-table table thead tr td, .role-permission-wrapper .permission-table table tbody tr th, .role-permission-wrapper .permission-table table tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.role-permission-wrapper .permission-table table thead tr th:first-child, .role-permission-wrapper .permission-table table thead tr td:first-child, .role-permission-wrapper .permission-table table tbody tr th:first-child, .role-permission-wrapper .permission-table table tbody tr td:first-child {
    padding-left: 20px;
}

.role-permission-wrapper .permission-table table thead tr th:last-child, .role-permission-wrapper .permission-table table thead tr td:last-child, .role-permission-wrapper .permission-table table tbody tr th:last-child, .role-permission-wrapper .permission-table table tbody tr td:last-child {
    padding-right: 20px;
}

.role-permission-wrapper .permission-table table thead tr th .badge, .role-permission-wrapper .permission-table table thead tr td .badge, .role-permission-wrapper .permission-table table tbody tr th .badge, .role-permission-wrapper .permission-table table tbody tr td .badge {
    padding: 6px 10px;
}

.role-permission-wrapper .permission-table table thead tr th .square-white, .role-permission-wrapper .permission-table table thead tr td .square-white, .role-permission-wrapper .permission-table table tbody tr th .square-white, .role-permission-wrapper .permission-table table tbody tr td .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.role-permission-wrapper .permission-table table thead tr th .square-white svg, .role-permission-wrapper .permission-table table thead tr td .square-white svg, .role-permission-wrapper .permission-table table tbody tr th .square-white svg, .role-permission-wrapper .permission-table table tbody tr td .square-white svg {
    width: 16px;
    height: 16px;
    fill: rgb(82, 82, 108);
}

@media (max-width: 1199px) {
    .role-permission-wrapper .permission-table table thead tr th:nth-child(2), .role-permission-wrapper .permission-table table thead tr td:nth-child(2), .role-permission-wrapper .permission-table table tbody tr th:nth-child(2), .role-permission-wrapper .permission-table table tbody tr td:nth-child(2) {
        min-width: 150px;
    }

    .role-permission-wrapper .permission-table table thead tr th:nth-child(3), .role-permission-wrapper .permission-table table thead tr td:nth-child(3), .role-permission-wrapper .permission-table table tbody tr th:nth-child(3), .role-permission-wrapper .permission-table table tbody tr td:nth-child(3) {
        min-width: 160px;
    }

    .role-permission-wrapper .permission-table table thead tr th:nth-child(4), .role-permission-wrapper .permission-table table thead tr td:nth-child(4), .role-permission-wrapper .permission-table table tbody tr th:nth-child(4), .role-permission-wrapper .permission-table table tbody tr td:nth-child(4) {
        min-width: 165px;
    }
}

.role-permission-wrapper .modal-header .form-label, .role-permission-wrapper .modal-body .form-label {
    font-weight: 500;
}

.role-permission-wrapper .modal-header .modal-title, .role-permission-wrapper .modal-body .modal-title {
    font-size: 18px;
}

.role-permission-wrapper .permission-form ul {
    display: grid;
    padding: 10px 0px;
    border-bottom: 1px solid var(--chart-progress-light);
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    overflow: auto;
}

@media (max-width: 575px) {
    .role-permission-wrapper .permission-form ul {
        display: flex;
        gap: 32px;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
}

.role-permission-wrapper .permission-form ul li:first-child {
    font-weight: 500;
}

@media (max-width: 575px) {
    .role-permission-wrapper .permission-form ul li:first-child {
        min-width: 75px;
    }
}

.role-permission-wrapper .permission-form ul li .form-check {
    position: relative;
}

.role-permission-wrapper .permission-form ul li .form-check .form-check-input {
    width: 18px;
    height: 18px;
    position: absolute;
    top: -2px;
    left: 16px;
}

[dir="rtl"] .role-permission-wrapper .permission-form ul li .form-check .form-check-input {
    left: unset;
    right: 16px;
}

.role-permission-wrapper .permission-form ul li .form-check .form-check-input:focus {
    box-shadow: unset;
}

.role-permission-wrapper .permission-form ul li .form-check .form-check-input:valid {
    border-color: rgb(82, 82, 108);
}

.role-permission-wrapper .permission-form ul li .form-check .form-check-input:invalid {
    border-color: rgb(252, 86, 74);
}

.role-permission-wrapper .permission-form ul li .form-check .form-check-input:invalid ~ .form-check-label {
    color: rgb(252, 86, 74);
}

.role-permission-wrapper .permission-form ul li .form-check .form-check-input:valid ~ .form-check-label {
    color: rgb(82, 82, 108);
}

.role-permission-wrapper .permission-form ul li .form-check .form-check-input:checked {
    background-color: var(--theme-default);
}

.role-permission-wrapper .permission-form ul li .form-check .form-check-input:checked:valid {
    border-color: var(--theme-default);
}

.role-permission-wrapper .permission-form ul li .form-check .form-check-label {
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .role-permission-wrapper .permission-form ul li .form-check {
        padding-left: 1.2em;
    }

    .role-permission-wrapper .permission-form ul li .form-check .form-check-input {
        width: 16px;
        height: 16px;
    }
}

.user-list-wrapper .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.user-list-wrapper .square-white svg {
    width: 16px;
    height: 16px;
    fill: rgb(82, 82, 108);
}

.user-list-wrapper .user-list-table div.dt-container .dt-layout-row .dt-search {
    right: 185px;
    top: 20px;
}

@media (max-width: 640px) {
    .user-list-wrapper .user-list-table div.dt-container .dt-layout-row .dt-search {
        top: 0px;
    }
}

.user-list-wrapper .user-list-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
    padding: 6px;
    border-radius: 6px;
}

.user-list-wrapper .user-list-table table thead tr th, .user-list-wrapper .user-list-table table thead tr td, .user-list-wrapper .user-list-table table tbody tr th, .user-list-wrapper .user-list-table table tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.user-list-wrapper .user-list-table table thead tr th:first-child, .user-list-wrapper .user-list-table table thead tr td:first-child, .user-list-wrapper .user-list-table table tbody tr th:first-child, .user-list-wrapper .user-list-table table tbody tr td:first-child {
    padding-left: 20px;
}

.user-list-wrapper .user-list-table table thead tr th:last-child, .user-list-wrapper .user-list-table table thead tr td:last-child, .user-list-wrapper .user-list-table table tbody tr th:last-child, .user-list-wrapper .user-list-table table tbody tr td:last-child {
    padding-right: 20px;
}

.user-list-wrapper .user-list-table table thead tr th .badge, .user-list-wrapper .user-list-table table thead tr td .badge, .user-list-wrapper .user-list-table table tbody tr th .badge, .user-list-wrapper .user-list-table table tbody tr td .badge {
    padding: 6px 10px;
}

.user-list-wrapper .user-list-table table thead tr th a, .user-list-wrapper .user-list-table table thead tr td a, .user-list-wrapper .user-list-table table tbody tr th a, .user-list-wrapper .user-list-table table tbody tr td a {
    color: rgb(63, 71, 90);
}

.user-list-wrapper .user-list-table table thead tr th a:hover, .user-list-wrapper .user-list-table table thead tr td a:hover, .user-list-wrapper .user-list-table table tbody tr th a:hover, .user-list-wrapper .user-list-table table tbody tr td a:hover {
    color: var(--theme-default);
}

.user-list-wrapper .user-list-table table thead tr th .square-white, .user-list-wrapper .user-list-table table thead tr td .square-white, .user-list-wrapper .user-list-table table tbody tr th .square-white, .user-list-wrapper .user-list-table table tbody tr td .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.user-list-wrapper .user-list-table table thead tr th .square-white svg, .user-list-wrapper .user-list-table table thead tr td .square-white svg, .user-list-wrapper .user-list-table table tbody tr th .square-white svg, .user-list-wrapper .user-list-table table tbody tr td .square-white svg {
    width: 16px;
    height: 16px;
    fill: rgb(82, 82, 108);
}

@media (max-width: 1239px) and (min-width: 1200px) {
    .user-list-wrapper .user-list-table table thead tr th:nth-child(5), .user-list-wrapper .user-list-table table thead tr td:nth-child(5), .user-list-wrapper .user-list-table table tbody tr th:nth-child(5), .user-list-wrapper .user-list-table table tbody tr td:nth-child(5) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .user-list-wrapper .user-list-table table thead tr th:nth-child(2), .user-list-wrapper .user-list-table table thead tr td:nth-child(2), .user-list-wrapper .user-list-table table tbody tr th:nth-child(2), .user-list-wrapper .user-list-table table tbody tr td:nth-child(2) {
        min-width: 100px;
    }

    .user-list-wrapper .user-list-table table thead tr th:nth-child(4), .user-list-wrapper .user-list-table table thead tr td:nth-child(4), .user-list-wrapper .user-list-table table tbody tr th:nth-child(4), .user-list-wrapper .user-list-table table tbody tr td:nth-child(4) {
        min-width: 130px;
    }

    .user-list-wrapper .user-list-table table thead tr th:nth-child(5), .user-list-wrapper .user-list-table table thead tr td:nth-child(5), .user-list-wrapper .user-list-table table tbody tr th:nth-child(5), .user-list-wrapper .user-list-table table tbody tr td:nth-child(5) {
        min-width: 165px;
    }
}

.role-permission-wrapper .card-header-right-icon .btn, .user-list-wrapper .card-header-right-icon .btn {
    position: relative;
    z-index: 1;
}

.product-report-wrapper .flatpickr-input span, .sale-report-wrapper .flatpickr-input span, .sale-return-wrapper .flatpickr-input span, .customer-order-wrapper .flatpickr-input span, .subscribed-user .flatpickr-input span {
    border: 1px solid rgba(82, 82, 108, 0.3);
    padding: 6px 12px;
    border-radius: 6px;
    color: rgba(82, 82, 108, 0.8);
    width: 215px;
}

.product-report-wrapper .flatpickr-input #rangeButtons, .sale-report-wrapper .flatpickr-input #rangeButtons, .sale-return-wrapper .flatpickr-input #rangeButtons, .customer-order-wrapper .flatpickr-input #rangeButtons, .subscribed-user .flatpickr-input #rangeButtons {
    flex-direction: column;
    position: absolute;
    z-index: 1;
    top: 40px;
    display: none;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.product-report-wrapper .flatpickr-input #rangeButtons.range-option, .sale-report-wrapper .flatpickr-input #rangeButtons.range-option, .sale-return-wrapper .flatpickr-input #rangeButtons.range-option, .customer-order-wrapper .flatpickr-input #rangeButtons.range-option, .subscribed-user .flatpickr-input #rangeButtons.range-option {
    display: flex;
}

.product-report-wrapper .flatpickr-input #rangeButtons button, .sale-report-wrapper .flatpickr-input #rangeButtons button, .sale-return-wrapper .flatpickr-input #rangeButtons button, .customer-order-wrapper .flatpickr-input #rangeButtons button, .subscribed-user .flatpickr-input #rangeButtons button {
    border: unset;
    padding: 8px 24px;
    text-align: left;
    background-color: rgb(255, 255, 255);
    color: rgb(82, 82, 108);
}

.product-report-wrapper .flatpickr-input #rangeButtons button:hover, .sale-report-wrapper .flatpickr-input #rangeButtons button:hover, .sale-return-wrapper .flatpickr-input #rangeButtons button:hover, .customer-order-wrapper .flatpickr-input #rangeButtons button:hover, .subscribed-user .flatpickr-input #rangeButtons button:hover {
    color: var(--theme-default);
}

.product-report-wrapper .flatpickr-input #rangeButtons button.active, .sale-report-wrapper .flatpickr-input #rangeButtons button.active, .sale-return-wrapper .flatpickr-input #rangeButtons button.active, .customer-order-wrapper .flatpickr-input #rangeButtons button.active, .subscribed-user .flatpickr-input #rangeButtons button.active {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.product-report-wrapper .flatpickr-input #rangeButtons button.active:hover, .sale-report-wrapper .flatpickr-input #rangeButtons button.active:hover, .sale-return-wrapper .flatpickr-input #rangeButtons button.active:hover, .customer-order-wrapper .flatpickr-input #rangeButtons button.active:hover, .subscribed-user .flatpickr-input #rangeButtons button.active:hover {
    color: rgb(255, 255, 255);
}

.product-report-wrapper .top-body, .sale-report-wrapper .top-body, .sale-return-wrapper .top-body, .customer-order-wrapper .top-body, .subscribed-user .top-body {
    padding: 20px;
    position: relative;
}

.product-report-wrapper .top-body .bootstrap-select.dropdown-toggle, .sale-report-wrapper .top-body .bootstrap-select.dropdown-toggle, .sale-return-wrapper .top-body .bootstrap-select.dropdown-toggle, .customer-order-wrapper .top-body .bootstrap-select.dropdown-toggle, .subscribed-user .top-body .bootstrap-select.dropdown-toggle {
    min-width: 100px;
}

.product-report-wrapper .top-body .form-label, .sale-report-wrapper .top-body .form-label, .sale-return-wrapper .top-body .form-label, .customer-order-wrapper .top-body .form-label, .subscribed-user .top-body .form-label {
    margin-bottom: 0px;
}

.product-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row .dt-buttons, .product-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row .dt-search, .product-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-buttons, .product-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-search, .product-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row .dt-buttons, .product-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row .dt-search, .product-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-buttons, .product-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-search, .product-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-buttons, .product-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-search, .sale-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row .dt-buttons, .sale-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row .dt-search, .sale-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-buttons, .sale-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-search, .sale-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row .dt-buttons, .sale-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row .dt-search, .sale-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-buttons, .sale-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-search, .sale-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-buttons, .sale-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-search, .sale-return-wrapper .top-body ~ .product-report .dt-container .dt-layout-row .dt-buttons, .sale-return-wrapper .top-body ~ .product-report .dt-container .dt-layout-row .dt-search, .sale-return-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-buttons, .sale-return-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-search, .sale-return-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row .dt-buttons, .sale-return-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row .dt-search, .sale-return-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-buttons, .sale-return-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-search, .sale-return-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-buttons, .sale-return-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-search, .customer-order-wrapper .top-body ~ .product-report .dt-container .dt-layout-row .dt-buttons, .customer-order-wrapper .top-body ~ .product-report .dt-container .dt-layout-row .dt-search, .customer-order-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-buttons, .customer-order-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-search, .customer-order-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row .dt-buttons, .customer-order-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row .dt-search, .customer-order-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-buttons, .customer-order-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-search, .customer-order-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-buttons, .customer-order-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-search, .subscribed-user .top-body ~ .product-report .dt-container .dt-layout-row .dt-buttons, .subscribed-user .top-body ~ .product-report .dt-container .dt-layout-row .dt-search, .subscribed-user .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-buttons, .subscribed-user .top-body ~ .sale-return-report .dt-container .dt-layout-row .dt-search, .subscribed-user .top-body ~ .sale-report .dt-container .dt-layout-row .dt-buttons, .subscribed-user .top-body ~ .sale-report .dt-container .dt-layout-row .dt-search, .subscribed-user .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-buttons, .subscribed-user .top-body ~ .customer-order-report .dt-container .dt-layout-row .dt-search, .subscribed-user .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-buttons, .subscribed-user .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row .dt-search {
    margin: 0px;
}

.product-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .product-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .product-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .product-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .product-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    gap: 20px;
    right: 20px;
    top: 20px;
}

@media (max-width: 1320px) {
    .product-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .product-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .product-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .product-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .product-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .sale-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .sale-return-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .customer-order-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .product-report .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, .subscribed-user .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child {
        position: relative;
        inset: 0px;
        align-items: center;
        padding: 0px 20px 20px;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 12px;
    }
}

.product-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .product-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .product-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .product-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .product-report-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search {
    position: relative;
    inset: unset;
}

@media (max-width: 640px) {
    .product-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .product-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .product-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .product-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .product-report-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-report-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .sale-return-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .customer-order-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .product-report .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, .subscribed-user .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search {
        top: 4px;
    }
}

.product-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .product-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .product-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .product-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .product-report-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-report-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-return-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-return-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-return-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-return-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .sale-return-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .customer-order-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .customer-order-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .customer-order-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .customer-order-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .customer-order-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .subscribed-user .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .subscribed-user .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .subscribed-user .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .subscribed-user .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input, .subscribed-user .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
    padding: 6px;
    border-radius: 6px;
    opacity: 1;
}

.product-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .product-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .product-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .product-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .product-report-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-report-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-return-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-return-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-return-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-return-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .sale-return-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .customer-order-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .customer-order-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .customer-order-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .customer-order-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .customer-order-wrapper .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .subscribed-user .product-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .subscribed-user .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .subscribed-user .sale-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .subscribed-user .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder, .subscribed-user .subscribed-user-wrapper .recent-table div.dt-container .dt-layout-row .dt-search .dt-input:focus::placeholder {
    opacity: 0;
}

.product-report-wrapper .form-control, .sale-report-wrapper .form-control, .sale-return-wrapper .form-control, .customer-order-wrapper .form-control, .subscribed-user .form-control {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.product-report-wrapper .product-report .recent-table table thead tr th, .product-report-wrapper .product-report .recent-table table thead tr td, .product-report-wrapper .product-report .recent-table table tbody tr th, .product-report-wrapper .product-report .recent-table table tbody tr td, .sale-report-wrapper .product-report .recent-table table thead tr th, .sale-report-wrapper .product-report .recent-table table thead tr td, .sale-report-wrapper .product-report .recent-table table tbody tr th, .sale-report-wrapper .product-report .recent-table table tbody tr td, .sale-return-wrapper .product-report .recent-table table thead tr th, .sale-return-wrapper .product-report .recent-table table thead tr td, .sale-return-wrapper .product-report .recent-table table tbody tr th, .sale-return-wrapper .product-report .recent-table table tbody tr td, .customer-order-wrapper .product-report .recent-table table thead tr th, .customer-order-wrapper .product-report .recent-table table thead tr td, .customer-order-wrapper .product-report .recent-table table tbody tr th, .customer-order-wrapper .product-report .recent-table table tbody tr td, .subscribed-user .product-report .recent-table table thead tr th, .subscribed-user .product-report .recent-table table thead tr td, .subscribed-user .product-report .recent-table table tbody tr th, .subscribed-user .product-report .recent-table table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.product-report-wrapper .product-report .recent-table table thead tr th:first-child, .product-report-wrapper .product-report .recent-table table thead tr td:first-child, .product-report-wrapper .product-report .recent-table table tbody tr th:first-child, .product-report-wrapper .product-report .recent-table table tbody tr td:first-child, .sale-report-wrapper .product-report .recent-table table thead tr th:first-child, .sale-report-wrapper .product-report .recent-table table thead tr td:first-child, .sale-report-wrapper .product-report .recent-table table tbody tr th:first-child, .sale-report-wrapper .product-report .recent-table table tbody tr td:first-child, .sale-return-wrapper .product-report .recent-table table thead tr th:first-child, .sale-return-wrapper .product-report .recent-table table thead tr td:first-child, .sale-return-wrapper .product-report .recent-table table tbody tr th:first-child, .sale-return-wrapper .product-report .recent-table table tbody tr td:first-child, .customer-order-wrapper .product-report .recent-table table thead tr th:first-child, .customer-order-wrapper .product-report .recent-table table thead tr td:first-child, .customer-order-wrapper .product-report .recent-table table tbody tr th:first-child, .customer-order-wrapper .product-report .recent-table table tbody tr td:first-child, .subscribed-user .product-report .recent-table table thead tr th:first-child, .subscribed-user .product-report .recent-table table thead tr td:first-child, .subscribed-user .product-report .recent-table table tbody tr th:first-child, .subscribed-user .product-report .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.product-report-wrapper .product-report .recent-table table thead tr th:last-child, .product-report-wrapper .product-report .recent-table table thead tr td:last-child, .product-report-wrapper .product-report .recent-table table tbody tr th:last-child, .product-report-wrapper .product-report .recent-table table tbody tr td:last-child, .sale-report-wrapper .product-report .recent-table table thead tr th:last-child, .sale-report-wrapper .product-report .recent-table table thead tr td:last-child, .sale-report-wrapper .product-report .recent-table table tbody tr th:last-child, .sale-report-wrapper .product-report .recent-table table tbody tr td:last-child, .sale-return-wrapper .product-report .recent-table table thead tr th:last-child, .sale-return-wrapper .product-report .recent-table table thead tr td:last-child, .sale-return-wrapper .product-report .recent-table table tbody tr th:last-child, .sale-return-wrapper .product-report .recent-table table tbody tr td:last-child, .customer-order-wrapper .product-report .recent-table table thead tr th:last-child, .customer-order-wrapper .product-report .recent-table table thead tr td:last-child, .customer-order-wrapper .product-report .recent-table table tbody tr th:last-child, .customer-order-wrapper .product-report .recent-table table tbody tr td:last-child, .subscribed-user .product-report .recent-table table thead tr th:last-child, .subscribed-user .product-report .recent-table table thead tr td:last-child, .subscribed-user .product-report .recent-table table tbody tr th:last-child, .subscribed-user .product-report .recent-table table tbody tr td:last-child {
    padding-right: 20px;
    min-width: 82px;
}

.product-report-wrapper .product-report .recent-table table thead tr th:nth-child(n+3), .product-report-wrapper .product-report .recent-table table thead tr td:nth-child(n+3), .product-report-wrapper .product-report .recent-table table tbody tr th:nth-child(n+3), .product-report-wrapper .product-report .recent-table table tbody tr td:nth-child(n+3), .sale-report-wrapper .product-report .recent-table table thead tr th:nth-child(n+3), .sale-report-wrapper .product-report .recent-table table thead tr td:nth-child(n+3), .sale-report-wrapper .product-report .recent-table table tbody tr th:nth-child(n+3), .sale-report-wrapper .product-report .recent-table table tbody tr td:nth-child(n+3), .sale-return-wrapper .product-report .recent-table table thead tr th:nth-child(n+3), .sale-return-wrapper .product-report .recent-table table thead tr td:nth-child(n+3), .sale-return-wrapper .product-report .recent-table table tbody tr th:nth-child(n+3), .sale-return-wrapper .product-report .recent-table table tbody tr td:nth-child(n+3), .customer-order-wrapper .product-report .recent-table table thead tr th:nth-child(n+3), .customer-order-wrapper .product-report .recent-table table thead tr td:nth-child(n+3), .customer-order-wrapper .product-report .recent-table table tbody tr th:nth-child(n+3), .customer-order-wrapper .product-report .recent-table table tbody tr td:nth-child(n+3), .subscribed-user .product-report .recent-table table thead tr th:nth-child(n+3), .subscribed-user .product-report .recent-table table thead tr td:nth-child(n+3), .subscribed-user .product-report .recent-table table tbody tr th:nth-child(n+3), .subscribed-user .product-report .recent-table table tbody tr td:nth-child(n+3) {
    text-align: center;
}

.product-report-wrapper .product-report .recent-table table thead tr th:nth-child(2), .product-report-wrapper .product-report .recent-table table thead tr td:nth-child(2), .product-report-wrapper .product-report .recent-table table tbody tr th:nth-child(2), .product-report-wrapper .product-report .recent-table table tbody tr td:nth-child(2), .sale-report-wrapper .product-report .recent-table table thead tr th:nth-child(2), .sale-report-wrapper .product-report .recent-table table thead tr td:nth-child(2), .sale-report-wrapper .product-report .recent-table table tbody tr th:nth-child(2), .sale-report-wrapper .product-report .recent-table table tbody tr td:nth-child(2), .sale-return-wrapper .product-report .recent-table table thead tr th:nth-child(2), .sale-return-wrapper .product-report .recent-table table thead tr td:nth-child(2), .sale-return-wrapper .product-report .recent-table table tbody tr th:nth-child(2), .sale-return-wrapper .product-report .recent-table table tbody tr td:nth-child(2), .customer-order-wrapper .product-report .recent-table table thead tr th:nth-child(2), .customer-order-wrapper .product-report .recent-table table thead tr td:nth-child(2), .customer-order-wrapper .product-report .recent-table table tbody tr th:nth-child(2), .customer-order-wrapper .product-report .recent-table table tbody tr td:nth-child(2), .subscribed-user .product-report .recent-table table thead tr th:nth-child(2), .subscribed-user .product-report .recent-table table thead tr td:nth-child(2), .subscribed-user .product-report .recent-table table tbody tr th:nth-child(2), .subscribed-user .product-report .recent-table table tbody tr td:nth-child(2) {
    min-width: 215px;
}

.product-report-wrapper .product-report .recent-table table thead tr th:nth-child(4), .product-report-wrapper .product-report .recent-table table thead tr td:nth-child(4), .product-report-wrapper .product-report .recent-table table tbody tr th:nth-child(4), .product-report-wrapper .product-report .recent-table table tbody tr td:nth-child(4), .sale-report-wrapper .product-report .recent-table table thead tr th:nth-child(4), .sale-report-wrapper .product-report .recent-table table thead tr td:nth-child(4), .sale-report-wrapper .product-report .recent-table table tbody tr th:nth-child(4), .sale-report-wrapper .product-report .recent-table table tbody tr td:nth-child(4), .sale-return-wrapper .product-report .recent-table table thead tr th:nth-child(4), .sale-return-wrapper .product-report .recent-table table thead tr td:nth-child(4), .sale-return-wrapper .product-report .recent-table table tbody tr th:nth-child(4), .sale-return-wrapper .product-report .recent-table table tbody tr td:nth-child(4), .customer-order-wrapper .product-report .recent-table table thead tr th:nth-child(4), .customer-order-wrapper .product-report .recent-table table thead tr td:nth-child(4), .customer-order-wrapper .product-report .recent-table table tbody tr th:nth-child(4), .customer-order-wrapper .product-report .recent-table table tbody tr td:nth-child(4), .subscribed-user .product-report .recent-table table thead tr th:nth-child(4), .subscribed-user .product-report .recent-table table thead tr td:nth-child(4), .subscribed-user .product-report .recent-table table tbody tr th:nth-child(4), .subscribed-user .product-report .recent-table table tbody tr td:nth-child(4) {
    min-width: 138px;
}

.product-report-wrapper .product-report .recent-table table thead tr th:nth-child(5), .product-report-wrapper .product-report .recent-table table thead tr td:nth-child(5), .product-report-wrapper .product-report .recent-table table tbody tr th:nth-child(5), .product-report-wrapper .product-report .recent-table table tbody tr td:nth-child(5), .sale-report-wrapper .product-report .recent-table table thead tr th:nth-child(5), .sale-report-wrapper .product-report .recent-table table thead tr td:nth-child(5), .sale-report-wrapper .product-report .recent-table table tbody tr th:nth-child(5), .sale-report-wrapper .product-report .recent-table table tbody tr td:nth-child(5), .sale-return-wrapper .product-report .recent-table table thead tr th:nth-child(5), .sale-return-wrapper .product-report .recent-table table thead tr td:nth-child(5), .sale-return-wrapper .product-report .recent-table table tbody tr th:nth-child(5), .sale-return-wrapper .product-report .recent-table table tbody tr td:nth-child(5), .customer-order-wrapper .product-report .recent-table table thead tr th:nth-child(5), .customer-order-wrapper .product-report .recent-table table thead tr td:nth-child(5), .customer-order-wrapper .product-report .recent-table table tbody tr th:nth-child(5), .customer-order-wrapper .product-report .recent-table table tbody tr td:nth-child(5), .subscribed-user .product-report .recent-table table thead tr th:nth-child(5), .subscribed-user .product-report .recent-table table thead tr td:nth-child(5), .subscribed-user .product-report .recent-table table tbody tr th:nth-child(5), .subscribed-user .product-report .recent-table table tbody tr td:nth-child(5) {
    min-width: 78px;
}

.sale-report-wrapper .sale-report .recent-table table thead tr th, .sale-report-wrapper .sale-report .recent-table table thead tr td, .sale-report-wrapper .sale-report .recent-table table tbody tr th, .sale-report-wrapper .sale-report .recent-table table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.sale-report-wrapper .sale-report .recent-table table thead tr th:first-child, .sale-report-wrapper .sale-report .recent-table table thead tr td:first-child, .sale-report-wrapper .sale-report .recent-table table tbody tr th:first-child, .sale-report-wrapper .sale-report .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.sale-report-wrapper .sale-report .recent-table table thead tr th:last-child, .sale-report-wrapper .sale-report .recent-table table thead tr td:last-child, .sale-report-wrapper .sale-report .recent-table table tbody tr th:last-child, .sale-report-wrapper .sale-report .recent-table table tbody tr td:last-child {
    padding-right: 20px;
    min-width: 155px;
}

.sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(n+3), .sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(n+3), .sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(n+3), .sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(n+3) {
    text-align: center;
}

.sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(2), .sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(2), .sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(2), .sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(2) {
    min-width: 96px;
}

.sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(3), .sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(3), .sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(3), .sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(3) {
    min-width: 104px;
}

.sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(4), .sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(4), .sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(4), .sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(4) {
    min-width: 173px;
}

.sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(5), .sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(5), .sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(5), .sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(5) {
    min-width: 92px;
}

.sale-return-wrapper .sale-return-report .recent-table table thead tr th, .sale-return-wrapper .sale-return-report .recent-table table thead tr td, .sale-return-wrapper .sale-return-report .recent-table table tbody tr th, .sale-return-wrapper .sale-return-report .recent-table table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.sale-return-wrapper .sale-return-report .recent-table table thead tr th:first-child, .sale-return-wrapper .sale-return-report .recent-table table thead tr td:first-child, .sale-return-wrapper .sale-return-report .recent-table table tbody tr th:first-child, .sale-return-wrapper .sale-return-report .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.sale-return-wrapper .sale-return-report .recent-table table thead tr th:last-child, .sale-return-wrapper .sale-return-report .recent-table table thead tr td:last-child, .sale-return-wrapper .sale-return-report .recent-table table tbody tr th:last-child, .sale-return-wrapper .sale-return-report .recent-table table tbody tr td:last-child {
    padding-right: 20px;
    min-width: 104px;
}

@media (max-width: 1267px) and (min-width: 1200px) {
    .sale-return-wrapper .sale-return-report .recent-table table thead tr th:nth-child(4), .sale-return-wrapper .sale-return-report .recent-table table thead tr td:nth-child(4), .sale-return-wrapper .sale-return-report .recent-table table tbody tr th:nth-child(4), .sale-return-wrapper .sale-return-report .recent-table table tbody tr td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .sale-return-wrapper .sale-return-report .recent-table table thead tr th:nth-child(3), .sale-return-wrapper .sale-return-report .recent-table table thead tr td:nth-child(3), .sale-return-wrapper .sale-return-report .recent-table table tbody tr th:nth-child(3), .sale-return-wrapper .sale-return-report .recent-table table tbody tr td:nth-child(3) {
        min-width: 85px;
    }

    .sale-return-wrapper .sale-return-report .recent-table table thead tr th:nth-child(6), .sale-return-wrapper .sale-return-report .recent-table table thead tr td:nth-child(6), .sale-return-wrapper .sale-return-report .recent-table table tbody tr th:nth-child(6), .sale-return-wrapper .sale-return-report .recent-table table tbody tr td:nth-child(6) {
        min-width: 175px;
    }

    .sale-return-wrapper .sale-return-report .recent-table table thead tr th:nth-child(7), .sale-return-wrapper .sale-return-report .recent-table table thead tr td:nth-child(7), .sale-return-wrapper .sale-return-report .recent-table table tbody tr th:nth-child(7), .sale-return-wrapper .sale-return-report .recent-table table tbody tr td:nth-child(7) {
        min-width: 100px;
    }
}

.customer-order-wrapper .customer-order-report .recent-table table thead tr th, .customer-order-wrapper .customer-order-report .recent-table table thead tr td, .customer-order-wrapper .customer-order-report .recent-table table tbody tr th, .customer-order-wrapper .customer-order-report .recent-table table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.customer-order-wrapper .customer-order-report .recent-table table thead tr th:first-child, .customer-order-wrapper .customer-order-report .recent-table table thead tr td:first-child, .customer-order-wrapper .customer-order-report .recent-table table tbody tr th:first-child, .customer-order-wrapper .customer-order-report .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.customer-order-wrapper .customer-order-report .recent-table table thead tr th:last-child, .customer-order-wrapper .customer-order-report .recent-table table thead tr td:last-child, .customer-order-wrapper .customer-order-report .recent-table table tbody tr th:last-child, .customer-order-wrapper .customer-order-report .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.customer-order-wrapper .customer-order-report .recent-table table thead tr th .customer-details, .customer-order-wrapper .customer-order-report .recent-table table thead tr td .customer-details, .customer-order-wrapper .customer-order-report .recent-table table tbody tr th .customer-details, .customer-order-wrapper .customer-order-report .recent-table table tbody tr td .customer-details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.customer-order-wrapper .customer-order-report .recent-table table thead tr th .customer-details img, .customer-order-wrapper .customer-order-report .recent-table table thead tr td .customer-details img, .customer-order-wrapper .customer-order-report .recent-table table tbody tr th .customer-details img, .customer-order-wrapper .customer-order-report .recent-table table tbody tr td .customer-details img {
    height: 42px;
    border-radius: 50%;
}

.customer-order-wrapper .customer-order-report .recent-table table thead tr th .customer-details a, .customer-order-wrapper .customer-order-report .recent-table table thead tr td .customer-details a, .customer-order-wrapper .customer-order-report .recent-table table tbody tr th .customer-details a, .customer-order-wrapper .customer-order-report .recent-table table tbody tr td .customer-details a {
    color: rgb(63, 71, 90);
    font-weight: 500;
}

.customer-order-wrapper .customer-order-report .recent-table table thead tr th .customer-details:hover a, .customer-order-wrapper .customer-order-report .recent-table table thead tr td .customer-details:hover a, .customer-order-wrapper .customer-order-report .recent-table table tbody tr th .customer-details:hover a, .customer-order-wrapper .customer-order-report .recent-table table tbody tr td .customer-details:hover a {
    color: var(--theme-default);
}

.customer-order-wrapper .customer-order-report .recent-table table thead tr th .customer-group li .common-circle, .customer-order-wrapper .customer-order-report .recent-table table thead tr td .customer-group li .common-circle, .customer-order-wrapper .customer-order-report .recent-table table tbody tr th .customer-group li .common-circle, .customer-order-wrapper .customer-order-report .recent-table table tbody tr td .customer-group li .common-circle {
    width: 34px;
    height: 34px;
}

.customer-order-wrapper .customer-order-report .recent-table table thead tr th .customer-group li + li, .customer-order-wrapper .customer-order-report .recent-table table thead tr td .customer-group li + li, .customer-order-wrapper .customer-order-report .recent-table table tbody tr th .customer-group li + li, .customer-order-wrapper .customer-order-report .recent-table table tbody tr td .customer-group li + li {
    margin-left: -10px;
}

[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table thead tr th .customer-group li + li, [dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table thead tr td .customer-group li + li, [dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table tbody tr th .customer-group li + li, [dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table tbody tr td .customer-group li + li {
    margin-left: unset;
    margin-right: -10px;
}

@media (max-width: 1199px) {
    .customer-order-wrapper .customer-order-report .recent-table table thead tr th:nth-child(2), .customer-order-wrapper .customer-order-report .recent-table table thead tr td:nth-child(2), .customer-order-wrapper .customer-order-report .recent-table table tbody tr th:nth-child(2), .customer-order-wrapper .customer-order-report .recent-table table tbody tr td:nth-child(2) {
        min-width: 190px;
    }

    .customer-order-wrapper .customer-order-report .recent-table table thead tr th:nth-child(3), .customer-order-wrapper .customer-order-report .recent-table table thead tr td:nth-child(3), .customer-order-wrapper .customer-order-report .recent-table table tbody tr th:nth-child(3), .customer-order-wrapper .customer-order-report .recent-table table tbody tr td:nth-child(3) {
        min-width: 122px;
    }

    .customer-order-wrapper .customer-order-report .recent-table table thead tr th:nth-child(4), .customer-order-wrapper .customer-order-report .recent-table table thead tr td:nth-child(4), .customer-order-wrapper .customer-order-report .recent-table table tbody tr th:nth-child(4), .customer-order-wrapper .customer-order-report .recent-table table tbody tr td:nth-child(4) {
        min-width: 100px;
    }

    .customer-order-wrapper .customer-order-report .recent-table table thead tr th:nth-child(5), .customer-order-wrapper .customer-order-report .recent-table table thead tr td:nth-child(5), .customer-order-wrapper .customer-order-report .recent-table table tbody tr th:nth-child(5), .customer-order-wrapper .customer-order-report .recent-table table tbody tr td:nth-child(5) {
        min-width: 118px;
    }
}

.user-profile .hovercard .info.market-tabs {
    padding: 20px 0px 0px;
}

.user-profile .card-footer > div h3 {
    font-size: 16px;
}

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
    background-color: rgb(255, 255, 255);
    border-bottom: none !important;
}

.market-tabs .nav {
    justify-content: center;
    gap: 12px;
}

.market-tabs .nav .nav-item {
    width: 100%;
}

.market-tabs .nav .nav-item .nav-link {
    height: 81px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 30px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .market-tabs .nav .nav-item .nav-link {
        height: 50px;
        padding: 14px 25px;
    }
}

@media (max-width: 767px) {
    .market-tabs .nav .nav-item {
        width: auto;
    }
}

.tabs-social {
    border-bottom: none;
    margin-block: 20px !important; }

.tabs-social li a {
    font-weight: 600;
}

.tabs-social li a svg circle {
    color: rgb(153, 153, 153);
}

.default-according.style-1 .social-network button {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    padding: 0px;
}

.default-according.style-1 .social-network button i {
    margin-right: 0px;
}

[dir="rtl"] .default-according.style-1 .social-network button i {
    margin-right: unset;
    margin-left: 0px;
}

.default-according.style-1 .social-network span {
    margin-bottom: 0.5rem;
    display: block;
}

.social-list .d-flex {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.social-list .d-flex:last-child {
    margin-bottom: 0px;
}

.social-list .d-flex .flex-grow-1 a {
    color: rgb(153, 153, 153);
}

.social-list .d-flex .flex-grow-1 span {
    font-weight: 600;
}

.social-list .d-flex .flex-grow-1:hover a {
    color: var(--theme-default);
}

.photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px;
}

.photos ul li:nth-child(4n) {
    margin-right: 0px;
}

.new-users-social {
    margin-bottom: 30px;
}

.new-users-social svg {
    cursor: pointer;
}

.new-users-social .d-flex {
    align-items: center;
}

.new-users-social .d-flex img {
    width: 58px;
}

.new-users-social .d-flex .flex-grow-1 {
    margin-top: 10px;
}

.new-users-social svg circle {
    color: rgb(153, 153, 153);
}

.like-content span i {
    font-size: 14px;
}

.timeline-content p {
    margin-top: 30px;
    color: rgba(82, 82, 108, 0.6);
}

.timeline-content .comment-number i {
    color: rgb(153, 153, 153);
    margin: 0px 6px;
}

.timeline-content .comment-number + .comment-number {
    padding-right: 12px;
}

.timeline-content .comments-box {
    margin-top: 30px;
}

.timeline-content .comments-box .input-group {
    margin-top: 6px;
    background-color: rgba(239, 239, 239, 0.4);
    align-items: center;
}

.timeline-content .comments-box .input-group .input-txt-bx {
    background-color: rgba(239, 239, 239, 0.1);
    border: none;
}

.timeline-content .comments-box .input-group .input-txt-bx::placeholder {
    color: rgb(82, 82, 108);
}

.timeline-content .comments-box .input-group .input-group-append .btn:active {
    border-color: transparent;
}

.timeline-content .comments-box .input-group .input-group-append .btn i {
    font-size: calc(17.6px + 0.125vw);
    display: flex;
    color: rgb(153, 153, 153);
}

.timeline-content .comments-box .input-group .btn {
    padding: 0px 28px 0px 0px;
    vertical-align: -3px;
}

.social-chat {
    margin-top: 30px;
}

.social-chat span span {
    font-weight: normal;
    color: rgba(82, 82, 108, 0.6);
    font-size: 12px;
}

.social-chat .flex-grow-1 {
    padding: 20px;
    border: 1px solid rgba(82, 82, 108, 0.2);
    position: relative;
}

.social-chat .flex-grow-1 p {
    margin-top: 5px;
}

.social-chat .flex-grow-1::before {
    content: "";
    position: absolute;
    top: 19px;
    right: 100%;
    border-width: 7px;
    border-style: solid;
    border-color: transparent rgb(89, 102, 122) transparent transparent;
    border-image: initial;
}

.social-chat .flex-grow-1::after {
    content: "";
    position: absolute;
    top: 19px;
    right: 100%;
    border-width: 7px;
    border-style: solid;
    border-color: transparent rgb(255, 255, 255) transparent transparent;
    border-image: initial;
}

.social-chat .your-msg, .social-chat .other-msg {
    margin-bottom: 30px;
}

.social-chat .other-msg {
    margin-left: 40px;
}

.socialprofile span {
    color: rgb(153, 153, 153);
}

.socialprofile .social-btngroup {
    margin: 20px 0px;
}

.socialprofile .likes-profile h5 span {
    color: rgb(64, 64, 64);
}

.socialprofile .social-group {
    margin-top: 20px;
}

.socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px;
}

.social-status form .form-group .form-control-social {
    border: 1px solid rgb(244, 244, 244);
    padding-left: 15px;
    margin-bottom: 30px;
}

.social-status .d-flex {
    position: relative;
    margin-bottom: 30px;
    align-items: center;
}

@media (max-width: 1660px) and (min-width: 1200px) {
    .social-status .d-flex {
        margin-bottom: calc(3.33333px + 1.38889vw);
    }
}

.social-status .d-flex:last-child {
    margin-bottom: 0px;
}

.social-status .d-flex .social-status {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: rgb(255, 255, 255);
    bottom: 0px;
    left: 35px;
    border-radius: 100%;
}

.social-status .d-flex .social-online {
    border: 3px solid rgb(101, 193, 92);
}

.social-status .d-flex .social-busy {
    border: 3px solid rgb(255, 184, 41);
}

.social-status .d-flex .social-offline {
    border: 3px solid rgb(89, 102, 122);
}

.social-status .d-flex .flex-grow-1 p {
    color: rgba(82, 82, 108, 0.6);
    margin-bottom: 5px;
}

.social-status .d-flex .flex-grow-1 span + span {
    color: rgba(82, 82, 108, 0.6);
}

.social-status .d-flex .flex-grow-1 .light-span {
    color: rgba(82, 82, 108, 0.6);
}

.social-header h5 span:first-child {
    line-height: 1.48;
}

.social-header h5 span svg {
    vertical-align: -4px;
}

.social-header h5 span svg circle {
    color: rgb(153, 153, 153);
}

.details-about + .details-about {
    margin-top: 30px;
}

.details-about .your-details p {
    color: rgba(82, 82, 108, 0.6);
}

.avatar-showcase .friend-pic {
    margin-right: 8px;
    margin-bottom: 10px;
}

.avatar-showcase .pepole-knows ul li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}

.avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0px;
}

.avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px;
}

.activity-log .my-activity + .my-activity {
    margin-top: 30px;
}

.activity-log .my-activity p {
    margin-bottom: 5px;
}

.activity-log .my-activity p span svg {
    width: 15px;
    height: 15px;
}

@media (max-width: 525px) {
    .activity-log .my-activity p {
        margin-bottom: 10px;
    }
}

.social-app-profile .tab-pane .social-details .social-follow li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.social-app-profile .tab-pane .faq-accordion .card-header .btn, .social-app-profile .tab-pane .job-accordion .card-header .btn {
    font-size: 16px;
    font-weight: 600;
}

.social-app-profile .tab-pane .faq-accordion .filter-cards-view .page-notification .flex-grow-1 span, .social-app-profile .tab-pane .job-accordion .filter-cards-view .page-notification .flex-grow-1 span {
    font-size: 13px;
}

.social-app-profile .tab-pane .faq-accordion .filter-cards-view .flex-grow-1 span, .social-app-profile .tab-pane .job-accordion .filter-cards-view .flex-grow-1 span {
    font-size: 14px;
    font-weight: 500;
}

.social-app-profile .tab-pane .job-accordion .filter-cards-view span {
    font-weight: 500;
    font-size: 14px;
}

.social-app-profile .tab-pane .job-accordion .filter-cards-view p {
    color: rgba(64, 64, 64, 0.9);
}

.social-app-profile1 .social-app-profile .gallery-with-description .caption ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.social-app-profile1 .social-app-profile .gallery-with-description .caption ul li {
    width: 100%;
    text-align: center;
}

.social-app-profile1 .social-app-profile .gallery-with-description .caption ul li + li {
    border-left: 1px solid rgb(233, 237, 241);
}

[dir="rtl"] .social-app-profile1 .social-app-profile .gallery-with-description .caption ul li + li {
    border-left: unset;
    border-right: 1px solid rgb(233, 237, 241);
}

.social-app-profile1 .social-app-profile .gallery-with-description .caption ul li span {
    margin-left: 6px;
    color: rgb(153, 153, 153);
}

[dir="rtl"] .social-app-profile1 .social-app-profile .gallery-with-description .caption ul li span {
    margin-left: unset;
    margin-right: 6px;
}

.social-app-profile1 .social-app-profile .gallery-with-description .caption ul li i {
    color: rgb(153, 153, 153);
}

.social-app-profile1 .social-app-profile .social-friends .social-profile {
    text-align: left;
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .common-social-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .common-social-box .social-img img {
    height: calc(38px + 0.625vw);
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .common-social-box .edit-icon {
    right: calc(-2.4px + 0.125vw);
    bottom: calc(-2.4px + 0.125vw);
}

[dir="rtl"] .social-app-profile1 .social-app-profile .social-friends .social-profile .common-social-box .edit-icon {
    right: unset;
    left: calc(-2.4px + 0.125vw);
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .common-social-box .edit-icon svg {
    width: calc(17.6px + 0.125vw);
    height: calc(17.6px + 0.125vw);
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .social-details .social-follow {
    text-align: center;
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .social-details .social-follow li {
    position: relative;
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .card-social {
    gap: 13px;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding-top: 15px;
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .card-social::before {
    content: "";
    border-top: 1px solid rgb(238, 238, 238);
    width: calc(100% + 40px);
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .card-social li {
    width: 100%;
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .card-social li a {
    width: 100%;
    background-color: rgba(115, 102, 255, 0.1);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

@media (min-width: 1200px) {
    .social-app-profile1 .social-app-profile .social-friends .social-profile .card-social li a {
        height: calc(15px + 1.25vw);
    }
}

@media (max-width: 1199px) {
    .social-app-profile1 .social-app-profile .social-friends .social-profile .card-social li a {
        height: calc(25.8px + 0.6875vw);
    }

    .social-app-profile1 .social-app-profile .social-friends .social-profile .card-social li a i {
        font-size: calc(13.6px + 0.125vw);
    }
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .social-details .card-social {
    gap: 22px;
}

.social-app-profile1 .social-app-profile .social-friends .social-profile .social-details .social-follow {
    text-align: center;
}

@media (min-width: 1200px) {
    .social-app-profile1 .social-app-profile .social-friends .social-profile .social-details h5 {
        font-size: calc(12.6667px + 0.277778vw);
    }
}

.social-app-profile1 .social-app-profile .filter-cards-view.photos ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.social-app-profile1 .social-app-profile .filter-cards-view.photos ul li {
    margin: 0px;
    width: auto;
}

.social-app-profile1 .social-app-profile .filter-cards-view.photos ul li img {
    height: 55px;
}

.social-app-profile1 .social-app-profile .common-user-image .user-image .share-icons {
    position: inherit;
    inset: 0px;
}

.social-app-profile1 .social-app-profile .common-user-image .user-image .share-icons li {
    display: inline-block;
    margin-right: calc(5.2px + 0.25vw);
}

.social-app-profile1 .social-app-profile .common-user-image .user-image .share-icons li .social-icon {
    width: calc(28.4px + 1.125vw);
    height: calc(28.4px + 1.125vw);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
}

.social-app-profile1 .social-app-profile .common-user-image .user-image .share-icons li .social-icon i {
    color: rgb(255, 255, 255);
    font-size: calc(16.6px + 0.4375vw);
    animation-duration: 2.8s;
}

.social-app-profile1 .social-app-profile .common-user-image .user-image .share-icons li:last-child {
    margin-right: 0px;
}

@media (max-width: 575px) {
    .social-app-profile1 .social-app-profile .common-user-image .user-image .avatar {
        gap: 12px;
    }
}

@media (min-width: 320px) and (max-width: 1660px) {
    .social-app-profile .order-xxl-i {
        order: 1;
    }

    .social-app-profile .order-xxl-ii {
        order: 2;
    }

    .social-app-profile .order-xxl-iii {
        order: 3;
    }

    .social-app-profile .order-xxl-iv {
        order: 4;
    }

    .social-app-profile .order-xxl-v {
        order: 5;
    }

    .social-app-profile .order-xxl-vi {
        order: 5;
    }

    .social-app-profile .order-xxl-vii {
        order: 6;
    }
}

.main-scrollspy .nav-pills .nav-link {
    color: var(--chart-text-color);
    font-weight: 500;
}

.main-scrollspy .nav-pills .nav-link.active {
    color: rgb(255, 255, 255) !important;
}

.main-scrollspy h6, .main-scrollspy h5 {
    margin-bottom: 10px;
    color: var(--body-font-color);
}

.main-scrollspy p:not(.f-m-light) {
    color: rgb(108, 117, 125);
}

@media (max-width: 480px) {
    .main-scrollspy .navbar-scrollspy .navbar-brand img {
        height: 34px;
    }
}

.main-scrollspy .navbar-scrollspy .bg-body-tertiary {
    justify-content: space-between;
    background-color: var(--light-background) !important;
}

@media (max-width: 606px) {
    .main-scrollspy .navbar-scrollspy .bg-body-tertiary {
        gap: 8px;
    }
}

.main-scrollspy .navbar-scrollspy .nav-pills {
    align-items: center;
    gap: 8px;
}

.main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-toggle {
    width: 120px;
    border-radius: 6px;
    padding: 8px 16px;
}

@media (max-width: 480px) {
    .main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-toggle {
        width: 100%;
    }
}

.main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-toggle:focus {
    border: unset;
}

.main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-toggle::after {
    font-size: 14px;
    top: 48%;
}

[dir="rtl"] .main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-toggle {
    text-align: right;
}

[dir="rtl"] .main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-toggle::after {
    left: 10px;
    right: unset;
}

.main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-menu li .dropdown-item {
    opacity: 1;
    border: unset;
    color: var(--chart-text-color);
}

.main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-menu li .dropdown-item.active, .main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-menu li .dropdown-item:hover {
    background-color: rgba(115, 102, 255, 0.09);
    color: var(--theme-default);
}

.main-scrollspy .navbar-scrollspy .scrollspy-example {
    height: 200px;
    overflow-y: auto;
    scroll-behavior: smooth;
    background-color: var(--light-background) !important;
}

@media (max-width: 991px) {
    .main-scrollspy .nested-scrollspy .common-align {
        flex-direction: column;
    }
}

.main-scrollspy .nested-scrollspy .nested-scrollspy-menu {
    background-color: var(--light-background) !important;
}

.main-scrollspy .nested-scrollspy .nested-scrollspy-menu .nav-pills:first-child {
    padding: 22px 16px;
}

.main-scrollspy .nested-scrollspy .scrollspy-example-2 {
    height: 300px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

@media (max-width: 1199px) and (min-width: 576px) {
    .main-scrollspy .nested-scrollspy .scrollspy-example-2 {
        height: 344px;
    }
}

@media (max-width: 575px) {
    .main-scrollspy .nested-scrollspy .scrollspy-example-2 {
        height: 185px;
    }
}

.main-scrollspy .nested-scrollspy .scrollspy-example-2 p {
    margin-bottom: 16px;
}

.main-scrollspy .nested-scrollspy .scrollspy-example-2 svg {
    width: 120px;
    height: 150px;
}

@media (max-width: 1399px) and (min-width: 576px) {
    .main-scrollspy .nested-scrollspy .scrollspy-example-2 svg {
        width: 88px;
        height: 88px;
    }
}

@media (max-width: 575px) {
    .main-scrollspy .nested-scrollspy .scrollspy-example-2 svg {
        width: 80px;
        height: 80px;
    }
}

.main-scrollspy .scrollspy-example-3 {
    height: 180px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.main-scrollspy .custom-scrollspy-section .common-p-space {
    padding: 18px 0px;
}

.main-scrollspy .custom-scrollspy-section .common-p-space:last-child {
    padding-bottom: 0px;
}

.main-scrollspy .custom-scrollspy-section .nav-pills .nav-link {
    position: relative;
    border-radius: 0px;
    transition: 0.2s ease-in-out;
    text-align: center;
    padding: 12px 16px;
}

.main-scrollspy .custom-scrollspy-section .nav-pills .nav-link.active .custom-arrow {
    display: block;
    position: absolute;
    content: "";
    border-left: 8px solid var(--theme-default);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    top: 50%;
    transform: translate(-50%, -50%);
    right: -12px;
    transition: 0.2s ease-in-out;
}

[dir="rtl"] .main-scrollspy .custom-scrollspy-section .nav-pills .nav-link.active .custom-arrow {
    right: unset;
    left: -4px;
    border-left: unset;
    border-right: 8px solid var(--theme-default);
}

.main-scrollspy .custom-scrollspy-section .main-project .attendance-card .left-overview-content .svg-box {
    width: calc(76px + 1.25vw);
    height: calc(76px + 1.25vw);
    padding: 6px;
}

.main-scrollspy .custom-scrollspy-section .main-project .attendance-card .left-overview-content .svg-box svg {
    width: calc(54px + 3.4375vw);
    height: calc(48px + 5.3125vw);
}

.main-scrollspy .custom-scrollspy-section .main-project .attendance-card .right-overview-content > div h6 {
    padding-bottom: 0px;
}

@media (max-width: 575px) {
    .main-scrollspy .custom-scrollspy-section .main-project .attendance-card .right-overview-content .marks-count i {
        font-size: 12px;
    }
}

.main-scrollspy .custom-scrollspy-section .scrollspy-example-5 {
    height: 300px;
    overflow: hidden auto;
    scroll-behavior: smooth;
}

.main-scrollspy .custom-scrollspy-section .scrollspy-example-5 img {
    height: calc(72px + 4.0625vw);
}

.main-scrollspy .custom-scrollspy-section .scrollspy-example-5 .about-box > div svg {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    fill: rgb(255, 255, 255);
}

.main-scrollspy .custom-scrollspy-section .scrollspy-example-5 span {
    color: rgb(108, 117, 125);
}

.main-scrollspy .experience-section h6 {
    font-weight: 400;
    color: rgb(82, 82, 108);
}

.main-scrollspy .experience-section .progress {
    margin-bottom: calc(4px + 0.625vw);
}

.main-scrollspy .experience-section .progress:last-child {
    margin-bottom: 0px;
}

.main-scrollspy .experience-section .progress .progress-bar {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

.swal2-container .swal2-image {
    margin-bottom: 0px;
    width: calc(60px + 3.125vw) !important;
    height: calc(60px + 3.125vw) !important;
}

.swal2-container .swal2-html-container {
    font-size: 16px;
    margin-top: 8px;
}

.swal2-container .swal2-input {
    cursor: pointer;
}

.swal2-container .swal2-input:focus, .swal2-container .swal2-input:focus-visible {
    box-shadow: unset;
    border-color: var(--chart-dashed-border);
}

.swal2-container .swal2-title {
    font-size: calc(17.6px + 0.125vw);
    font-weight: 500;
}

.swal2-container .swal2-question {
    border-color: rgb(64, 184, 245);
    color: rgb(64, 184, 245);
}

.swal2-container .swal2-actions {
    gap: 12px;
}

.swal2-container .swal2-actions .swal2-confirm {
    background-color: var(--theme-default) !important;
}

.swal2-container .swal2-actions .swal2-confirm:hover {
    background-color: var(--theme-default) !important;
}

.swal2-container .swal2-actions .swal2-confirm:focus {
    box-shadow: unset;
}

.swal2-container .swal2-actions .swal2-confirm.btn.btn-success {
    background-color: rgb(101, 193, 92) !important;
    color: var(--white);
}

.swal2-container .swal2-actions .swal2-deny {
    background-color: rgb(252, 86, 74) !important;
}

.swal2-container .swal2-actions .swal2-cancel {
    background-color: rgb(137, 137, 137);
    color: rgb(255, 255, 255);
}

.swal2-container .swal2-actions .swal2-cancel:focus {
    box-shadow: unset;
}

.swal2-container .swal2-close {
    color: rgb(143, 143, 143);
}

.swal2-container .swal2-error {
    border-color: rgb(252, 86, 74);
    color: rgb(252, 86, 74);
}

.swal2-container .swal2-error .swal2-x-mark span {
    background-color: rgb(252, 86, 74);
}

.swal2-container .swal2-warning {
    border-color: rgb(255, 184, 41);
    color: rgb(255, 184, 41);
}

.swal2-container .swal2-warning .swal2-icon-content {
    color: rgb(255, 184, 41);
}

.swal2-container div:where(.swal2-icon).swal2-success .swal2-success-ring {
    border: 0.25em solid rgba(101, 193, 92, 0.3);
}

.swal2-container div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] {
    background-color: rgb(101, 193, 92);
}

.swal2-container div:where(.swal2-icon).swal2-info {
    border-color: rgb(64, 184, 245) !important;
    color: rgb(64, 184, 245) !important;
}

.swal2-container .swal2-loader {
    border-color: rgb(143, 143, 143) rgba(0, 0, 0, 0);
}

.swal2-container button {
    padding: 6px 28px;
    font-weight: 400;
    color: var(--theme-default);
    margin: 0px;
    font-size: 14px !important;
}

.swal2-container button.swal2-close {
    font-size: 40px !important;
}

.swal2-container button.swal2-close:focus, .swal2-container button.swal2-close:hover {
    box-shadow: unset;
}

.swal2-container .swal2-wrapper {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.swal2-container .swal2-wrapper .swal2-select {
    padding: 0px !important;
}

.swal2-container .swal2-wrapper .swal2-select label {
    font-size: 16px !important;
}

.swal2-container .swal2-wrapper .swal2-select .swal2-input {
    border: 1px solid var(--recent-dashed-border);
    border-radius: 5px;
    font-size: 16px;
    color: rgb(117, 117, 138);
}

.swal2-container .swal2-wrapper .swal2-select .swal2-input option {
    font-size: 14px;
}

.swal2-container .swal2-wrapper label {
    margin: 0px 0px 6px;
}

.swal2-container .swal2-wrapper .swal2-input {
    margin: 0px;
}

.swal2-container .swal2-wrapper .swal2-input:focus {
    box-shadow: unset;
    border-color: var(--recent-dashed-border);
}

.swal2-container .swal2-wrapper .form-check-input:focus {
    box-shadow: unset;
    border-color: var(--recent-dashed-border);
}

.swal2-container .swal2-wrapper .swal2-genders {
    display: flex;
    gap: 12px;
    margin: 18px 0px;
}

.swal2-container .swal2-wrapper .swal2-genders label {
    margin: 0px;
}

.swal2-container .swal2-wrapper .swal2-radio-group, .swal2-container .swal2-wrapper .swal2-checkbox {
    display: flex;
    gap: 8px;
}

.swal2-container .swal2-wrapper .form-control, .swal2-container .swal2-wrapper .form-select {
    border-color: rgb(204, 204, 204);
}

div:where(.swal2-container) button:where(.swal2-close):hover {
    color: var(--theme-default) !important;
}

.seller-wrapper .basic-wizard .stepper-horizontal .step .step-title {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: calc(57.6px + 6.375vw);
}

.seller-wrapper .basic-wizard .stepper-horizontal .step .product-date input {
    font-size: 14px;
}

.seller-wrapper .card-header {
    border-radius: 15px;
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 575px) {
    .seller-wrapper .card-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

.seller-wrapper .common-f-start {
    gap: calc(12.8px + 0.375vw);
    flex-wrap: wrap;
}

@media (max-width: 575px) {
    .seller-wrapper .common-f-start {
        flex-direction: column;
        align-items: flex-start;
    }
}

.seller-wrapper .common-f-start .seller-filter {
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    transition: 0.5s ease-in-out;
    left: 0px;
    position: relative;
}

[dir="rtl"] .seller-wrapper .common-f-start .seller-filter {
    left: unset;
    right: 0px;
}

.seller-wrapper .common-f-start .seller-filter::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 3px;
    bottom: -1px;
    left: 0px;
    background-color: var(--theme-default);
    opacity: 0.3;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
}

[dir="rtl"] .seller-wrapper .common-f-start .seller-filter::after {
    left: unset;
    right: 0px;
}

.seller-wrapper .common-f-start .seller-filter:hover, .seller-wrapper .common-f-start .seller-filter:active, .seller-wrapper .common-f-start .seller-filter.active {
    color: var(--theme-default);
    transition: 0.5s ease-in-out;
}

.seller-wrapper .common-f-start .seller-filter:hover::after, .seller-wrapper .common-f-start .seller-filter:active::after, .seller-wrapper .common-f-start .seller-filter.active::after {
    width: 50%;
}

.seller-wrapper .right-vendor {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 1422px) {
    .seller-wrapper .right-vendor {
        justify-content: flex-start;
    }
}

.seller-wrapper .right-vendor .input-group {
    width: 60%;
}

@media (max-width: 445px) {
    .seller-wrapper .right-vendor .input-group {
        width: 100%;
    }
}

.seller-wrapper .right-vendor .input-group svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 445px) {
    .seller-wrapper .right-vendor .btn {
        margin: auto;
    }
}

.seller-wrapper .basic-wizard .custom-input .form-control[type="file"] {
    color: rgb(108, 117, 125);
}

.seller-wrapper .basic-wizard .custom-input .form-control[type="file"]::file-selector-button {
    color: rgb(108, 117, 125);
}

.seller-wrapper .basic-wizard .custom-input .flatpicker-calender .form-control {
    color: rgb(108, 117, 125);
}

.seller-wrapper .basic-wizard .stepper-horizontal .step .step-bar-left {
    border-color: rgb(204, 204, 204);
    height: 0.125rem;
    border-width: 0.0625rem 0px;
}

.seller-wrapper .basic-wizard .stepper-horizontal .step .step-bar-right {
    border-width: 0.0625rem 0px;
    height: 0.125rem;
}

.seller-wrapper .basic-wizard .stepper-horizontal .step-circle {
    font-weight: 500;
}

.seller-wrapper .basic-wizard .stepper-horizontal .step-circle span {
    line-height: 1;
    font-weight: 400;
    font-size: 0.875rem;
}

.seller-wrapper .basic-wizard .wizard-footer {
    margin-top: 1rem;
}

.seller-wrapper .basic-wizard .wizard-footer [class*="button-light-"]:disabled {
    border-color: transparent;
    color: rgb(82, 82, 108);
    opacity: 1;
}

.seller-wrapper .modal .modal-body .form-select {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--lighter-gray);
}

.seller-wrapper .form-check .form-check-input:checked {
    background-color: var(--theme-default);
}

.seller-wrapper .form-check .form-check-input:valid {
    border-color: var(--theme-default);
}

.seller-wrapper .form-check .form-check-input:valid ~ .form-check-label {
    color: rgb(36, 41, 52);
}

.seller-cards {
    display: grid;
    place-content: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
    padding-bottom: 20px;
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .seller-cards {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (max-width: 1399px) and (min-width: 890px) {
    .seller-cards {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 889px) and (min-width: 620px) {
    .seller-cards {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 619px) {
    .seller-cards {
        grid-template-columns: 1fr;
    }
}

.seller-cards .seller-box {
    border-radius: 15px;
    padding: 20px;
    background: var(--white);
}

.seller-cards .seller-box > div {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.seller-cards .seller-box .seller-profits li {
    padding-block: 6px; }

.seller-cards .seller-box .seller-profits li:first-child {
    padding-top: 0px;
}

.seller-cards .seller-box .seller-profits li:last-child {
    padding-bottom: 0px;
}

.seller-cards .seller-box .seller-profits li .common-space {
    position: relative;
    z-index: 0;
}

.seller-cards .seller-box .seller-profits li .common-space::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    border-top: 1px dashed var(--chart-dashed-border);
    z-index: -1;
}

.seller-cards .seller-box .seller-profits li .common-space span {
    background-color: var(--white);
}

.seller-cards .seller-box .seller-profits li .common-space span:first-child {
    padding-right: 6px;
}

[dir="rtl"] .seller-cards .seller-box .seller-profits li .common-space span:first-child {
    padding-right: unset;
    padding-left: 6px;
}

.seller-cards .seller-box .seller-profits li .common-space span:last-child {
    font-weight: 500;
    padding-left: 6px;
}

[dir="rtl"] .seller-cards .seller-box .seller-profits li .common-space span:last-child {
    padding-left: unset;
    padding-right: 6px;
}

.seller-cards .seller-box svg {
    width: calc(26.8px + 0.375vw);
    height: calc(26.8px + 0.375vw);
}

.seller-cards .seller-box .btn {
    width: 100%;
    margin-top: 22px;
}

.seller-cards .hide {
    animation: 0.3s ease 0s 1 normal forwards running hide;
    transform-origin: center center;
}

.seller-cards .show {
    animation: 0.3s ease 0s 1 normal forwards running show;
    transform-origin: center center;
}

@keyframes hide {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
        width: 0px;
        height: 0px;
        margin: 0px;
    }
}

@keyframes show {
    0% {
        transform: scale(0);
        width: 0px;
        height: 0px;
        margin: 0px;
    }

    100% {
        transform: scale(1);
    }
}

.review-box .seller-profile .accordion-button {
    font-size: calc(15.6px + 0.125vw);
    color: rgb(36, 41, 52);
    font-weight: 500;
    letter-spacing: 0.2px;
    background-color: rgba(82, 82, 108, 0.1);
}

.review-box .seller-profile .accordion-button.collapsed {
    background-color: transparent;
}

.review-box .seller-profile .accordion-item {
    margin-bottom: 12px;
}

.review-box .seller-profile .accordion-item .accordion-header .accordion-button::after {
    background-image: var(--bs-accordion-btn-icon);
    background-size: 16px;
}

.review-box .seller-profile .accordion-item .accordion-body .common-space, .review-box .seller-profile .accordion-item .accordion-body .common-f-start {
    gap: 10px;
}

.review-box .seller-profile .accordion-item .accordion-body .common-space h5, .review-box .seller-profile .accordion-item .accordion-body .common-f-start h5 {
    font-size: calc(15.8px + 0.0625vw);
}

.review-box .seller-profile .accordion-item .accordion-body .common-space i, .review-box .seller-profile .accordion-item .accordion-body .common-f-start i {
    font-size: 16px;
}

.review-box .seller-profile .accordion-item .accordion-body .common-space svg, .review-box .seller-profile .accordion-item .accordion-body .common-f-start svg {
    width: calc(25.6px + 0.75vw);
    height: calc(25.6px + 0.75vw);
}

.review-box .seller-profile .accordion-item .accordion-body .seller-details {
    margin-top: 20px;
}

.review-box .seller-profile .accordion-item .accordion-body .seller-details li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    gap: 4px;
    flex-wrap: wrap;
}

@media (max-width: 340px) {
    .review-box .seller-profile .accordion-item .accordion-body .seller-details li {
        display: block;
        border-bottom: 1px dashed var(--recent-dashed-border);
        margin-bottom: 12px;
    }
}

.review-box .seller-profile .accordion-item .accordion-body .seller-details li > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.review-box .seller-profile .accordion-item .accordion-body .seller-details li > div i {
    font-size: 14px;
    color: rgba(64, 64, 64, 0.8);
}

.review-box .seller-profile .accordion-item .accordion-body .seller-details li > div h6 {
    color: rgb(64, 64, 64);
    font-size: 15px;
    font-weight: 400;
}

.review-box .seller-profile .accordion-item .accordion-body .notification-wrapper {
    padding-bottom: 16px;
}

.review-box .seller-profile .accordion-item .accordion-body .notification-wrapper .form-check-label {
    letter-spacing: 0.3px;
}

.review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li {
    width: calc(36.6px + 0.4375vw);
    height: calc(36.6px + 0.4375vw);
    max-width: 45px;
    background-color: rgba(82, 82, 108, 0.1);
    display: grid;
    place-items: center;
}

.review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-input {
    background-image: unset;
    z-index: 0;
    transition: 0.2s ease-in-out;
}

.review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-input:checked {
    background-color: var(--theme-default);
}

.review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-input:checked ~ .form-check-label i {
    transform: scale(1.2);
    transition: 0.2s ease-in-out;
    color: rgb(255, 255, 255);
}

.review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-label {
    z-index: 1;
}

.review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-label i {
    padding-right: 0px;
    color: rgb(82, 82, 108);
    font-size: calc(13.6px + 0.125vw);
}

[dir="rtl"] .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-label i {
    padding-right: unset;
    padding-left: 0px;
}

.review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li {
    padding-bottom: 16px;
}

.review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li label {
    font-weight: 500;
    color: rgb(82, 82, 108);
}

.review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li p {
    letter-spacing: 0.2px;
    margin: 0px;
    color: rgb(108, 117, 125);
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li a {
    color: var(--theme-default);
    text-decoration: unset;
}

.review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li a:hover {
    text-decoration: underline;
}

.review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li .ql-tooltip {
    visibility: hidden;
}

.review-box .seller-profile .product-reviews .review-people .review-list {
    max-height: 295px;
}

.review-box .seller-profile .product-reviews .review-people .review-list li {
    background-color: var(--light-background);
    padding: 16px 20px;
    border-radius: 10px;
}

.review-box .seller-profile .product-reviews .review-people .review-list li .people-box {
    background: unset;
    padding: 0px;
    border-radius: 0px;
}

.review-box .seller-profile .product-reviews .review-people .review-list li .people-box .people-name {
    flex-wrap: wrap;
    gap: 0px;
}

.review-box .seller-profile .product-reviews .review-people .review-list li .people-box .people-name .date-time {
    flex-wrap: wrap;
    gap: 4px;
}

.review-box .seller-profile .product-reviews .review-people .review-list li > p {
    margin: calc(7.2px + 0.25vw) 0px 0px;
    line-height: 1.6;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.seller-details-table .recent-table div.dt-container .dt-layout-row .dt-search {
    top: 26px;
    right: 214px;
}

@media (max-width: 767px) {
    .seller-details-table .recent-table div.dt-container .dt-layout-row .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 640px) {
    .seller-details-table .recent-table div.dt-container .dt-layout-row .dt-search {
        top: 0px;
    }
}

.seller-details-table .recent-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
}

.seller-details-table .recent-table div.dt-container .dt-layout-row .dt-length {
    top: 25px;
}

.seller-details-table .recent-table .table thead tr th, .seller-details-table .recent-table .table thead tr td, .seller-details-table .recent-table .table tbody tr th, .seller-details-table .recent-table .table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.seller-details-table .recent-table .table thead tr th:first-child, .seller-details-table .recent-table .table thead tr td:first-child, .seller-details-table .recent-table .table tbody tr th:first-child, .seller-details-table .recent-table .table tbody tr td:first-child {
    padding-left: 20px;
}

.seller-details-table .recent-table .table thead tr th:last-child, .seller-details-table .recent-table .table thead tr td:last-child, .seller-details-table .recent-table .table tbody tr th:last-child, .seller-details-table .recent-table .table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1199px) {
    .seller-details-table .recent-table .table thead tr th:nth-child(6), .seller-details-table .recent-table .table thead tr td:nth-child(6), .seller-details-table .recent-table .table tbody tr th:nth-child(6), .seller-details-table .recent-table .table tbody tr td:nth-child(6) {
        min-width: 98px;
    }
}

.seller-details-table .recent-table .table thead tr th .badge, .seller-details-table .recent-table .table thead tr td .badge, .seller-details-table .recent-table .table tbody tr th .badge, .seller-details-table .recent-table .table tbody tr td .badge {
    font-size: 12px;
    padding: 6px 12px;
}

.seller-details-table .recent-table .table thead tr th .product-names p, .seller-details-table .recent-table .table thead tr td .product-names p, .seller-details-table .recent-table .table tbody tr th .product-names p, .seller-details-table .recent-table .table tbody tr td .product-names p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    min-width: 228px;
    max-width: 228px;
}

.seller-details-table .recent-table .table thead tr th .product-action, .seller-details-table .recent-table .table thead tr td .product-action, .seller-details-table .recent-table .table tbody tr th .product-action, .seller-details-table .recent-table .table tbody tr td .product-action {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.seller-details-table .recent-table .table thead tr th .product-action .square-white, .seller-details-table .recent-table .table thead tr td .product-action .square-white, .seller-details-table .recent-table .table tbody tr th .product-action .square-white, .seller-details-table .recent-table .table tbody tr td .product-action .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.seller-details-table .recent-table .table thead tr th .product-action .square-white svg, .seller-details-table .recent-table .table thead tr td .product-action .square-white svg, .seller-details-table .recent-table .table tbody tr th .product-action .square-white svg, .seller-details-table .recent-table .table tbody tr td .product-action .square-white svg {
    fill: rgba(82, 82, 108, 0.8);
    width: 16px;
    height: 16px;
}

.vendor-selling-table .recent-table div.dt-container .dt-layout-row .dt-search {
    right: 20px;
}

@media (max-width: 640px) {
    .vendor-selling-table .recent-table div.dt-container .dt-layout-row .dt-search {
        top: 4px;
    }
}

.vendor-selling-table .recent-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
}

.vendor-selling-table .recent-table div.dt-container .dt-layout-row .dt-length {
    top: 16px;
}

.vendor-selling-table .recent-table .table thead tr th, .vendor-selling-table .recent-table .table thead tr td, .vendor-selling-table .recent-table .table tbody tr th, .vendor-selling-table .recent-table .table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.vendor-selling-table .recent-table .table thead tr th:first-child, .vendor-selling-table .recent-table .table thead tr td:first-child, .vendor-selling-table .recent-table .table tbody tr th:first-child, .vendor-selling-table .recent-table .table tbody tr td:first-child {
    padding-left: 20px;
}

.vendor-selling-table .recent-table .table thead tr th:last-child, .vendor-selling-table .recent-table .table thead tr td:last-child, .vendor-selling-table .recent-table .table tbody tr th:last-child, .vendor-selling-table .recent-table .table tbody tr td:last-child {
    padding-right: 20px;
}

@media (max-width: 1199px) {
    .vendor-selling-table .recent-table .table thead tr th:last-child, .vendor-selling-table .recent-table .table thead tr td:last-child, .vendor-selling-table .recent-table .table tbody tr th:last-child, .vendor-selling-table .recent-table .table tbody tr td:last-child {
        min-width: 118px;
    }
}

.vendor-selling-table .recent-table .table thead tr th .product-names p, .vendor-selling-table .recent-table .table thead tr td .product-names p, .vendor-selling-table .recent-table .table tbody tr th .product-names p, .vendor-selling-table .recent-table .table tbody tr td .product-names p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    min-width: 228px;
    max-width: 228px;
}

.seller-order-table .recent-table div.dt-container .dt-layout-row .dt-search {
    right: 20px;
}

@media (max-width: 640px) {
    .seller-order-table .recent-table div.dt-container .dt-layout-row .dt-search {
        top: 4px;
    }
}

.seller-order-table .recent-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
}

.seller-order-table .recent-table div.dt-container .dt-layout-row .dt-length {
    top: 16px;
}

.seller-order-table .recent-table .table thead tr th, .seller-order-table .recent-table .table thead tr td, .seller-order-table .recent-table .table tbody tr th, .seller-order-table .recent-table .table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.seller-order-table .recent-table .table thead tr th:first-child, .seller-order-table .recent-table .table thead tr td:first-child, .seller-order-table .recent-table .table tbody tr th:first-child, .seller-order-table .recent-table .table tbody tr td:first-child {
    padding-left: 20px;
}

.seller-order-table .recent-table .table thead tr th:last-child, .seller-order-table .recent-table .table thead tr td:last-child, .seller-order-table .recent-table .table tbody tr th:last-child, .seller-order-table .recent-table .table tbody tr td:last-child {
    padding-right: 20px;
}

.seller-order-table .recent-table .table thead tr th a, .seller-order-table .recent-table .table thead tr td a, .seller-order-table .recent-table .table tbody tr th a, .seller-order-table .recent-table .table tbody tr td a {
    color: rgb(82, 82, 108);
}

.seller-order-table .recent-table .table thead tr th:nth-child(2) a, .seller-order-table .recent-table .table thead tr td:nth-child(2) a, .seller-order-table .recent-table .table tbody tr th:nth-child(2) a, .seller-order-table .recent-table .table tbody tr td:nth-child(2) a {
    color: var(--theme-default) !important;
    font-weight: 500;
}

.seller-order-table .recent-table .table thead tr th:nth-child(4) img, .seller-order-table .recent-table .table thead tr td:nth-child(4) img, .seller-order-table .recent-table .table tbody tr th:nth-child(4) img, .seller-order-table .recent-table .table tbody tr td:nth-child(4) img {
    height: 30px;
}

.seller-order-table .recent-table .table thead tr th:nth-child(4) a, .seller-order-table .recent-table .table thead tr td:nth-child(4) a, .seller-order-table .recent-table .table tbody tr th:nth-child(4) a, .seller-order-table .recent-table .table tbody tr td:nth-child(4) a {
    color: rgb(82, 82, 108);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    min-width: 120px;
    max-width: 120px;
}

.seller-order-table .recent-table .table thead tr th .badge, .seller-order-table .recent-table .table thead tr td .badge, .seller-order-table .recent-table .table tbody tr th .badge, .seller-order-table .recent-table .table tbody tr td .badge {
    font-size: 12px;
    padding: 6px 12px;
}

@media (max-width: 1199px) {
    .seller-order-table .recent-table .table thead tr th:nth-child(2), .seller-order-table .recent-table .table thead tr td:nth-child(2), .seller-order-table .recent-table .table tbody tr th:nth-child(2), .seller-order-table .recent-table .table tbody tr td:nth-child(2) {
        min-width: 128px;
    }

    .seller-order-table .recent-table .table thead tr th:nth-child(3), .seller-order-table .recent-table .table thead tr td:nth-child(3), .seller-order-table .recent-table .table tbody tr th:nth-child(3), .seller-order-table .recent-table .table tbody tr td:nth-child(3) {
        min-width: 110px;
    }

    .seller-order-table .recent-table .table thead tr th:nth-child(4), .seller-order-table .recent-table .table thead tr td:nth-child(4), .seller-order-table .recent-table .table tbody tr th:nth-child(4), .seller-order-table .recent-table .table tbody tr td:nth-child(4) {
        min-width: 165px;
    }

    .seller-order-table .recent-table .table thead tr th:nth-child(5), .seller-order-table .recent-table .table thead tr td:nth-child(5), .seller-order-table .recent-table .table tbody tr th:nth-child(5), .seller-order-table .recent-table .table tbody tr td:nth-child(5) {
        min-width: 68px;
    }

    .seller-order-table .recent-table .table thead tr th:nth-child(6), .seller-order-table .recent-table .table thead tr td:nth-child(6), .seller-order-table .recent-table .table tbody tr th:nth-child(6), .seller-order-table .recent-table .table tbody tr td:nth-child(6) {
        min-width: 80px;
    }
}

.seller-order-table .recent-table .table tbody tr td:last-child {
    padding-left: 24px;
}

@media (max-width: 575px) {
    .seller-details-wrapper .heading-space .card-header .header-top {
        margin-left: 63px;
    }
}

@media (max-width: 400px) {
    .seller-details-wrapper .heading-space:nth-last-of-type(1) .card-header-right-icon {
        display: none;
    }
}

@media (min-width: 1661px) {
    .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card {
        box-shadow: unset;
        background-color: transparent;
        border-radius: 0px;
    }

    .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card .card-body {
        padding: 0px;
    }
}

@media (max-width: 1660px) {
    .seller-details-wrapper .review-box .md-sidebar .accordion .accordion-item {
        margin-bottom: 0px;
    }

    .seller-details-wrapper .review-box .md-sidebar .md-sidebar-toggle {
        display: block;
        width: fit-content;
        text-transform: capitalize;
        margin-bottom: 20px;
    }

    .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside {
        position: absolute;
        top: 40px;
        left: 0px;
        opacity: 0;
        visibility: hidden;
        z-index: 3;
        width: 360px;
        transition: 0.2s;
    }

    .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible;
        transition: 0.2s;
    }
}

@media (max-width: 1660px) and (max-width: 390px) {
    .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside {
        width: 300px;
    }
}

.seller-details-wrapper .widget-hover .card-body > div span {
    overflow: unset;
}

.seller-details-wrapper .widget-hover:hover svg {
    animation: 1.5s ease 0s infinite normal none running tada;
}

.seller-details-wrapper .social-tabs .nav .frame-image svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 1660px) {
    .ord-xxl-1 {
        order: 1 !important;
    }

    .ord-xxl-2 {
        order: 2 !important;
    }

    .ord-xxl-3 {
        order: 3 !important;
    }
}

.main-setting .nav-pills {
    gap: 18px;
}

.main-setting .nav-pills .nav-link {
    padding: 12px 16px;
    background-color: rgba(204, 204, 204, 0.3);
    color: rgb(64, 64, 64);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.main-setting .nav-pills .nav-link.active svg {
    stroke: rgb(255, 255, 255);
}

.main-setting .nav-pills .nav-link svg {
    width: 20px;
    height: 20px;
    fill: transparent;
    stroke: rgba(82, 82, 108, 0.8);
}

[dir="rtl"] .main-setting .nav-pills .nav-link svg {
    transform: scaleX(-1);
}

@media (max-width: 575px) {
    .main-setting .nav-pills .nav-link {
        margin-bottom: 12px;
    }

    .main-setting .nav-pills .nav-link:last-child {
        margin-bottom: 0px;
    }
}

@media (max-width: 991px) {
    .main-setting .nav-pills {
        gap: 12px;
        flex-wrap: nowrap;
        overflow: auto;
        position: relative;
    }

    .main-setting .nav-pills .nav-link {
        white-space: nowrap;
    }
}

.main-setting .panel-body .row {
    margin-bottom: 1rem;
}

@media (max-width: 575px) {
    .main-setting .panel-body .row {
        margin-bottom: 0.8rem;
    }
}

.main-setting .form-label {
    font-weight: 500;
    color: rgb(82, 82, 108);
}

.main-setting .form-control, .main-setting .form-select {
    font-size: 14px;
    color: var(--body-font-color);
    background-color: rgb(250, 250, 250);
}

.main-setting .bootstrap-select .dropdown-toggle {
    border-color: rgb(233, 237, 241) !important;
}

.main-setting .bootstrap-select .dropdown-menu .inner {
    max-height: 200px;
}

.main-setting .input-group .input-group-text {
    background-color: rgba(233, 233, 233, 0.7);
}

.main-setting .input-group .input-group-text i {
    font-weight: 400;
}

.main-setting .form-check.form-switch {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    padding: 0px;
    margin: 0px;
}

.main-setting .form-check.form-switch .form-check-input {
    margin: 0px;
    width: 40px;
    height: 22px;
}

.main-setting .form-check.form-switch p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.main-setting .form-check.form-switch p svg {
    min-width: 15px;
    min-height: 15px;
    width: 15px;
    height: 15px;
}

.main-setting .helper-text p {
    font-size: 13px;
}

@media (min-width: 992px) {
    .main-setting .tab-content {
        border-left: 1px dashed rgb(204, 204, 204);
        padding-left: 18px;
        height: 100%;
    }

    [dir="rtl"] .main-setting .tab-content {
        border-left: unset;
        border-right: 1px dashed rgb(204, 204, 204);
        padding-left: unset;
        padding-right: 18px;
    }

    .main-setting .tab-content .advance-options .tab-content {
        border: unset;
    }
}

@media (max-width: 575px) {
    .main-setting .tab-content .advance-options .nav-tabs {
        margin-bottom: 18px;
    }

    .main-setting .tab-content .advance-options .nav-tabs .nav-item .nav-link {
        padding-top: 10px;
    }
}

.main-setting .tab-content .row {
    margin-bottom: 1.5rem;
}

@media (max-width: 575px) {
    .main-setting .tab-content .row {
        margin-bottom: 1.2rem;
    }
}

.modal-open .datepickers-container {
    z-index: 1075;
}

.date-details {
    align-items: center;
}

.date-details > div + div {
    margin-left: 10px;
}

.taskadd table tr td {
    border-top: none;
}

.taskadd table tr td:first-child {
    padding-left: 20px;
}

.taskadd table tr td:last-child {
    padding-right: 20px;
}

.taskadd table tr td:last-child a {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    background-color: rgb(255, 232, 230);
    display: grid;
    place-items: center;
}

.taskadd table tr td:last-child a svg {
    color: rgb(252, 86, 74);
}

.taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: rgb(89, 102, 122);
}

.taskadd table tr:first-child td {
    padding-top: 20px;
}

.taskadd table tr:last-child td {
    padding-bottom: 20px;
    border-bottom: unset;
}

@media only screen and (max-width: 1660px) {
    .taskadd table tr td:first-child {
        min-width: 160px;
    }

    .taskadd table tr td:nth-child(3) {
        min-width: 70px;
    }
}

@media only screen and (max-width: 991px) {
    .date-details {
        display: block !important;
        margin-bottom: -10px;
    }

    .date-details .d-inline-block {
        margin-bottom: 10px;
    }

    .taskadd table tr td:first-child {
        padding-left: 20px;
    }

    .taskadd table tr:first-child td {
        padding-top: 20px;
    }

    .taskadd table tr:last-child td {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .taskadd table tr td:nth-child(2) {
        min-width: 745px;
    }
}

@media only screen and (max-width: 575px) {
    .taskadd table tr td:first-child {
        padding-left: 15px;
    }

    .taskadd table tr:first-child td {
        padding-top: 15px;
    }

    .taskadd table tr:last-child td {
        padding-bottom: 15px;
    }
}

.main-tasks .main-menu li:last-child {
    border-top: 1px solid var(--chart-dashed-border);
    padding-top: 14px;
    margin-top: 14px;
}

.main-tasks .task-stats .common-align {
    background-color: rgba(115, 102, 255, 0.1);
    padding: 12px;
    border-radius: 4px;
    gap: 12px;
}

.main-tasks .task-stats .common-align [class*="bg-"] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 3px;
}

.main-tasks .task-stats .common-align [class*="bg-"] i {
    font-size: 20px;
    margin: 0px;
    color: rgb(255, 255, 255);
}

@media (min-width: 1400px) {
    .main-tasks .task-stats .common-align [class*="bg-"] {
        width: calc(21.5385px + 0.961538vw);
        height: calc(21.5385px + 0.961538vw);
    }

    .main-tasks .task-stats .common-align [class*="bg-"] i {
        font-size: calc(5.23077px + 0.769231vw);
    }

    .main-tasks .task-stats .common-align h4 {
        font-size: calc(12.6154px + 0.384615vw);
    }
}

.main-tasks .form-select {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.main-tasks .bootstrap-select .dropdown-toggle {
    border-color: rgba(82, 82, 108, 0.1) !important;
}

.main-tasks .bootstrap-select .dropdown-toggle .filter-option {
    white-space: initial;
}

.main-tasks .bootstrap-select .dropdown-menu .dropdown-item {
    opacity: 1;
    color: rgba(82, 82, 108, 0.6) !important;
}

.main-tasks .bootstrap-select .no-results {
    font-size: 14px;
    margin: 0px;
    padding: 0px 12px;
}

.main-tasks .was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: rgb(101, 193, 92) !important;
}

.main-tasks .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
    border-color: rgb(252, 86, 74) !important;
}

.main-tasks .common-task-table .table-responsive div.dt-container .dt-layout-row .dt-search {
    right: -50px;
}

.main-tasks .common-task-table .table-responsive form {
    padding: 20px;
}

.main-tasks .common-task-table .table-responsive table thead tr th, .main-tasks .common-task-table .table-responsive table thead tr td, .main-tasks .common-task-table .table-responsive table tbody tr th, .main-tasks .common-task-table .table-responsive table tbody tr td {
    min-width: auto;
    color: var(--body-font-color);
}

.main-tasks .common-task-table .table-responsive table thead tr th a, .main-tasks .common-task-table .table-responsive table thead tr td a, .main-tasks .common-task-table .table-responsive table tbody tr th a, .main-tasks .common-task-table .table-responsive table tbody tr td a {
    color: var(--body-font-color);
}

.main-tasks .common-task-table .table-responsive table thead tr th:first-child, .main-tasks .common-task-table .table-responsive table thead tr td:first-child, .main-tasks .common-task-table .table-responsive table tbody tr th:first-child, .main-tasks .common-task-table .table-responsive table tbody tr td:first-child {
    padding-left: 20px;
}

.main-tasks .common-task-table .table-responsive table thead tr th:last-child, .main-tasks .common-task-table .table-responsive table thead tr td:last-child, .main-tasks .common-task-table .table-responsive table tbody tr th:last-child, .main-tasks .common-task-table .table-responsive table tbody tr td:last-child {
    padding-right: 20px;
}

.main-tasks .common-task-table .table-responsive table thead tr th:nth-child(2), .main-tasks .common-task-table .table-responsive table thead tr td:nth-child(2), .main-tasks .common-task-table .table-responsive table tbody tr th:nth-child(2), .main-tasks .common-task-table .table-responsive table tbody tr td:nth-child(2) {
    max-width: 150px;
}

.main-tasks .common-task-table .table-responsive table thead tr th:nth-child(3) span, .main-tasks .common-task-table .table-responsive table thead tr td:nth-child(3) span, .main-tasks .common-task-table .table-responsive table tbody tr th:nth-child(3) span, .main-tasks .common-task-table .table-responsive table tbody tr td:nth-child(3) span {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
}

@media (max-width: 1485px) and (min-width: 1200px) {
    .main-tasks .common-task-table .table-responsive table thead tr th:nth-child(3), .main-tasks .common-task-table .table-responsive table thead tr td:nth-child(3), .main-tasks .common-task-table .table-responsive table tbody tr th:nth-child(3), .main-tasks .common-task-table .table-responsive table tbody tr td:nth-child(3) {
        display: none;
    }
}

.main-tasks .common-task-table .table-responsive table thead tr th span.badge, .main-tasks .common-task-table .table-responsive table thead tr td span.badge, .main-tasks .common-task-table .table-responsive table tbody tr th span.badge, .main-tasks .common-task-table .table-responsive table tbody tr td span.badge {
    padding: 6px 12px;
    font-size: 12px;
}

.main-tasks .common-task-table .table-responsive table thead tr th ul li + li, .main-tasks .common-task-table .table-responsive table thead tr td ul li + li, .main-tasks .common-task-table .table-responsive table tbody tr th ul li + li, .main-tasks .common-task-table .table-responsive table tbody tr td ul li + li {
    margin-left: -12px;
}

[dir="rtl"] .main-tasks .common-task-table .table-responsive table thead tr th ul li + li, [dir="rtl"] .main-tasks .common-task-table .table-responsive table thead tr td ul li + li, [dir="rtl"] .main-tasks .common-task-table .table-responsive table tbody tr th ul li + li, [dir="rtl"] .main-tasks .common-task-table .table-responsive table tbody tr td ul li + li {
    margin-left: unset;
    margin-right: -12px;
}

.main-tasks .common-task-table .table-responsive table thead tr th img, .main-tasks .common-task-table .table-responsive table thead tr td img, .main-tasks .common-task-table .table-responsive table tbody tr th img, .main-tasks .common-task-table .table-responsive table tbody tr td img {
    height: 30px;
}

@media (max-width: 1199px) {
    .main-tasks .common-task-table .table-responsive table thead tr th:nth-child(2), .main-tasks .common-task-table .table-responsive table thead tr td:nth-child(2), .main-tasks .common-task-table .table-responsive table tbody tr th:nth-child(2), .main-tasks .common-task-table .table-responsive table tbody tr td:nth-child(2) {
        min-width: 125px;
    }

    .main-tasks .common-task-table .table-responsive table thead tr th:nth-child(3) span, .main-tasks .common-task-table .table-responsive table thead tr td:nth-child(3) span, .main-tasks .common-task-table .table-responsive table tbody tr th:nth-child(3) span, .main-tasks .common-task-table .table-responsive table tbody tr td:nth-child(3) span {
        width: 345px;
    }

    .main-tasks .common-task-table .table-responsive table thead tr th:nth-child(4), .main-tasks .common-task-table .table-responsive table thead tr td:nth-child(4), .main-tasks .common-task-table .table-responsive table tbody tr th:nth-child(4), .main-tasks .common-task-table .table-responsive table tbody tr td:nth-child(4) {
        min-width: 108px;
    }

    .main-tasks .common-task-table .table-responsive table thead tr th:nth-child(5), .main-tasks .common-task-table .table-responsive table thead tr td:nth-child(5), .main-tasks .common-task-table .table-responsive table tbody tr th:nth-child(5), .main-tasks .common-task-table .table-responsive table tbody tr td:nth-child(5) {
        min-width: 100px;
    }
}

.timeline-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
}

.activity .d-flex {
    margin-bottom: 30px;
}

.activity .d-flex:last-child {
    margin-bottom: 0px;
}

.activity .d-flex .flex-grow-1 h6 {
    font-weight: 600;
    margin-bottom: 30px;
}

.activity .d-flex .flex-grow-1 h6 span {
    font-weight: normal;
    color: rgb(153, 153, 153);
}

.activity .d-flex .flex-grow-1 p {
    width: 80%;
}

@media only screen and (max-width: 1169px) {
    .landing-main #cd-timeline::before {
        left: -39px;
    }
}

.main-timeline ul::before {
    left: 5px;
}

[dir="rtl"] .main-timeline ul::before {
    right: 5px;
    left: unset;
}

@media (max-width: 1399px) {
    .main-timeline ul::before {
        left: 4px;
    }
}

.main-timeline ul li:last-child {
    padding-bottom: 0px;
}

@media (min-width: 1200px) {
    .basic-timeline.dark-timeline ul .d-flex p:last-child {
        width: calc(14px + 26.875vw);
    }
}

.square-timeline {
    position: relative;
}

.square-timeline::before {
    border: 1px dashed rgb(204, 204, 204);
    content: "";
    margin-left: 0px;
    position: absolute;
    top: 0px;
    left: 18px;
    width: 1px;
    height: 100%;
}

[dir="rtl"] .square-timeline::before {
    margin-left: unset;
    margin-right: 0px;
    left: unset;
    right: 18px;
}

.square-timeline .timeline-event {
    position: relative;
}

.square-timeline .timeline-event:hover .timeline-event-icon {
    transform: rotate(-105deg);
    background-color: rgb(82, 82, 108);
}

.square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
    box-shadow: rgb(255, 247, 229) 40em 0px 0px 0px inset;
}

.square-timeline .timeline-event .timeline-event-wrapper {
    padding: 0px 0px 0px 14px;
    position: relative;
    top: -7px;
    left: 38px;
    width: 95%;
}

[dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
    left: unset;
    right: 38px;
    padding: 0px 14px 0px 0px;
}

@media (max-width: 1200px) {
    .square-timeline .timeline-event .timeline-event-wrapper {
        width: calc(84% - 4px + 1.25vw);
    }
}

.square-timeline .timeline-event .timeline-event-wrapper .designer-details {
    padding-top: 20px;
}

.square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
    transition: box-shadow 0.5s ease-in 0.1s;
    color: rgb(63, 71, 90);
    background-color: rgba(115, 102, 255, 0.1);
    box-shadow: rgb(213, 245, 254) 0px 0px 0px 0em inset;
    display: inline-block;
    margin-bottom: 12px;
    padding: 2px 25px;
}

.square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
    background-color: unset;
}

.square-timeline .timeline-event .timeline-event-wrapper > div {
    display: inline-block;
    width: 100%;
}

.square-timeline .timeline-event .timeline-event-icon {
    transition: 0.2s ease-in;
    transform: rotate(45deg);
    background-color: rgb(115, 102, 255);
    outline: rgba(115, 102, 255, 0.1) solid 6px;
    display: block;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 14px;
    width: 10px;
    height: 10px;
}

[dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
    right: 14px;
    left: unset;
}

.list-inline {
    display: flex;
    justify-content: center;
}

.list-inline.events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0px;
}

.list-inline.events .event-list p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.list-inline.events .event-list .event-date {
    position: absolute;
    top: 38px;
    left: 0px;
    right: 0px;
    width: 75px;
    margin: 0px auto;
    border-radius: 4px;
    padding: 2px 4px;
}

.list-inline.events .event-list .event-date p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    margin-top: 7px;
}

.timeline-list.timeline-border {
    border-bottom: 1px solid rgb(204, 204, 204);
}

.timeline-list.list-inline {
    padding-bottom: 0px;
}

.timeline-list.list-inline.events .event-list {
    padding-top: 35px;
}

.timeline-list.list-inline.events .event-list::before {
    content: "";
    height: 0px;
    border-right: unset;
}

.timeline-list.list-inline.events .event-list .event-date {
    top: 2px;
}

.timeline-list.list-inline.events .event-list .event-date p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    margin-top: 7px;
}

.timeline-list.list-inline.events .event-list .read-more-btn {
    position: relative;
    margin-bottom: 3px;
}

.timeline-list.list-inline .vertical-line {
    height: 45px;
    width: 1px;
    margin: 0px auto;
    position: relative;
    border: 1px dashed rgb(115, 102, 255);
}

.list-group.main-lists-content {
    padding-top: 20px;
}

@media (max-width: 1218px) {
    .list-group .list-group-item .timeline-icon {
        display: none;
    }
}

@media (max-width: 1400px) {
    .horizontal-timeline {
        display: none;
    }
}

.rounded-timeline .timeline {
    position: relative;
    width: 100%;
    padding: 0px;
    overflow: hidden;
}

.rounded-timeline .timeline::after {
    content: "";
    position: absolute;
    width: 2px;
    background: rgb(204, 204, 204);
    top: 0px;
    bottom: 0px;
    left: 50%;
    margin-left: -1px;
}

@media (max-width: 1199px) {
    .rounded-timeline .timeline::after {
        left: 75px;
    }
}

.rounded-timeline .container {
    padding: 15px 30px;
    position: relative;
    background: inherit;
    width: 50%;
    margin: 0px;
}

@media (max-width: 1199px) {
    .rounded-timeline .container {
        width: 85%;
    }
}

.rounded-timeline .container::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: -8px;
    background: var(--white);
    border: 2px solid rgb(204, 204, 204);
    border-radius: 16px;
    z-index: 1;
}

.rounded-timeline .container::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    top: calc(50% - 1px);
    right: 8px;
    background: rgb(204, 204, 204);
    z-index: 1;
}

.rounded-timeline .container .date {
    position: absolute;
    display: inline-block;
    top: calc(50% - 8px);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: var(--chart-text-color);
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
}

@media (max-width: 610px) {
    .rounded-timeline .container .date {
        display: none;
    }
}

@media (max-width: 1300px) {
    .rounded-timeline .container audio {
        width: 95%;
    }
}

.rounded-timeline .container .icon {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 9px 0px;
    top: calc(50% - 20px);
    background: var(--light2);
    border: 2px dashed var(--chart-text-color);
    border-radius: 40px;
    text-align: center;
    font-size: 18px;
    color: var(--chart-text-color);
    z-index: 1;
}

.rounded-timeline .container .content {
    padding: 20px 80px 20px 20px;
    background: var(--light2);
    position: relative;
    border-radius: 0px 200px 200px 0px;
}

@media (max-width: 767px) {
    .rounded-timeline .container .content audio {
        width: 95%;
    }
}

.rounded-timeline .container .content h2 {
    margin: 0px 0px 10px;
    font-size: 18px;
    font-weight: normal;
    color: var(--chart-text-color);
}

.rounded-timeline .container .content p {
    margin: 0px;
    color: var(--body-font-color);
}

@media (max-width: 610px) {
    .rounded-timeline .container .content p {
        display: -webkit-box;
        max-width: 100%;
        margin: 0px auto;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.rounded-timeline .container.left {
    left: 0px;
}

.rounded-timeline .container.left .date {
    right: -75px;
}

.rounded-timeline .container.left .icon {
    right: 56px;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .rounded-timeline .container.left {
        left: 75px;
    }

    .rounded-timeline .container.left::before {
        left: 8px;
    }

    .rounded-timeline .container.left::after {
        left: -8px;
    }

    .rounded-timeline .container.left .date {
        left: -75px;
        right: unset;
    }

    .rounded-timeline .container.left .icon {
        left: 56px;
    }

    .rounded-timeline .container.left .content {
        padding: 20px 20px 20px 80px;
        border-radius: 200px 0px 0px 200px;
    }
}

@media (max-width: 767px) {
    .rounded-timeline .container.left {
        left: 0px;
    }
}

.rounded-timeline .container.right {
    left: 50%;
}

.rounded-timeline .container.right::after {
    left: -8px;
}

.rounded-timeline .container.right::before {
    left: 8px;
}

.rounded-timeline .container.right .date {
    left: -75px;
}

.rounded-timeline .container.right .icon {
    left: 56px;
}

.rounded-timeline .container.right .content {
    padding: 20px 20px 20px 80px;
    border-radius: 200px 0px 0px 200px;
}

@media (max-width: 1199px) {
    .rounded-timeline .container.right {
        left: 75px;
    }

    .rounded-timeline .container.right::after {
        left: -8px;
    }
}

@media (max-width: 767px) {
    .rounded-timeline .timeline::after {
        left: 90px;
    }

    .rounded-timeline .container {
        width: 100%;
        padding-left: 120px;
        padding-right: 30px;
    }

    .rounded-timeline .container.right {
        left: 0%;
    }

    .rounded-timeline .container.right::after {
        left: 82px;
    }

    .rounded-timeline .container.right::before {
        left: 95px;
        border-color: var(--theme-default);
    }

    .rounded-timeline .container.right .date {
        right: auto;
        left: 15px;
    }

    .rounded-timeline .container.right .icon {
        right: auto;
        left: 146px;
    }

    .rounded-timeline .container.right .content {
        padding: 30px 30px 30px 90px;
        border-radius: 200px 0px 0px 200px;
    }

    .rounded-timeline .container.left::after {
        left: 82px;
    }

    .rounded-timeline .container.left::before {
        left: 95px;
        border-color: var(--theme-default);
    }

    .rounded-timeline .container.left .date {
        right: auto;
        left: 15px;
    }

    .rounded-timeline .container.left .icon {
        right: auto;
        left: 146px;
    }

    .rounded-timeline .container.left .content {
        padding: 30px 30px 30px 90px;
        border-radius: 200px 0px 0px 200px;
    }
}

@media (max-width: 610px) {
    .rounded-timeline .timeline::after {
        left: 8px;
    }

    .rounded-timeline .timeline .container {
        padding-left: 30px;
    }

    .rounded-timeline .timeline .container::before, .rounded-timeline .timeline .container::after {
        left: 0px;
    }

    .rounded-timeline .timeline .container .icon {
        left: 50px;
    }
}

@media (max-width: 610px) and (max-width: 475px) {
    .rounded-timeline .timeline .container .content {
        padding: 30px 30px 30px 75px;
    }
}

@media (max-width: 475px) {
    .rounded-timeline .timeline .container {
        padding-right: 0px;
    }
}

@media (max-width: 440px) {
    .rounded-timeline .timeline {
        padding-top: 20px;
    }

    .rounded-timeline .timeline .container {
        padding-block: 40px; padding-left: 0px;
        z-index: 1;
    }

    .rounded-timeline .timeline .container::before {
        display: none;
    }

    .rounded-timeline .timeline .container .icon {
        top: -20px;
        left: 45%;
    }

    .rounded-timeline .timeline .container::after {
        display: none;
    }

    .rounded-timeline .timeline .container .content {
        padding: 16px !important;
        border-radius: 10px !important;
    }

    .rounded-timeline .timeline::after {
        left: 50%;
    }
}

@media (max-width: 390px) {
    .rounded-timeline .timeline .container .icon {
        left: 44%;
    }
}

@media (max-width: 335px) {
    .rounded-timeline .timeline .container .icon {
        left: 42%;
    }

    .rounded-timeline .timeline .container audio::-webkit-media-controls-enclosure {
        border-radius: 0px;
        background-color: transparent;
    }
}

.animated-timeline {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    color: var(--chart-text-color);
}

.animated-timeline .timeline-block {
    z-index: 1;
    position: relative;
}

.animated-timeline .timeline-block::before {
    content: "";
    position: absolute;
    height: calc(100% - 40px);
    width: 1px;
    border: 1px dashed rgb(117, 117, 138);
    opacity: 0.4;
    left: 50%;
    margin-top: calc(43px + 0.625vw);
}

.animated-timeline .timeline-block .title {
    text-align: center;
    transition: 0.8s ease-in-out;
    font-size: calc(16.8px + 0.375vw);
    line-height: 1.2;
    font-weight: 500;
    color: rgb(82, 82, 108);
}

.animated-timeline .timeline-block .title.non-focus {
    font-size: 24px;
    line-height: 34px;
    transition: 0.8s ease-in-out;
}

.animated-timeline .timeline-block .timeline-event {
    background-color: rgba(244, 244, 244, 0.8);
    padding: 15px;
    margin: 30px 20px;
    width: 300px;
    position: relative;
    border-radius: 4px;
    transition: 0.3s ease-in-out;
    border: 1px dashed rgba(44, 50, 63, 0.72);
}

.animated-timeline .timeline-block .timeline-event::before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -27px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgb(204, 204, 204);
}

.animated-timeline .timeline-block .timeline-event .timeline-desc h6 {
    color: rgb(82, 82, 108);
}

.animated-timeline .timeline-block .timeline-event .timeline-desc span {
    color: rgb(108, 117, 125);
}

.animated-timeline .timeline-block .timeline-event:nth-child(2n+1) {
    margin-left: calc(50% + 20px);
}

.animated-timeline .timeline-block .timeline-event:nth-child(2n) {
    margin-left: calc(50% - 321px);
}

.animated-timeline .timeline-block .timeline-event:nth-child(2n)::before {
    left: calc(100% + 16px);
}

.animated-timeline .timeline-block .timeline-event.non-focus {
    background: rgba(244, 244, 244, 0.3);
    margin-top: 108px;
    transform: rotateZ(45deg);
    transition: 0.8s ease-in-out;
    border: 1px dashed rgba(44, 50, 63, 0.2);
}

.animated-timeline .timeline-block .timeline-event.non-focus .timeline-desc h6 {
    color: rgba(82, 82, 108, 0.4);
}

.animated-timeline .timeline-block .timeline-event.non-focus .timeline-desc span {
    color: rgba(108, 117, 125, 0.2);
}

.animated-timeline .timeline-block .timeline-event.non-focus::before {
    opacity: 0;
}

@media (max-width: 767px) {
    .animated-timeline .timeline-block::before {
        left: 18px;
    }

    .animated-timeline .timeline-block .title {
        text-align: left;
    }

    .animated-timeline .timeline-block .timeline-event::before {
        left: -49px;
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(2n+1) {
        margin-left: calc(50% - 260px);
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(2n) {
        margin-left: calc(50% - 260px);
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(2n)::before {
        left: unset;
        right: calc(100% + 33px);
    }
}

@media (max-width: 767px) {
    .animated-timeline .timeline-block .timeline-event:nth-child(2n)::before {
        left: unset;
        right: calc(100% + 31px);
    }

    .animated-timeline .timeline-block .timeline-event::before {
        left: -47px;
    }
}

@media (max-width: 767px) {
    .animated-timeline .timeline-block .timeline-event:nth-child(2n+1) {
        margin-left: 58px;
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(2n) {
        margin-left: 58px;
    }
}

@media (max-width: 440px) {
    .animated-timeline .timeline-block .timeline-event {
        width: auto;
    }

    .animated-timeline .timeline-block .timeline-event::before {
        width: 12px;
        height: 12px;
        left: -45px;
    }

    .animated-timeline .timeline-block .timeline-event:nth-child(2n)::before {
        right: calc(100% + 33px);
    }
}

.user-profile .ttl-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

@media (max-width: 576px) {
    .user-profile .ttl-info {
        align-items: flex-start;
        padding-bottom: 12px;
    }

    .user-profile .ttl-info span {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.user-profile .ttl-info h6 {
    font-size: calc(13.6px + 0.125vw);
    color: rgb(89, 102, 122);
    font-weight: 400;
}

.user-profile .ttl-info h6 i {
    font-size: calc(13.6px + 0.125vw);
}

.user-profile .border-right {
    border-right: 1px solid rgba(204, 204, 204, 0.6);
}

.user-profile hr {
    margin: 20px 0px;
}

.user-profile .hovercard .cardheader {
    background: url("../images/other-images/bg-profile.png") 10% center / cover;
    height: 470px;
    display: flex;
    align-items: flex-end;
}

.user-profile .hovercard .user-image {
    position: relative;
}

.user-profile .hovercard .user-image .avatar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-profile .hovercard .user-image .avatar img {
    width: 100px;
    height: 100px;
    max-width: 155px;
    max-height: 155px;
    border-radius: 50%;
    border: 7px solid rgb(255, 255, 255);
}

.user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -18px;
    left: 94px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(30.4px + 0.5vw);
    width: calc(30.4px + 0.5vw);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    overflow: hidden;
    margin: 0px auto;
    font-size: calc(11px + 0.3125vw);
    box-shadow: rgba(68, 102, 242, 0.1) 0px 0px 6px 3px;
}

.user-profile .hovercard .info {
    padding: 30px;
}

.user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: rgb(63, 71, 90);
    vertical-align: middle;
}

.user-profile .hovercard .info .title a {
    color: rgb(36, 41, 52);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.user-profile .hovercard .info > p {
    padding-top: 18px;
    text-align: left;
}

.user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: rgb(89, 102, 122);
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.user-profile .profile-img-style {
    padding: 20px;
}

.user-profile .profile-img-style .img-container {
    margin-top: 20px;
}

.user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: rgb(36, 41, 52);
    margin: 0px;
    font-weight: 600;
}

.user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: rgb(137, 137, 137);
    margin-bottom: 0px;
}

.user-profile .profile-img-style .d-flex img {
    width: 50px;
}

.user-profile .like-comment li a {
    color: rgb(137, 137, 137);
}

.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
    color: rgb(252, 86, 74);
}

.user-profile .like-comment span {
    font-family: Rubik, sans-serif;
}

.user-profile .social-media a {
    padding: 0px calc(9px + 0.3125vw);
    color: rgb(89, 102, 122);
    font-size: 24px;
    cursor: pointer;
}

.user-profile .social-media a:hover {
    color: var(--theme-default);
}

.user-profile .common-user-image {
    box-shadow: unset;
    background-color: transparent;
}

.user-profile .common-user-image .cardheader {
    border-radius: 5px;
}

.user-profile .common-user-image .user-image {
    width: 100%;
}

.user-profile .common-user-image .user-image .avatar {
    padding-inline: calc(18px + 0.625vw); }

@media (min-width: 576px) {
    .user-profile .common-user-image .user-image .avatar {
        margin-bottom: calc(-7.6px - 0.75vw);
    }
}

@media (max-width: 575px) {
    .user-profile .common-user-image .user-image .avatar {
        justify-content: center;
        margin-bottom: 20px;
        flex-flow: column wrap;
    }
}

.user-profile .common-user-image .user-image .avatar .common-align {
    gap: 12px;
    text-align: left;
}

[dir="rtl"] .user-profile .common-user-image .user-image .avatar .common-align {
    text-align: right;
}

@media (max-width: 575px) {
    .user-profile .common-user-image .user-image .avatar .common-align {
        text-align: center;
        flex-flow: column wrap;
    }

    [dir="rtl"] .user-profile .common-user-image .user-image .avatar .common-align {
        text-align: center;
    }
}

.user-profile .common-user-image .user-image .avatar .common-align > div {
    position: relative;
}

.user-profile .common-user-image .user-image .avatar .common-align > div img {
    width: calc(70px + 3.125vw);
    height: calc(70px + 3.125vw);
    max-width: calc(65px + 4.6875vw);
    max-height: calc(65px + 4.6875vw);
    border-radius: 4px;
    border: calc(4.6px + 0.125vw) solid rgb(255, 255, 255);
    object-fit: cover;
}

.user-profile .common-user-image .user-image .avatar .common-align > div .icon-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(30.4px + 0.5vw);
    width: 100%;
    border-radius: 0px 0px 4px 4px;
    background-color: rgba(0, 0, 0, 0.24);
    cursor: pointer;
    overflow: hidden;
    margin: 0px auto;
    font-size: calc(11px + 0.3125vw);
    box-shadow: rgba(68, 102, 242, 0.1) 0px 0px 6px 3px;
    backdrop-filter: blur(1.5px);
}

.user-profile .common-user-image .user-image .avatar .common-align > div .icon-wrapper i {
    color: rgb(255, 255, 255);
}

.user-profile .common-user-image .user-image .avatar .common-align > div .icon-wrapper#cancelButton {
    top: -16px;
    left: calc(73% - 1.4px + 0.4375vw);
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    border-radius: 50%;
    width: calc(30.4px + 0.5vw);
    background-color: var(--white);
}

[dir="rtl"] .user-profile .common-user-image .user-image .avatar .common-align > div .icon-wrapper#cancelButton {
    right: calc(73% - 1.4px + 0.4375vw);
    left: unset;
}

.user-profile .common-user-image .user-image .avatar .common-align > div .icon-wrapper#cancelButton i {
    color: rgb(36, 41, 52);
    font-size: calc(13.4px + 0.1875vw);
}

.user-profile .common-user-image .user-image .avatar .common-align > div input {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: calc(30.4px + 0.5vw);
    opacity: 0;
    border-radius: 50%;
    z-index: 1;
}

.user-profile .common-user-image .user-image .avatar .common-align > div:hover .icon-wrapper#cancelButton {
    visibility: visible;
    transition: 0.3s;
    transform: scale(0.7);
    opacity: 1;
}

.user-profile .common-user-image .user-image .avatar .common-align .user-designation a {
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.user-profile .common-user-image .user-image .avatar .common-align .user-designation .desc {
    color: rgb(204, 204, 204);
}

@media (max-width: 575px) {
    .user-profile .common-user-image .user-image .avatar .common-align .user-designation {
        margin-bottom: 18px;
    }
}

.user-profile .common-user-image .user-image .avatar .follow {
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-profile .common-user-image .user-image .avatar .follow > div {
    color: rgb(255, 255, 255);
}

.user-profile .common-user-image .user-image .avatar .follow > div + div {
    border-left: 1px solid rgba(239, 239, 239, 0.2);
    padding-left: 12px;
    margin-left: 12px;
}

[dir="rtl"] .user-profile .common-user-image .user-image .avatar .follow > div + div {
    border-right: 1px solid rgba(239, 239, 239, 0.2);
    border-left: unset;
    padding-left: unset;
    padding-right: 12px;
    margin-left: unset;
    margin-right: 12px;
}

.user-profile .common-user-image .user-image .avatar .follow > div .follow-num {
    font-size: 18px;
}

.user-profile .common-user-image .user-image .avatar .follow > div span {
    color: rgb(153, 153, 153);
}

@media (min-width: 576px) {
    .user-profile .user-bio {
        margin-top: calc(7.6px + 0.75vw);
    }
}

.user-profile .user-bio .common-flex {
    padding-top: calc(8.4px + 1.125vw);
    border-top: 1px solid var(--chart-dashed-border);
}

.user-profile .user-bio .social-media .list-inline-item i {
    font-size: calc(16.8px + 0.375vw);
}

.user-profile .user-bio .ttl-info h6 {
    font-size: 16px;
    color: rgb(64, 64, 64);
}

.user-profile .user-bio .ttl-info span {
    color: rgba(82, 82, 108, 0.8);
}

.edit-profile textarea {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.edit-profile .profile-title .d-flex {
    align-items: center;
    margin-bottom: 30px;
}

.edit-profile .profile-title .d-flex .flex-grow-1 {
    margin-left: 14px;
}

[dir="rtl"] .edit-profile .profile-title .d-flex .flex-grow-1 {
    margin-left: unset;
    margin-right: 14px;
}

.social-user-cards .social-profile .social-follow li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
    border: 1px solid var(--recent-dashed-border);
    left: 32px;
}

[dir="rtl"] .user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
    left: unset;
    right: 32px;
}

.user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link {
    padding: 12px;
}

.user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .product-icons i {
    margin: 0px;
    color: rgba(82, 82, 108, 0.8);
    transition: 0.5s;
}

@media (min-width: 1200px) {
    .user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .product-icons i {
        font-size: calc(12.6667px + 0.277778vw);
    }
}

.user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active {
    background: var(--theme-default);
}

.user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .product-icons i {
    color: rgb(63, 71, 90);
}

.user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0px;
    outline: 1px solid var(--white);
    outline-offset: 1px;
}

.user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .product-tab-content h6 {
    color: rgb(255, 255, 255);
}

.user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-rounded {
    width: 40px;
    height: 40px;
    min-width: 40px;
}

.user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item:hover .nav-link .product-icons i {
    transition: 0.5s;
    transform: scale(1.1);
}

@media (max-width: 1024px) and (min-width: 768px) {
    .user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons {
        justify-content: space-between;
        gap: 0px;
    }
}

@media (max-width: 767px) {
    .user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons {
        justify-content: flex-start;
        gap: 10px;
    }
}

.user-profile-wrapper.scope-bottom-wrapper .notification .d-flex p:not(.d-flex) {
    width: 100%;
    margin-bottom: 0px;
}

.user-profile-wrapper.scope-bottom-wrapper .notification li:not(.recent-images li):last-child {
    padding-bottom: 0px;
}

.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul::before {
    content: unset;
}

.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li {
    padding-bottom: 0px;
}

.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li + li {
    margin-left: -12px;
}

[dir="rtl"] .user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li + li {
    margin-left: unset;
    margin-right: -12px;
}

.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li img {
    transition: 0.5s;
}

.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li img:hover, .user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li .light-background:hover {
    transform: translateY(-4px) scale(1.02);
    transition: 0.5s;
}

.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul img {
    height: 32px;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications h6 {
    margin-bottom: 12px;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul {
    margin-bottom: 40px;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul:last-of-type {
    margin-bottom: 0px;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul:last-of-type li {
    margin-bottom: 0px;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li {
    margin-bottom: 18px;
    background-color: var(--light-background);
    padding: 18px;
    border-radius: 8px;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div p {
    margin-bottom: 0px;
    font-weight: 500;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div p span {
    font-weight: 400;
    color: rgb(82, 82, 108);
    font-size: 13px;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div span {
    color: rgba(82, 82, 108, 0.8);
}

@media (max-width: 500px) {
    .user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div {
        flex-wrap: wrap;
    }
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li img {
    height: 42px;
    border-radius: 50%;
}

.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li:last-child {
    margin-bottom: 0px;
}

.user-profile-wrapper.scope-bottom-wrapper .projects-wrapper .list-box .project-body .progress {
    margin-bottom: 0px;
}

.user-profile-wrapper.scope-bottom-wrapper .projects-wrapper .list-box .project-body .common-f-start {
    gap: 16px;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .user-profile-wrapper.scope-bottom-wrapper .projects-wrapper .list-box .project-body .common-f-start {
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 16px;
    }

    .user-profile-wrapper.scope-bottom-wrapper .projects-wrapper .list-box .project-body .common-f-start span {
        margin-bottom: 0px;
    }

    .user-profile-wrapper.scope-bottom-wrapper .projects-wrapper .list-box .project-body .common-f-start img {
        object-fit: cover;
        object-position: right center;
        width: 100%;
    }
}

.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .row {
    margin-bottom: 1.6rem;
}

.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .row:last-child {
    margin-bottom: 0px;
}

.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-select {
    font-size: 14px;
    color: rgb(82, 82, 108);
}

.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-label {
    font-weight: 500;
    color: rgb(82, 82, 108);
}

.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-check.form-switch {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    padding: 0px;
    margin: 0px;
}

.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-check.form-switch .form-check-input {
    margin: 0px;
    width: 40px;
    height: 22px;
}

@media (min-width: 1200px) {
    .user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-check.form-switch .form-check-input {
        width: calc(21.3333px + 0.972222vw);
        height: calc(8.66667px + 0.694444vw);
    }
}

@media (max-width: 575px) {
    .user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-check.form-switch .form-check-input {
        width: calc(26.8px + 0.6875vw);
        height: calc(14.8px + 0.375vw);
    }
}

.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-check.form-switch p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-check.form-switch p svg {
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
}

.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .btn.disabled {
    border: unset;
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .user-xl-25 {
        max-width: 25%;
        flex: 0 0 25%;
    }

    .user-xl-75 {
        max-width: 75%;
        flex: 0 0 75%;
    }
}

.wishlist-box {
    background-color: var(--light-background);
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

.wishlist-box > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(-13px + 2.5vw);
    padding-inline: calc(-18.9231px + 1.92308vw); }

@media (max-width: 1199px) and (min-width: 841px) {
    .wishlist-box > div {
        padding-inline: 18px;
        gap: 35px;
    }
}

@media (max-width: 840px) {
    .wishlist-box > div {
        padding-inline: 6px;
        gap: 22px;
    }
}

@media (max-width: 767px) {
    .wishlist-box > div {
        padding-inline: 0px;
        display: block;
    }
}

.wishlist-box .wishlist-image img {
    height: calc(16.1538px + 3.84615vw);
    max-width: calc(16.1538px + 3.84615vw);
    object-fit: contain;
    transition: 0.3s ease-in-out;
}

@media (max-width: 1199px) and (min-width: 841px) {
    .wishlist-box .wishlist-image img {
        height: 90px;
        max-width: 90px;
    }
}

@media (max-width: 840px) and (min-width: 768px) {
    .wishlist-box .wishlist-image img {
        height: 65px;
        max-width: 65px;
    }
}

@media (max-width: 767px) {
    .wishlist-box .wishlist-image img {
        width: 100%;
        max-width: unset;
        height: 90px;
        margin-bottom: 22px;
    }
}

@media (max-width: 575px) {
    .wishlist-box .wishlist-image img {
        margin-bottom: 10px;
    }
}

@media (max-width: 370px) {
    .wishlist-box .wishlist-image img {
        height: 70px;
    }
}

.wishlist-box .wishlist-image .wishlist-close-btn {
    position: absolute;
    top: 20px;
    left: -20px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

[dir="rtl"] .wishlist-box .wishlist-image .wishlist-close-btn {
    left: unset;
    right: -20px;
}

.wishlist-box .wishlist-image .wishlist-close-btn .btn {
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    padding: 5px 8px;
    box-shadow: rgba(37, 37, 37, 0.2) 0px 3px 3px !important;
}

.wishlist-box .wishlist-image .wishlist-close-btn .btn:active {
    border-color: transparent;
    box-shadow: rgba(37, 37, 37, 0.2) 0px 3px 3px;
}

@media (max-width: 840px) {
    .wishlist-box .wishlist-image .wishlist-close-btn .btn {
        padding: 3px 6px;
    }

    .wishlist-box .wishlist-image .wishlist-close-btn .btn i {
        font-size: 12px;
    }
}

.wishlist-box .wishlist-footer .brand-name {
    margin-bottom: 10px;
    color: rgb(82, 82, 108);
}

@media (max-width: 767px) {
    .wishlist-box .wishlist-footer .brand-name {
        margin-bottom: 1px;
    }
}

.wishlist-box .wishlist-footer .btn:active, .wishlist-box .wishlist-footer .btn:focus-visible {
    color: rgb(255, 255, 255);
}

.wishlist-box .wishlist-footer .btn.disabled {
    color: rgb(255, 255, 255);
    border-color: transparent;
}

@media (max-width: 767px) {
    .wishlist-box .wishlist-footer .btn {
        width: 100%;
    }
}

.wishlist-box .wishlist-footer .price {
    color: var(--theme-default);
    padding: 6px 0px 22px;
}

@media (max-width: 767px) {
    .wishlist-box .wishlist-footer .price {
        padding: 6px 0px 11px;
    }
}

.wishlist-box .wishlist-footer .price del {
    color: rgb(82, 82, 108);
    font-weight: 400;
    padding-left: 2px;
    font-size: 14px;
}

[dir="rtl"] .wishlist-box .wishlist-footer .price del {
    padding-left: unset;
    padding-right: 2px;
}

.wishlist-box .wishlist-footer h6 {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wishlist-box .wishlist-footer h6:hover {
    color: var(--theme-default);
}

.wishlist-box:hover .wishlist-image img {
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

.footer {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(89, 102, 122, 0.1) 0px 0px 20px;
    padding: 15px;
    bottom: 0px;
    left: 0px;
    margin-left: 265px;
    transition: 0.5s;
}

.footer.footer-dark {
    background-color: rgb(36, 41, 52);
}

.footer.footer-dark p {
    color: rgb(255, 255, 255);
}

.footer-fix {
    width: calc(100% - 265px);
    position: fixed;
}

.grid-showcase {
    margin-bottom: -10px;
}

.grid-showcase span, .grid-showcase .grid-wrapper {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: var(--bs-emphasis-color-rgb);
}

.grid-align {
    margin-bottom: -16px;
}

.grid-align .row {
    padding: 15px 0px;
    min-height: 7rem;
    margin-bottom: 16px;
    background-color: var(--bs-emphasis-color-rgb);
}

.grid-vertical {
    min-height: 150px;
    padding: 10px;
    color: rgb(0, 0, 0);
    background-color: var(--bs-emphasis-color-rgb);
}

table.table-bordered thead tr th p {
    margin-bottom: 0px;
}

.grid-footer table tbody tr {
    color: rgb(63, 71, 90);
}

.flex-behaviors div {
    background-color: var(--bs-emphasis-color-rgb);
    margin-bottom: 10px;
}

.flex-behaviors div:last-child {
    margin-bottom: unset;
}

.h-gutter .row [class*="col-"] div, .h-gutter .row [class*="col-sm-"] div, .h-gutter .row [class*="col-md-"] div, .h-gutter .row .col div, .v-gutter .row [class*="col-"] div, .v-gutter .row [class*="col-sm-"] div, .v-gutter .row [class*="col-md-"] div, .v-gutter .row .col div, .r-c-gutter .row [class*="col-"] div, .r-c-gutter .row [class*="col-sm-"] div, .r-c-gutter .row [class*="col-md-"] div, .r-c-gutter .row .col div, .no-gutter .row [class*="col-"] div, .no-gutter .row [class*="col-sm-"] div, .no-gutter .row [class*="col-md-"] div, .no-gutter .row .col div {
    background-color: var(--bs-emphasis-color-rgb);
}

.left-header .d-flex {
    align-items: center;
}

.left-header h6 {
    line-height: 1.6;
}

@media (max-width: 1199px) {
    .left-header h6 {
        width: 160px;
        overflow: hidden;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 991px) {
    .left-header h6 {
        width: 120px;
    }
}

@media (max-width: 767px) {
    .left-header h6 {
        width: 66px;
    }
}

@media (max-width: 755px) {
    .left-header {
        display: none;
    }
}

.left-header img {
    margin-top: -12px;
    height: 26px;
}

.left-header i {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: -4px;
}

.offcanvas .page-wrapper .page-body-wrapper .page-body, .offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
    position: relative;
    filter: blur(5px) grayscale(100%);
}

.offcanvas {
    position: unset;
    visibility: visible;
    background: unset;
    z-index: 2;
}

.toggle-sidebar {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}

.toggle-sidebar svg {
    width: 20px;
    height: 20px;
}

.toggle-sidebar::before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(115, 102, 255, 0.1);
    border-radius: 100%;
    left: -10px;
    z-index: -2;
    top: -8px;
    transform: scale(0);
    transition: 0.3s;
}

.toggle-sidebar:hover::before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: 0.3s;
}

.toggle-sidebar:hover > svg {
    color: var(--theme-default) !important;
    stroke: var(--theme-default) !important;
}

.onhover-dropdown {
    cursor: pointer;
    position: relative;
}

.onhover-show-div {
    top: 80px;
    position: absolute;
    z-index: 8;
    background-color: rgb(255, 255, 255);
    transition: 0.3s linear;
}

.onhover-show-div li a svg {
    margin-top: 0px !important;
}

.onhover-show-div li a svg path, .onhover-show-div li a svg line {
    color: rgb(64, 64, 64) !important;
}

#accordionoc #collapseicon, #accordionoc #collapseicon1 {
    padding-top: 0px;
}

#accordionoc li button {
    display: flex;
    align-items: center;
}

.navs-icon.default-according.style-1 li button {
    position: relative;
}

.navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-default) !important;
}

.navs-icon.default-according.style-1 li button[aria-expanded="true"]::before {
    right: 2px;
    top: 6px;
}

.navs-icon.default-according.style-1 li button[aria-expanded="false"]::before {
    right: 2px;
    top: 6px;
}

.navs-icon {
    padding: 20px;
}

.navs-icon li {
    padding: 9px 0px;
}

.navs-icon li a {
    color: rgb(64, 64, 64);
}

.navs-icon li a:hover {
    color: var(--theme-default);
}

.navs-icon li ul {
    padding-top: 9px;
}

.onhover-dropdown.navs-dropdown:hover .onhover-show-div::before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div::after {
    right: 77px;
    left: unset;
}

.icon-lists {
    font-family: inherit;
}

.search-page .theme-form input {
    border: 1px solid var(--theme-default);
    padding-left: 20px;
    border-radius: 10px 0px 0px 10px;
    flex: 1 1 auto;
    width: 100% !important;
}

.search-page .theme-form input::placeholder {
    color: rgb(115, 102, 255);
}

.search-page .theme-form input:focus {
    outline: none;
}

.search-page .theme-form .input-group .btn {
    line-height: 32px;
    font-size: calc(13.6px + 0.125vw);
}

.search-page .theme-form .input-group .form-control-plaintext {
    background: transparent;
}

.search-page .fill-danger {
    color: rgb(252, 86, 74);
}

.search-page h6 {
    line-height: 1.4;
}

@media (max-width: 400px) {
    .search-page .pagination .page-item .page-link {
        font-size: 14px;
    }
}

.search-page .nav-link {
    font-weight: 500;
    text-transform: uppercase;
}

.search-page .border-tab.nav-tabs .material-border {
    border-bottom-width: 1px;
}

.search-page .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 15px;
    padding: 10px 18px;
}

.search-page .d-flex .flex-grow-1 {
    overflow: hidden;
}

.search-page .info-block {
    padding: 18px;
    border-radius: 10px;
    border: 1px solid rgba(204, 204, 204, 0.5);
}

.search-page .info-block a {
    color: rgba(82, 82, 108, 0.9);
    margin-bottom: 3px;
    display: block;
}

.search-page .info-block h6 a {
    color: rgb(115, 102, 255);
}

.search-page .info-block + .info-block {
    margin-top: 20px;
}

.search-page .border-tab.nav-tabs {
    justify-content: end;
}

.search-page .border-tab.nav-tabs .nav-item {
    width: auto;
}

.search-page .search-links .info-block iframe {
    width: 100%;
    height: 100%;
}

.search-page .search-links h6 {
    margin-top: 7px;
}

.search-page .search-links p {
    margin-top: 2px;
}

.search-page .search-links .star-ratings {
    margin-top: 7px;
    border-top: 1px solid var(--chart-progress-light);
    padding-top: 9px;
}

@media (min-width: 1661px) {
    .search-page .search-links .audio-card span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 110px;
    }
}

@media (max-width: 1660px) and (min-width: 1400px) {
    .search-page .search-links .audio-card img {
        height: 78px;
    }
}

.search-page p:not(.blog-details p) {
    text-transform: lowercase;
    margin-bottom: 0px;
    color: rgb(137, 137, 137);
}

.search-page ul.search-info li {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    color: rgb(82, 82, 108);
}

.search-page ul.search-info li + li {
    border-left: 1px solid rgb(195, 200, 213);
    padding-left: 8px;
    margin-left: 8px;
}

.search-page ul.search-info li i {
    color: rgb(255, 184, 41);
}

.search-page ul.search-info li i:not(:last-child) {
    margin-right: 4px;
}

.search-page #video-links .embed-responsive + .embed-responsive {
    margin-top: 30px;
}

.search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-next, .search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-prev {
    background: rgba(117, 117, 138, 0.6);
    width: calc(24px + 0.3125vw);
    height: calc(24px + 0.3125vw);
    top: 36px;
}

.search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-next::after, .search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-prev::after {
    color: rgb(255, 255, 255);
    font-weight: 900;
}

.search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-next {
    right: 20px;
}

[dir="rtl"] .search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-next {
    right: unset;
    left: 20px;
}

.search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-prev {
    right: calc(54px + 0.3125vw);
}

[dir="rtl"] .search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-prev {
    right: unset;
    left: calc(54px + 0.3125vw);
}

.search-page .audio-wrapper .audio-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    gap: 8px;
    background-color: var(--light-background);
}

.search-page .audio-wrapper .audio-box img {
    width: calc(32.4px + 0.8125vw);
    height: calc(33px + 0.625vw);
    border-radius: 6px;
}

.search-page .audio-wrapper .audio-box .common-f-start {
    gap: 12px;
}

.search-page .audio-wrapper .audio-box .flex-shrink-0 i {
    font-size: calc(24px + 0.3125vw);
    cursor: pointer;
}

.search-page .audio-wrapper .audio-box span {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-page .audio-wrapper table.audio-table.table-hover thead {
    background-color: var(--light2);
}

.search-page .audio-wrapper table.audio-table.table-hover thead tr:hover, .search-page .audio-wrapper table.audio-table.table-hover tbody tr:hover {
    background-color: rgb(249, 249, 250);
}

.search-page .audio-wrapper table.audio-table.table-hover thead tr:hover .common-f-start > div, .search-page .audio-wrapper table.audio-table.table-hover tbody tr:hover .common-f-start > div {
    position: relative;
}

.search-page .audio-wrapper table.audio-table.table-hover thead tr:hover .common-f-start > div img, .search-page .audio-wrapper table.audio-table.table-hover tbody tr:hover .common-f-start > div img {
    filter: contrast(0.6) blur(1px);
}

.search-page .audio-wrapper table.audio-table.table-hover thead tr:hover .common-f-start > div i, .search-page .audio-wrapper table.audio-table.table-hover tbody tr:hover .common-f-start > div i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(16.8px + 0.375vw);
    transition: 0.3s;
    display: block;
    color: rgb(0, 0, 0);
}

.search-page .audio-wrapper table.audio-table.table-hover thead tr th:nth-child(6), .search-page .audio-wrapper table.audio-table.table-hover thead tr td:nth-child(6), .search-page .audio-wrapper table.audio-table.table-hover tbody tr th:nth-child(6), .search-page .audio-wrapper table.audio-table.table-hover tbody tr td:nth-child(6) {
    text-align: center;
    cursor: pointer;
}

.search-page .audio-wrapper table.audio-table.table-hover thead tr th img, .search-page .audio-wrapper table.audio-table.table-hover thead tr td img, .search-page .audio-wrapper table.audio-table.table-hover tbody tr th img, .search-page .audio-wrapper table.audio-table.table-hover tbody tr td img {
    height: calc(38px + 0.625vw);
    border-radius: 6px;
}

.search-page .audio-wrapper table.audio-table.table-hover thead tr th .common-f-start > div i, .search-page .audio-wrapper table.audio-table.table-hover thead tr td .common-f-start > div i, .search-page .audio-wrapper table.audio-table.table-hover tbody tr th .common-f-start > div i, .search-page .audio-wrapper table.audio-table.table-hover tbody tr td .common-f-start > div i {
    display: none;
    transition: 0.3s;
}

.search-page .audio-wrapper table.audio-table.table-hover thead tr th .common-align, .search-page .audio-wrapper table.audio-table.table-hover thead tr td .common-align, .search-page .audio-wrapper table.audio-table.table-hover tbody tr th .common-align, .search-page .audio-wrapper table.audio-table.table-hover tbody tr td .common-align {
    gap: 8px;
}

.search-page .audio-wrapper table.audio-table.table-hover thead tr th .common-align a, .search-page .audio-wrapper table.audio-table.table-hover thead tr td .common-align a, .search-page .audio-wrapper table.audio-table.table-hover tbody tr th .common-align a, .search-page .audio-wrapper table.audio-table.table-hover tbody tr td .common-align a {
    width: 30px;
    height: 30px;
    background: rgba(115, 102, 255, 0.1);
    display: grid;
    place-content: center;
    border-radius: 6px;
}

@media (max-width: 1225px) and (min-width: 1200px) {
    .search-page .audio-wrapper table.audio-table.table-hover thead tr th:nth-child(3), .search-page .audio-wrapper table.audio-table.table-hover thead tr td:nth-child(3), .search-page .audio-wrapper table.audio-table.table-hover tbody tr th:nth-child(3), .search-page .audio-wrapper table.audio-table.table-hover tbody tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1035px) {
    .search-page .audio-wrapper table.audio-table.table-hover thead tr th:first-child, .search-page .audio-wrapper table.audio-table.table-hover thead tr td:first-child, .search-page .audio-wrapper table.audio-table.table-hover tbody tr th:first-child, .search-page .audio-wrapper table.audio-table.table-hover tbody tr td:first-child {
        min-width: 200px;
    }

    .search-page .audio-wrapper table.audio-table.table-hover thead tr th:nth-child(2), .search-page .audio-wrapper table.audio-table.table-hover thead tr td:nth-child(2), .search-page .audio-wrapper table.audio-table.table-hover tbody tr th:nth-child(2), .search-page .audio-wrapper table.audio-table.table-hover tbody tr td:nth-child(2) {
        min-width: 108px;
    }

    .search-page .audio-wrapper table.audio-table.table-hover thead tr th:nth-child(3), .search-page .audio-wrapper table.audio-table.table-hover thead tr td:nth-child(3), .search-page .audio-wrapper table.audio-table.table-hover tbody tr th:nth-child(3), .search-page .audio-wrapper table.audio-table.table-hover tbody tr td:nth-child(3) {
        min-width: 148px;
    }

    .search-page .audio-wrapper table.audio-table.table-hover thead tr th:nth-child(4), .search-page .audio-wrapper table.audio-table.table-hover thead tr td:nth-child(4), .search-page .audio-wrapper table.audio-table.table-hover tbody tr th:nth-child(4), .search-page .audio-wrapper table.audio-table.table-hover tbody tr td:nth-child(4) {
        min-width: 118px;
    }
}

.search-page .fa-heart.active {
    color: rgb(252, 86, 74);
    font-weight: 600;
}

.search-list {
    margin-bottom: 30px;
    width: auto;
    display: inline-flex;
    border-radius: 10px;
    overflow: hidden;
    border: none;
}

.search-list.nav-tabs .nav-item {
    background-color: rgba(115, 102, 255, 0.1);
}

.search-list.nav-tabs .nav-item .nav-link {
    border: none;
    padding: 0.7rem 1.5rem;
    opacity: 0.5;
}

.search-list.nav-tabs .nav-item .nav-link.active {
    background-color: rgba(115, 102, 255, 0.1);
    color: var(--theme-default);
    opacity: 1;
}

.search-list.nav-tabs .nav-item.show, .search-list.nav-tabs .nav-item.active {
    background-color: rgba(115, 102, 255, 0.1);
}

.setting-options .row {
    margin-bottom: 1.5rem;
}

.setting-options .row:last-child {
    margin-bottom: 0px;
}

.setting-options .form-switch {
    margin: 0px;
}

.setting-options .form-switch .form-check-input {
    width: 44px;
    height: 22px;
}

.setting-options .form-select {
    font-size: 14px;
    color: rgba(82, 82, 108, 0.8);
}

.audio-card {
    background-color: var(--light-background);
    padding: 14px;
    border-radius: 6px;
}

.audio-card .audio-image img {
    height: 168px;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.audio-card .audio-content {
    padding-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.audio-card .audio-content .flex-shrink-0 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.audio-card .audio-content i {
    font-size: calc(24px + 0.3125vw);
    cursor: pointer;
}

.audio-card .audio-content i.fa-regular {
    font-size: 16px;
    color: rgb(137, 137, 137);
}

.audio-card .audio-content i.fa-regular.active {
    color: rgb(252, 86, 74);
    font-weight: 600;
}

.audio-card .audio-content span {
    color: rgba(82, 82, 108, 0.6);
}

@media (max-width: 1399px) {
    .audio-card .audio-content span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 170px;
    }
}

@media (max-width: 654px) and (min-width: 576px) {
    .audio-card .audio-content span {
        width: 100%;
    }
}

.dropzone {
    background: unset;
}

.dropzone.dropzone-secondary {
    border: 2px dashed rgb(131, 131, 131);
    border-radius: 6px;
}

.dropzone.dropzone-secondary i {
    color: rgb(131, 131, 131);
}

@media (max-width: 360px) {
    .dropzone .note {
        min-width: unset !important;
    }
}

.dropzone .dz-message i {
    font-size: calc(38px + 0.625vw);
}

.dropzone .dropzone-wrapper .dz-message i {
    font-size: 50px;
}

@media (max-width: 575px) {
    .dropzone .dropzone-wrapper .dz-message i {
        font-size: 40px;
    }
}

.dropzone .dz-preview {
    background-color: transparent;
    width: 155px;
    border: 1px dashed var(--recent-border);
    border-radius: 8px;
    padding: 12px 16px;
}

.dropzone .dz-preview .dz-image {
    z-index: 2;
    width: calc(72px + 2.5vw) !important;
    height: calc(72px + 2.5vw) !important;
}

.dropzone .dz-preview .dz-error-mark {
    opacity: 0;
    visibility: hidden;
}

.dropzone .dz-preview .dz-details {
    opacity: 1;
    top: 0px;
    padding: 10px 0px 0px;
    left: 0px;
    text-align: left;
    z-index: 1;
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 0px;
    font-size: 14px;
}

.dropzone .dz-preview .dz-details .dz-size span {
    padding: 0px 10px;
}

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

.dropzone .dz-preview .dz-progress {
    left: 50%;
    height: 10px;
    transition: 0.1s linear;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: linear-gradient(rgb(115, 102, 255), rgb(232, 229, 255));
}

.dropzone .dz-preview .dz-success-mark {
    opacity: 1;
    filter: brightness(0.6);
    top: 32%;
    z-index: 2;
    left: calc(43% - 1.4px + 0.4375vw) !important;
}

.dropzone .dz-preview .dz-success-mark svg {
    width: calc(34.8px + 1vw) !important;
    height: calc(34.8px + 1vw) !important;
}

.dropzone .dz-preview .dz-remove {
    padding: 0px 10px;
    text-align: left;
    color: var(--chart-text-color);
}

.dropzone .dz-preview .dz-filename {
    overflow: visible;
    height: 30px;
    text-align: left;
    padding: 0px 10px !important;
}

.dropzone .dz-preview .dz-filename:not(:hover) span {
    border: unset !important;
}

.dropzone .dz-preview .dz-filename span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
    padding: 0px !important;
}

.dropzone .dz-preview .dz-filename:hover span {
    border: unset;
}

.dropzone .dz-preview:hover .dz-filename {
    overflow: visible;
    height: 30px;
}

.dropzone .dz-preview {
    box-shadow: unset;
    height: 100%;
    margin: calc(6.4px + 1.125vw) calc(18px + 0vw) !important;
}

.dropzone .dz-preview .dz-filename {
    padding: 0px;
}

.dropzone .dz-preview .dz-filename:hover span {
    border: unset !important;
}

.dropzone .dz-preview .dz-details {
    top: unset;
    bottom: -6px;
    position: relative;
    padding-bottom: 6px;
    background-color: unset;
}

.dropzone .dz-preview:hover .dz-error-message {
    display: none !important;
}

.dropzone .dz-error-mark .dz-remove {
    position: relative;
}

.dz-preview .dz-remove {
    cursor: pointer;
}

.dropzone-secondary .dz-preview .dz-remove {
    color: rgb(131, 131, 131);
}

.badge-light-warning {
    background-color: rgba(255, 184, 41, 0.1);
}

.table thead th {
    border-bottom: 2px solid rgb(233, 237, 241);
}

.select2 {
    max-width: 100%;
}

.add-post #cke_text-box {
    border: 1px solid rgb(239, 239, 239);
}

.add-post form .m-checkbox-inline label {
    margin-bottom: 0px;
}

.add-post form .form-control {
    border: 1px solid rgb(239, 239, 239);
}

.add-post form .col-form-label {
    padding-bottom: 0px;
    padding-top: 0px;
}

.add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%;
}

.add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
    padding: 2px;
}

.add-post form .col-form-label .select2-container--default .select2-selection--multiple {
    border: 1px solid rgb(239, 239, 239);
    max-width: 100%;
}

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--theme-default);
    border: 1px solid var(--theme-default);
    color: rgb(255, 255, 255);
}

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: rgb(255, 255, 255);
    float: right;
    margin-left: 0.5rem;
}

[dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    float: left;
    margin-left: unset;
    margin-right: 0.5rem;
}

.add-post .dropzone {
    margin-bottom: 30px;
}

.select2-container--open .select2-dropdown {
    z-index: 7;
}

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

.select2-container.select2 .selection {
    display: block !important;
}

.select2-drpdwn .select2-selection {
    padding: 5px;
    border-radius: 0px !important;
    border-color: rgb(244, 244, 244) !important;
    height: 40px !important;
}

.select2-drpdwn .form-control {
    border-radius: 5px;
}

.filepond--drop-label .filepond--label-action {
    color: rgb(252, 86, 74);
    text-decoration: none;
}

.filepond--list .filepond--file {
    background-color: rgb(115, 102, 255);
}

.customLook {
    display: inline-block;
    min-width: 0px;
    border: none;
}

.customLook .tagify__tag {
    margin-top: 0px;
}

.customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
    display: none;
}

.customLook .tagify__tag:hover .tagify__tag__removeBtn {
    transform: none;
    opacity: 1;
    margin-left: -1ch;
}

.customLook .tagify__tag__removeBtn {
    opacity: 0;
    transform: translateX(-6px) scale(0.5);
    margin-left: -3ch;
    transition: 0.12s;
}

.customLook + button {
    color: var(--theme-default);
    font: bold 1.4em / 1.65 Arial;
    border: 0px;
    background: none;
    box-shadow: 0 0 0 2px inset var(--theme-default);
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: 0.1s ease-out;
    margin: 0px 0px 0px 5px;
    vertical-align: top;
}

.customLook + button:hover {
    box-shadow: 0 0 0 5px inset var(--theme-default);
}

.customLook .tagify__input {
    display: none;
}

.tagify--empty .tagify__input::before {
    color: var(--chart-text-color);
}

.customSuggestionsList > div {
    max-height: 300px;
    min-height: 50px;
    border: 2px solid var(--chart-dashed-border);
    overflow: auto;
}

.customSuggestionsList .empty {
    color: var(--theme-default);
    font-size: 20px;
    text-align: center;
    padding: 1em;
}

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    transform: scale(0.75);
    margin-right: 5px;
    border-radius: 2px;
    transition: 0.12s ease-out;
}

.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
    transform: none;
    margin-right: 12px;
}

.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
    transform: none;
    margin-right: 12px;
}

.tagify.countries .tagify__input {
    min-width: 175px;
}

.tagify.countries tag {
    white-space: nowrap;
}

.tagify.countries tag img {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
    pointer-events: none;
}

.tagify--select {
    width: 100%;
}

.tagify__dropdown__wrapper {
    background: var(--white);
    border-color: var(--recent-dashed-border);
}

.tagify__dropdown__item--active {
    background-color: rgb(204, 204, 204);
    color: var(--body-font-color);
}

.tagify {
    --tags-focus-border-color: #cccccc;
}

.tagify__input {
    color: rgb(63, 71, 90);
}

.tagify--select::after {
    color: var(--chart-text-color);
}

[dir="rtl"] .tagify--select::after {
    right: unset;
    left: 0px;
    transform: translate(150%, -50%) scaleX(1.2) rotate(90deg);
}

[dir="rtl"] .tagify--select .tagify__tag {
    right: unset;
    left: 1.8em;
}

[dir="rtl"] .tagify--select[aria-expanded="true"]::after {
    transform: translate(150%, -50%) rotate(270deg) scale(1.2);
}

.international-num input {
    width: calc(238px + 0.625vw);
    padding: 10px;
    border-radius: 2px;
    border: 1px solid rgb(204, 204, 204);
}

.international-num input:focus {
    outline-color: rgb(204, 204, 204);
}

.international-num input::placeholder {
    color: rgb(204, 204, 204);
}

.international-num .results ul {
    border: 1px solid rgb(204, 204, 204);
    margin-top: 12px;
    padding: 8px;
    line-height: 1.9;
}

.iti--allow-dropdown .iti__flag {
    background-image: url("../images/forms/flags.png");
}

.select-box {
    position: relative;
    display: flex;
    width: 400px;
    flex-direction: column;
}

.select-box .options-container {
    background: var(--recent-box-bg);
    color: var(--body-font-color);
    max-height: 0px;
    width: 100%;
    opacity: 0;
    transition: 0.4s;
    overflow: hidden;
    order: 1;
    position: absolute;
    z-index: 1;
    margin-top: 53px;
    top: 46px;
}

.select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
}

@media (min-width: 1007px) and (max-width: 1920px) {
    .select-box .options-container.active {
        max-width: calc(116.101px + 14.7864vw);
    }
}

@media (min-width: 768px) and (max-width: 1006px) {
    .select-box .options-container.active {
        max-width: calc(62.2899px + 23.1092vw);
    }
}

@media (max-width: 767px) {
    .select-box .options-container.active {
        max-width: calc(118.152px + 38.7025vw);
        margin-top: 46px;
    }
}

.select-box .options-container.active + .selected-box::after {
    transform: rotateX(180deg);
    top: -6px;
}

.select-box .options-container.active ~ .search-box input {
    opacity: 1;
    pointer-events: auto;
}

.select-box .selection-option {
    padding: 12px 24px;
    cursor: pointer;
}

.select-box .selection-option:hover {
    background: rgb(204, 204, 204);
}

.select-box .selection-option .radio {
    display: none;
}

.select-box label {
    cursor: pointer;
}

.selected-box {
    background: var(--light2);
    color: rgb(51, 51, 51);
    position: relative;
    order: 0;
    padding: 12px 24px;
    cursor: pointer;
}

@media (min-width: 1007px) and (max-width: 1920px) {
    .selected-box {
        max-width: calc(116.101px + 14.7864vw);
    }
}

@media (min-width: 768px) and (max-width: 1006px) {
    .selected-box {
        max-width: calc(62.2899px + 23.1092vw);
    }
}

@media (max-width: 767px) {
    .selected-box {
        max-width: calc(118.152px + 38.7025vw);
    }
}

.selected-box::after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 12px;
    transition: 0.4s;
}

[dir="rtl"] .selected-box::after {
    left: 10px;
    right: unset;
}

.search-box input {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    position: absolute;
    z-index: 1;
    border: 2px solid var(--chart-dashed-border);
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}

@media (min-width: 1007px) and (max-width: 1920px) {
    .search-box input {
        max-width: calc(116.101px + 14.7864vw);
    }
}

@media (min-width: 768px) and (max-width: 1006px) {
    .search-box input {
        max-width: calc(62.2899px + 23.1092vw);
    }
}

@media (max-width: 767px) {
    .search-box input {
        max-width: calc(118.152px + 38.7025vw);
        padding: 9px 16px;
    }
}

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

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::after {
    position: absolute;
    content: "";
    top: 48%;
    width: 8px;
    border-top: 1px solid rgba(117, 117, 138, 0.4);
}

.d-flex.media-wrapper {
    width: 100%;
    display: -webkit-flex;
}

.d-flex.media-wrapper .flex-grow-1 {
    flex: 1 1 0%;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
    border-radius: 100%;
    background: var(--theme-default);
    opacity: 0;
    visibility: hidden;
}

[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 0px;
    background: rgba(117, 117, 138, 0.4);
    top: -10px;
    left: 27px;
    transition: height 0.5s;
}

[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 27px;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::after {
    position: absolute;
    content: "";
    top: 49%;
    width: 5px;
    height: 1px;
    border-radius: 100%;
    background-color: rgb(89, 102, 122);
}

.onhover-show-div {
    box-shadow: rgba(89, 102, 122, 0.1) 0px 0px 20px;
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    left: 0px;
}

.onhover-dropdown:hover .onhover-show-div {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    border-radius: 5px;
    overflow: hidden;
}

.onhover-dropdown:hover .onhover-show-div::before {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgb(255, 255, 255);
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2;
}

.onhover-dropdown:hover .onhover-show-div::after {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgb(215, 226, 233);
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1;
}

.page-wrapper {
    position: relative;
}

.page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0px;
    z-index: 8;
    transition: 0.5s;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(39, 32, 120, 0.1) 0px 4px 40px;
}

.page-wrapper .page-header .header-wrapper {
    width: 100%;
    align-items: center;
    padding: 22px 30px;
    position: relative;
}

@media (max-width: 1399px) {
    .page-wrapper .page-header .header-wrapper {
        padding: 22px 20px;
    }
}

.page-wrapper .page-header .header-wrapper .search-full {
    background-color: rgb(255, 255, 255);
    position: absolute;
    right: 0px;
    z-index: 1;
    height: 0px;
    width: 0px;
    transform: scale(0);
    transition: 0.3s;
}

.page-wrapper .page-header .header-wrapper .search-full.open {
    height: 100%;
    width: 100%;
    animation: 0.5s ease-in-out 0s 1 normal none running zoomIn;
    transform: scale(1);
    transition: 0.3s;
}

.page-wrapper .page-header .header-wrapper .search-full input {
    line-height: 65px;
    padding-left: 60px;
    width: 100% !important;
}

.page-wrapper .page-header .header-wrapper .search-full input:focus {
    outline: none !important;
}

.page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    position: absolute;
    font-size: 15px;
    right: 30px;
    top: 30px;
    color: rgb(137, 137, 137);
    cursor: pointer;
}

[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 30px;
    right: unset;
}

.page-wrapper .page-header .header-wrapper .search-full .form-group::before {
    position: absolute;
    left: 30px;
    top: 27px;
    content: "";
    font-size: 16px;
    color: rgb(137, 137, 137);
    font-family: FontAwesome;
}

[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group::before {
    left: unset;
    right: 30px;
}

.page-wrapper .page-header .header-wrapper .nav-right {
    justify-content: flex-end;
}

.page-wrapper .page-header .header-wrapper .nav-right ul li svg {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    stroke: rgba(64, 64, 64, 0.9);
    fill: none;
}

.page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
    color: rgb(36, 41, 52);
}

.page-wrapper .page-header .header-wrapper .nav-right ul li .mode.active svg {
    fill: rgb(255, 255, 255);
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
    cursor: pointer;
    text-align: center;
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode svg {
    fill: rgba(64, 64, 64, 0.9);
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
    font-size: 18px;
    font-weight: 600;
    transition: 0.3s;
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
    font-weight: 500;
    font-size: 22px;
    transition: 0.3s;
    animation: 300ms ease-in-out 0s 1 normal none running zoomIn;
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
    cursor: pointer;
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 {
    margin-left: 15px;
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 span {
    font-weight: 500;
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 p {
    font-size: 12px;
    line-height: 1;
    color: rgba(64, 64, 64, 0.7);
}

.page-wrapper .page-header .header-wrapper .nav-right > ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px 10px;
    display: inline-block;
    position: relative;
}

@media (max-width: 1220px) {
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
        padding: 6px 9px;
    }
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li.fullscreen-body {
    cursor: pointer;
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
    position: absolute;
    right: -5px;
    top: -6px;
    padding: 2px 4px;
    font-size: 11px;
    font-weight: 700;
    font-family: work-Sans, sans-serif;
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
    left: inherit;
    right: -10px;
    width: 130px;
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul::before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul::after {
    left: inherit;
    right: 10px;
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
    display: block;
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
    font-size: 14px;
    color: rgb(63, 71, 90);
}

.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
    margin-left: 10px;
    font-size: 13px;
    color: rgb(63, 71, 90);
}

.page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
    font-size: 16px;
}

.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
    overflow: initial;
    width: unset !important;
    box-shadow: unset !important;
    background-color: transparent !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
    display: none;
}

.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
    text-align: center;
}

.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
    width: 52px;
    height: 52px;
    background-color: rgb(249, 249, 249);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card {
    width: 300px;
    height: 260px;
    background-color: transparent;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
    position: relative;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front, .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    position: absolute;
    backface-visibility: hidden;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(89, 102, 122, 0.1) 0px 0px 20px;
    width: 300px;
    height: 260px;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button, .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
    background-color: transparent;
    color: rgb(115, 102, 255);
    border: none;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus, .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
    outline: transparent;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: rgb(255, 255, 255);
    transition: 0.3s;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
    stroke: rgb(63, 71, 90);
    transition: 0.3s;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
    stroke: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: rgb(255, 255, 255);
    transform: rotateY(180deg);
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
    margin-top: 20px;
    height: 140px !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
    width: 100%;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
    border-radius: 25px;
    padding: 6px 12px;
    width: 100%;
    border: 1px solid rgb(221, 221, 221);
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
    outline: none;
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
    transform: rotateY(180deg);
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
    opacity: 0;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: 330px;
    top: 50px;
    right: 0px;
    left: unset;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
    padding: 18px;
    text-align: center;
    border-bottom: 1px solid rgba(145, 142, 153, 0.3);
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
    padding: 15px;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
    padding: 15px;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 0px;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-family: Roboto, sans-serif;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
    margin-top: 15px;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
    padding-bottom: 15px;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex {
    position: relative;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex img {
    width: 40px;
    position: relative;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .status-circle {
    left: 0px;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .flex-grow-1 > span {
    letter-spacing: 0.8px;
    padding-right: 10px;
    display: inline-block;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .flex-grow-1 p {
    margin-bottom: 8px;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div::before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div::after {
    right: 10px !important;
    left: unset !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-box {
    position: relative;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-box {
    position: relative;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
    padding: 0px 0px 15px;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
    margin: 0px 15px;
    padding: 10px 0px;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .d-flex {
    align-items: center;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .d-flex .flex-grow-1 {
    margin-right: 20px;
}

[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .d-flex .flex-grow-1 {
    margin-right: unset;
    margin-left: 20px;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .d-flex .flex-grow-1 .qty-box.input-group span {
    padding: 0px;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
    margin-top: 0px;
    border-top: 1px solid rgba(145, 142, 153, 0.1);
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
    padding: 15px 10px;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
    line-height: 1.3;
    margin-top: 3px;
    opacity: 0.6;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    position: absolute;
    right: 0px;
    top: 0px;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
    width: 14px;
    stroke: rgb(255, 255, 255);
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
    margin: 12px 0px;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
    width: 80px;
    background-color: transparent;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
    background-color: transparent;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input, .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    font-size: 10px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    padding: 0px 7px;
    border-radius: 100%;
    font-size: 14px;
    color: rgb(64, 64, 64);
    background-color: rgb(247, 246, 255) !important;
    border-color: rgb(247, 246, 255) !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    margin: 0px;
    padding: 15px;
    background-color: rgb(249, 249, 249);
    border: none;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.5px;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
    font-size: 14px;
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
    text-decoration: unset;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
    animation: 1.5s ease 0s infinite normal none running swing;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 52px;
    width: 300px;
    left: unset;
    right: -20px !important;
}

@media (max-width: 575.98px) {
    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
        width: calc(-30px + 100vw);
    }
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li {
    background-color: rgb(249, 249, 249);
    border-radius: 5px;
    padding: 0px;
    width: 100%;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
    padding-bottom: 0px;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .btn-close {
    filter: brightness(1);
    font-size: 10px;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
    text-align: center;
    background-color: transparent;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
    font-size: 12px;
    vertical-align: middle;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown::before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown::after {
    right: 28px !important;
    left: unset !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    width: 160px;
    top: 57px;
    left: -12px;
    padding: 0px 10px;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
    padding: 10px !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
    text-decoration: unset;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
    color: var(--theme-default);
    transition: color 0.3s;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
    stroke: var(--theme-default);
    transition: stroke 0.3s;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
    stroke: var(--theme-default);
    transition: stroke 0.3s;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
    margin-top: 0px;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    padding-top: 10px !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: rgb(63, 71, 90);
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    width: 16px;
    vertical-align: bottom;
    margin-right: 10px;
    stroke: rgb(63, 71, 90);
}

.page-wrapper .page-body-wrapper {
    background-color: rgb(247, 248, 249);
}

.page-wrapper .page-body-wrapper .page-body {
    min-height: calc(-136px + 100vh);
    margin-top: 136px;
    padding: 0px 15px;
    position: relative;
    transition: 0.5s;
}

.page-wrapper .page-body-wrapper .page-body::before {
    animation: 0.5s ease-in-out 0s 1 normal none running fadeIn;
}

.page-wrapper .page-body-wrapper .page-title {
    padding: 15px 20px;
    margin: 0px -27px 28px;
    background-color: rgb(255, 255, 255);
}

.page-wrapper .page-body-wrapper .page-title > .row {
    margin: 0px;
}

.page-wrapper .page-body-wrapper .page-title > .row .col-6 {
    padding: 0px;
}

.page-wrapper .page-body-wrapper .page-title .row {
    align-items: center;
}

.page-wrapper .page-body-wrapper .page-title .row h3 {
    font-size: 24px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.page-wrapper .page-body-wrapper .page-title .row h3 small {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: capitalize;
    color: rgb(117, 117, 138);
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb {
    background-color: transparent;
    padding: 0px;
    margin-bottom: 0px;
    align-items: center;
    justify-content: flex-end;
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb li {
    font-size: 14px;
    letter-spacing: 1px;
    font-family: Roboto, sans-serif;
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
    width: 16px;
    height: 16px;
    stroke: rgb(63, 71, 90);
    vertical-align: text-top;
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
    color: var(--theme-default);
    font-weight: 500;
}

.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: rgb(63, 71, 90);
}

.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgb(117, 117, 137);
}

.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
    transition: 0.3s;
}

.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: var(--theme-default);
}

.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: var(--theme-default);
}

.page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
    text-transform: capitalize;
}

.page-wrapper .sidebar-wrapper[data-sidebar-layout="stroke-svg"] .stroke-icon {
    display: inline-block;
}

.page-wrapper .sidebar-wrapper[data-sidebar-layout="stroke-svg"] .fill-icon {
    display: none;
}

.page-wrapper .sidebar-wrapper[data-sidebar-layout="fill-svg"] .stroke-icon {
    display: none;
}

.page-wrapper .sidebar-wrapper[data-sidebar-layout="fill-svg"] .fill-icon {
    display: inline-block;
}

.page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative;
}

.page-wrapper.horizontal-wrapper .footer {
    margin-left: 0px;
}

.page-wrapper.horizontal-wrapper .footer.footer-fix {
    width: 100%;
}

.page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px;
}

.page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
    display: none;
}

.page-wrapper.horizontal-wrapper .sidebar-list i.fa-solid.fa-thumbtack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: rgb(115, 102, 255);
}

[dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-solid.fa-thumbtack {
    left: 0px;
    right: unset;
}

.page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-solid.fa-thumbtack {
    visibility: hidden;
    cursor: pointer;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(89, 102, 122, 0.05) 0px 9px 24px;
    overflow: hidden visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid rgb(239, 239, 239);
    z-index: 3;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
    display: flex;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
    display: inline-block;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-links .sidebar-list label.badge {
    position: absolute;
    top: 2px;
    right: -4px;
    z-index: 1;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-links .sidebar-list .sidebar-submenu .badge {
    position: absolute;
    top: 10px;
    right: 40px;
    z-index: 1;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
    display: none;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    text-align: left;
    position: relative;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow, .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
    position: absolute;
    top: 0px;
    padding: 15px;
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled, .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
    display: none;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
    left: 0px;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
    right: 0px;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    list-style: none;
    margin: 0px;
    line-height: normal;
    direction: ltr;
    text-align: left;
    padding: 0px 5px;
    transition: 0.5s;
    white-space: nowrap;
    display: -webkit-box !important;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i::before {
    content: "-";
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
    display: none;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-default);
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active::after {
    background-color: var(--theme-default);
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
    display: none !important;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
    display: none !important;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
    color: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
    background-color: rgba(115, 102, 255, 0);
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
    stroke: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
    fill: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
    display: none !important;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
    display: block;
    color: rgb(64, 64, 64);
    line-height: 23px;
    text-decoration: none;
    text-transform: capitalize;
    padding: 5px 15px;
    margin: 0px 3px;
    letter-spacing: 0.04em;
    position: relative;
    border-radius: 5px;
    font-weight: 500;
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
    background-color: rgb(218, 214, 255);
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg, .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
    color: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
    position: absolute;
    top: -5px;
    margin-left: 1px;
    right: 10px;
    padding: 0.2em 0.7em;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
    width: 18px;
    height: 18px;
    vertical-align: sub;
    margin-right: 10px;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    position: fixed;
    z-index: 4;
    box-shadow: rgb(137, 137, 137) 0px 0px 1px 0px;
    padding: 15px 0px;
    background: rgb(255, 255, 255);
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
    border: 0px;
    float: none;
    position: relative;
    display: block;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    background: transparent;
    padding: 4px 30px;
    display: block;
    line-height: 1.9;
    color: rgba(43, 43, 43, 0.6);
    letter-spacing: 0.06em;
    font-weight: 500;
    font-family: Roboto;
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::after {
    left: 20px;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
    color: var(--theme-default);
    letter-spacing: 1.5px;
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover::after {
    background-color: var(--theme-default);
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a::after {
    left: 0px;
    right: 0px;
    opacity: 1;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
    background-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 991px) {
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        top: 59px;
    }
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
    font-size: 24px;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 135px;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important;
}

.page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: 0.3s;
}

.page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none;
}

.page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
    width: auto !important;
}

.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
    width: 30%;
}

@media (max-width: 1428px) and (min-width: 1324px) {
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
        width: 32%;
    }
}

@media (max-width: 1323px) and (min-width: 1200px) {
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
        width: 37%;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
        width: 32%;
    }
}

@media (max-width: 1428px) and (min-width: 1324px) {
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%;
    }
}

@media (max-width: 1323px) and (min-width: 1200px) {
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%;
    }
}

.page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0px;
}

.page-wrapper.material-icon .card {
    box-shadow: rgba(115, 102, 255, 0.1) 0px 0px 20px;
}

@media (min-width: 768px) {
    .page-wrapper.material-icon.compact-sidebar.compact-small .page-header .header-wrapper .nav-right .nav-menus .mode svg {
        fill: rgb(255, 255, 255);
    }
}

.page-wrapper.material-icon.compact-sidebar.compact-small .page-body-wrapper .page-body .page-title h3 {
    color: rgb(255, 255, 255);
}

@media (min-width: 768px) {
    .page-wrapper.material-icon.compact-sidebar.compact-small .page-body-wrapper .page-body .page-title .breadcrumb .breadcrumb-item {
        color: rgb(255, 255, 255);
    }
}

.page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: rgb(117, 117, 138);
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 0.4px;
}

.page-wrapper.compact-wrapper .sidebar-list i.fa-solid.fa-thumbtack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: rgb(115, 102, 255);
    z-index: 9999;
}

[dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-solid.fa-thumbtack {
    left: -9px;
    right: unset;
}

.page-wrapper.compact-wrapper .sidebar-list:hover i.fa-solid.fa-thumbtack {
    visibility: visible;
    cursor: pointer;
}

.page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1;
}

.page-wrapper.compact-wrapper .pin-title {
    order: -1;
}

.page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - 265px);
}

.page-wrapper.compact-wrapper .page-header.close_icon {
    margin-left: 80px;
    width: calc(100% - 80px);
}

.page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
    display: none;
}

.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0px;
    z-index: 9;
    height: auto;
    line-height: inherit;
    background: rgb(255, 255, 255);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: rgba(89, 102, 122, 0.1) 0px 0px 21px 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
    padding: 22px 24px;
    box-shadow: rgba(89, 102, 122, 0.1) -9px 0px 20px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    width: auto;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
    opacity: 0;
    width: 0px;
    padding: 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    max-width: 86px;
    margin: 0px;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
    text-align: center;
    padding: 12px 14px;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link .stroke-icon {
    margin-right: 0px;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link .fill-icon {
    margin-right: 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.pin-title.show {
    opacity: 1;
    padding-left: 12px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
    opacity: 0;
    transition: 0.3s;
    display: none !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
    text-align: right;
    display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
    width: 265px;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
    opacity: 1;
    width: auto;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    max-width: unset;
    margin: initial;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
    text-align: left;
}

[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
    text-align: right;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link svg {
    margin-right: 10px;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
    display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
    padding: 12px 20px;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
    display: inline-block;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
    opacity: 1;
    transition: 0.3s;
    display: block !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
    display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
    transform: translate(183px);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
    margin-left: 80px;
    transition: 0.5s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
    width: calc(100% - 80px);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
    height: calc(-118px + 100vh);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
    right: 20px;
    left: unset;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-solid.fa-thumbtack {
    visibility: hidden;
    position: absolute;
    top: 18px;
    right: 38px;
    color: rgb(115, 102, 255);
    font-size: 12px;
}

[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-solid.fa-thumbtack {
    left: 38px;
    right: unset;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-solid.fa-thumbtack {
    visibility: visible;
    cursor: pointer;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
    order: -1;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
    order: -1;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(-115px + 100vh);
    left: -300px;
    z-index: 99;
    transition: color 1s;
    overflow: auto;
    color: rgba(0, 0, 0, 0);
    margin-top: 20px;
    margin-bottom: 30px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
    font-weight: 500;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
    color: var(--theme-default);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    vertical-align: -2px;
    float: none;
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    letter-spacing: 0.7px;
    text-transform: capitalize;
    color: rgba(117, 117, 138, 0.8);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
    border-bottom: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
    left: 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
    display: block;
    width: 100%;
    padding: 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
    padding: 20px;
    color: rgb(36, 41, 52);
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(239, 239, 239);
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    display: block;
    width: 100%;
    position: relative;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
    padding: 25px 0px 6px 20px;
    margin-top: 10px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
    display: none !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
    display: block !important;
}

[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
    padding: 25px 20px 6px 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 50%;
    background: var(--sidebar-border);
    width: calc(100% - 40px);
    height: 1px;
    transform: translateX(-50%);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
    margin-top: 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
    position: absolute;
    right: 55px;
    top: 14.5px;
    padding: 0.45em 0.8em 0.33em;
    z-index: 1;
    font-size: 10px;
    letter-spacing: 0.7px;
    font-weight: 600;
    font-family: Roboto, sans-serif;
    border-radius: 10px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .sidebar-submenu li {
    position: relative;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .sidebar-submenu li .badge {
    position: absolute;
    right: 35px;
    top: 8px;
    padding: 0.45em 0.8em 0.33em;
    z-index: 1;
    font-size: 10px;
    letter-spacing: 0.7px;
    font-weight: 600;
    font-family: Roboto, sans-serif;
    border-radius: 10px;
    margin-bottom: 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
    background-color: rgba(115, 102, 255, 0.07);
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
    fill: rgba(115, 102, 255, 0);
    stroke: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
    fill: var(--theme-default);
    stroke: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
    color: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
    color: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
    padding: 12px 20px;
    position: relative;
    color: rgb(34, 34, 34);
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
    right: 20px;
    position: absolute;
    top: 10px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow::before {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
    display: none !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 100%;
    padding: 0px;
    position: relative !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-left: 48px !important;
    font-weight: 400;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
    top: 7px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
    display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
    color: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu {
    display: none;
    right: 0px;
    width: 100%;
    padding: 0px;
    position: relative !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu.opensubchild {
    display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu li a {
    padding-top: 6px;
    padding-right: 45px;
    padding-bottom: 6px;
    padding-left: 56px !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu li a::after {
    display: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    padding: 7px 25px;
    font-size: 14px;
    color: rgba(64, 64, 64, 0.6);
    display: block;
    position: relative;
    letter-spacing: 0.06em;
    font-weight: 500;
    transition: 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
    color: var(--theme-default);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
    opacity: 1;
    visibility: visible;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::after {
    left: 27px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
    margin-left: 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
    transition: 0.5s;
    display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 35px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgb(115, 102, 255);
    border-radius: 5px 0px 0px 5px;
    opacity: 0;
    visibility: hidden;
}

[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::after {
    right: unset;
    left: 0px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    transition: 0.5s;
    position: relative;
    margin-bottom: 10px;
    background-color: rgb(241, 240, 255);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
    opacity: 1;
    visibility: visible;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
    height: calc(100% - 8px);
    transition: height 0.5s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
    color: var(--theme-default);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-default);
    transition: 0.3s;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
    display: flex;
    flex-direction: column;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:hover .according-menu {
    display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    vertical-align: middle;
    color: rgba(117, 117, 138, 0.8);
}

.page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none;
}

.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px;
}

.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
    font-size: 18px;
    padding-left: 5px;
    text-transform: uppercase;
}

.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(-80px + 100vh);
    margin-top: 80px;
    margin-left: 265px;
}

.page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6);
}

.page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-default);
}

.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: rgba(255, 255, 255, 0.6);
}

.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6);
}

.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: var(--theme-default);
}

.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: var(--theme-default);
}

.page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgb(55, 69, 88);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: rgb(38, 41, 50);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
    stroke: rgba(255, 255, 255, 0.6);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(115, 102, 255, 0.2);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-default);
    stroke: var(--theme-default);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-default);
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
    display: none;
}

.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
    display: block;
}

.page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6);
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: rgb(47, 60, 78);
}

.page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column;
}

.page-wrapper.compact-sidebar .sidebar-list i.fa-solid.fa-thumbtack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: rgb(115, 102, 255);
    width: 20px;
    height: 20px;
    background-color: rgba(115, 102, 255, 0.1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

[dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-solid.fa-thumbtack {
    left: 54px;
    right: unset;
}

.page-wrapper.compact-sidebar .sidebar-list i.fa-solid.fa-thumbtack::before {
    font-size: 12px;
}

.page-wrapper.compact-sidebar .sidebar-list:hover i.fa-solid.fa-thumbtack {
    visibility: visible;
    cursor: pointer;
    z-index: 1;
}

.page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1;
}

.page-wrapper.compact-sidebar .pin-title {
    order: -1;
}

.page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s;
}

.page-wrapper.compact-sidebar ~ .bg-overlay1.active {
    z-index: 8;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0px;
}

.page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px;
}

.page-wrapper.compact-sidebar .sidebar-main-title {
    display: none;
}

.page-wrapper.compact-sidebar .logo-wrapper {
    display: none;
}

.page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: rgba(89, 102, 122, 0.1) -9px 0px 20px;
}

.page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px);
}

.page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
    display: none;
}

.page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
    width: 30%;
}

@media (max-width: 1578px) and (min-width: 1274px) {
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
        width: 38%;
    }
}

@media (max-width: 1273px) and (min-width: 1200px) {
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
        width: 45%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
        width: 36%;
    }
}

@media (max-width: 767px) and (min-width: 756px) {
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
        width: 28%;
    }
}

@media (max-width: 1199px) {
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
        width: 132px;
    }
}

@media (max-width: 767px) {
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
        width: 83px;
    }
}

.page-wrapper.compact-sidebar .page-header.close_icon {
    margin-left: 0px;
    width: calc(100% + 0px);
}

.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px;
}

.page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0px;
    z-index: 9;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    height: auto;
    line-height: inherit;
    background: rgb(255, 255, 255);
    width: 150px;
    text-align: left;
    transition: 0.3s;
    box-shadow: rgba(89, 102, 122, 0.1) 0px 0px 21px 0px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow, .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
    display: none;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    margin: 30px 0px;
    height: calc(-113px + 100vh);
    overflow: auto;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
    color: rgb(63, 71, 90);
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    text-transform: capitalize;
    color: rgb(63, 71, 90);
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
    background: rgba(115, 102, 255, 0.1);
    color: rgb(115, 102, 255);
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
    color: rgb(115, 102, 255);
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active .sidebar-submenu {
    animation: 300ms ease-in-out 0s 1 normal none running fadeInLeft;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 20px 0px;
    border-bottom: 1px solid rgb(243, 243, 243);
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu {
    position: fixed;
    top: 0px;
    height: calc(0px + 100vh);
    overflow: auto;
    left: 150px;
    width: 230px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(126, 55, 216, 0.03) 0px 16px 15px 15px;
    transition: 0.5s ease-in-out;
    display: none;
    padding-top: 20px;
    z-index: -1;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu::-webkit-scrollbar-track {
    box-shadow: rgb(233, 237, 241) 0px 0px 6px inset;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu::-webkit-scrollbar {
    width: 6px;
    height: 8px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu::-webkit-scrollbar-thumb {
    background-color: rgba(68, 102, 242, 0.15);
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li {
    position: relative;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li label.badge {
    left: 68%;
    top: 20px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li a {
    padding: 15px 15px 15px 40px;
    display: block;
    position: relative;
    border-bottom: 1px solid rgb(241, 241, 241);
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li a .sub-arrow {
    display: none;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li a .according-menu {
    position: absolute;
    right: 20px;
    top: 16px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li a.active {
    background-color: rgba(115, 102, 255, 0.1);
    color: rgb(115, 102, 255);
    transition: 0.3s;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li .sidebar-submenu {
    display: block;
    height: auto;
    position: unset;
    padding: 0px 0px 0px 20px;
    transition: 0.5s;
    box-shadow: unset;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li .sidebar-submenu li a.active {
    background-color: transparent;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu > li > a::after {
    position: absolute;
    content: "";
    left: 20px;
    top: 48%;
    width: 8px;
    border-top: 2px solid rgba(117, 117, 138, 0.4);
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu .mega-box {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu .mega-box .link-section {
    text-align: left;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu .mega-box .link-section .submenu-title h5 {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 15px 15px 40px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu .mega-box .link-section .submenu-title h5::after {
    position: absolute;
    content: "";
    left: 20px;
    top: 48%;
    width: 6px;
    border-top: 2px solid rgb(89, 92, 96);
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
    position: relative;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    position: absolute;
    left: 50%;
    top: 10px;
    font-weight: 500;
    font-size: 9px;
    margin-bottom: 0px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
    text-align: center;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0px auto 6px;
    width: 24px;
    height: 24px;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: block;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
    word-break: break-word;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
    display: none;
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px);
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-left: 0px;
}

.page-wrapper.compact-sidebar.compact-small.material-icon .header-wrapper .search-full .form-group .close-search {
    top: 25px;
}

.page-wrapper.compact-sidebar.compact-small.material-icon .header-wrapper .left-header h6 span.font-primary {
    color: rgb(255, 184, 41) !important;
}

.page-wrapper.compact-sidebar.compact-small.material-icon .header-wrapper .left-header a {
    color: rgb(255, 184, 41);
}

.page-wrapper.compact-sidebar .page-body-wrapper .sidebar-links .sidebar-list:hover i.fa-thumbtack {
    right: 20px;
}

[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .sidebar-links .sidebar-list:hover i.fa-thumbtack {
    right: unset;
    left: 20px;
}

.page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px;
}

.page-wrapper.compact-small .sidebar-list i.fa-solid.fa-thumbtack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: rgb(115, 102, 255);
    width: 20px;
    height: 20px;
    background-color: rgba(115, 102, 255, 0.1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

[dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-solid.fa-thumbtack {
    left: 22px;
    right: unset;
}

.page-wrapper.compact-small .sidebar-list:hover i.fa-solid.fa-thumbtack {
    visibility: visible;
}

.page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1;
}

.page-wrapper.compact-small.material-icon .page-body-wrapper .page-body .page-title h4 {
    color: var(--white);
}

.page-wrapper.compact-small .sidebar-main-title, .page-wrapper.compact-small .logo-wrapper {
    display: none;
}

.page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: rgba(89, 102, 122, 0.1) -9px 0px 20px;
}

.page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px);
}

.page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
    display: none;
}

.page-wrapper.compact-small .page-header.close_icon {
    margin-left: 0px;
    width: calc(100% + 0px);
}

.page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px;
}

.page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px;
}

@media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(-105px + 100vh);
    }
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0px;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    left: 90px;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a {
    padding: 10px 15px 10px 40px;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow {
    display: none;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu {
    top: 11px;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0px auto;
    width: 20px;
    height: 20px;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0px auto;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none;
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px);
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-left: 0px;
}

.page-wrapper.only-body {
    background-color: rgb(242, 240, 250);
}

.page-wrapper.only-body .page-body-wrapper {
    background-color: rgb(242, 240, 250);
}

.page-wrapper.only-body .page-body-wrapper .page-body .page-title .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.page-wrapper.only-body .page-header {
    position: relative;
}

.page-wrapper.only-body .page-header .header-logo-wrapper {
    display: none;
}

.page-wrapper.only-body .page-header .header-wrapper {
    padding: 0px !important;
}

.page-wrapper.only-body .page-header .header-wrapper .left-header {
    display: none;
}

.page-wrapper.only-body .page-header .header-wrapper .nav-right {
    position: absolute;
    right: 60px;
    top: 58px;
}

@media (max-width: 991px) {
    .page-wrapper.only-body .page-header .header-wrapper .nav-right {
        top: 50px;
    }
}

.page-wrapper.only-body .page-header .header-wrapper .search-full {
    top: 37px;
    width: calc(100% - 50px);
    left: 25px;
}

[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
    left: unset;
    right: 25px;
}

.page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: rgb(255, 255, 255);
    border-radius: 15px;
}

.page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
    top: 78px;
    width: calc(100% - 30px);
    margin: 0px auto;
    right: 0px;
}

.page-wrapper.only-body .page-body-wrapper .page-title {
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-wrapper.only-body .sidebar-wrapper, .page-wrapper.only-body footer {
    display: none;
}

.page-wrapper.only-body .page-body-wrapper .page-body {
    margin-top: 0px;
    min-height: calc(0px + 100vh);
}

.page-wrapper.only-body .page-body-wrapper .page-title {
    padding-left: 30px;
    padding-right: 30px;
    margin: 30px 0px;
    border-radius: 15px;
}

@media (max-width: 991.98px) {
    .page-wrapper.only-body .page-body-wrapper .page-title {
        padding-left: 20px;
        padding-right: 20px;
        margin: 20px 0px;
    }
}

.page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
    margin-top: 5px;
    justify-content: flex-start;
}

.page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px;
}

[dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: unset;
    margin-right: -22px;
}

.page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid rgb(218, 214, 255) !important;
}

.page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid rgb(218, 214, 255) !important;
}

.page-wrapper.modern-type .alert-primary {
    color: rgb(115, 102, 255);
}

.page-wrapper.modern-type .project-box {
    background-color: rgb(218, 214, 255);
}

.page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent;
}

.page-wrapper.modern-type .simplebar-mask {
    top: 10px;
}

.page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% + 0px);
}

.page-wrapper.modern-type .page-header.close_icon {
    margin-left: 0px;
    width: calc(100% + 0px);
}

.page-wrapper.modern-type .page-header .header-wrapper .left-header {
    width: 30%;
}

@media (max-width: 1428px) and (min-width: 1200px) {
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 37%;
    }
}

@media (max-width: 818px) {
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%;
    }
}

@media (max-width: 1669px) {
    .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%;
    }
}

@media (max-width: 1428px) and (min-width: 1200px) {
    .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%;
    }
}

@media (max-width: 864px) and (min-width: 811px) {
    .page-wrapper.modern-type .page-header .header-wrapper .nav-right > ul > li {
        padding: 6px;
    }
}

.page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
    display: flex;
    align-items: center;
}

.page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    display: block;
    margin-right: 30px;
}

.page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    display: block;
    position: relative;
    top: unset;
    right: unset;
    margin-right: 15px;
}

.page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0px;
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    top: 80px;
    bottom: 0px;
    border-radius: 15px;
    margin: 30px !important;
}

@media (max-width: 991px) {
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
        border-radius: 0px 15px 15px 0px;
    }
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
    display: none;
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(-160px + 100vh);
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
    display: none;
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
    margin-left: 0px;
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
    margin-left: 0px;
    margin-right: 0px;
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
    display: none;
}

.page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px;
}

.page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
    max-width: 1500px;
}

.page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px;
}

@media (max-width: 991px) {
    .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.page-wrapper.modern-type.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    margin: 20px !important;
}

.page-wrapper.material-type {
    position: relative;
}

.page-wrapper.material-type::before {
    position: absolute;
    content: "";
    left: 0px;
    width: 100%;
    height: 300px;
    background-image: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-default) 79.68%);
}

.page-wrapper.material-type .card {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 20px;
}

.page-wrapper.material-type .page-header {
    position: relative;
    max-width: 1560px;
    margin: 50px auto 0px;
    border-radius: 15px 15px 0px 0px;
}

@media (max-width: 863px) {
    .page-wrapper.material-type .page-header.close_icon .header-wrapper .nav-right .nav-menus .profile-nav .profile-media .flex-grow-1 {
        display: none;
    }
}

.page-wrapper.material-type .page-header .header-wrapper .left-header {
    width: 31%;
}

@media (max-width: 1600px) {
    .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 33%;
    }
}

@media (max-width: 1366px) {
    .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 38%;
    }
}

@media (max-width: 1199px) {
    .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 30%;
    }
}

@media (max-width: 1600px) and (min-width: 1008px) {
    .page-wrapper.material-type .page-header .header-wrapper .nav-right {
        width: 48%;
    }
}

@media (max-width: 1007px) {
    .page-wrapper.material-type .page-header .header-wrapper .nav-right {
        width: 58%;
    }
}

.page-wrapper.material-type .page-body-wrapper {
    background-image: url("../images/other-images/boxbg.jpg");
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.5);
}

.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
    position: relative;
    max-width: 1560px;
    margin: 0px auto;
    top: unset;
    height: 56px;
}

.page-wrapper.material-type .page-body-wrapper .page-body {
    margin: 0px auto;
    max-width: 1560px;
    background-color: rgb(248, 248, 248);
    box-shadow: rgba(8, 21, 66, 0.05) 0px 0px 20px 7px;
    border-radius: 0px 0px 15px 15px;
}

.page-wrapper.material-type .footer {
    margin-top: 40px;
}

.page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
    width: 38%;
}

@media (max-width: 991px) and (min-width: 864px) {
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 55%;
    }
}

@media (max-width: 863px) {
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 40%;
    }
}

.page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: rgb(247, 248, 249);
}

.page-wrapper.advance-layout .card {
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid rgb(236, 243, 250);
}

.page-wrapper.advance-layout .page-header {
    position: relative;
    background-color: rgb(255, 255, 255);
    margin: 0px auto;
}

.page-wrapper.advance-layout .page-body-wrapper {
    background: transparent;
}

.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    height: unset;
    box-shadow: none;
    border-top: 1px solid rgb(239, 239, 239);
    border-bottom: 1px solid rgb(239, 239, 239);
    position: relative !important;
    top: unset !important;
}

.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
    overflow: hidden;
}

.page-wrapper.advance-layout .page-body-wrapper .page-body {
    margin-top: 0px !important;
}

@keyframes pagebody {
    0% {
        opacity: 0;
        transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px);
    }

    50% {
        opacity: 1;
    }
}

.md-sidebar {
    position: relative;
}

.md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px;
}

@media screen and (max-width: 1460px) {
    .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        margin-right: 8px;
    }
}

@media screen and (max-width: 1366px) {
    .profile-dropdown.onhover-show-div {
        right: 0px;
        left: unset !important;
    }

    .profile-dropdown.onhover-show-div::before, .profile-dropdown.onhover-show-div::after {
        right: 10px !important;
        left: unset !important;
    }
}

@media screen and (max-width: 1199px) {
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
        padding: 8px;
    }

    .mobile-title.d-none {
        justify-content: space-between;
        padding: 20px 30px 17px;
        border-bottom: 1px solid rgb(221, 221, 221);
        margin: 0px -15px;
        display: flex !important;
    }

    .mobile-title.d-none h5 {
        color: var(--theme-default);
    }

    .mobile-title.d-none svg {
        stroke: var(--theme-default) !important;
    }
}

@media (max-width: 1039px) and (min-width: 992px) {
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
        padding: 6px;
    }
}

@media screen and (min-width: 992px) {
    .page-header .header-wrapper .nav-right .notification-dropdown {
        top: 46px;
    }

    .responsive-btn {
        display: none;
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
        top: 0px;
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
        width: 236px;
        opacity: 0;
        visibility: hidden;
        border-radius: 5px;
        transition: 0.5s;
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
        position: absolute;
        right: 20px;
        color: rgb(89, 102, 122);
        font-weight: 100;
        transition: 0.5s;
        font-size: 15px;
        top: 5px;
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu {
        display: none;
        border-radius: 4px;
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .sidebar-submenu {
        display: block;
        position: absolute;
        left: 200px;
        background-color: rgb(255, 255, 255);
        top: -10px;
        padding: 15px 0px;
        box-shadow: rgb(137, 137, 137) 0px 0px 1px 0px;
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
        right: 16px;
        transition: 0.5s;
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
        opacity: 1;
        visibility: visible;
        margin-top: 8px;
        transition: 0.5s;
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
        display: none;
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .page-wrapper.material-icon {
        position: relative;
    }

    .page-wrapper.material-icon::before {
        position: absolute;
        content: "";
        left: 0px;
        width: 100%;
        height: 200px;
        background: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-default) 79.68%);
    }

    .page-wrapper.material-icon .toggle-sidebar {
        color: rgba(255, 255, 255, 0.8);
    }

    .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: rgb(255, 255, 255) !important;
        stroke: rgb(255, 255, 255) !important;
    }

    .page-wrapper.material-icon .page-header {
        position: relative;
        background: transparent;
        padding-left: 90px;
        max-width: 1660px;
        margin: 0px auto;
        width: calc(100% + 0px);
        box-shadow: none;
    }

    .page-wrapper.material-icon .page-header .f-light {
        color: rgb(255, 255, 255);
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: rgb(255, 255, 255);
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: rgb(64, 64, 64);
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: rgb(255, 255, 255);
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg, .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
        stroke: rgb(255, 255, 255);
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
        stroke: rgb(255, 255, 255);
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
        stroke: rgb(255, 255, 255);
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: rgb(64, 64, 64);
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: rgb(64, 64, 64);
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 p {
        color: rgba(255, 255, 255, 0.7);
    }

    .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0px;
        margin: 0px auto !important;
    }

    .page-wrapper.material-icon .page-body-wrapper .page-body {
        padding-left: 90px;
        max-width: 1660px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        margin-top: 0px !important;
    }

    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
        padding-left: 15px;
        margin: 0px auto !important;
    }

    .page-wrapper.material-icon .page-body-wrapper .page-title {
        color: rgb(255, 255, 255);
        background-color: transparent;
        border-bottom: none;
        box-shadow: none;
    }

    .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: rgb(255, 255, 255);
    }

    .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6);
    }

    .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8);
    }
}

@media only screen and (min-width: 992px) {
    .page-wrapper.material-icon::before {
        height: 240px;
    }
}

@media only screen and (max-width: 992px) {
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
        padding: 6px;
    }
}

@media screen and (max-width: 767px) {
    .sidebar-wrapper .menu .brand-logo img {
        width: 120px;
    }
}

@media screen and (max-width: 576px) {
    .toggle-nav i {
        font-size: 20px;
    }
}

html[dir="rtl"] {
}

html[dir="rtl"] ul {
    padding-right: 0px;
}

html[dir="rtl"] dl dd {
    margin-left: unset;
    margin-right: 0px;
}

html[dir="rtl"] .ms-auto {
    margin-left: unset !important;
    margin-right: auto !important;
}

html[dir="rtl"] .slider-wrapper {
    direction: ltr;
}

html[dir="rtl"] .f-right {
    float: left;
}

html[dir="rtl"] .ps-1 {
    padding-left: unset !important;
    padding-right: 0.25rem;
}

html[dir="rtl"] .ps-2 {
    padding-left: unset !important;
    padding-right: 0.5rem;
}

html[dir="rtl"] .tap-top {
    right: unset;
    left: 30px;
}

@media (min-width: 576px) {
    html[dir="rtl"] .pe-sm-3 {
        padding-right: unset !important;
        padding-left: 1rem !important;
    }
}

html[dir="rtl"] .card-wrapper ol {
    padding-left: 40px;
    padding-right: 32px;
}

html[dir="rtl"] .offcanvas .offcanvas-header .btn-close {
    margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) auto calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x));
}

html[dir="rtl"] .papernote-wrap .note-labels ul {
    gap: 9px;
}

html[dir="rtl"] blockquote {
    border-right: 4px solid rgb(115, 102, 255);
    border-left: unset;
}

html[dir="rtl"] .figure.text-end blockquote {
    border-right: none;
    border-left: 4px solid rgb(115, 102, 255) !important;
}

html[dir="rtl"] .form-check-inline {
    margin-right: unset;
    margin-left: 1rem;
}

html[dir="rtl"] .knowledgebase-search .form-inline svg {
    left: unset;
    right: 20px;
}

html[dir="rtl"] .switch-showcase .form-check .form-check-input {
    float: left;
}

html[dir="rtl"] .alert.notify-alert.alert-theme {
    left: 20px !important;
    right: unset !important;
}

html[dir="rtl"] .pill-input-group span:last-child {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
    border-top-left-radius: 1.3rem !important;
    border-bottom-left-radius: 1.3rem !important;
}

html[dir="rtl"] .pill-input-group span:first-child {
    border-top-left-radius: unset !important;
    border-top-right-radius: 1.3rem !important;
    border-bottom-right-radius: 1.3rem !important;
}

html[dir="rtl"] .b-l-primary {
    border-right: 1px solid rgb(115, 102, 255) !important;
    border-left: unset !important;
}

html[dir="rtl"] .border-l-primary {
    border-right: 1px solid rgb(115, 102, 255) !important;
    border-left: unset !important;
}

html[dir="rtl"] .b-r-primary {
    border-left: 1px solid rgb(115, 102, 255) !important;
    border-right: unset !important;
}

html[dir="rtl"] .border-r-primary {
    border-left: 1px solid rgb(115, 102, 255) !important;
    border-right: unset !important;
}

html[dir="rtl"] .b-l-secondary {
    border-right: 1px solid rgb(131, 131, 131) !important;
    border-left: unset !important;
}

html[dir="rtl"] .border-l-secondary {
    border-right: 1px solid rgb(131, 131, 131) !important;
    border-left: unset !important;
}

html[dir="rtl"] .b-r-secondary {
    border-left: 1px solid rgb(131, 131, 131) !important;
    border-right: unset !important;
}

html[dir="rtl"] .border-r-secondary {
    border-left: 1px solid rgb(131, 131, 131) !important;
    border-right: unset !important;
}

html[dir="rtl"] .b-l-success {
    border-right: 1px solid rgb(101, 193, 92) !important;
    border-left: unset !important;
}

html[dir="rtl"] .border-l-success {
    border-right: 1px solid rgb(101, 193, 92) !important;
    border-left: unset !important;
}

html[dir="rtl"] .b-r-success {
    border-left: 1px solid rgb(101, 193, 92) !important;
    border-right: unset !important;
}

html[dir="rtl"] .border-r-success {
    border-left: 1px solid rgb(101, 193, 92) !important;
    border-right: unset !important;
}

html[dir="rtl"] .b-l-danger {
    border-right: 1px solid rgb(252, 86, 74) !important;
    border-left: unset !important;
}

html[dir="rtl"] .border-l-danger {
    border-right: 1px solid rgb(252, 86, 74) !important;
    border-left: unset !important;
}

html[dir="rtl"] .b-r-danger {
    border-left: 1px solid rgb(252, 86, 74) !important;
    border-right: unset !important;
}

html[dir="rtl"] .border-r-danger {
    border-left: 1px solid rgb(252, 86, 74) !important;
    border-right: unset !important;
}

html[dir="rtl"] .b-l-info {
    border-right: 1px solid rgb(64, 184, 245) !important;
    border-left: unset !important;
}

html[dir="rtl"] .border-l-info {
    border-right: 1px solid rgb(64, 184, 245) !important;
    border-left: unset !important;
}

html[dir="rtl"] .b-r-info {
    border-left: 1px solid rgb(64, 184, 245) !important;
    border-right: unset !important;
}

html[dir="rtl"] .border-r-info {
    border-left: 1px solid rgb(64, 184, 245) !important;
    border-right: unset !important;
}

html[dir="rtl"] .b-l-light {
    border-right: 1px solid rgb(244, 244, 244) !important;
    border-left: unset !important;
}

html[dir="rtl"] .border-l-light {
    border-right: 1px solid rgb(244, 244, 244) !important;
    border-left: unset !important;
}

html[dir="rtl"] .b-r-light {
    border-left: 1px solid rgb(244, 244, 244) !important;
    border-right: unset !important;
}

html[dir="rtl"] .border-r-light {
    border-left: 1px solid rgb(244, 244, 244) !important;
    border-right: unset !important;
}

html[dir="rtl"] .b-l-dark {
    border-right: 1px solid rgb(63, 71, 90) !important;
    border-left: unset !important;
}

html[dir="rtl"] .border-l-dark {
    border-right: 1px solid rgb(63, 71, 90) !important;
    border-left: unset !important;
}

html[dir="rtl"] .b-r-dark {
    border-left: 1px solid rgb(63, 71, 90) !important;
    border-right: unset !important;
}

html[dir="rtl"] .border-r-dark {
    border-left: 1px solid rgb(63, 71, 90) !important;
    border-right: unset !important;
}

html[dir="rtl"] .b-l-warning {
    border-right: 1px solid rgb(255, 184, 41) !important;
    border-left: unset !important;
}

html[dir="rtl"] .border-l-warning {
    border-right: 1px solid rgb(255, 184, 41) !important;
    border-left: unset !important;
}

html[dir="rtl"] .b-r-warning {
    border-left: 1px solid rgb(255, 184, 41) !important;
    border-right: unset !important;
}

html[dir="rtl"] .border-r-warning {
    border-left: 1px solid rgb(255, 184, 41) !important;
    border-right: unset !important;
}

html[dir="rtl"] .border-1 {
    border-width: 1px !important;
}

html[dir="rtl"] .border-2 {
    border-width: 2px !important;
}

html[dir="rtl"] .border-3 {
    border-width: 3px !important;
}

html[dir="rtl"] .border-4 {
    border-width: 4px !important;
}

html[dir="rtl"] .border-5 {
    border-width: 5px !important;
}

html[dir="rtl"] .border-6 {
    border-width: 6px !important;
}

html[dir="rtl"] .border-7 {
    border-width: 7px !important;
}

html[dir="rtl"] .border-8 {
    border-width: 8px !important;
}

html[dir="rtl"] .border-9 {
    border-width: 9px !important;
}

html[dir="rtl"] .border-10 {
    border-width: 10px !important;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
    text-align: right;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
    left: 50px !important;
    right: unset !important;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0px;
    margin-left: unset;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
    text-align: left;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body, html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
    margin-left: 0px;
    margin-right: 80px;
    transition: 0.5s;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
    margin-left: 0px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
    display: none !important;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
    display: none;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
    margin-left: 13px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0px);
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
    display: block !important;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
    float: none;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
    display: block;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::after {
    right: 30px;
    left: unset;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-right: 45px !important;
    padding-left: unset !important;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a::after {
    right: 26px;
    left: unset;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::after {
    border-radius: 0px 5px 5px 0px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: unset;
    margin-right: 265px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
    margin-right: unset;
    margin-left: 15px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    right: unset;
    left: 20px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    transform: scaleX(-1);
}

html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    right: unset;
    left: 60px;
}

html[dir="rtl"] .date-details > div + div {
    margin-left: unset;
    margin-right: 10px;
}

html[dir="rtl"] .datepickers-container .datepicker--nav .datepicker--nav-action svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .default-toasts .toast-dark .form-select {
    padding: 6px 12px 6px 36px !important;
}

html[dir="rtl"] .animated-toast.end-0 {
    right: unset !important;
    left: 0px !important;
}

html[dir="rtl"] .animated-toast.end-0 .toast-header h6 {
    margin-right: unset !important;
    margin-left: auto !important;
}

html[dir="rtl"] .animated-toast.end-0 .btn-close {
    margin-left: unset;
    margin-right: 12px;
}

html[dir="rtl"] .contact-editform {
    padding-right: 20px !important;
}

html[dir="rtl"] .contact-editform.ps-0 {
    padding-inline: 30px !important; }

@media (max-width: 767.98px) {
    html[dir="rtl"] .contact-editform.ps-0 {
        padding-inline: 20px !important;
    }
}

html[dir="rtl"] .contacts-tabs .nav-pills {
    border-right: unset;
    border-left: 1px solid rgb(244, 244, 244);
}

html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-right: unset;
    padding-left: 20px;
}

html[dir="rtl"] .list-persons .profile-mail .d-flex .flex-grow-1 ul li + li {
    padding-left: unset;
    padding-right: 10px;
    margin-left: unset;
    margin-right: 5px;
    border-left: unset;
    border-right: 1px solid rgb(244, 244, 244);
}

html[dir="rtl"] .list-persons .profile-mail .d-flex .flex-grow-1 .main-contact-option li + li {
    padding-inline: 12px; margin-left: unset;
    margin-right: 5px;
    border-left: unset;
    border-right: 1px solid rgba(204, 204, 204, 0.6);
}

html[dir="rtl"] .history-details i {
    transform: scale(-1);
}

html[dir="rtl"] .form-floating > label {
    left: unset;
    right: 0px;
}

html[dir="rtl"] .file-content .form-inline i {
    padding-right: unset;
    padding-left: 10px;
}

html[dir="rtl"] .file-sidebar .btn svg {
    margin-right: unset;
    margin-left: 8px;
}

html[dir="rtl"] .modal .modal-toggle-wrapper .btn svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .job-filter .faq-form .form-control {
    padding: 6px 6px 6px 30px;
}

html[dir="rtl"] .create-project-form .bootstrap-select .filter-option .filter-option-inner-inner {
    text-align: right;
}

html[dir="rtl"] .create-project-form .bootstrap-select .dropdown-toggle::after {
    right: unset;
    left: 10px;
}

html[dir="rtl"] [class*="title-line-"]::before {
    left: unset;
    right: 0px;
    border-radius: 10px 0px 0px 10px;
}

html[dir="rtl"] .bootstrap-select .dropdown-toggle::after {
    left: 10px;
    right: unset;
}

html[dir="rtl"] .bootstrap-select .filter-option {
    float: right;
    text-align: right;
}

html[dir="rtl"] .bootstrap-select .dropdown-menu li {
    text-align: right !important;
}

html[dir="rtl"] .bootstrap-select .dropdown-menu .inner li a .check-mark {
    right: unset;
    left: 15px;
}

html[dir="rtl"] .bootstrap-select .dropdown-menu .inner li a .text {
    margin-right: unset;
    margin-left: 34px;
}

html[dir="rtl"] .projects-wrapper [class*="title-line-"]::before {
    left: unset;
    right: 12px;
}

html[dir="rtl"] .project-tabs .nav i {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .project-tabs.common-space .nav-tabs .nav-item .nav-link svg {
    margin-left: 5px;
}

@media (min-width: 576px) {
    html[dir="rtl"] .project-tabs.common-space .nav-tabs .nav-item:first-child .nav-link {
        padding-right: 0px;
        padding-left: 25px;
    }

    html[dir="rtl"] .project-tabs.common-space .nav-tabs .nav-item:last-child .nav-link {
        padding-left: 0px;
        padding-right: 25px;
    }
}

html[dir="rtl"] .project-timeline .notification ul li span .activity-profile {
    border-left: unset;
    border-right: 1px solid rgba(82, 82, 108, 0.2);
    padding-left: unset;
    padding-right: 10px;
    margin-left: unset;
    margin-right: 10px;
}

html[dir="rtl"] .project-timeline .notification ul li span .activity-profile img {
    margin-right: unset;
    margin-left: 6px;
}

html[dir="rtl"] .project-budget-wrapper .form-check.form-switch {
    padding: 0px;
}

html[dir="rtl"] .project-budget-wrapper .form-check .form-check-input {
    margin: 0px;
}

html[dir="rtl"] .overall-budget.recent-table table thead tr th:first-child, html[dir="rtl"] .overall-budget.recent-table table thead tr td:first-child, html[dir="rtl"] .overall-budget.recent-table table tbody tr th:first-child, html[dir="rtl"] .overall-budget.recent-table table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: unset !important;
}

html[dir="rtl"] .overall-budget.recent-table table thead tr th:last-child, html[dir="rtl"] .overall-budget.recent-table table thead tr td:last-child, html[dir="rtl"] .overall-budget.recent-table table tbody tr th:last-child, html[dir="rtl"] .overall-budget.recent-table table tbody tr td:last-child {
    padding-left: 20px !important;
    padding-right: unset !important;
}

html[dir="rtl"] .user-comment-wrapper li .flex-grow-1 .btn svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .user-comment-wrapper li + li {
    margin-right: 46px;
    margin-left: unset;
}

html[dir="rtl"] .common-project-header h6 {
    margin-left: unset;
    margin-right: -46px;
}

@media (max-width: 1685px) and (min-width: 320px) {
    html[dir="rtl"] .common-project-header h6 {
        margin-right: -54px;
        margin-left: unset;
    }
}

@media (max-width: 644px) {
    html[dir="rtl"] .common-project-header h6 {
        margin-right: 0px;
        margin-left: unset;
    }
}

html[dir="rtl"] .common-project-header .common-align:last-child .common-align li svg {
    margin-right: unset;
    margin-left: 6px;
}

html[dir="rtl"] .common-project-header .common-align:last-child .common-align li:first-child {
    padding-right: unset;
    padding-left: 15px;
}

html[dir="rtl"] .common-project-header .common-align:last-child .common-align li + li {
    border-right: 1px solid rgba(82, 82, 108, 0.8);
    border-left: unset;
    padding-right: 15px;
    padding-left: unset;
}

@media (max-width: 435px) {
    html[dir="rtl"] .common-project-header .common-align:last-child .common-align li:first-child {
        padding-left: 0px;
        padding-right: unset;
    }

    html[dir="rtl"] .common-project-header .common-align:last-child .common-align li + li {
        border-right: unset;
        padding-right: 0px;
        padding-left: unset;
    }
}

html[dir="rtl"] .activity-wrapper .tab-content .activity-update > li {
    border-right: 3px solid rgba(82, 82, 108, 0.2);
    border-left: unset;
}

html[dir="rtl"] .activity-wrapper .tab-content .activity-update > li .flex-grow-1 {
    margin-left: unset;
    margin-right: 10px;
}

html[dir="rtl"] .activity-wrapper .tab-content .activity-update > li .flex-shrink-0 {
    text-align: start;
}

html[dir="rtl"] .activity-wrapper .tab-content .activity-update > li .flex-shrink-0 svg {
    margin-right: unset;
    margin-left: 6px;
}

html[dir="rtl"] .cmt-box i {
    transform: scaleX(-1);
}

@media (min-width: 641px) {
    html[dir="rtl"] .project-pending-table.recent-table div.dt-container .dt-layout-row .dt-search {
        left: 55px !important;
        right: unset !important;
    }
}

html[dir="rtl"] .project-pending-table.recent-table table thead tr th:first-child, html[dir="rtl"] .project-pending-table.recent-table table thead tr td:first-child, html[dir="rtl"] .project-pending-table.recent-table table tbody tr th:first-child, html[dir="rtl"] .project-pending-table.recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: unset;
}

html[dir="rtl"] .project-pending-table.recent-table table thead tr th:last-child, html[dir="rtl"] .project-pending-table.recent-table table thead tr td:last-child, html[dir="rtl"] .project-pending-table.recent-table table tbody tr th:last-child, html[dir="rtl"] .project-pending-table.recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: unset;
}

html[dir="rtl"] .project-list .btn {
    float: left;
    margin-right: unset;
    margin-left: 5px;
}

html[dir="rtl"] .project-list ul li svg {
    margin-right: unset;
    margin-left: 5px;
}

html[dir="rtl"] .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
    left: unset;
    right: 38px;
}

@media (max-width: 1839px) and (min-width: 1661px) {
    html[dir="rtl"] .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
        left: unset;
        right: 30px;
    }
}

@media (max-width: 1660px) and (min-width: 1400px) {
    html[dir="rtl"] .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
        left: unset;
        right: 35px;
    }
}

@media (max-width: 1399px) and (min-width: 320px) {
    html[dir="rtl"] .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item::before {
        left: unset;
        right: 30px;
    }
}

html[dir="rtl"] .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link {
    padding: 12px 8px 12px 0px;
}

html[dir="rtl"] .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active {
    background: linear-gradient(-90deg, rgb(115, 102, 255) -175.57%, rgba(115, 102, 255, 0) 65.16%);
}

html[dir="rtl"] .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .absolute-border::before {
    left: unset;
    right: 0px;
}

html[dir="rtl"] .main-scope-project .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .absolute-border::after {
    left: unset;
    right: -8px;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    transform: translate(50%, -50%);
}

html[dir="rtl"] .form-select {
    background-position: left 0.75rem center;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}

html[dir="rtl"] .customers ul li + li {
    margin-left: unset;
    margin-right: -10%;
}

html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
    padding: 5px 0px 5px 30px;
}

html[dir="rtl"] .project-box .badge {
    right: unset;
    left: 30px;
}

html[dir="rtl"] .seller-details-wrapper .accordion .accordion-item .accordion-button::after {
    margin-left: unset;
    margin-right: auto;
}

html[dir="rtl"] .jkanban-container .kanban-container .kanban-board footer {
    margin: 0px;
}

html[dir="rtl"] .kanban-board {
    float: right;
}

html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
    margin-left: unset;
    margin-right: -10px;
}

html[dir="rtl"] .kanban-item .list li i {
    margin-right: unset;
    margin-left: 10px;
}

html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    text-align: right;
}

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-right: 0px;
}

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
    margin-right: 0px;
}

html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
    margin-right: auto;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
    margin-right: 0px;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 {
    margin-right: 15px;
    margin-left: unset;
}

html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
    margin-left: 2px;
    margin-right: unset;
}

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    left: -20px !important;
    right: unset !important;
}

@media (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
        left: 12px !important;
    }
}

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
    padding-left: unset;
    padding-right: 60px;
    text-align: right;
}

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group::before {
    left: unset;
    right: 30px;
}

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    right: unset;
    left: 0px;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
    margin-left: 15px;
    margin-right: unset;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-left: unset;
    margin-right: 150px;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0px;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-left: unset;
    margin-right: 150px;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: unset;
    margin-right: 150px;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    text-align: right;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li a {
    padding: 15px 40px 150px 15px;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li .sidebar-submenu {
    padding-left: unset;
    padding-right: 20px;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu {
    animation: 1000ms ease-in-out 0s 1 normal none running fadeInRight;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    right: 150px;
    left: unset;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a {
    padding: 15px 40px 15px 15px;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu {
    right: unset;
    left: 20px;
    transform: scaleX(-1);
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after {
    left: unset;
    right: 20px;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    left: unset;
    right: 53%;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
    text-align: center;
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(150px);
}

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-right: 0px;
}

html[dir="rtl"] .page-wrapper.compact-small .page-header {
    margin-right: 90px;
}

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    right: 90px;
}

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer, html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-right: 90px;
}

html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-left: unset;
    padding-right: 90px;
    margin: 0px auto;
}

html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0px;
}

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-left: 15px;
    padding-right: 90px;
    margin: 0px auto;
}

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
    padding-right: 15px;
    margin: 0px auto !important;
}

html[dir="rtl"] .apexcharts-canvas {
    direction: ltr;
}

html[dir="rtl"] .email-wrap .btn-mail {
    text-align: right;
}

html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
    padding-left: unset;
    padding-right: 20px;
}

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
    text-align: center;
}

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
    text-align: right;
}

html[dir="rtl"] .bookmark-wrap .main-bookmark .filter-option {
    float: right;
    text-align: right;
}

html[dir="rtl"] .bookmark-wrap .main-bookmark .dropdown-menu .dropdown-item {
    text-align: right;
}

html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
    padding-left: 15px !important;
}

html[dir="rtl"] .appointment-table table tr td .status-circle {
    left: unset;
    right: 35px;
}

html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
    margin-left: unset;
    margin-right: 10px;
}

html[dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child, html[dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child, html[dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child, html[dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child, html[dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child, html[dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child {
    margin-left: auto;
    margin-right: unset !important;
}

html[dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child .form-select, html[dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child .form-select, html[dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child .form-select, html[dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child .form-select, html[dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child .form-select, html[dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 .row > div[class^="col-"]:first-child .form-select {
    margin-right: unset;
    margin-left: 0.5em;
}

html[dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 .dt-column-order, html[dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 .dt-column-order, html[dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 .dt-column-order, html[dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 .dt-column-order, html[dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 .dt-column-order, html[dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 .dt-column-order {
    right: unset;
    left: 12px;
}

html[dir="rtl"] .progress-gradient-primary {
    background-image: linear-gradient(to right, var(--theme-default), transparent);
}

html[dir="rtl"] .progress-gradient-primary::after {
    right: unset;
    left: -1px;
}

html[dir="rtl"] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px;
}

html[dir="rtl"] .progress-gradient-secondary {
    background-image: linear-gradient(to right, rgb(131, 131, 131), transparent);
}

html[dir="rtl"] .progress-gradient-secondary::after {
    right: unset;
    left: -1px;
}

html[dir="rtl"] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px;
}

html[dir="rtl"] .progress-gradient-success {
    background-image: linear-gradient(to right, rgb(101, 193, 92), transparent);
}

html[dir="rtl"] .progress-gradient-success::after {
    right: unset;
    left: -1px;
}

html[dir="rtl"] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px;
}

html[dir="rtl"] .progress-gradient-danger {
    background-image: linear-gradient(to right, rgb(252, 86, 74), transparent);
}

html[dir="rtl"] .progress-gradient-danger::after {
    right: unset;
    left: -1px;
}

html[dir="rtl"] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px;
}

html[dir="rtl"] .progress-gradient-info {
    background-image: linear-gradient(to right, rgb(64, 184, 245), transparent);
}

html[dir="rtl"] .progress-gradient-info::after {
    right: unset;
    left: -1px;
}

html[dir="rtl"] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px;
}

html[dir="rtl"] .progress-gradient-light {
    background-image: linear-gradient(to right, rgb(244, 244, 244), transparent);
}

html[dir="rtl"] .progress-gradient-light::after {
    right: unset;
    left: -1px;
}

html[dir="rtl"] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px;
}

html[dir="rtl"] .progress-gradient-dark {
    background-image: linear-gradient(to right, rgb(63, 71, 90), transparent);
}

html[dir="rtl"] .progress-gradient-dark::after {
    right: unset;
    left: -1px;
}

html[dir="rtl"] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px;
}

html[dir="rtl"] .progress-gradient-warning {
    background-image: linear-gradient(to right, rgb(255, 184, 41), transparent);
}

html[dir="rtl"] .progress-gradient-warning::after {
    right: unset;
    left: -1px;
}

html[dir="rtl"] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px;
}

html[dir="rtl"] .progress-animate span {
    left: -10px;
    right: unset;
}

html[dir="rtl"] .common-order-history .form-select {
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}

html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    right: unset;
    left: -50px;
}

@media (max-width: 1399px) {
    html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        left: unset;
        right: 20px;
    }
}

html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table div.dt-container .dt-layout-row .dt-length {
    right: 20px;
    left: unset;
}

html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table table thead tr th:first-child, html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table table thead tr td:first-child, html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table table tbody tr th:first-child, html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table table thead tr th:last-child, html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table table thead tr td:last-child, html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table table tbody tr th:last-child, html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .common-order-history .order-history-wrapper .recent-table table thead tr th:first-child {
    text-align: center !important;
}

html[dir="rtl"] .me-4 {
    margin-left: 1.5rem !important;
    margin-right: unset !important;
}

html[dir="rtl"] .pe-4 {
    padding-left: 1.5rem !important;
    padding-right: unset !important;
}

html[dir="rtl"] .me-1 {
    margin-left: 0.25rem !important;
    margin-right: unset !important;
}

html[dir="rtl"] .navs-dropdown .onhover-show-div {
    right: 0px;
}

html[dir="rtl"] .default-according.style-1 button {
    text-align: right;
}

html[dir="rtl"] .default-according.style-1 button::before {
    left: 20px;
    right: unset;
}

@media (max-width: 575px) {
    html[dir="rtl"] .default-according.style-1 button::before {
        left: 15px;
    }
}

html[dir="rtl"] .default-according.style-1 button i {
    right: 18px;
    left: unset;
}

html[dir="rtl"] .default-according .card .card-header i {
    right: 18px;
    left: unset;
}

html[dir="rtl"] .progress-number {
    direction: ltr;
}

html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
    padding-right: 20px !important;
}

@media (max-width: 575.98px) {
    html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
        padding-right: 10px !important;
    }
}

html[dir="rtl"] .ProfileCard-details {
    padding-right: 30px;
    padding-left: unset;
    float: right;
}

html[dir="rtl"] .starter-main .card-body ul {
    padding-right: 30px;
    padding-left: unset;
}

html[dir="rtl"] .theme-tab .tab-title li a svg {
    margin-left: 5px;
    margin-right: unset;
}

html[dir="rtl"] .spent .spent-graph .project-budget {
    margin-left: 30px;
    margin-right: unset;
}

html[dir="rtl"] .support-table table tbody tr td:first-child {
    padding-right: 0px;
    padding-left: unset;
}

html[dir="rtl"] .img-paypal {
    margin-right: 15px;
    margin-left: unset;
}

html[dir="rtl"] .cart .qty-box .input-group .btn {
    border-radius: 0px !important;
}

html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

html[dir="rtl"] .grid-options {
    margin-right: 10px;
    margin-left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset;
}

html[dir="rtl"] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset;
}

html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
    left: auto;
    right: unset;
}

html[dir="rtl"] .collection-filter-block svg {
    margin-right: unset;
    margin-left: 14px;
    transform: scaleX(-1);
}

html[dir="rtl"] .feature-products form .form-group i {
    left: 30px;
    right: unset;
}

html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
    text-align: right;
}

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-left: unset;
}

html[dir="rtl"] .bookmark ul li + li {
    margin-left: unset;
    margin-right: 10px;
}

html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -50px;
    right: unset;
}

html[dir="rtl"] .bookmark ul li .search-form .form-control-search::before {
    right: 50px;
    left: unset;
}

html[dir="rtl"] .bookmark ul li .search-form .form-control-search::after {
    right: 20px;
    left: unset;
}

html[dir="rtl"] .me-0 {
    margin-left: 0px !important;
    margin-right: unset !important;
}

html[dir="rtl"] .footer .pull-right {
    float: none;
}

html[dir="rtl"] .checkbox_animated, html[dir="rtl"] .radio_animated {
    margin: 0px 0px 0px 1rem;
}

html[dir="rtl"] .button.remove {
    left: -10px;
    right: unset;
}

html[dir="rtl"] .code-box-copy__btn {
    left: 11px;
    right: unset;
}

html[dir="rtl"] ul.nav-menus {
    border-bottom: none;
}

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    text-align: right;
}

html[dir="rtl"] .badge + .badge {
    margin-right: 5px;
    margin-left: unset;
}

html[dir="rtl"] .m-l-10 {
    margin-right: 10px !important;
    margin-left: unset !important;
}

html[dir="rtl"] .m-r-20 {
    margin-left: 20px;
    margin-right: unset;
}

html[dir="rtl"] .m-r-30 {
    margin-left: 30px;
    margin-right: unset;
}

html[dir="rtl"] .m-r-5 {
    margin-left: 5px;
    margin-right: unset;
}

html[dir="rtl"] .text-start {
    text-align: right !important;
}

html[dir="rtl"] .m-r-10 {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .pe-3 {
    padding-left: 1rem !important;
    padding-right: unset !important;
}

html[dir="rtl"] .p-r-0 {
    padding-left: 0px;
    padding-right: 15px;
}

html[dir="rtl"] .m-l-20 {
    margin-right: 20px !important;
    margin-left: unset !important;
}

html[dir="rtl"] .ps-3 {
    padding-right: 1rem !important;
}

html[dir="rtl"] .b-r-light {
    border-left: 1px solid rgb(244, 244, 244) !important;
    border-right: unset !important;
}

html[dir="rtl"] .float-end {
    float: left !important;
}

html[dir="rtl"] .float-start {
    float: right !important;
}

html[dir="rtl"] .text-end {
    text-align: left !important;
}

html[dir="rtl"] .border-right {
    border-left: 1px solid rgb(222, 226, 230) !important;
    border-right: unset !important;
}

html[dir="rtl"] .pe-0 {
    padding-left: 0px !important;
    padding-right: 12px !important;
}

html[dir="rtl"] .ps-0 {
    padding-right: 0px !important;
    padding-left: unset !important;
}

html[dir="rtl"] .ms-1 {
    margin-left: unset !important;
    margin-right: 0.25rem !important;
}

html[dir="rtl"] .owl-carousel {
    direction: ltr;
}

html[dir="rtl"] .swiper {
    direction: ltr;
}

html[dir="rtl"] .swiper .swiper-wrapper .swiper-slide > * {
    direction: rtl;
}

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

html[dir="rtl"] .btn-group > .btn:not(:first-child) {
    border-radius: 0.25rem 0px 0px 0.25rem;
}

html[dir="rtl"] .btn-group > .btn:nth-child(2) {
    border-radius: 0px !important;
}

html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
    border-radius: 0.25rem 0px 0px 0.25rem;
}

html[dir="rtl"] .btn-group .btn + .btn, html[dir="rtl"] .btn-group .btn + .btn-group {
    margin-right: -1px;
    border-right: none;
}

html[dir="rtl"] .btn-group .btn-group + .btn, html[dir="rtl"] .btn-group .btn-group + .btn-group {
    margin-right: -1px;
}

html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn, html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group {
    margin-right: -1px;
}

html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn, html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
    margin-right: -1px;
}

html[dir="rtl"] .me-3 {
    margin-right: unset !important;
    margin-left: 1rem !important;
}

html[dir="rtl"] .me-5 {
    margin-left: 3rem !important;
    margin-right: unset !important;
}

html[dir="rtl"] .ms-3 {
    margin-right: 1rem !important;
    margin-left: unset !important;
}

html[dir="rtl"] .m-r-15 {
    margin-left: 15px;
    margin-right: unset;
}

html[dir="rtl"] .p-l-0 {
    padding-left: unset;
    padding-right: 0px;
}

html[dir="rtl"] .ps-4 {
    padding-right: 1.5rem !important;
    padding-left: unset !important;
}

html[dir="rtl"] .me-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important;
}

html[dir="rtl"] .ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important;
}

html[dir="rtl"] .pe-2 {
    padding-right: unset !important;
    padding-left: 0.5rem !important;
}

html[dir="rtl"] .alert {
    text-align: right;
}

html[dir="rtl"] .pull-right {
    float: left;
}

html[dir="rtl"] .form-inline .form-group {
    margin-left: 15px;
    margin-right: 0px;
}

html[dir="rtl"] .card {
    text-align: right;
}

html[dir="rtl"] .card.social-profile {
    text-align: center;
}

html[dir="rtl"] .card .card-header h5:not(.mb-0) {
    float: right;
}

html[dir="rtl"] .card .card-header span {
    clear: both;
}

html[dir="rtl"] .card .card-header .card-header-right {
    left: 20px;
    right: unset;
}

html[dir="rtl"] .card .card-header .card-header-right .card-option {
    text-align: left;
}

html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
    padding-right: 0px;
    padding-left: unset;
}

html[dir="rtl"] .card .card-header .pull-left {
    float: right;
}

html[dir="rtl"] .card.full-card {
    left: 0px;
    right: unset;
}

html[dir="rtl"] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset;
}

html[dir="rtl"] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset;
}

html[dir="rtl"] .explore-card {
    text-align: left;
}

html[dir="rtl"] .explore-card .group-btn {
    justify-content: flex-end;
}

html[dir="rtl"] .balance-box {
    text-align: center;
}

html[dir="rtl"] .purchase-card {
    text-align: center;
}

html[dir="rtl"] .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

html[dir="rtl"] .modal-footer > :not(:first-child) {
    margin-right: 0.5rem;
    margin-left: 0px;
}

html[dir="rtl"] .form-inline .form-group .col-form-label {
    margin-left: 5px;
    margin-right: 0px;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: unset;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
    float: right;
}

html[dir="rtl"] code[class*="language-"], html[dir="rtl"] pre[class*="language-"] {
    text-align: right;
}

html[dir="rtl"] .input-group-prepend {
    margin-left: -1px;
    margin-right: unset;
}

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), html[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: unset;
    margin-right: -1px;
    border-radius: 0.375rem 0px 0px 0.375rem;
}

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

html[dir="rtl"] .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

html[dir="rtl"] .main-input-group .input-radius .pill-input-group span:first-child {
    border-radius: 0px 0.375rem 0.375rem 0px !important;
}

html[dir="rtl"] .main-input-group .input-radius .pill-input-group span:last-child {
    border-radius: 0.375rem 0px 0px 0.375rem !important;
}

html[dir="rtl"] .main-input-group .input-group-wrapper.btn-addon .input-group:last-child .btn:not(.dropdown-toggle):last-child {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
}

html[dir="rtl"] .main-input-group .input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

html[dir="rtl"] .main-input-group .input-group-wrapper .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

html[dir="rtl"] .input-group-wrapper.main-segment-btn .input-group:last-child .btn:not(.dropdown-toggle), html[dir="rtl"] .input-group-wrapper.btn-addon .input-group:last-child .btn:not(.dropdown-toggle) {
    border-radius: 0px !important;
}

html[dir="rtl"] .was-validated .form-control:invalid, html[dir="rtl"] .form-control.is-invalid, html[dir="rtl"] .was-validated .form-control:valid, html[dir="rtl"] .form-control.is-valid {
    background-position: left calc(0.375em + 0.1875rem) center;
    padding-left: calc(1.5em + 0.75rem);
    padding-right: 12px;
}

html[dir="rtl"] .input-group > .form-control:not(:last-child) {
    border-radius: 0px;
}

html[dir="rtl"] .input-group > .input-group-prepend > .btn, html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text, html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn, html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text, html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

html[dir="rtl"] .input-group > .input-group-append > .btn, html[dir="rtl"] .input-group > .input-group-append > .input-group-text, html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn, html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text, html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child), html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-radius: 0px;
}

html[dir="rtl"] .border-tab.nav-left .nav-link {
    text-align: left;
}

html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
    margin-right: -22px;
}

html[dir="rtl"] .social-status form .form-group .form-control-social {
    padding-right: 15px;
    padding-left: unset;
}

html[dir="rtl"] .social-status .d-flex .social-status {
    right: 35px;
    left: unset;
}

html[dir="rtl"] .social-chat .other-msg {
    margin-right: 40px;
    margin-left: unset;
}

html[dir="rtl"] .social-chat .flex-grow-1 span span i {
    transform: scaleX(-1);
}

html[dir="rtl"] .social-chat .flex-grow-1::before {
    left: 100%;
    right: unset;
    border-left: 7px solid rgb(82, 82, 108);
    border-right: unset;
}

html[dir="rtl"] .social-chat .flex-grow-1::after {
    left: 100%;
    right: unset;
    border-left: 7px solid rgb(255, 255, 255);
    border-right: unset;
}

html[dir="rtl"] .rounded-timeline .timeline::after {
    content: "";
    right: 50%;
    left: unset;
    margin-right: -1px;
    margin-left: unset;
}

@media (max-width: 1199px) {
    html[dir="rtl"] .rounded-timeline .timeline::after {
        right: 75px;
        left: unset;
    }
}

html[dir="rtl"] .rounded-timeline .container::after {
    content: "";
    left: -8px;
    right: unset;
}

html[dir="rtl"] .rounded-timeline .container::before {
    content: "";
    left: 8px;
    right: unset;
}

html[dir="rtl"] .rounded-timeline .container .content {
    padding: 20px 20px 20px 80px;
    border-radius: 200px 0px 0px 200px;
}

html[dir="rtl"] .rounded-timeline .container.left {
    right: 0px;
    left: unset;
}

html[dir="rtl"] .rounded-timeline .container.left .date {
    left: -75px;
    right: unset;
}

html[dir="rtl"] .rounded-timeline .container.left .icon {
    left: 56px;
    right: unset;
}

@media (max-width: 1199px) and (min-width: 768px) {
    html[dir="rtl"] .rounded-timeline .container.left {
        right: 75px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.left::before {
        right: 8px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.left::after {
        right: -8px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.left .date {
        right: -75px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.left .icon {
        right: 56px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.left .content {
        padding: 20px 80px 20px 20px;
        border-radius: 0px 200px 200px 0px;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .rounded-timeline .container.left {
        right: 0px;
        left: unset;
    }
}

html[dir="rtl"] .rounded-timeline .container.right {
    right: 50%;
    left: unset;
}

html[dir="rtl"] .rounded-timeline .container.right::after {
    right: -8px;
    left: unset;
}

html[dir="rtl"] .rounded-timeline .container.right::before {
    right: 8px;
    left: unset;
}

html[dir="rtl"] .rounded-timeline .container.right .date {
    right: -75px;
    left: unset;
}

html[dir="rtl"] .rounded-timeline .container.right .icon {
    right: 56px;
    left: unset;
}

html[dir="rtl"] .rounded-timeline .container.right .content {
    padding: 20px 80px 20px 20px;
    border-radius: 0px 200px 200px 0px;
}

@media (max-width: 1199px) {
    html[dir="rtl"] .rounded-timeline .container.right {
        right: 75px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.right::after {
        right: -8px;
        left: unset;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .rounded-timeline .timeline::after {
        right: 90px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container {
        padding-right: 120px;
        padding-left: 30px;
    }

    html[dir="rtl"] .rounded-timeline .container.right {
        right: 0%;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.right::after {
        right: 82px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.right::before {
        right: 95px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.right .date {
        left: auto;
        right: 15px;
    }

    html[dir="rtl"] .rounded-timeline .container.right .icon {
        left: auto;
        right: 146px;
    }

    html[dir="rtl"] .rounded-timeline .container.right .content {
        padding: 30px 90px 30px 30px;
        border-radius: 0px 200px 200px 0px;
    }

    html[dir="rtl"] .rounded-timeline .container.left::after {
        right: 82px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.left::before {
        right: 95px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .container.left .date {
        left: auto;
        right: 15px;
    }

    html[dir="rtl"] .rounded-timeline .container.left .icon {
        left: auto;
        right: 146px;
    }

    html[dir="rtl"] .rounded-timeline .container.left .content {
        padding: 30px 90px 30px 30px;
        border-radius: 0px 200px 200px 0px;
    }
}

@media (max-width: 610px) {
    html[dir="rtl"] .rounded-timeline .timeline::after {
        right: 8px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .timeline .container {
        padding-right: 30px;
        padding-left: unset;
    }

    html[dir="rtl"] .rounded-timeline .timeline .container::before, html[dir="rtl"] .rounded-timeline .timeline .container::after {
        right: 0px;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .timeline .container .icon {
        right: 50px;
        left: unset;
    }
}

@media (max-width: 610px) and (max-width: 475px) {
    html[dir="rtl"] .rounded-timeline .timeline .container .content {
        padding: 30px 75px 30px 30px;
    }
}

@media (max-width: 440px) {
    html[dir="rtl"] .rounded-timeline .timeline {
        padding-top: 20px;
    }

    html[dir="rtl"] .rounded-timeline .timeline .container {
        padding-right: 0px;
        padding-left: unset;
    }

    html[dir="rtl"] .rounded-timeline .timeline .container .icon {
        right: 45%;
        left: unset;
    }

    html[dir="rtl"] .rounded-timeline .timeline::after {
        right: 50%;
        left: unset;
    }
}

@media (max-width: 390px) {
    html[dir="rtl"] .rounded-timeline .timeline .container .icon {
        right: 44%;
        left: unset;
    }
}

@media (max-width: 335px) {
    html[dir="rtl"] .rounded-timeline .timeline .container .icon {
        right: 42%;
        left: unset;
    }
}

html[dir="rtl"] .animated-timeline .timeline-block::before {
    right: 50%;
    left: unset;
}

html[dir="rtl"] .animated-timeline .timeline-block .timeline-event::before {
    right: -27px;
    left: unset;
}

html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n+1) {
    margin-right: calc(50% + 20px);
    margin-left: unset;
}

html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n) {
    margin-right: calc(50% - 321px);
    margin-left: unset;
}

html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n)::before {
    right: calc(100% + 16px);
    left: unset;
}

@media (max-width: 767px) {
    html[dir="rtl"] .animated-timeline .timeline-block::before {
        right: 18px;
        left: unset;
    }

    html[dir="rtl"] .animated-timeline .timeline-block .title {
        text-align: right;
    }

    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event::before {
        right: -49px;
        left: unset;
    }

    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n+1) {
        margin-right: calc(50% - 260px);
        margin-left: unset;
    }

    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n) {
        margin-right: calc(50% - 260px);
        margin-left: unset;
    }

    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n)::before {
        left: unset;
        right: calc(100% + 33px);
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n)::before {
        right: unset;
        left: calc(100% + 31px);
    }

    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event::before {
        right: -47px;
        left: unset;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n+1) {
        margin-right: 58px;
        margin-left: unset;
    }

    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n) {
        margin-right: 58px;
        margin-left: unset;
    }
}

@media (max-width: 440px) {
    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event::before {
        right: -45px;
        left: unset;
    }

    html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:nth-child(2n)::before {
        left: calc(100% + 33px);
        right: unset;
    }
}

html[dir="rtl"] .photos ul li {
    margin-right: unset;
    margin-left: 10px;
}

html[dir="rtl"] .avatar-showcase .friend-pic {
    margin-left: 8px;
    margin-right: unset;
}

html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
    margin-left: 21px;
    margin-right: unset;
}

html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0px;
}

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 100px;
    right: unset;
}

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
    margin-left: 0px;
}

html[dir="rtl"] .lang span span {
    margin-left: unset;
    margin-right: 5px;
}

html[dir="rtl"] .faq-form .search-icon {
    left: 12px;
    right: unset;
}

html[dir="rtl"] .faq-form .form-control {
    padding: 6px 12px 6px 35px;
}

html[dir="rtl"] .faq-widgets .flex-grow-1 p {
    padding-left: 20px;
    padding-right: unset;
}

html[dir="rtl"] .header-faq, html[dir="rtl"] .faq-title {
    text-align: right;
}

html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
    left: 30px;
    right: unset;
}

html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .navigation-option ul li {
    padding: 8px 0px 8px 8px;
}

html[dir="rtl"] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset;
}

html[dir="rtl"] .navigation-option ul li a svg {
    right: 15px;
    left: unset;
}

html[dir="rtl"] .updates-faq {
    margin-right: unset;
    margin-left: 20px;
}

html[dir="rtl"] .browse .browse-articles span svg {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .categories .learning-header {
    padding-right: 15px;
    padding-left: unset;
}

html[dir="rtl"] .main .langChoice {
    left: 30px;
    right: unset;
}

html[dir="rtl"] .pricing-block svg {
    direction: ltr;
}

html[dir="rtl"] p.data-attributes svg {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .avatars .avatar {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .avatars .avatar:last-child {
    margin-left: 0px;
}

html[dir="rtl"] .avatars .avatar .status {
    left: 4px;
    right: unset;
}

html[dir="rtl"] .customers.avatar-group {
    margin-left: 30px;
    margin-right: unset;
}

html[dir="rtl"] .card .card-header h5 {
    float: none !important;
}

html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
    right: 10px;
    left: unset;
}

html[dir="rtl"] .todo-wrap.email-wrap .todo-tasks .delete-button {
    margin-left: unset;
    margin-right: auto;
}

html[dir="rtl"] .todo-wrap.email-wrap .todo-tasks .card-body .task-date {
    margin-left: unset;
    margin-right: auto;
}

html[dir="rtl"] .todo-options .badges-todo h6 {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .todo-options .badges-todo h6:last-child {
    margin-left: 0px;
}

html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
    padding-right: 14px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: unset;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
    margin-right: -6px;
    margin-left: unset;
}

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
    margin-left: 18px;
    margin-right: unset;
}

html[dir="rtl"] .dark-dropdown-box .btn-group .dropdown-toggle-split {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

html[dir="rtl"] .sticky-note .note {
    float: right;
}

html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .d-flex .me-3 {
    margin-right: 1rem !important;
    margin-left: unset !important;
}

html[dir="rtl"] .needs-validation .input-group > .form-control:not(:last-child), html[dir="rtl"] .needs-validation .input-group > .custom-select:not(:last-child), html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child), html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child) {
    border-radius: 0.25rem 0px 0px 0.25rem;
}

html[dir="rtl"] .form-check {
    padding-right: 1.25rem;
    padding-left: unset;
}

html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em;
}

html[dir="rtl"] .form-check-reverse .form-check-input {
    float: right;
    margin-left: 0px;
    margin-right: 10px;
}

html[dir="rtl"] .dynamic-form-field .input-group-btn span {
    margin-right: 6px;
    margin-left: unset;
}

html[dir="rtl"] .theme-form .custom-input .input-group > .form-floating:not(:first-child) > .form-control {
    border-radius: 0.375rem 0px 0px 0.375rem;
}

html[dir="rtl"] .theme-form .custom-input .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-radius: 0px 0.375rem 0.375rem 0px;
}

html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 0px;
    padding-left: 15px;
}

html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 0px;
    padding-right: 15px;
}

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right;
}

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px;
}

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li ul {
    padding-right: 12px;
}

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a {
    padding: 0px;
}

html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0px;
}

html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important;
}

html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

html[dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
    padding: 8px 12px;
}

html[dir="rtl"] #renderRange {
    float: left;
    padding-left: unset;
    padding-right: 12px;
}

html[dir="rtl"] .event-calendar {
    direction: ltr;
}

html[dir="rtl"] .calendar-wrap .fc {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right;
}

html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left;
}

html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
    margin-left: 0px;
}

html[dir="rtl"] .calendar-wrap .fc-events-container {
    text-align: right;
}

html[dir="rtl"] .calendar-wrap .fc-scroller {
    margin-right: unset;
    margin-left: -17px;
}

html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
    margin-right: 0px !important;
}

html[dir="rtl"] .fc-unthemed .fc-row {
    margin-right: 0px !important;
}

html[dir="rtl"] .btn-showcase .btn {
    margin-right: unset;
    margin-left: 10px;
}

html[dir="rtl"] .btn-square.dropdown-toggle {
    border-radius: 0.25rem 0px 0px 0.25rem !important;
}

html[dir="rtl"].button-builder ul.the-icons li {
    float: right;
}

html[dir="rtl"].button-builder .color-slelector {
    float: right;
}

html[dir="rtl"].button-builder .custom-button-color .form-control {
    border-radius: 0px 5px 5px 0px;
}

html[dir="rtl"].button-builder .custom-button-color .form-control.pull-left {
    float: right;
}

html[dir="rtl"].button-builder .hint-label {
    float: right;
    padding: 4px 20px 0px 0px;
}

html[dir="rtl"] #customer-review .owl-item img {
    order: 2;
}

html[dir="rtl"] .options > div {
    margin: 0px 0px 8px 8px;
}

html[dir="rtl"] .login-card .form-check {
    padding-left: unset;
    padding-right: 1.5em;
}

html[dir="rtl"] .login-card .form-check input[type="checkbox"], html[dir="rtl"] .login-card .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em;
}

html[dir="rtl"] .login-card .btn-showcase .btn {
    margin: 0px;
}

html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
    margin-left: 0px;
}

html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
    text-align: right !important;
}

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn, html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right, html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
    border-radius: 0.25rem 0px 0px 0.25rem;
}

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
    border-right-color: rgb(239, 239, 239);
}

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px;
}

html[dir="rtl"] .drag form {
    text-align: right;
}

html[dir="rtl"] .drag form input {
    text-align: right;
}

html[dir="rtl"] .drag form label {
    text-align: right !important;
}

html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn, html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right, html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-radius: 0.25rem 0px 0px 0.25rem;
}

html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px;
}

html[dir="rtl"] .draggable label {
    text-align: right;
}

html[dir="rtl"] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown, html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
    margin-right: unset;
    margin-left: 15px;
}

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button, html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
    border-radius: 4px !important;
}

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
    text-align: right !important;
}

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn, html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right, html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
    border-radius: 0.25rem 0px 0px 0.25rem;
}

html[dir="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px;
}

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
    box-shadow: rgba(89, 102, 122, 0.1) 9px 0px 20px !important;
}

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px);
}

html[dir="rtl"] .search-page .nav i {
    display: inline-block;
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .product-stts {
    display: inline-block;
}

html[dir="rtl"] .product-stts .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important;
}

html[dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px;
    text-align: right;
}

html[dir="rtl"] .icon-hover-bottom .icon-title {
    text-align: right;
}

html[dir="rtl"] .icon-lists div i {
    margin: 0px 10px 0px 15px;
}

html[dir="rtl"] .icon-lists ul {
    padding-right: 0px;
}

html[dir="rtl"] .flag-icons div .flex-grow-1 h5, html[dir="rtl"] .feather-icons div .flex-grow-1 h5 {
    margin-right: unset;
    margin-left: 5px;
}

html[dir="rtl"] ul.icon-lists {
    padding-right: 30px;
}

html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
    left: 35px;
    right: unset;
}

html[dir="rtl"] .floated-customizer-btn > span {
    margin-right: 10px;
}

html[dir="rtl"] .floated-customizer-panel {
    text-align: right;
    left: -85px;
    right: unset;
}

html[dir="rtl"] .floated-customizer-panel.active {
    left: 35px;
    right: unset;
}

html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset;
}

html[dir="rtl"] .floated-customizer-panel ul {
    padding-right: 0px;
}

html[dir="rtl"] .form-builder-2-header > div nav {
    float: left;
}

html[dir="rtl"] .radio label {
    padding-left: 0px;
    padding-right: 5px;
}

html[dir="rtl"] .radio label::before {
    right: 0px;
    margin-right: -20px;
    left: unset;
}

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
    text-align: right;
    padding-left: 20px;
    padding-right: unset !important;
}

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
    text-align: right;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-right: 265px;
    margin-left: unset;
    width: calc(100% - 265px);
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 80px;
    margin-left: unset;
    width: calc(100% - 80px);
}

html[dir="rtl"] .page-wrapper.modern-type .page-header {
    margin-right: 0px;
    width: calc(100% + 0px);
}

html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0px;
    width: calc(100% + 0px);
}

html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: 30px;
}

html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px;
}

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-right: 296px;
}

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 55px;
    margin-right: 360px;
}

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
    margin-right: 0px;
}

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
    margin-right: 0px;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right {
    text-align: right;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0px;
}

@media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
        left: 12px;
    }
}

html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .flex-grow-1 > span {
    padding-right: unset;
    padding-left: 10px;
}

@media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
        padding: 10px;
    }
}

html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0px;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li {
    text-align: right;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
    margin-left: 0px;
    margin-right: 8px;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li::before {
    right: 0px;
    left: unset;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
    left: 17px;
    right: unset;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div::before {
    right: 10px;
    left: unset;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div::after {
    right: 10px;
    left: unset;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:last-child {
    padding-left: 0px;
    padding-right: 0px !important;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 20px;
    padding-left: 0px;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important;
}

html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px;
}

html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
    padding-left: 20px;
    padding-right: unset;
}

html[dir="rtl"] .page-header.open {
    margin-right: 0px;
}

html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
    right: initial;
    left: -30px;
    padding: 0px;
}

html[dir="rtl"] ul.notification-dropdown.onhover-show-div::before {
    right: inherit !important;
    left: 35px !important;
}

html[dir="rtl"] ul.notification-dropdown.onhover-show-div::after {
    right: inherit !important;
    left: 35px !important;
}

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0px !important;
}

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
    margin-left: unset !important;
}

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
    margin-right: unset;
    margin-left: 10px;
}

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
    margin-left: 20px;
    margin-right: unset;
}

html[dir="rtl"] .card-body .alert svg ~ p {
    padding-left: unset;
    padding-right: 20px;
}

html[dir="rtl"] .alert i {
    margin-left: 5px;
    margin-right: 0px;
}

html[dir="rtl"] .alert.alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem;
}

html[dir="rtl"] .alert.alert-dismissible .me-2 {
    margin-right: auto !important;
}

html[dir="rtl"] .inverse {
    padding: 13px 65px 13px 20px;
}

html[dir="rtl"] .inverse i {
    left: unset;
    right: 0px;
}

html[dir="rtl"] .card-body.alerts-icon .alert > div {
    margin-right: unset;
    margin-left: 10px;
}

html[dir="rtl"] .card-body.alerts-icon .alert svg {
    margin: 0px;
}

html[dir="rtl"] .alert-primary.inverse::before {
    border-right: 7px solid rgb(115, 102, 255);
    right: 54px;
    left: unset;
    border-left: unset;
}

html[dir="rtl"] .alert-secondary.inverse::before {
    border-right: 7px solid rgb(131, 131, 131);
    right: 54px;
    left: unset;
    border-left: unset;
}

html[dir="rtl"] .alert-success.inverse::before {
    border-right: 7px solid rgb(101, 193, 92);
    right: 54px;
    left: unset;
    border-left: unset;
}

html[dir="rtl"] .alert-danger.inverse::before {
    border-right: 7px solid rgb(252, 86, 74);
    right: 54px;
    left: unset;
    border-left: unset;
}

html[dir="rtl"] .alert-warning.inverse::before {
    border-right: 7px solid rgb(255, 184, 41);
    right: 54px;
    left: unset;
    border-left: unset;
}

html[dir="rtl"] .alert-info.inverse::before {
    border-right: 7px solid rgb(64, 184, 245);
    right: 54px;
    left: unset;
    border-left: unset;
}

html[dir="rtl"] .alert-light.inverse::before {
    border-right: 7px solid rgb(244, 244, 244);
    right: 54px;
    left: unset;
    border-left: unset;
}

html[dir="rtl"] .alert-dark.inverse::before {
    border-right: 7px solid rgb(63, 71, 90);
    right: 54px;
    left: unset;
    border-left: unset;
}

html[dir="rtl"] .alert-dismissible .btn-close {
    left: 0px;
    right: unset;
}

html[dir="rtl"] .alert-dismissible .btn-close span {
    padding-left: 0px;
    padding-right: unset;
}

html[dir="rtl"] .icofont.icofont-truck {
    display: inline-block;
}

html[dir="rtl"] .blog-box .blog-details {
    padding-left: 20px;
    padding-right: unset;
    text-align: right;
}

html[dir="rtl"] .blog-box .blog-details .blog-social {
    padding-right: 0px;
}

html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
    padding-left: 20px;
    padding-right: unset;
}

html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
    border-left: 1px solid rgb(119, 119, 119);
    border-right: unset;
    padding-left: 20px;
    padding-right: unset;
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
    html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
        padding-left: 8px;
        padding-right: unset;
    }
}

@media (max-width: 360px) {
    html[dir="rtl"] .blog-box .blog-details .blog-social li:last-child {
        padding-left: unset;
        padding-right: 0px;
    }
}

html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
    margin-right: 20px;
    margin-left: unset;
    padding-left: 0px;
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
    html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
        padding-right: 8px;
        padding-left: unset;
    }
}

html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
    border-left: 1px dotted;
    border-right: unset;
}

html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none;
}

html[dir="rtl"] .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 500;
    padding-left: 5px;
}

html[dir="rtl"] .blog-box.blog-shadow .blog-details {
    padding-right: 20px;
}

html[dir="rtl"] .comment-box .d-flex img {
    margin-left: 20px;
    margin-right: unset;
}

html[dir="rtl"] .comment-box .d-flex h6 {
    text-align: right;
}

html[dir="rtl"] .comment-box .d-flex h6 span {
    padding-left: unset;
    padding-right: 10px;
}

html[dir="rtl"] .comment-box ul ul {
    margin-left: unset;
    padding-right: 0px;
}

@media (max-width: 575.98px) {
    html[dir="rtl"] .comment-box ul ul {
        margin-right: 30px;
    }
}

html[dir="rtl"] .comment-box .comment-social {
    text-align: left;
}

html[dir="rtl"] .comment-box .comment-social li {
    padding-left: 0px;
    padding-right: 20px;
}

html[dir="rtl"] .comment-box .comment-social li:first-child {
    border-left: 1px solid rgb(239, 239, 239);
    border-right: unset;
    padding-right: 0px;
    padding-left: 20px;
}

@media (max-width: 767.98px) {
    html[dir="rtl"] .blog-single .comment-box .comment-social li:first-child {
        padding-left: 15px;
        padding-right: 0px;
    }
}

html[dir="rtl"] .button-wrapper .btn-group.select-checkbox .btn:not(:last-child) {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

html[dir="rtl"] .button-wrapper .btn-group.select-checkbox .btn:nth-of-type(2) {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

html[dir="rtl"] .button-box .btn-group > .btn:first-child, html[dir="rtl"] .btn-toolbar .btn-group > .btn:first-child {
    border-radius: 0px 6px 6px 0px;
}

html[dir="rtl"] .button-box .btn-group > .btn + .btn:not(:last-child):not(.dropdown-toggle), html[dir="rtl"] .btn-toolbar .btn-group > .btn + .btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0px;
}

html[dir="rtl"] .button-box .btn-group > .btn-group:not(:first-child) > .btn, html[dir="rtl"] .btn-toolbar .btn-group > .btn-group:not(:first-child) > .btn {
    border-radius: 6px 0px 0px 6px;
}

html[dir="rtl"] .button-box .btn-group:last-child .btn:not(.btn-check ~ .btn):not(.dropdown-toggle), html[dir="rtl"] .btn-toolbar .btn-group:last-child .btn:not(.btn-check ~ .btn):not(.dropdown-toggle) {
    border-radius: 6px;
}

html[dir="rtl"] .button-builder-wrap .form-group .btn {
    margin-left: 15px;
    margin-right: 0px;
    padding: 9px;
}

html[dir="rtl"] .button-builder ul.the-icons {
    padding-right: 0px !important;
}

html[dir="rtl"] .chat-msg-box ul {
    padding-right: 0px;
}

html[dir="rtl"] .fg-emoji-container {
    left: 135px !important;
}

html[dir="rtl"] .fg-emoji-container .fg-emoji-picker-search-icon {
    right: unset;
    left: -6px;
}

html[dir="rtl"] .cke_toolbar, html[dir="rtl"] .cke_toolgroup, html[dir="rtl"] a.cke_button, html[dir="rtl"] .cke_combo_text {
    float: right;
}

html[dir="rtl"] .cke_reset_all, html[dir="rtl"] .cke_reset_all *, html[dir="rtl"] .cke_reset_all a, html[dir="rtl"] .cke_reset_all textarea {
    text-align: right;
}

html[dir="rtl"] .cke_combo_text {
    padding-left: unset;
    padding-right: 10px;
}

html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
    direction: rtl !important;
}

html[dir="rtl"] #clockdiv ul {
    padding-right: 0px;
}

html[dir="rtl"] .custom-card .card-footer > div + div {
    border-right: 1px solid rgb(239, 239, 239);
    border-left: unset !important;
}

html[dir="rtl"] .card-social {
    padding-right: 0px;
}

html[dir="rtl"] .card-absolute .card-header {
    right: 15px;
    left: unset;
}

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
    margin-right: 10px;
    margin-left: 0px;
}

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
    float: right;
}

html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
    margin-left: unset;
    margin-right: 15px;
    float: left;
}

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
    float: right;
}

html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
    margin-left: 0px;
}

html[dir="rtl"] .dataTables_wrapper .btn-group button {
    margin-left: 5px;
    margin-right: unset;
}

html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0px;
}

html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox::after, html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox::after {
    margin-left: 31px;
}

html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
    float: left;
    margin-right: 15px !important;
    margin-left: 0px !important;
}

html[dir="rtl"] table.dataTable thead > tr > th {
    padding-left: 30px;
    padding-right: 12px;
}

html[dir="rtl"] table.dataTable thead > tr > th::before {
    left: 1em !important;
    right: unset;
}

html[dir="rtl"] table.dataTable thead > tr > th::after {
    left: 0.5em !important;
    right: unset;
}

html[dir="rtl"] table.dataTable thead .sorting::before, html[dir="rtl"] table.dataTable thead .sorting_asc::before, html[dir="rtl"] table.dataTable thead .sorting_desc::before, html[dir="rtl"] table.dataTable thead .sorting_asc_disabled::before, html[dir="rtl"] table.dataTable thead .sorting_desc_disabled::before {
    left: 1em !important;
    right: unset;
}

html[dir="rtl"] .dataTables_scrollHeadInner {
    padding-right: unset !important;
    padding-left: 0px !important;
}

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
    padding-right: 0px;
    padding-left: 0px;
}

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-right: 0px;
    padding-left: 0px;
}

html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
    margin-left: 10px;
    margin-right: 0px;
}

html[dir="rtl"] .datetime-picker .theme-form .form-group label {
    text-align: left !important;
}

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

html[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
    right: 0px !important;
}

html[dir="rtl"] .heading-dropdown .dropdown-menu, html[dir="rtl"] .dropdown-option .dropdown-menu {
    right: 0px !important;
}

html[dir="rtl"] .split-dropdown .dropdown-basic .separated-btn .dropdown-menu {
    right: 0px !important;
}

html[dir="rtl"] .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
    margin: 0px auto !important;
}

html[dir="rtl"] .product-price del {
    padding-left: 20px;
    padding-right: 0px;
}

html[dir="rtl"] .product-box .modal .modal-header .btn-close {
    right: unset;
    left: 15px;
}

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info::before, html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info::before {
    border-left-color: rgb(0, 123, 255);
}

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left::before, html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right::before {
    right: 0px;
    left: unset;
    border-left: 15px solid rgb(42, 49, 66);
}

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info::before {
    border-left-color: transparent;
}

html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip::before {
    border-left-color: rgb(255, 133, 13);
    border-right-color: unset;
}

html[dir="rtl"] .product-box .ribbon-clip {
    right: -14px;
    left: unset;
}

html[dir="rtl"] .product-box .ribbon-clip::before {
    right: 0px;
    left: unset;
}

html[dir="rtl"] .product-hover ul {
    padding-right: 0px;
}

html[dir="rtl"] .customer-review .d-flex img {
    margin-left: 25px;
    margin-right: 0px;
}

html[dir="rtl"] .nav {
    padding-right: 0px;
}

html[dir="rtl"] .custom-tab {
    padding: 4px;
}

html[dir="rtl"] .custom-file-label::after {
    left: 0px;
    right: unset;
}

html[dir="rtl"] .wizard-4 .msg-box {
    right: unset;
    left: 60px;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .wizard-4 .msg-box {
        right: unset;
        left: 0px;
    }
}

html[dir="rtl"] .wizard-4 .msg-box .content {
    float: right;
}

html[dir="rtl"] .wizard-4 ul.anchor {
    float: right;
}

html[dir="rtl"] .wizard-4 ul.anchor li a.done h4::before {
    left: unset;
    right: 5px;
}

html[dir="rtl"] .wizard-4 .step-container {
    clear: unset;
}

html[dir="rtl"] .wizard-4 .form-group {
    text-align: right;
}

html[dir="rtl"] .wizard-4 .action-bar .btn {
    float: left;
}

html[dir="rtl"] .f1 .f1-buttons {
    text-align: left;
}

html[dir="rtl"] .f1 .f1-steps .f1-step {
    float: right;
}

html[dir="rtl"] .jstree-default .jstree-node {
    margin-left: unset;
    margin-right: 24px;
    background-position: -292px -4px;
    background-repeat: repeat-y;
}

html[dir="rtl"] .sales-report .card-body .balance-data {
    right: unset;
    left: 60px;
}

html[dir="rtl"] .statistical-card li {
    margin-right: unset;
    margin-left: 15px;
}

html[dir="rtl"] .statistical-card li + li {
    padding-left: 14px;
    padding-right: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

html[dir="rtl"] .statistical-card li + li::after {
    left: unset;
    right: 0px;
    transform: translate(15px, -50%);
}

html[dir="rtl"] .appointments-wrapper li > span {
    margin-right: unset;
    margin-left: 12px;
}

html[dir="rtl"] .appointments-wrapper li .main-box {
    margin-left: unset;
    margin-right: 20px;
}

html[dir="rtl"] .appointments-wrapper li::before {
    left: unset;
    right: 61px;
}

html[dir="rtl"] .recent-order-table.currency-table.recent-table table thead tr th:first-child, html[dir="rtl"] .recent-order-table.currency-table.recent-table table thead tr td:first-child, html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr th:first-child, html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: unset;
}

html[dir="rtl"] .recent-order-table.currency-table.recent-table table thead tr th:last-child, html[dir="rtl"] .recent-order-table.currency-table.recent-table table thead tr td:last-child, html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr th:last-child, html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: unset;
}

@media (max-width: 1660px) {
    html[dir="rtl"] .recent-order-table.currency-table.recent-table table thead tr th:nth-child(6), html[dir="rtl"] .recent-order-table.currency-table.recent-table table thead tr td:nth-child(6), html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(6), html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(6) {
        padding-left: 20px;
        padding-right: unset;
    }
}

html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr td .btn {
    min-width: 135px;
}

html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr:hover td div .currency-icon img {
    animation: 1.5s ease 0s infinite normal none running tada;
}

html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr:hover td div h6 {
    color: var(--body-font-color);
}

html[dir="rtl"] .recent-order-table.currency-table.recent-table table tbody tr:hover td div a {
    color: var(--theme-default);
}

html[dir="rtl"] .main-customer-table .table-responsive .table thead tr th:first-child, html[dir="rtl"] .main-customer-table .table-responsive .table thead tr td:first-child, html[dir="rtl"] .main-customer-table .table-responsive .table tbody tr th:first-child, html[dir="rtl"] .main-customer-table .table-responsive .table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: unset;
}

html[dir="rtl"] .main-customer-table .table-responsive .table thead tr th:last-child, html[dir="rtl"] .main-customer-table .table-responsive .table thead tr td:last-child, html[dir="rtl"] .main-customer-table .table-responsive .table tbody tr th:last-child, html[dir="rtl"] .main-customer-table .table-responsive .table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: unset;
}

html[dir="rtl"] .seller-table thead tr th:first-child, html[dir="rtl"] .seller-table thead tr td:first-child, html[dir="rtl"] .seller-table tbody tr th:first-child, html[dir="rtl"] .seller-table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: unset;
}

html[dir="rtl"] .seller-table thead tr th:last-child, html[dir="rtl"] .seller-table thead tr td:last-child, html[dir="rtl"] .seller-table tbody tr th:last-child, html[dir="rtl"] .seller-table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: unset;
}

html[dir="rtl"] .treading-product .table-responsive .table thead tr th:first-child, html[dir="rtl"] .treading-product .table-responsive .table thead tr td:first-child, html[dir="rtl"] .treading-product .table-responsive .table tbody tr th:first-child, html[dir="rtl"] .treading-product .table-responsive .table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: unset;
}

html[dir="rtl"] .treading-product .table-responsive .table thead tr th:last-child, html[dir="rtl"] .treading-product .table-responsive .table thead tr td:last-child, html[dir="rtl"] .treading-product .table-responsive .table tbody tr th:last-child, html[dir="rtl"] .treading-product .table-responsive .table tbody tr td:last-child {
    padding-left: 20px !important;
    padding-right: unset;
}

html[dir="rtl"] .stock-report .table-responsive .table thead tr th:first-child, html[dir="rtl"] .stock-report .table-responsive .table thead tr td:first-child, html[dir="rtl"] .stock-report .table-responsive .table tbody tr th:first-child, html[dir="rtl"] .stock-report .table-responsive .table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: unset;
}

html[dir="rtl"] .stock-report .table-responsive .table thead tr th:last-child, html[dir="rtl"] .stock-report .table-responsive .table thead tr td:last-child, html[dir="rtl"] .stock-report .table-responsive .table tbody tr th:last-child, html[dir="rtl"] .stock-report .table-responsive .table tbody tr td:last-child {
    padding-left: 20px !important;
    padding-right: unset;
}

@media (max-width: 1798px) {
    html[dir="rtl"] .stock-report .table-responsive .table thead tr th:nth-child(4), html[dir="rtl"] .stock-report .table-responsive .table thead tr td:nth-child(4), html[dir="rtl"] .stock-report .table-responsive .table tbody tr th:nth-child(4), html[dir="rtl"] .stock-report .table-responsive .table tbody tr td:nth-child(4) {
        padding-left: 20px;
        padding-right: unset;
    }
}

html[dir="rtl"] .recent-transaction thead tr th:first-child, html[dir="rtl"] .recent-transaction thead tr td:first-child, html[dir="rtl"] .recent-transaction tbody tr th:first-child, html[dir="rtl"] .recent-transaction tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: unset;
}

html[dir="rtl"] .recent-transaction thead tr th:last-child, html[dir="rtl"] .recent-transaction thead tr td:last-child, html[dir="rtl"] .recent-transaction tbody tr th:last-child, html[dir="rtl"] .recent-transaction tbody tr td:last-child {
    padding-left: 20px !important;
    padding-right: unset;
}

html[dir="rtl"] .e-common-button .btn:first-child {
    margin-left: 12px;
    margin-right: unset;
}

html[dir="rtl"] .e-common-button .btn svg {
    margin-left: 6px;
    margin-right: unset;
}

html[dir="rtl"] .balance-widget .mobile-right-img {
    left: -15%;
}

@media (max-width: 1475px) and (min-width: 1400px) {
    html[dir="rtl"] .balance-widget .mobile-right-img {
        left: -18%;
    }
}

@media (max-width: 1399px) and (min-width: 936px) {
    html[dir="rtl"] .balance-widget .mobile-right-img {
        left: -10%;
    }
}

@media (max-width: 935px) and (min-width: 768px) {
    html[dir="rtl"] .balance-widget .mobile-right-img {
        left: -15%;
    }
}

@media (max-width: 767px) and (min-width: 621px) {
    html[dir="rtl"] .balance-widget .mobile-right-img {
        left: -35px;
    }
}

@media (max-width: 620px) and (min-width: 521px) {
    html[dir="rtl"] .balance-widget .mobile-right-img {
        left: -60px;
    }
}

@media (max-width: 520px) {
    html[dir="rtl"] .balance-widget .mobile-right-img {
        left: -75px;
    }
}

html[dir="rtl"] .link-only svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .course-widget a svg {
    transform: scaleX(-1);
}

@media (max-width: 1261px) {
    html[dir="rtl"] .t-top-mentor .table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .t-top-mentor thead tr th:first-child, html[dir="rtl"] .t-top-mentor thead tr td:first-child, html[dir="rtl"] .t-top-mentor tbody tr th:first-child, html[dir="rtl"] .t-top-mentor tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: unset;
}

html[dir="rtl"] .t-top-mentor thead tr th:last-child, html[dir="rtl"] .t-top-mentor thead tr td:last-child, html[dir="rtl"] .t-top-mentor tbody tr th:last-child, html[dir="rtl"] .t-top-mentor tbody tr td:last-child {
    padding-left: 20px !important;
    padding-right: unset;
}

@media (max-width: 1261px) {
    html[dir="rtl"] .completed-course-table .table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .completed-course-table thead tr th:first-child, html[dir="rtl"] .completed-course-table thead tr td:first-child, html[dir="rtl"] .completed-course-table tbody tr th:first-child, html[dir="rtl"] .completed-course-table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: unset;
}

html[dir="rtl"] .completed-course-table thead tr th:last-child, html[dir="rtl"] .completed-course-table thead tr td:last-child, html[dir="rtl"] .completed-course-table tbody tr th:last-child, html[dir="rtl"] .completed-course-table tbody tr td:last-child {
    padding-left: 20px !important;
    padding-right: unset;
}

@media (max-width: 1671px) and (min-width: 1351px) {
    html[dir="rtl"] .completed-course-table thead tr th:nth-child(4), html[dir="rtl"] .completed-course-table thead tr td:nth-child(4), html[dir="rtl"] .completed-course-table tbody tr th:nth-child(4), html[dir="rtl"] .completed-course-table tbody tr td:nth-child(4) {
        padding-left: 20px;
        padding-right: unset;
    }
}

html[dir="rtl"] .currency-table.recent-table table thead tr th:first-child, html[dir="rtl"] .currency-table.recent-table table thead tr td:first-child, html[dir="rtl"] .currency-table.recent-table table tbody tr th:first-child, html[dir="rtl"] .currency-table.recent-table table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: 8px;
}

html[dir="rtl"] .currency-table.recent-table table thead tr th:last-child, html[dir="rtl"] .currency-table.recent-table table thead tr td:last-child, html[dir="rtl"] .currency-table.recent-table table tbody tr th:last-child, html[dir="rtl"] .currency-table.recent-table table tbody tr td:last-child {
    padding-left: 20px !important;
    padding-right: 8px;
}

@media (max-width: 1199px) {
    html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive thead tr th:first-child, html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive thead tr td:first-child, html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive tbody tr th:first-child, html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive tbody tr td:first-child {
    padding-right: 20px !important;
}

html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive thead tr th:last-child, html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive thead tr td:last-child, html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive tbody tr th:last-child, html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive tbody tr td:last-child {
    padding-left: 20px !important;
}

@media (max-width: 1316px) and (min-width: 768px) {
    html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive thead tr th:nth-child(3), html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive thead tr td:nth-child(3), html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive tbody tr th:nth-child(3), html[dir="rtl"] .currency-table.recent-table.average-sale.table-responsive tbody tr td:nth-child(3) {
        padding-left: 20px;
    }
}

@media (max-width: 1199px) {
    html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive thead tr th:first-child, html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive thead tr td:first-child, html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive tbody tr th:first-child, html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive tbody tr td:first-child {
    padding-right: 20px !important;
}

html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive thead tr th:last-child, html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive thead tr td:last-child, html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive tbody tr th:last-child, html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive tbody tr td:last-child {
    padding-left: 20px !important;
}

@media (max-width: 1696px) and (min-width: 1200px) {
    html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(5), html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(5), html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(5), html[dir="rtl"] .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(5) {
        padding-left: 20px;
        padding-right: unset;
    }
}

html[dir="rtl"] .transaction-table.recent-table table thead tr th:first-child, html[dir="rtl"] .transaction-table.recent-table table thead tr td:first-child, html[dir="rtl"] .transaction-table.recent-table table tbody tr th:first-child, html[dir="rtl"] .transaction-table.recent-table table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: 8px;
}

html[dir="rtl"] .transaction-table.recent-table table thead tr th:last-child, html[dir="rtl"] .transaction-table.recent-table table thead tr td:last-child, html[dir="rtl"] .transaction-table.recent-table table tbody tr th:last-child, html[dir="rtl"] .transaction-table.recent-table table tbody tr td:last-child {
    padding-left: 20px !important;
    padding-right: 8px;
}

html[dir="rtl"] .campaign-table.recent-table table tr th:first-child, html[dir="rtl"] .campaign-table.recent-table table tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .campaign-table.recent-table table tr th:last-child, html[dir="rtl"] .campaign-table.recent-table table tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

@media (max-width: 1260px) and (min-width: 1200px) {
    html[dir="rtl"] .campaign-table.recent-table table tr th:nth-child(5), html[dir="rtl"] .campaign-table.recent-table table tr td:nth-child(5) {
        padding-left: 20px;
        padding-right: 8px;
    }
}

@media (max-width: 1399px) {
    html[dir="rtl"] .campaign-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }
}

html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:first-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:first-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:first-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:first-child {
    min-width: 88px;
}

@media (max-width: 775px) {
    html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:first-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:first-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:first-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:first-child {
        min-width: 116px;
    }
}

html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:nth-child(2), html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:nth-child(2), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(2), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(2) {
    min-width: 80px;
}

html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:nth-child(3), html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:last-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:nth-child(3), html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:last-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(3), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:last-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(3), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:last-child {
    min-width: 36px;
}

@media (max-width: 1566px) and (min-width: 1200px) {
    html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:nth-child(3), html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:nth-child(3), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(3), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1455px) and (min-width: 1200px) {
    html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:last-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:last-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:last-child, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:last-child {
        display: none;
    }

    html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:nth-child(6), html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:nth-child(6), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(6), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(6) {
        padding-right: 20px;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:nth-child(6), html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:nth-child(6), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(6), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(6) {
        display: none;
    }

    html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:nth-child(5), html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:nth-child(5), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(5), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(5) {
        padding-right: 20px;
    }
}

@media (max-width: 1255px) and (min-width: 1200px) {
    html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td, html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td, html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th {
        min-width: auto;
    }
}

@media (max-width: 1215px) and (min-width: 1200px) {
    html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr td:nth-child(4), html[dir="rtl"] .campaign-table .recent-table.table-responsive table thead tr th:nth-child(4), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(4), html[dir="rtl"] .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(4) {
        display: none;
    }
}

html[dir="rtl"] .mobile-app-card .card-body .wavy {
    margin-left: -185px;
    margin-right: unset;
}

@media (max-width: 1693px) and (min-width: 768px) {
    html[dir="rtl"] .mobile-app-card .card-body .wavy {
        margin-right: unset;
    }
}

@media (max-width: 1499px) and (min-width: 768px) {
    html[dir="rtl"] .mobile-app-card .card-body .wavy {
        margin-left: -134px;
        margin-right: unset;
    }
}

@media (max-width: 460px) {
    html[dir="rtl"] .mobile-app-card .card-body .wavy {
        margin-left: -124px;
        margin-right: unset;
    }
}

html[dir="rtl"] .follower-wrap .card-body .customers ul li + li {
    margin-right: -7%;
    margin-left: unset;
}

html[dir="rtl"] .art-creator-table.recent-table table thead tr th:first-child, html[dir="rtl"] .art-creator-table.recent-table table thead tr td:first-child, html[dir="rtl"] .art-creator-table.recent-table table tbody tr th:first-child, html[dir="rtl"] .art-creator-table.recent-table table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: 8px;
}

html[dir="rtl"] .art-creator-table.recent-table table thead tr th:last-child, html[dir="rtl"] .art-creator-table.recent-table table thead tr td:last-child, html[dir="rtl"] .art-creator-table.recent-table table tbody tr th:last-child, html[dir="rtl"] .art-creator-table.recent-table table tbody tr td:last-child {
    padding-left: 20px !important;
}

@media (max-width: 1551px) and (min-width: 1400px) {
    html[dir="rtl"] .art-creator-table.recent-table table thead tr th:nth-child(2), html[dir="rtl"] .art-creator-table.recent-table table thead tr td:nth-child(2), html[dir="rtl"] .art-creator-table.recent-table table tbody tr th:nth-child(2), html[dir="rtl"] .art-creator-table.recent-table table tbody tr td:nth-child(2) {
        padding-left: 20px;
    }
}

@media (max-width: 1249px) and (min-width: 1200px) {
    html[dir="rtl"] .art-creator-table.recent-table table.artwork-table thead tr th:nth-child(2), html[dir="rtl"] .art-creator-table.recent-table table.artwork-table thead tr td:nth-child(2), html[dir="rtl"] .art-creator-table.recent-table table.artwork-table tbody tr th:nth-child(2), html[dir="rtl"] .art-creator-table.recent-table table.artwork-table tbody tr td:nth-child(2) {
        padding-left: 20px;
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] .nft-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .nft-table.recent-table table tr th:first-child {
    padding-left: 10px !important;
    text-align: center !important;
}

html[dir="rtl"] .nft-table.recent-table table tr th:last-child {
    padding-right: 10px !important;
}

html[dir="rtl"] .nft-table.recent-table table tr th:first-child, html[dir="rtl"] .nft-table.recent-table table tr td:first-child {
    padding-right: 20px !important;
    padding-left: 8px;
}

html[dir="rtl"] .nft-table.recent-table table tr th:last-child, html[dir="rtl"] .nft-table.recent-table table tr td:last-child {
    padding-left: 20px !important;
    padding-right: 8px;
}

html[dir="rtl"] .nft-table.recent-table .product-content .order-image .mark-img {
    left: 0px;
    right: unset;
}

html[dir="rtl"] .statistics-card .card-header a i {
    transform: scaleX(-1);
}

html[dir="rtl"] .arrow-round .swiper-button-next::after, html[dir="rtl"] .arrow-round .swiper-button-prev::after {
    transform: scaleX(-1);
}

html[dir="rtl"] .total-balance .card-body .common-f-start .d-flex:nth-of-type(2) {
    border-right: 1px solid var(--recent-dashed-border);
    padding-right: 22px;
    border-left: unset;
    padding-left: unset;
}

html[dir="rtl"] .student-leader-wrapper .student-leader-content .leader-content-height span {
    padding-right: 0.25rem !important;
    padding-left: unset !important;
}

@media (max-width: 1530px) {
    html[dir="rtl"] .new-enroll-student .recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .new-enroll-student .recent-table table thead th:first-child, html[dir="rtl"] .new-enroll-student .recent-table table thead td:first-child, html[dir="rtl"] .new-enroll-student .recent-table table tbody th:first-child, html[dir="rtl"] .new-enroll-student .recent-table table tbody td:first-child {
    padding-right: 20px !important;
}

html[dir="rtl"] .new-enroll-student .recent-table table thead th:last-child, html[dir="rtl"] .new-enroll-student .recent-table table thead td:last-child, html[dir="rtl"] .new-enroll-student .recent-table table tbody th:last-child, html[dir="rtl"] .new-enroll-student .recent-table table tbody td:last-child {
    padding-left: 20px !important;
}

@media (max-width: 1199px) {
    html[dir="rtl"] .unpaid-fees-table .recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .unpaid-fees-table .recent-table.table-responsive table thead th:first-child, html[dir="rtl"] .unpaid-fees-table .recent-table.table-responsive table thead td:first-child, html[dir="rtl"] .unpaid-fees-table .recent-table.table-responsive table tbody th:first-child, html[dir="rtl"] .unpaid-fees-table .recent-table.table-responsive table tbody td:first-child {
    padding-right: 20px;
}

html[dir="rtl"] .unpaid-fees-table .recent-table.table-responsive table thead th:last-child, html[dir="rtl"] .unpaid-fees-table .recent-table.table-responsive table thead td:last-child, html[dir="rtl"] .unpaid-fees-table .recent-table.table-responsive table tbody th:last-child, html[dir="rtl"] .unpaid-fees-table .recent-table.table-responsive table tbody td:last-child {
    padding-left: 20px;
}

@media (max-width: 1199px) {
    html[dir="rtl"] .top-student-table .recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .top-student-table .recent-table table thead th:first-child, html[dir="rtl"] .top-student-table .recent-table table thead td:first-child, html[dir="rtl"] .top-student-table .recent-table table tbody th:first-child, html[dir="rtl"] .top-student-table .recent-table table tbody td:first-child {
    padding-right: 20px;
}

html[dir="rtl"] .top-student-table .recent-table table thead th:last-child, html[dir="rtl"] .top-student-table .recent-table table thead td:last-child, html[dir="rtl"] .top-student-table .recent-table table tbody th:last-child, html[dir="rtl"] .top-student-table .recent-table table tbody td:last-child {
    padding-left: 20px;
}

@media (max-width: 1660px) {
    html[dir="rtl"] .sales-report .attendance-data ul.balance-data {
        right: 0px;
        left: unset;
    }
}

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child, html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child, html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child, html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child, html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
    border-radius: 0px 6px 6px 0px;
}

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child, html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child, html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child, html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child, html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
    border-radius: 6px 0px 0px 6px;
    border-left-width: 1px;
}

@media (max-width: 1399px) {
    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item {
        border-radius: 0px;
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:first-child {
        border-radius: 6px 6px 0px 0px;
        border-left: 1px solid rgb(233, 237, 241);
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-xxl .list-group-item:last-child {
        border-radius: 0px 0px 6px 6px;
        border-left: 1px solid rgb(233, 237, 241);
    }
}

@media (max-width: 1199px) {
    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item {
        border-radius: 0px;
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:first-child {
        border-radius: 6px 6px 0px 0px;
        border-left: 1px solid rgb(233, 237, 241);
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-xl .list-group-item:last-child {
        border-radius: 0px 0px 6px 6px;
        border-left: 1px solid rgb(233, 237, 241);
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item {
        border-radius: 0px;
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:first-child {
        border-radius: 6px 6px 0px 0px;
        border-left: 1px solid rgb(233, 237, 241);
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-lg .list-group-item:last-child {
        border-radius: 0px 0px 6px 6px;
        border-left: 1px solid rgb(233, 237, 241);
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item {
        border-radius: 0px;
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:first-child {
        border-radius: 6px 6px 0px 0px;
        border-left: 1px solid rgb(233, 237, 241);
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-md .list-group-item:last-child {
        border-radius: 0px 0px 6px 6px;
        border-left: 1px solid rgb(233, 237, 241);
    }
}

@media (max-width: 575px) {
    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item {
        border-radius: 0px;
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:first-child {
        border-radius: 6px 6px 0px 0px;
        border-left: 1px solid rgb(233, 237, 241);
    }

    html[dir="rtl"] .horizontal-list-wrapper .list-group.list-group-horizontal-sm .list-group-item:last-child {
        border-radius: 0px 0px 6px 6px;
        border-left: 1px solid rgb(233, 237, 241);
    }
}

html[dir="rtl"] .img-cropper .docs-buttons > .btn, html[dir="rtl"] .img-cropper .docs-buttons > .form-control {
    margin-right: unset;
    margin-left: 10px;
}

html[dir="rtl"] .img-cropper .btn-group {
    margin-right: 0px;
    margin-left: 10px;
}

html[dir="rtl"] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

html[dir="rtl"] .img-cropper .btn-group button:first-child {
    border-radius: 0px 0.25rem 0.25rem 0px;
}

html[dir="rtl"] .docs-toggles .btn-group .btn {
    border-radius: 0px;
}

html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

html[dir="rtl"] .jsgrid-button + .jsgrid-button {
    margin-right: 5px;
    margin-left: unset;
}

html[dir="rtl"] .list-group {
    padding-right: 0px;
}

html[dir="rtl"] .list-group i, html[dir="rtl"] .list-group img {
    margin-left: 10px;
    margin-right: 0px;
}

html[dir="rtl"] .authentication-box {
    text-align: right;
}

@media (min-width: 576px) {
    html[dir="rtl"] .mega-horizontal .offset-sm-3 {
        margin-right: 25%;
        margin-left: unset;
    }
}

html[dir="rtl"] .navs-icon svg {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .navs-icon .fa {
    margin-left: 10px;
    margin-right: unset;
}

html[dir="rtl"] .nav-list .nav-list-disc {
    text-align: right;
    padding-right: 0px;
}

html[dir="rtl"] .ps-4 {
    padding-right: 30px !important;
    padding-left: 0px !important;
}

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div::before {
    left: 77px;
    right: unset;
}

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div::after {
    left: 77px;
    right: unset;
}

html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
    text-align: right;
}

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]::before {
    left: 2px;
    right: unset;
}

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]::before {
    left: 2px;
    right: unset;
}

html[dir="rtl"] .search-form .form-group::after {
    right: 53px;
    left: unset;
}

html[dir="rtl"] .search-form .form-group::before {
    right: 82px;
    left: unset;
}

html[dir="rtl"] .toolbar-box .ql-toolbar {
    display: flex;
    flex-wrap: wrap;
}

html[dir="rtl"] .toolbar-box .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0px;
    margin-left: unset;
}

html[dir="rtl"] .toolbar-box .ql-toolbar.ql-snow .ql-formats .ql-picker .ql-picker-label {
    padding-left: 2px;
    padding-right: 8px;
}

html[dir="rtl"] .toolbar-box .ql-container .ql-tooltip {
    left: unset;
    right: 16px !important;
}

html[dir="rtl"] .list-product-view .list-product .recent-table div.dt-container .dt-layout-row .dt-search {
    right: unset;
    left: 214px;
}

html[dir="rtl"] .list-product-view .list-product .recent-table table thead tr th:first-child, html[dir="rtl"] .list-product-view .list-product .recent-table table thead tr td:first-child, html[dir="rtl"] .list-product-view .list-product .recent-table table tbody tr th:first-child, html[dir="rtl"] .list-product-view .list-product .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .list-product-view .list-product .recent-table table thead tr th:last-child, html[dir="rtl"] .list-product-view .list-product .recent-table table thead tr td:last-child, html[dir="rtl"] .list-product-view .list-product .recent-table table tbody tr th:last-child, html[dir="rtl"] .list-product-view .list-product .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .list-product-view .list-product .recent-table table thead tr th:first-child {
    text-align: center !important;
}

html[dir="rtl"] .e-category .form-select {
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}

html[dir="rtl"] .e-category .main-divider .divider-body::before {
    left: unset;
    right: 0px;
}

html[dir="rtl"] .e-category .main-divider .divider-body h6 {
    padding-right: unset;
    padding-left: 12px;
}

html[dir="rtl"] .e-category .list-product.list-category div.dt-container .dt-layout-row .dt-search {
    right: unset;
    left: 214px;
}

@media (max-width: 640px) {
    html[dir="rtl"] .e-category .list-product.list-category div.dt-container .dt-layout-row .dt-search {
        right: 20px;
    }
}

html[dir="rtl"] .e-category .list-product table thead tr th:first-child {
    text-align: center !important;
}

html[dir="rtl"] .e-category .list-product table thead tr th:first-child, html[dir="rtl"] .e-category .list-product table thead tr td:first-child, html[dir="rtl"] .e-category .list-product table tbody tr th:first-child, html[dir="rtl"] .e-category .list-product table tbody tr td:first-child {
    padding-left: 10px;
    padding-right: 20px;
}

html[dir="rtl"] .e-category .list-product table thead tr th:last-child, html[dir="rtl"] .e-category .list-product table thead tr td:last-child, html[dir="rtl"] .e-category .list-product table tbody tr th:last-child, html[dir="rtl"] .e-category .list-product table tbody tr td:last-child {
    padding-right: 10px;
    padding-left: 20px;
}

html[dir="rtl"] .product-page-details span {
    padding-right: 15px;
    padding-left: 0px;
}

html[dir="rtl"] .m-checkbox-inline label {
    margin-left: 20px;
    margin-right: 0px;
}

html[dir="rtl"] .form-label-align-right label {
    text-align: left;
}

html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating, html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating, html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating, html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
    float: right;
}

html[dir="rtl"] .br-theme-bars-reversed .br-widget a, html[dir="rtl"] .br-theme-bars-movie .br-widget a, html[dir="rtl"] .br-theme-bars-1to10 .br-widget a, html[dir="rtl"] .br-theme-bars-square .br-widget a {
    float: right;
}

html[dir="rtl"] .rating-stars-2 #star-1:checked ~ .main-emoji-text .emoji-msg::before, html[dir="rtl"] .rating-stars-2 #star-2:checked ~ .main-emoji-text .emoji-msg::before, html[dir="rtl"] .rating-stars-2 #star-3:checked ~ .main-emoji-text .emoji-msg::before, html[dir="rtl"] .rating-stars-2 #star-4:checked ~ .main-emoji-text .emoji-msg::before, html[dir="rtl"] .rating-stars-2 #star-5:checked ~ .main-emoji-text .emoji-msg::before {
    padding-right: unset;
    padding-left: 12px;
}

html[dir="rtl"] .ribbon-left {
    right: auto;
    left: -2px;
}

html[dir="rtl"] .ribbon-vertical-left {
    right: auto;
    left: 12px;
}

html[dir="rtl"] .ribbon-vertical-right {
    right: auto;
    left: 12px;
}

html[dir="rtl"] .star-ratings ul.search-info {
    padding-right: 0px;
}

html[dir="rtl"] .star-ratings ul.search-info li + li {
    border-right: 1px solid rgb(165, 175, 198);
    border-left: unset;
    padding-right: 8px;
    padding-left: 0px;
    margin-right: 8px;
    margin-left: 0px;
}

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 10px !important;
    right: unset !important;
}

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    float: right;
}

html[dir="rtl"] .selection .select2-selection .select2-search__field {
    text-align: right;
}

html[dir="rtl"] .select2-results__option {
    text-align: right;
}

html[dir="rtl"] .editor-statusbar {
    text-align: left;
}

html[dir="rtl"] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset;
}

html[dir="rtl"] .CodeMirror-scroll {
    margin-left: -30px;
    margin-right: unset;
}

html[dir="rtl"] .primary-color ul, html[dir="rtl"] .yellow-color ul {
    padding-right: 0px;
}

html[dir="rtl"] .list-with-icon .list-group i {
    margin-left: 0px;
    margin-right: 10px;
}

html[dir="rtl"] .ps-scrollbar-y-rail {
    right: unset !important;
    left: 3px !important;
}

html[dir="rtl"] .stackable-list .list-group i {
    transform: scaleX(-1);
}

html[dir="rtl"] .u-step-desc {
    text-align: right;
}

html[dir="rtl"] .u-step-number {
    right: 20px;
    left: unset;
}

html[dir="rtl"] .u-step-number ~ .u-step-desc {
    margin-right: 50px;
}

html[dir="rtl"] .u-pearl::after {
    left: 0px;
    right: unset;
}

html[dir="rtl"] .u-pearl::before {
    right: 0px;
    left: unset;
}

html[dir="rtl"] .u-step-icon {
    float: right;
    margin-left: 0.5em;
    margin-right: unset;
}

html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
    padding-right: 5px;
}

html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
    text-align: right;
}

html[dir="rtl"] .card-header.note-toolbar .form-check {
    padding-right: 24px;
    padding-left: unset;
}

html[dir="rtl"] .card-header.note-toolbar form .custom-control {
    padding-right: 24px;
    padding-left: unset;
}

html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
    right: 0px;
    left: unset;
}

html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
    right: 0px;
    left: unset;
}

html[dir="rtl"] .common-form .product-buttons .btn:first-child {
    margin-right: unset;
    margin-left: 12px;
}

html[dir="rtl"] .common-form .product-buttons .btn:first-child svg {
    transform: scale(-1);
    margin-right: unset;
    margin-left: 12px;
}

html[dir="rtl"] .common-form .product-buttons .btn:last-child svg {
    transform: scale(-1);
    margin-left: unset;
    margin-right: 6px;
}

html[dir="rtl"] .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper .ql-toolbar {
    display: block;
}

html[dir="rtl"] .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper .ql-toolbar .ql-formats {
    margin-right: unset;
    margin-left: 15px;
}

html[dir="rtl"] .vendor-selling-table .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .seller-order-table .recent-table div.dt-container .dt-layout-row .dt-search {
    right: unset !important;
    left: 20px !important;
}

html[dir="rtl"] .vendor-selling-table .recent-table .table thead tr th:first-child, html[dir="rtl"] .vendor-selling-table .recent-table .table thead tr td:first-child, html[dir="rtl"] .vendor-selling-table .recent-table .table tbody tr th:first-child, html[dir="rtl"] .vendor-selling-table .recent-table .table tbody tr td:first-child, html[dir="rtl"] .seller-order-table .recent-table .table thead tr th:first-child, html[dir="rtl"] .seller-order-table .recent-table .table thead tr td:first-child, html[dir="rtl"] .seller-order-table .recent-table .table tbody tr th:first-child, html[dir="rtl"] .seller-order-table .recent-table .table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
    text-align: center !important;
}

html[dir="rtl"] .vendor-selling-table .recent-table .table thead tr th:last-child, html[dir="rtl"] .vendor-selling-table .recent-table .table thead tr td:last-child, html[dir="rtl"] .vendor-selling-table .recent-table .table tbody tr th:last-child, html[dir="rtl"] .vendor-selling-table .recent-table .table tbody tr td:last-child, html[dir="rtl"] .seller-order-table .recent-table .table thead tr th:last-child, html[dir="rtl"] .seller-order-table .recent-table .table thead tr td:last-child, html[dir="rtl"] .seller-order-table .recent-table .table tbody tr th:last-child, html[dir="rtl"] .seller-order-table .recent-table .table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .seller-details-table .recent-table div.dt-container .dt-layout-row .dt-search {
    left: 214px !important;
    right: unset;
}

html[dir="rtl"] .seller-details-table .recent-table .table thead tr th:first-child, html[dir="rtl"] .seller-details-table .recent-table .table thead tr td:first-child, html[dir="rtl"] .seller-details-table .recent-table .table tbody tr th:first-child, html[dir="rtl"] .seller-details-table .recent-table .table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
    text-align: center !important;
}

html[dir="rtl"] .seller-details-table .recent-table .table thead tr th:last-child, html[dir="rtl"] .seller-details-table .recent-table .table thead tr td:last-child, html[dir="rtl"] .seller-details-table .recent-table .table tbody tr th:last-child, html[dir="rtl"] .seller-details-table .recent-table .table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .seller-wrapper .right-vendor .common-searchbox .form-control {
    border-right: 0px;
    border-left: unset;
    padding-right: 0px;
    padding-left: unset;
}

html[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: unset;
}

html[dir="rtl"] .checkbox label {
    padding-right: 16px;
    padding-left: unset;
}

html[dir="rtl"] .checkbox label::before {
    right: 0px;
    left: unset;
    margin-right: -16px;
    margin-left: unset;
}

html[dir="rtl"] .checkbox-wrapper li label, html[dir="rtl"] .radio-wrapper li label {
    padding-right: 0px;
}

html[dir="rtl"] .radio label::after {
    right: 5px;
    left: unset;
    margin-right: -20px;
    margin-left: unset;
}

html[dir="rtl"] .introjs-tooltip {
    right: 0px;
    left: unset;
}

html[dir="rtl"] .introjs-helperNumberLayer {
    right: -16px;
    left: unset;
}

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
    text-align: right;
}

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
    text-align: left;
}

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset;
}

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    border-radius: 0.2em 0px 0px 0.2em;
}

html[dir="rtl"] .hovercard .follow .border-end {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-right: unset !important;
}

html[dir="rtl"] .list-inline-item:not(:last-child) {
    margin-left: 0.5rem;
    margin-right: unset;
}

html[dir="rtl"] .like-comment ul.list-inline {
    padding-right: 0px;
}

html[dir="rtl"] .typeahead {
    text-align: right;
}

html[dir="rtl"] .listing ul {
    padding-right: 0px;
}

html[dir="rtl"] .listing ul .icofont {
    float: right;
}

html[dir="rtl"] .gallery .hover-5 img {
    margin-right: 30px;
}

html[dir="rtl"] .gallery .hover-5:hover img {
    margin-right: 0px;
}

html[dir="rtl"] .lg-outer {
    text-align: right;
}

html[dir="rtl"] .lg-toolbar .lg-icon {
    float: left;
}

html[dir="rtl"] #lg-counter {
    padding-right: 20px;
    padding-left: unset;
    float: right;
}

html[dir="rtl"] .chart-widget-top .text-end {
    text-align: left !important;
}

html[dir="rtl"] .chart-widget-top .num .ms-1 {
    margin-right: 0.25rem !important;
}

html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -240px;
}

html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
    border-left: 1px solid rgb(238, 238, 238) !important;
    border-right: unset !important;
}

html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
    margin-right: 0.25rem !important;
}

html[dir="rtl"] .customer-sticky .common-search .form-control {
    border-right: unset;
    border-left: var(--bs-border-width) solid var(--bs-border-color);
}

html[dir="rtl"] .main-product-wrapper .product-body .input-group:not(.has-validation):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) .form-control {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

html[dir="rtl"] .compare-order .card-body .user-growth {
    margin-right: unset;
    margin-left: 4px;
}

html[dir="rtl"] .crm-card .crm-img {
    right: unset;
    left: 12px;
}

@media (max-width: 1874px) and (min-width: 1820px) {
    html[dir="rtl"] .crm-card .crm-img {
        left: 12px;
        right: unset;
    }
}

@media (max-width: 1819px) and (min-width: 1626px) {
    html[dir="rtl"] .crm-card .crm-img {
        left: 8px;
        right: unset;
    }
}

@media (max-width: 1625px) and (min-width: 1521px) {
    html[dir="rtl"] .crm-card .crm-img {
        left: 12px;
        right: unset;
    }
}

@media (max-width: 1520px) and (min-width: 1400px) {
    html[dir="rtl"] .crm-card .crm-img {
        left: 4px;
        right: unset;
    }
}

@media (max-width: 850px) and (min-width: 768px) {
    html[dir="rtl"] .crm-card .crm-img {
        left: 8px;
        right: unset;
    }
}

@media (max-width: 416px) {
    html[dir="rtl"] .crm-card .crm-img {
        left: 8px;
        right: unset;
    }
}

html[dir="rtl"] .revenue-chart-container {
    margin: -23px -16px -26px -10px;
}

html[dir="rtl"] .finance-wrapper .common-flex h6:last-child {
    border-right: 1px solid var(--chart-dashed-border);
    border-left: unset;
    padding-right: 16px;
    padding-left: unset;
}

@media (max-width: 338px) and (min-width: 323px) {
    html[dir="rtl"] .finance-wrapper .common-flex h6:last-child {
        padding-right: 6px;
        padding-left: unset;
    }
}

@media (max-width: 322px) {
    html[dir="rtl"] .finance-wrapper .common-flex h6:last-child {
        border-right: unset;
        border-left: unset;
        padding-right: 0px;
        padding-left: unset;
    }
}

html[dir="rtl"] .deal-table.recent-table thead tr th:first-child, html[dir="rtl"] .deal-table.recent-table thead tr td:first-child, html[dir="rtl"] .deal-table.recent-table tbody tr th:first-child, html[dir="rtl"] .deal-table.recent-table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: 8px;
}

@media (max-width: 1704px) and (min-width: 1400px) {
    html[dir="rtl"] .deal-table.recent-table thead tr th:nth-child(2), html[dir="rtl"] .deal-table.recent-table thead tr td:nth-child(2), html[dir="rtl"] .deal-table.recent-table tbody tr th:nth-child(2), html[dir="rtl"] .deal-table.recent-table tbody tr td:nth-child(2) {
        padding-right: 20px;
    }
}

html[dir="rtl"] .deal-table.recent-table thead tr th:last-child, html[dir="rtl"] .deal-table.recent-table thead tr td:last-child, html[dir="rtl"] .deal-table.recent-table tbody tr th:last-child, html[dir="rtl"] .deal-table.recent-table tbody tr td:last-child {
    padding-left: 20px !important;
    padding-right: 8px;
}

@media (max-width: 1591px) and (min-width: 1400px) {
    html[dir="rtl"] .deal-table.recent-table thead tr th:nth-child(2), html[dir="rtl"] .deal-table.recent-table thead tr td:nth-child(2), html[dir="rtl"] .deal-table.recent-table tbody tr th:nth-child(2), html[dir="rtl"] .deal-table.recent-table tbody tr td:nth-child(2) {
        padding-right: 20px;
    }
}

html[dir="rtl"] .lead-table.recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    left: 60px;
    right: unset;
}

html[dir="rtl"] .lead-table.recent-table thead tr th:first-child, html[dir="rtl"] .lead-table.recent-table thead tr td:first-child, html[dir="rtl"] .lead-table.recent-table tbody tr th:first-child, html[dir="rtl"] .lead-table.recent-table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: 8px;
}

html[dir="rtl"] .lead-table.recent-table thead tr th:last-child, html[dir="rtl"] .lead-table.recent-table thead tr td:last-child, html[dir="rtl"] .lead-table.recent-table tbody tr th:last-child, html[dir="rtl"] .lead-table.recent-table tbody tr td:last-child {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 20px !important;
}

html[dir="rtl"] .main-lead-source {
    margin-right: -100px;
    margin-left: unset;
}

html[dir="rtl"] .main-lead-source .lead-source-1 {
    margin: 40px 20px 80px 0px;
}

@media (max-width: 1610px) and (min-width: 1411px) {
    html[dir="rtl"] .main-lead-source .lead-source-1 {
        margin: 60px 20px 100px 0px;
    }
}

@media (max-width: 1410px) and (min-width: 1400px) {
    html[dir="rtl"] .main-lead-source .lead-source-1 {
        margin: 70px 20px 120px 0px;
    }
}

@media (max-width: 1399px) and (min-width: 1211px) {
    html[dir="rtl"] .main-lead-source .lead-source-1 {
        margin: 30px 20px 80px 0px;
    }
}

@media (max-width: 1210px) {
    html[dir="rtl"] .main-lead-source .lead-source-1 {
        margin: 40px 20px 90px 0px;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .main-lead-source .lead-source-1 {
        margin: 20px 20px 70px 0px;
    }
}

@media (max-width: 585px) and (min-width: 576px) {
    html[dir="rtl"] .main-lead-source .lead-source-1 {
        margin: 42px 32px 92px 0px;
    }
}

html[dir="rtl"] .main-lead-source .lead-source-2 {
    left: -35%;
    right: unset;
}

@media (max-width: 1410px) and (min-width: 1400px) {
    html[dir="rtl"] .main-lead-source .lead-source-2 {
        left: -42%;
        right: unset;
    }
}

html[dir="rtl"] .lead-source-3 {
    left: -90%;
    right: unset;
    transform: translate(50%, 50%);
}

@media (max-width: 1599px) {
    html[dir="rtl"] .lead-source-3 {
        left: -85%;
        right: unset;
    }
}

@media (max-width: 1490px) and (min-width: 1431px) {
    html[dir="rtl"] .sales-data {
        justify-content: flex-end;
    }
}

@media (max-width: 635px) and (min-width: 576px) {
    html[dir="rtl"] .sales-data {
        justify-content: flex-end;
    }
}

@media (max-width: 332px) {
    html[dir="rtl"] .dashboard-13 .delivery-duration-chart {
        margin: 0px -20px -40px 0px;
    }
}

html[dir="rtl"] .dashboard-13 .common-stat-option {
    transform: scaleX(-1);
    margin-left: -6px;
    margin-right: 0px;
}

html[dir="rtl"] .dashboard-13 .delivered-stat-option {
    transform: scaleX(-1);
    margin-left: -6px;
    margin-right: 0px;
}

@media (max-width: 1690px) {
    html[dir="rtl"] .dashboard-13 .delivery-chart .balance-data {
        inset: 0px;
    }
}

html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table thead tr th:first-child, html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table thead tr td:first-child, html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table tbody tr th:first-child, html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table thead tr th:last-child, html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table thead tr td:last-child, html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table tbody tr th:last-child, html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

@media (max-width: 1364px) and (min-width: 1200px) {
    html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(5), html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(5), html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(5), html[dir="rtl"] .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(5) {
        padding-left: 20px;
        padding-right: 8px;
    }
}

html[dir="rtl"] .dashboard-13 .shipment-tracking-table .recent-table div.dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:first-child, html[dir="rtl"] .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:first-child, html[dir="rtl"] .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:first-child, html[dir="rtl"] .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:last-child, html[dir="rtl"] .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:last-child, html[dir="rtl"] .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:last-child, html[dir="rtl"] .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

@media (max-width: 420px) {
    html[dir="rtl"] .dashboard-10 .card.heading-space .header-top {
        margin-right: 0px !important;
        margin-left: unset !important;
    }
}

html[dir="rtl"] .page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    left: 60px;
    right: unset;
}

@media (max-width: 1500px) {
    html[dir="rtl"] .page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

@media (max-width: 420px) {
    html[dir="rtl"] .page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: unset;
        left: -130px;
    }
}

@media (max-width: 420px) {
    html[dir="rtl"] .page-analytics-table .recent-table div.dt-container .dt-layout-row:first-child .dt-length {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .page-analytics-table .recent-table .table thead tr th:first-child, html[dir="rtl"] .page-analytics-table .recent-table .table thead tr td:first-child, html[dir="rtl"] .page-analytics-table .recent-table .table tbody tr th:first-child, html[dir="rtl"] .page-analytics-table .recent-table .table tbody tr td:first-child {
    padding-right: 20px !important;
}

html[dir="rtl"] .page-analytics-table .recent-table .table thead tr th:last-child, html[dir="rtl"] .page-analytics-table .recent-table .table thead tr td:last-child, html[dir="rtl"] .page-analytics-table .recent-table .table tbody tr th:last-child, html[dir="rtl"] .page-analytics-table .recent-table .table tbody tr td:last-child {
    padding-left: 20px !important;
}

html[dir="rtl"] .session-progress .progress .small-progressbar .animate-circle {
    left: -16px;
    right: unset;
}

html[dir="rtl"] .session-progress .progress .small-progressbar::after {
    left: -9px;
    right: unset;
}

html[dir="rtl"] .session-progress .progress .progress-label {
    left: -20px;
    right: unset;
}

@media (max-width: 1399px) {
    html[dir="rtl"] .session-progress .progress .progress-label {
        left: -16px;
        right: unset;
    }
}

html[dir="rtl"] .analytics-view-wrapper {
}

html[dir="rtl"] .visit-duration-wrapper {
    margin: -34px -10px -30px 35px;
}

html[dir="rtl"] .session-browser-table .table-responsive .table thead tr th:first-child, html[dir="rtl"] .session-browser-table .table-responsive .table thead tr td:first-child, html[dir="rtl"] .session-browser-table .table-responsive .table tbody tr th:first-child, html[dir="rtl"] .session-browser-table .table-responsive .table tbody tr td:first-child {
    padding-right: 20px !important;
    padding-left: 8px;
}

html[dir="rtl"] .session-browser-table .table-responsive .table thead tr th:last-child, html[dir="rtl"] .session-browser-table .table-responsive .table thead tr td:last-child, html[dir="rtl"] .session-browser-table .table-responsive .table tbody tr th:last-child, html[dir="rtl"] .session-browser-table .table-responsive .table tbody tr td:last-child {
    padding-left: 20px !important;
}

@media (max-width: 1399px) {
    html[dir="rtl"] .attendance-table.recent-table div.dt-container .dt-layout-row .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .attendance-table.recent-table table thead tr th:first-child, html[dir="rtl"] .attendance-table.recent-table table thead tr td:first-child, html[dir="rtl"] .attendance-table.recent-table table tbody tr th:first-child, html[dir="rtl"] .attendance-table.recent-table table tbody tr td:first-child {
    padding-right: 20px !important;
}

html[dir="rtl"] .attendance-table.recent-table table thead tr th:last-child, html[dir="rtl"] .attendance-table.recent-table table thead tr td:last-child, html[dir="rtl"] .attendance-table.recent-table table tbody tr th:last-child, html[dir="rtl"] .attendance-table.recent-table table tbody tr td:last-child {
    padding-left: 20px;
}

html[dir="rtl"] .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user .verified-user {
    left: 0px;
    right: unset;
}

html[dir="rtl"] .birthday-cards .send-wishes i {
    transform: scaleX(-1);
}

html[dir="rtl"] .project-analytics .project-analytics-wrapper {
    margin: 0px -10px -20px 0px;
}

html[dir="rtl"] .project-finish-card .project-right-content {
    right: unset;
    left: -16px;
}

html[dir="rtl"] .leave-request-table.table-responsive .table thead th:first-child, html[dir="rtl"] .leave-request-table.table-responsive .table thead td:first-child, html[dir="rtl"] .leave-request-table.table-responsive .table tbody th:first-child, html[dir="rtl"] .leave-request-table.table-responsive .table tbody td:first-child {
    padding-right: 20px !important;
}

html[dir="rtl"] .leave-request-table.table-responsive .table thead th:last-child, html[dir="rtl"] .leave-request-table.table-responsive .table thead td:last-child, html[dir="rtl"] .leave-request-table.table-responsive .table tbody th:last-child, html[dir="rtl"] .leave-request-table.table-responsive .table tbody td:last-child {
    padding-left: 20px !important;
}

@media (max-width: 1635px) and (min-width: 1400px) {
    html[dir="rtl"] .leave-request-table.table-responsive .table thead th:nth-child(2), html[dir="rtl"] .leave-request-table.table-responsive .table thead td:nth-child(2), html[dir="rtl"] .leave-request-table.table-responsive .table tbody th:nth-child(2), html[dir="rtl"] .leave-request-table.table-responsive .table tbody td:nth-child(2) {
        padding-left: 20px;
    }
}

html[dir="rtl"] .schedule-calender .tab-content .activity-update > li > div {
    border-radius: 0px 6px 6px 0px;
}

@media (max-width: 1490px) and (min-width: 1400px) {
    html[dir="rtl"] .schedule-calender .tab-content .activity-update > li > div {
        padding-right: 20px;
        padding-left: unset;
    }
}

@media (max-width: 500px) {
    html[dir="rtl"] .schedule-calender .tab-content .activity-update > li > div {
        padding-right: 20px;
        padding-left: unset;
    }
}

html[dir="rtl"] .schedule-calender .tab-content .activity-update > li .left-schedule {
    margin-right: 14px;
    margin-left: unset;
}

@media (max-width: 1490px) and (min-width: 1400px) {
    html[dir="rtl"] .schedule-calender .tab-content .activity-update > li .left-schedule {
        margin-right: 0px;
        margin-left: unset;
    }
}

@media (max-width: 500px) {
    html[dir="rtl"] .schedule-calender .tab-content .activity-update > li .left-schedule {
        margin-right: 0px;
        margin-left: unset;
    }
}

html[dir="rtl"] .schedule-calender .tab-content .activity-update > li .left-schedule .customers {
    padding-left: 6px;
    padding-right: unset;
}

html[dir="rtl"] .schedule-calender .tab-content .activity-update > li .left-schedule .customers ul li + li {
    margin-right: -16px;
    margin-left: unset;
}

html[dir="rtl"] .schedule-calender .tab-content .activity-update > li .left-schedule .schedule-name {
    border-right: 1px solid rgba(82, 82, 108, 0.8);
    border-left: unset;
    padding-right: 6px;
    padding-left: unset;
}

@media (max-width: 1399px) {
    html[dir="rtl"] .employee-list-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .html-expert-table .dt-container .dt-buttons {
    float: none;
}

html[dir="rtl"] .html-expert-table .dt-container .dt-search {
    text-align: left;
}

html[dir="rtl"] .interviewer-users ul li i {
    transform: scaleX(-1);
}

html[dir="rtl"] .dashboard-12 .main-expenses .monthly-expense-wrapper, html[dir="rtl"] .dashboard-12 .main-expenses .yearly-expense-wrapper {
    transform: scaleX(-1);
}

html[dir="rtl"] .dashboard-12 .tasks-card .arrow-group .prev, html[dir="rtl"] .dashboard-12 .tasks-card .arrow-group .next {
    transform: scaleX(-1);
}

@media (max-width: 519px) {
    html[dir="rtl"] .dashboard-12 .sales-report .balance-data {
        inset: 0px;
    }
}

html[dir="rtl"] .dashboard-12 .all-project-table .recent-table .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .dashboard-12 .all-project-table .recent-table table thead tr th:first-child, html[dir="rtl"] .dashboard-12 .all-project-table .recent-table table thead tr td:first-child, html[dir="rtl"] .dashboard-12 .all-project-table .recent-table table tbody tr th:first-child, html[dir="rtl"] .dashboard-12 .all-project-table .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .dashboard-12 .all-project-table .recent-table table thead tr th:last-child, html[dir="rtl"] .dashboard-12 .all-project-table .recent-table table thead tr td:last-child, html[dir="rtl"] .dashboard-12 .all-project-table .recent-table table tbody tr th:last-child, html[dir="rtl"] .dashboard-12 .all-project-table .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 7px;
}

html[dir="rtl"] .dashboard-12 .upcoming-datatable .recent-table .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .dashboard-12 .upcoming-datatable .recent-table table thead tr th:first-child, html[dir="rtl"] .dashboard-12 .upcoming-datatable .recent-table table thead tr td:first-child, html[dir="rtl"] .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:first-child, html[dir="rtl"] .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .dashboard-12 .upcoming-datatable .recent-table table thead tr th:last-child, html[dir="rtl"] .dashboard-12 .upcoming-datatable .recent-table table thead tr td:last-child, html[dir="rtl"] .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:last-child, html[dir="rtl"] .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .dashboard-12 .recent-activity-table .recent-table .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .dashboard-12 .recent-activity-table .recent-table table thead tr th:first-child, html[dir="rtl"] .dashboard-12 .recent-activity-table .recent-table table thead tr td:first-child, html[dir="rtl"] .dashboard-12 .recent-activity-table .recent-table table tbody tr th:first-child, html[dir="rtl"] .dashboard-12 .recent-activity-table .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .dashboard-12 .recent-activity-table .recent-table table thead tr th:last-child, html[dir="rtl"] .dashboard-12 .recent-activity-table .recent-table table thead tr td:last-child, html[dir="rtl"] .dashboard-12 .recent-activity-table .recent-table table tbody tr th:last-child, html[dir="rtl"] .dashboard-12 .recent-activity-table .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table thead tr th:first-child, html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table thead tr td:first-child, html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table tbody tr th:first-child, html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table thead tr th:last-child, html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table thead tr td:last-child, html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table tbody tr th:last-child, html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

@media (max-width: 1698px) and (min-width: 1400px) {
    html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table thead tr th:nth-child(3), html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table thead tr td:nth-child(3), html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table tbody tr th:nth-child(3), html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table tbody tr td:nth-child(3) {
        padding-left: 20px;
        padding-right: 8px;
    }
}

@media (max-width: 1235px) and (min-width: 1200px) {
    html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table thead tr th:nth-child(3), html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table thead tr td:nth-child(3), html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table tbody tr th:nth-child(3), html[dir="rtl"] .dashboard-12 .team-performance-table .recent-table table tbody tr td:nth-child(3) {
        padding-left: 20px;
        padding-right: 8px;
    }
}

html[dir="rtl"] .chart-vertical-center #myDoughnutGraph, html[dir="rtl"] .chart-vertical-center #myPolarGraph {
    width: auto !important;
}

html[dir="rtl"] div.dt-buttons {
    float: right;
}

html[dir="rtl"] .dt-button-collection {
    left: unset !important;
    right: 0px !important;
}

html[dir="rtl"] .dropzone .dz-preview .dz-error-mark, html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
    right: 50%;
    margin-right: -27px;
    margin-left: unset;
    left: unset;
}

html[dir="rtl"] .dropzone .dz-preview .dz-filename, html[dir="rtl"] .dropzone .dz-preview .dz-details, html[dir="rtl"] .dropzone .dz-preview .dz-remove {
    text-align: right;
}

html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
    margin-right: 265px;
    margin-left: unset;
}

html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset;
}

html[dir="rtl"] .footer-copyright {
    text-align: right;
}

html[dir="rtl"] .footer-links {
    text-align: left;
}

html[dir="rtl"] .page-item:first-child .page-link {
    margin-right: 0px;
    border-radius: 0px 0.25rem 0.25rem 0px;
    border-left: none;
}

html[dir="rtl"] .page-item:last-child .page-link {
    border-radius: 0.25rem 0px 0px 0.25rem;
}

html[dir="rtl"] .popover.top > .arrow::after, html[dir="rtl"] .popover.bottom > .arrow::after {
    margin-right: -10px;
    margin-left: unset;
}

html[dir="rtl"] .main-scrollspy .custom-scrollspy-section .scrollspy-example-5 .about-box > div svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn, html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
    border-radius: 0px !important;
}

html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child), html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child) {
    border-radius: 0px;
}

html[dir="rtl"] .bootstrap-touchspin .rounded-touchspin .btn-touchspin i {
    transform: scaleX(-1);
}

html[dir="rtl"] .pre-post-touchspin .decrement-touchspin, html[dir="rtl"] .pre-post-touchspin .increment-touchspin {
    border-radius: 0px !important;
}

html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
    text-align: right;
}

html[dir="rtl"] .typeahead .league-name {
    text-align: right;
    margin-right: 5px;
}

html[dir="rtl"] .follow .text-md-right {
    text-align: left !important;
}

html[dir="rtl"] .jvectormap-zoomin, html[dir="rtl"] .jvectormap-zoomout, html[dir="rtl"] .jvectormap-goback {
    right: 10px;
    left: unset;
}

html[dir="rtl"] .sidebar-panel-main {
    right: unset;
    left: 30px;
}

html[dir="rtl"] .setting-sidebar, html[dir="rtl"] .layout-sidebar {
    right: unset;
    left: -400px;
}

html[dir="rtl"] .setting-sidebar.open, html[dir="rtl"] .layout-sidebar.open {
    right: unset;
    left: 0px;
}

html[dir="rtl"] .setting-sidebar .customizer-header p i, html[dir="rtl"] .layout-sidebar .customizer-header p i {
    margin-left: unset;
    margin-right: 4px;
    transform: scaleX(-1);
}

html[dir="rtl"] .setting-sidebar .main-layout > li + li, html[dir="rtl"] .layout-sidebar .main-layout > li + li {
    margin-left: unset;
    margin-right: 7px;
}

html[dir="rtl"] .setting-sidebar .layout-grid:not(.customizer-color) li > .body ul .sidebar, html[dir="rtl"] .layout-sidebar .layout-grid:not(.customizer-color) li > .body ul .sidebar {
    margin-left: 3px;
}

html[dir="rtl"] .setting-sidebar .sidebar-type > li + li, html[dir="rtl"] .setting-sidebar .sidebar-setting > li + li, html[dir="rtl"] .layout-sidebar .sidebar-type > li + li, html[dir="rtl"] .layout-sidebar .sidebar-setting > li + li {
    margin-right: 7px;
    margin-left: unset;
}

html[dir="rtl"] .setting-sidebar .unlimited-color-layout input, html[dir="rtl"] .layout-sidebar .unlimited-color-layout input {
    margin-right: unset;
    margin-left: 5px;
}

html[dir="rtl"] .setting-sidebar .customizer-body .layout-link li a i, html[dir="rtl"] .layout-sidebar .customizer-body .layout-link li a i {
    margin-right: unset;
    margin-left: 6px;
}

html[dir="rtl"] .customizer-links {
    right: unset;
    left: 0px;
}

html[dir="rtl"] .customizer-links > .nav {
    padding-right: 10px;
}

html[dir="rtl"] .customizer-links .nav-link::after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0px;
    border-left-color: unset;
    border-right-color: rgb(232, 230, 255);
}

html[dir="rtl"] .customizer-links .nav-link span {
    right: unset;
    left: -60px;
}

html[dir="rtl"] .customizer-links .nav-link:hover span {
    left: 48px;
}

html[dir="rtl"] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0px 8px 8px 0px;
}

html[dir="rtl"] .customizer-contain {
    width: 330px;
    right: unset;
    left: -330px;
}

html[dir="rtl"] .customizer-contain.open {
    right: unset;
    left: 0px;
}

html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px;
}

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
    padding-right: 250px;
    padding-left: unset;
}

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0px;
}

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: unset;
    margin-right: 230px;
}

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
    border-radius: 0px 10px 10px 0px;
}

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
    width: 1280px;
    left: 50%;
    padding-inline: 0px; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper footer:not(.kanban-container footer) {
    padding-left: unset;
    padding-right: 230px;
}

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
    margin-left: auto;
    margin-right: auto;
    padding-left: unset;
    padding-right: 230px;
}

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px;
}

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header .header-wrapper {
    border-radius: 10px 0px 0px;
}

html[dir="rtl"] .box-layout.page-wrapper .page-header.close_icon {
    padding-left: unset;
    margin-left: auto;
    padding-right: 80px !important;
}

html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
    border-right: 1px solid rgb(55, 69, 88);
}

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
    border-right: none !important;
    border-left: 1px solid rgb(55, 69, 88) !important;
}

html[dir="rtl"] body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    border-left: 1px solid rgb(55, 69, 88);
    border-right: unset;
}

html[dir="rtl"] body.dark-only .social-chat .flex-grow-1::after {
    border-right: unset;
    border-left: 7px solid rgb(38, 41, 50);
}

html[dir="rtl"] body.dark-only .contacts-tabs .nav-pills {
    border-right: unset;
    border-left: 1px solid rgb(55, 69, 88);
}

@media screen and (max-width: 1660px) {
    html[dir="rtl"] .caller-img {
        left: unset;
        right: 15px;
    }
}

@media only screen and (max-width: 1366px) {
    html[dir="rtl"] .profile-dropdown.onhover-show-div {
        right: unset !important;
        left: 0px !important;
    }

    html[dir="rtl"] .product-wrapper .product-grid .feature-products {
        margin-right: 0px;
    }

    html[dir="rtl"] .product-grid {
        margin-right: 0px;
    }

    html[dir="rtl"] .d-none-productlist {
        margin-left: 10px;
        margin-right: unset;
    }

    html[dir="rtl"] .photos ul li:nth-child(3n) {
        margin-left: 15px;
        margin-right: unset;
    }
}

@media (min-width: 1200px) {
    html[dir="rtl"] .float-xl-end {
        float: left !important;
    }

    html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow, html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow, html[dir="rtl"] .pixelstrap ul a:active .sub-arrow, html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
        left: 3px;
        right: unset;
    }
}

@media (min-width: 992px) {
    html[dir="rtl"] .text-lg-start {
        text-align: right !important;
    }
}

@media only screen and (max-width: 1199.98px) {
    html[dir="rtl"] .jkanban-container .btn {
        margin-left: unset;
        margin-right: 20px;
    }

    html[dir="rtl"] .link-section > div > h6::before {
        right: unset;
        left: 10px;
    }

    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
        left: 45px;
    }

    html[dir="rtl"] .email-wrap .row .col-xl-6 {
        padding-right: 15px;
    }

    html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
        padding-left: 15px;
    }

    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
        text-align: right;
    }

    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
        margin-right: unset;
        margin-left: 10px;
    }

    html[dir="rtl"] .email-wrap .email-app-sidebar ul {
        padding-right: 0px;
    }

    html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
        padding-right: unset !important;
    }

    html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    html[dir="rtl"] .chat-menu-icons {
        text-align: left;
    }

    html[dir="rtl"] .chat-menu {
        left: 0px;
        right: unset;
    }
}

@media only screen and (max-width: 991.98px) {
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
        transform: translate(285px);
    }

    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        transform: translate(285px);
    }

    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
        float: left;
        transform: rotate(180deg);
        left: 26px;
        right: unset;
    }

    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
        margin-right: 0px;
        border-right: none;
        padding-right: 0px;
        border-left: 1px solid rgb(221, 221, 221);
        margin-left: 15px;
        padding-left: 15px;
    }

    html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
        margin-right: 0px;
    }

    html[dir="rtl"] .page-wrapper.material-icon .page-header {
        padding-right: 0px;
    }

    html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
        padding-right: 15px;
    }

    html[dir="rtl"] .faq-accordion .faq-header svg {
        left: 20px;
    }

    html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
        margin-left: 15px;
        margin-right: unset;
    }

    html[dir="rtl"] .page-body-wrapper .page-body, html[dir="rtl"] .page-body-wrapper footer {
        margin-right: 0px !important;
    }

    html[dir="rtl"] .main .langChoice {
        left: 20px;
    }

    html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        margin-right: 0px;
    }

    html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
        min-height: calc(-60px + 100vh);
    }

    html[dir="rtl"] .page-wrapper .page-header {
        margin-right: 0px;
    }

    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
        margin-right: 0px !important;
        margin-left: unset !important;
    }

    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
        transform: translate(285px);
    }

    html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
        left: -127px;
    }

    html[dir="rtl"] .card .card-header .card-header-right {
        left: 15px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
        left: unset;
        right: 0px;
    }
}

@media (min-width: 768px) {
    html[dir="rtl"] .float-md-end {
        float: left !important;
    }

    html[dir="rtl"] .income-wrap .ps-md-0 {
        padding-left: 30px !important;
        padding-right: 0px !important;
    }

    html[dir="rtl"] .text-md-end {
        text-align: left !important;
    }

    html[dir="rtl"] .offset-md-3 {
        margin-right: 25%;
        margin-left: unset;
    }

    html[dir="rtl"] .offset-md-2 {
        margin-left: unset;
        margin-right: 16.6667%;
    }

    html[dir="rtl"] .text-md-start {
        text-align: right !important;
    }

    html[dir="rtl"] .ecommerce-widget .text-md-end {
        text-align: left !important;
    }

    html[dir="rtl"] .ecommerce-widget .text-md-end ul {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    html[dir="rtl"] .offset-xl-3 {
        margin-right: 25%;
        margin-left: unset;
    }
}

@media only screen and (max-width: 767.98px) {
    html[dir="rtl"] .list-persons .profile-mail .email-general ul {
        padding-left: 0px;
    }

    html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
        margin-right: 0px;
    }

    html[dir="rtl"] .feature-products .filter-toggle {
        margin-right: 10px;
        margin-left: unset;
    }

    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
        left: 25px !important;
    }

    html[dir="rtl"] .ecommerce-widget .text-md-right {
        text-align: left !important;
    }

    html[dir="rtl"] .bar-chart-widget .earning-details i {
        left: -147px !important;
    }
}

@media (min-width: 576px) {
    html[dir="rtl"] .offset-sm-3 {
        margin-right: 25%;
        margin-left: unset;
    }

    html[dir="rtl"] .text-sm-end {
        text-align: left !important;
    }

    html[dir="rtl"] .float-sm-end {
        float: left !important;
    }

    html[dir="rtl"] .me-sm-2 {
        margin-left: 0.5rem !important;
        margin-right: unset !important;
    }
}

@media only screen and (max-width: 575.98px) {
    html[dir="rtl"] .list-persons .nav-pills .nav-link .d-flex .flex-grow-1 {
        text-align: right;
    }

    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
        margin-right: unset;
        margin-left: 1px;
    }

    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
        left: 0px;
    }

    html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        margin-left: 8px;
        padding-left: 8px;
        margin-right: unset;
        padding-right: unset;
        border-right: unset;
        border-left: 1px solid rgb(221, 221, 221);
    }

    html[dir="rtl"] .translate_wrapper.active .more_lang.active {
        left: unset;
        right: 12px;
    }

    html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
        padding-right: 10px;
    }

    html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
        left: unset !important;
        right: 15px !important;
    }

    html[dir="rtl"] .faq-accordion .faq-header svg {
        left: 15px;
    }

    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
        left: 15px !important;
    }

    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
        margin-left: 0px;
    }

    html[dir="rtl"] .main .langChoice {
        left: 20px;
    }

    html[dir="rtl"] .page-wrapper .search-form .form-group {
        margin-left: 0px;
    }

    html[dir="rtl"] .card-body .value-left {
        margin-left: 15px;
    }
}

html[dir="rtl"] .default-dashboard .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-2 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-3 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-4 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-5 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-6 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-7 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-09 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-10 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-11 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-12 .heading-space .card-header .header-top, html[dir="rtl"] .dashboard-13 .heading-space .card-header .header-top, html[dir="rtl"] .main-scope-project .heading-space .card-header .header-top, html[dir="rtl"] .e-category .heading-space .card-header .header-top, html[dir="rtl"] .list-product-view .heading-space .card-header .header-top, html[dir="rtl"] .seller-details-wrapper .heading-space .card-header .header-top, html[dir="rtl"] .common-order-history .heading-space .card-header .header-top, html[dir="rtl"] .common-cart .heading-space .card-header .header-top, html[dir="rtl"] .api-manage .heading-space .card-header .header-top, html[dir="rtl"] .role-permission-wrapper .heading-space .card-header .header-top, html[dir="rtl"] .user-list-wrapper .heading-space .card-header .header-top, html[dir="rtl"] .manage-review-wrapper .heading-space .card-header .header-top, html[dir="rtl"] .candidate-wrapper .heading-space .card-header .header-top, html[dir="rtl"] .product-report-wrapper .heading-space .card-header .header-top, html[dir="rtl"] .sale-report-wrapper .heading-space .card-header .header-top, html[dir="rtl"] .sale-return-wrapper .heading-space .card-header .header-top, html[dir="rtl"] .customer-order-wrapper .heading-space .card-header .header-top, html[dir="rtl"] .main-tasks .heading-space .card-header .header-top, html[dir="rtl"] .subscribed-user .heading-space .card-header .header-top, html[dir="rtl"] .overall-budget .heading-space .card-header .header-top {
    margin-right: 74px;
    margin-left: unset;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-length, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-length {
    right: 20px;
    left: unset;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th {
    text-align: right;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child), html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th:not(:first-child) {
    padding-left: 28px !important;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc {
    padding-left: 20px;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order {
    left: 5px;
    right: unset;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc {
    padding-left: 28px;
    padding-right: 10px;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order {
    left: 12px;
    right: unset;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after {
    right: 0px;
    left: unset;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
    left: -10px;
    right: unset;
}

@media (max-width: 640px) {
    html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-search, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        right: 20px;
        left: unset;
    }
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-layout-cell .dt-search label {
    margin-left: 6px;
    margin-right: unset;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-paging, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-paging {
    text-align: start;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-paging .dt-paging-button {
    margin-left: 12px;
    margin-right: unset;
}

@media (max-width: 767px) {
    html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-paging .dt-paging-button {
        margin-left: 8px;
        margin-right: unset;
    }
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child {
    margin-left: 0px;
    margin-right: unset;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after {
    right: 4px;
    left: unset;
}

html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .manage-review-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .product-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .customer-order-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after {
    margin-right: -4px;
    margin-left: unset;
}

html[dir="rtl"] .product-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .product-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .product-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .product-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .product-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child {
    right: unset;
    left: 20px;
    justify-content: flex-end;
}

@media (max-width: 1320px) {
    html[dir="rtl"] .product-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .product-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .product-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .product-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .product-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-report-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .sale-return-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .product-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .sale-return-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .sale-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .customer-order-report .dt-container .dt-layout-row:first-child, html[dir="rtl"] .customer-order-wrapper .top-body ~ .subscribed-user-wrapper .dt-container .dt-layout-row:first-child {
        inset: 0px;
    }
}

html[dir="rtl"] .product-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .product-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .product-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .product-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .sale-report-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .sale-report-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .sale-report-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .sale-return-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .sale-return-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .sale-return-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .customer-order-wrapper .product-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .customer-order-wrapper .sale-return-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .customer-order-wrapper .sale-report .recent-table div.dt-container .dt-layout-row .dt-search, html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table div.dt-container .dt-layout-row .dt-search {
    inset: 0px;
}

html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table thead tr th:first-child, html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table thead tr td:first-child, html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table tbody tr th:first-child, html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table thead tr th:last-child, html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table thead tr td:last-child, html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table tbody tr th:last-child, html[dir="rtl"] .customer-order-wrapper .customer-order-report .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table table thead tr th:first-child, html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table table thead tr td:first-child, html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table table tbody tr th:first-child, html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table table thead tr th:last-child, html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table table thead tr td:last-child, html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table table tbody tr th:last-child, html[dir="rtl"] .sale-return-wrapper .sale-return-report .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table thead tr th:first-child, html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table thead tr td:first-child, html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table tbody tr th:first-child, html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table thead tr th:last-child, html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table thead tr td:last-child, html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table tbody tr th:last-child, html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(n+3), html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(n+3), html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(n+3), html[dir="rtl"] .sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(n+3) {
    text-align: center;
}

html[dir="rtl"] .product-report-wrapper .product-report .recent-table .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .product-report-wrapper .product-report .recent-table table thead tr th:first-child, html[dir="rtl"] .product-report-wrapper .product-report .recent-table table thead tr td:first-child, html[dir="rtl"] .product-report-wrapper .product-report .recent-table table tbody tr th:first-child, html[dir="rtl"] .product-report-wrapper .product-report .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .product-report-wrapper .product-report .recent-table table thead tr th:last-child, html[dir="rtl"] .product-report-wrapper .product-report .recent-table table thead tr td:last-child, html[dir="rtl"] .product-report-wrapper .product-report .recent-table table tbody tr th:last-child, html[dir="rtl"] .product-report-wrapper .product-report .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .subscribed-user .subscribed-user-wrapper .dt-container .dt-layout-row:first-child {
    left: 32px;
}

html[dir="rtl"] .subscribed-user .subscribed-user-wrapper .dt-container .dt-layout-row .dt-search {
    inset: 0px !important;
}

html[dir="rtl"] .subscribed-user .subscribed-user-wrapper .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .subscribed-user .subscribed-user-wrapper table thead tr th:first-child, html[dir="rtl"] .subscribed-user .subscribed-user-wrapper table thead tr td:first-child, html[dir="rtl"] .subscribed-user .subscribed-user-wrapper table tbody tr th:first-child, html[dir="rtl"] .subscribed-user .subscribed-user-wrapper table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .subscribed-user .subscribed-user-wrapper table thead tr th:last-child, html[dir="rtl"] .subscribed-user .subscribed-user-wrapper table thead tr td:last-child, html[dir="rtl"] .subscribed-user .subscribed-user-wrapper table tbody tr th:last-child, html[dir="rtl"] .subscribed-user .subscribed-user-wrapper table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container .dt-layout-row .dt-search {
    right: unset;
    left: 20px;
}

@media (max-width: 640px) and (min-width: 400px) {
    html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container .dt-layout-row .dt-search {
        left: 20px;
        right: unset;
    }
}

@media (max-width: 399px) {
    html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container .dt-layout-row .dt-search {
        left: unset;
        right: 0px;
    }
}

html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:first-child, html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:first-child, html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:first-child, html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 10px;
}

html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr th:last-child, html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable thead tr td:last-child, html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:last-child, html[dir="rtl"] .candidate-wrapper .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 10px;
}

html[dir="rtl"] .candidate-wrapper .candidates-box .common-f-start .attachment i {
    margin-right: unset;
    margin-left: 4px;
}

@media (min-width: 641px) {
    html[dir="rtl"] .main-tasks .common-task-table .table-responsive .dt-container .dt-layout-row .dt-search {
        right: unset;
        left: -50px;
    }
}

html[dir="rtl"] .main-tasks .common-task-table .table-responsive .dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .main-tasks .common-task-table .table-responsive table thead tr th:first-child, html[dir="rtl"] .main-tasks .common-task-table .table-responsive table thead tr td:first-child, html[dir="rtl"] .main-tasks .common-task-table .table-responsive table tbody tr th:first-child, html[dir="rtl"] .main-tasks .common-task-table .table-responsive table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .main-tasks .common-task-table .table-responsive table thead tr th:last-child, html[dir="rtl"] .main-tasks .common-task-table .table-responsive table thead tr td:last-child, html[dir="rtl"] .main-tasks .common-task-table .table-responsive table tbody tr th:last-child, html[dir="rtl"] .main-tasks .common-task-table .table-responsive table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

@media (min-width: 576px) {
    html[dir="rtl"] .api-management .recent-table div.dt-container .dt-layout-row .dt-search {
        right: unset;
        left: 145px;
    }
}

html[dir="rtl"] .api-management .recent-table div.dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .api-management .recent-table table thead tr th:first-child, html[dir="rtl"] .api-management .recent-table table thead tr td:first-child, html[dir="rtl"] .api-management .recent-table table tbody tr th:first-child, html[dir="rtl"] .api-management .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .api-management .recent-table table thead tr th:last-child, html[dir="rtl"] .api-management .recent-table table thead tr td:last-child, html[dir="rtl"] .api-management .recent-table table tbody tr th:last-child, html[dir="rtl"] .api-management .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

@media (min-width: 576px) {
    html[dir="rtl"] .role-permission-wrapper .permission-table div.dt-container .dt-layout-row .dt-search {
        right: unset;
        left: 234px;
    }
}

html[dir="rtl"] .role-permission-wrapper .permission-table div.dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .role-permission-wrapper .permission-table table thead tr th:first-child, html[dir="rtl"] .role-permission-wrapper .permission-table table thead tr td:first-child, html[dir="rtl"] .role-permission-wrapper .permission-table table tbody tr th:first-child, html[dir="rtl"] .role-permission-wrapper .permission-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .role-permission-wrapper .permission-table table thead tr th:last-child, html[dir="rtl"] .role-permission-wrapper .permission-table table thead tr td:last-child, html[dir="rtl"] .role-permission-wrapper .permission-table table tbody tr th:last-child, html[dir="rtl"] .role-permission-wrapper .permission-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

@media (max-width: 345px) {
    html[dir="rtl"] .manage-review .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search label {
        text-align: right;
    }
}

html[dir="rtl"] .manage-review .recent-table table thead tr th:first-child, html[dir="rtl"] .manage-review .recent-table table thead tr td:first-child, html[dir="rtl"] .manage-review .recent-table table tbody tr th:first-child, html[dir="rtl"] .manage-review .recent-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .manage-review .recent-table table thead tr th:last-child, html[dir="rtl"] .manage-review .recent-table table thead tr td:last-child, html[dir="rtl"] .manage-review .recent-table table tbody tr th:last-child, html[dir="rtl"] .manage-review .recent-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .manage-review .recent-table table thead tr.dt-hasChild ~ tr[data-dt-row] td, html[dir="rtl"] .manage-review .recent-table table tbody tr.dt-hasChild ~ tr[data-dt-row] td {
    padding-inline: 20px; }

html[dir="rtl"] .manage-review .recent-table table thead tr.dt-hasChild ~ tr[data-dt-row] td table tr td:first-child, html[dir="rtl"] .manage-review .recent-table table tbody tr.dt-hasChild ~ tr[data-dt-row] td table tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .manage-review .recent-table table thead tr.dt-hasChild ~ tr[data-dt-row] td table tr td:last-child, html[dir="rtl"] .manage-review .recent-table table tbody tr.dt-hasChild ~ tr[data-dt-row] td table tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

@media (min-width: 576px) {
    html[dir="rtl"] .user-list-wrapper .user-list-table div.dt-container .dt-layout-row .dt-search {
        right: unset;
        left: 185px;
    }
}

html[dir="rtl"] .user-list-wrapper .user-list-table div.dt-container .dt-layout-row table.dataTable thead tr th:first-child {
    text-align: center;
}

html[dir="rtl"] .user-list-wrapper .user-list-table table thead tr th:first-child, html[dir="rtl"] .user-list-wrapper .user-list-table table thead tr td:first-child, html[dir="rtl"] .user-list-wrapper .user-list-table table tbody tr th:first-child, html[dir="rtl"] .user-list-wrapper .user-list-table table tbody tr td:first-child {
    padding-right: 20px;
    padding-left: 8px;
}

html[dir="rtl"] .user-list-wrapper .user-list-table table thead tr th:last-child, html[dir="rtl"] .user-list-wrapper .user-list-table table thead tr td:last-child, html[dir="rtl"] .user-list-wrapper .user-list-table table tbody tr th:last-child, html[dir="rtl"] .user-list-wrapper .user-list-table table tbody tr td:last-child {
    padding-left: 20px;
    padding-right: 8px;
}

html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 li {
    text-align: right;
}

html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 li > a:not(.tier-2 li a):first-child::before {
    left: unset;
    right: 50%;
    transform: translateX(50%);
}

@media (min-width: 992px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 li {
        padding-right: calc(7.51724px + 0.75431vw);
        padding-left: unset;
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 li {
        padding-right: 0px;
        padding-left: unset;
    }
}

html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
    border-left: unset;
    border-right: 2px solid rgb(63, 71, 90);
}

html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li::before {
    left: unset;
    right: -22px;
}

@media (min-width: 992px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li::before {
        right: calc(-9.58621px - 0.646552vw);
        left: unset;
    }
}

html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a::before {
    left: unset;
    right: -22px;
    transform: translateY(-50%) scaleX(-1);
}

@media (min-width: 992px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a::before {
        left: unset;
        right: calc(-9.58621px - 0.646552vw);
        transform: translateY(-50%) scaleX(-1);
    }
}

@media (min-width: 992px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
        margin-right: calc(-17.5172px + 2.37069vw);
        margin-left: unset;
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
        margin-right: 0px;
        margin-left: unset;
        padding-right: 20px;
        padding-left: unset;
    }
}

html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
    border-left: unset;
    border-right: 2px solid rgb(63, 71, 90);
}

@media (min-width: 992px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
        margin-right: calc(-47.4483px + 5.38793vw);
        margin-left: unset;
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
        margin-right: 0px;
        margin-left: unset;
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 li {
        padding-right: 20px;
        padding-left: unset;
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .main-site li > a {
        text-align: right;
    }
}

html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .main-site li .main-root::after {
    left: unset;
    right: 50%;
}

@media (max-width: 991px) {
    html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .main-site li .main-root {
        text-align: center;
    }
}

html[dir="rtl"] .dtfh-floatingparent-foot {
    right: 312px !important;
    left: unset !important;
}

html[dir="rtl"] .dtfh-floatingparent-foot > div {
    padding-left: 15px !important;
    padding-right: unset !important;
}

@media only screen and (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
        right: unset !important;
        left: 12px !important;
    }
}

@media only screen and (max-width: 480px) {
    html[dir="rtl"] .knob-chart .chart-clock-main {
        width: unset;
    }

    html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
        right: 32px;
    }

    html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
        right: 12px;
        left: unset;
    }

    html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
        right: 32px;
        left: unset;
    }
}

@media only screen and (max-width: 420px) {
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        right: 112px;
    }

    html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        right: 80px;
    }
}

@media only screen and (max-width: 360px) {
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
        margin-top: -47px;
    }

    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
        width: 85px;
        height: 85px;
    }

    html[dir="rtl"] .social-chat .other-msg {
        margin-right: 15px;
    }
}

@media screen and (max-width: 1460px) {
    html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        margin-left: 8px;
        margin-right: unset;
    }
}

.box-layout {
    background-image: url("../images/other-images/boxbg.jpg");
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 1716px) {
    .box-layout .dashboard-13 .sales-order-chart {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1693px) and (min-width: 1634px) {
    .box-layout .dashboard-13 .fleet-status-chart {
        margin-bottom: -95px;
    }

    .box-layout .dashboard-13 .fleet-status-chart .apexcharts-radialbar {
        transform: scale(0.7);
    }

    .box-layout .dashboard-13 .fleet-status-chart .apexcharts-legend {
        display: none;
    }

    .box-layout .dashboard-13 .sales-order-chart {
        margin-top: -24px;
    }
}

@media only screen and (min-width: 1691px) {
    .box-layout .dashboard-13 .delivery-duration-chart {
        margin-top: -20px;
    }
}

@media only screen and (min-width: 1661px) {
    .box-layout .default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-weekdays {
        height: 50px;
    }

    .box-layout .default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
        height: 40px;
    }

    .box-layout .main-team-box {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .box-layout .attach-files-wrapper .upload-files-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .box-layout .shopping-cart-table .recent-table div.dt-container .table thead tr:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table thead td:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table thead th:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody tr:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody td:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody th:nth-child(2) {
        min-width: 360px;
    }

    .box-layout .shopping-cart-table .recent-table div.dt-container .table thead tr:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table thead td:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table thead th:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody tr:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody td:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody th:nth-child(4) {
        min-width: 170px;
    }

    .box-layout .shopping-cart-table .recent-table div.dt-container .table thead tr:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table thead td:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table thead th:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody tr:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody td:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody th:last-child {
        min-width: 100px;
    }

    .box-layout .seller-details-wrapper .review-box .md-sidebar .accordion .accordion-item {
        margin-bottom: 0px;
    }

    .box-layout .seller-details-wrapper .review-box .md-sidebar .md-sidebar-toggle {
        display: block;
        width: fit-content;
        text-transform: capitalize;
        margin-bottom: 20px;
    }

    .box-layout .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside {
        position: absolute;
        top: 40px;
        left: 0px;
        opacity: 0;
        visibility: hidden;
        z-index: 3;
        width: 360px;
        transition: 0.2s;
    }

    .box-layout .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible;
        transition: 0.2s;
    }
}

@media only screen and (min-width: 1661px) and (max-width: 390px) {
    .box-layout .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside {
        width: 300px;
    }
}

@media only screen and (min-width: 1661px) {
    .box-layout .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card {
        box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
        background-color: var(--bs-card-bg);
        border-radius: 15px;
    }

    .box-layout .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card .card-body {
        padding: 20px;
    }

    .box-layout .seller-wrapper .right-vendor {
        justify-content: flex-start;
    }

    .box-layout .general-widget-wrapper .currency-widget div[class*="bg-light-"] {
        display: block;
    }
}

@media only screen and (max-width: 1633px) and (min-width: 1400px) {
    .box-layout .dashboard-13 .fleet-status-chart {
        margin-bottom: -62px;
    }

    .box-layout .dashboard-13 .fleet-status-chart .apexcharts-radialbar {
        transform: scale(0.7);
    }

    .box-layout .dashboard-13 .fleet-status-chart .apexcharts-legend {
        display: none;
    }

    .box-layout .dashboard-13 .sales-order-chart {
        margin-top: -12px;
    }
}

@media only screen and (max-width: 1469px) and (min-width: 1400px) {
    .box-layout .dashboard-13 .fleet-status-chart {
        margin-bottom: -16px;
    }
}

@media only screen and (min-width: 1400px) {
    .box-layout .dashboard-12 .estimated-project {
        margin-bottom: -30px;
        margin-top: -55px;
    }

    .box-layout .dashboard-12 .main-expenses span[class^="font-"] {
        display: none;
    }

    .box-layout .photo-click-wrapper {
        margin: 7px -20px -20px 0px;
    }
}

@media (max-width: 1399px) and (min-width: 576px) {
    .box-layout .attach-files-wrapper .upload-files-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1290px) {
    .box-layout .dashboard-13 .country-option .card-header {
        padding-bottom: 0px;
    }

    .box-layout .dashboard-13 .country-option .profitable-country-chart {
        margin-bottom: -20px;
    }

    .box-layout .dashboard-13 .country-option ul {
        display: none;
    }
}

@media (max-width: 1399px) {
    .box-layout .balance-widget .mobile-right-img {
        right: -10%;
    }

    .box-layout .cmt-box .form-control {
        height: 2px;
        width: calc(100% - 42px);
    }

    .box-layout .cmt-box i {
        width: 40px;
        height: 40px;
    }

    .box-layout .main-team-box {
        grid-template-columns: 1fr 1fr;
    }

    .box-layout .api-management .recent-table table thead tr th:nth-child(2) span, .box-layout .api-management .recent-table table thead tr td:nth-child(2) span, .box-layout .api-management .recent-table table tbody tr th:nth-child(2) span, .box-layout .api-management .recent-table table tbody tr td:nth-child(2) span {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1422px) {
    .box-layout .upgrade-plan.mobile-app-card .card-body img {
        height: 118px;
        width: 128px;
    }
}

@media (min-width: 1400px) {
    .box-layout .monthly-profit {
        margin-block: 28px;
    }

    .box-layout .visitor-chart #visitor_chart {
        margin-block: 90px; }

    .box-layout .monthly-target {
        margin: 19px 0px -45px;
    }

    .box-layout .monthly-target .apexcharts-inner {
        transform: scale(0.6);
    }

    .box-layout .main-team-box {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (min-width: 1280px) {
    .box-layout .kanban-board {
        width: calc(50% - 30px) !important;
    }

    .box-layout .learning-filter {
        order: -1;
    }

    .box-layout .btn-groups .button-wrapper {
        align-items: center;
    }

    .box-layout .main-tasks .email-left-aside .left-bookmark {
        height: auto;
    }

    .box-layout .gallery-with-description a .caption p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .box-layout .main-bookmark .email-left-aside .card .card-body {
        height: 500px;
        overflow-y: scroll;
    }

    .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
        min-width: 100px;
    }

    .box-layout .sitemap-wrapper .horizontal-sitemap .main-site li > a {
        width: 9.5rem;
    }

    .box-layout .sitemap-wrapper .horizontal-sitemap .tier-1 li {
        padding-left: 15px;
    }

    .box-layout .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
        margin-left: 6px;
    }

    .box-layout .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a::before {
        font-size: 16px;
        left: -16px;
    }

    .box-layout .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
        margin-left: 6px;
    }

    .box-layout .manage-review-wrapper .top-body .row {
        flex-direction: column;
    }

    .box-layout .manage-review-wrapper .manage-review .recent-table table thead tr th:nth-child(6), .box-layout .manage-review-wrapper .manage-review .recent-table table thead tr th:nth-child(7), .box-layout .manage-review-wrapper .manage-review .recent-table table thead tr td:nth-child(6), .box-layout .manage-review-wrapper .manage-review .recent-table table thead tr td:nth-child(7), .box-layout .manage-review-wrapper .manage-review .recent-table table tbody tr th:nth-child(6), .box-layout .manage-review-wrapper .manage-review .recent-table table tbody tr th:nth-child(7), .box-layout .manage-review-wrapper .manage-review .recent-table table tbody tr td:nth-child(6), .box-layout .manage-review-wrapper .manage-review .recent-table table tbody tr td:nth-child(7) {
        display: none;
    }

    .box-layout .discount-options {
        gap: 18px;
    }

    .box-layout .discount-options .nav-item .nav-link {
        width: 170px;
        height: 58px;
    }

    .box-layout .seller-cards {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .box-layout .calendar-basic .md-sidebar-aside {
        height: 400px;
        overflow-y: scroll;
    }

    .box-layout .hover-16 .overlay-hover .overlay-content p {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .box-layout .list-product .product-list-table.recent-table thead tr th:nth-child(6), .box-layout .list-product .product-list-table.recent-table thead tr th:nth-child(8), .box-layout .list-product .product-list-table.recent-table thead tr td:nth-child(6), .box-layout .list-product .product-list-table.recent-table thead tr td:nth-child(8), .box-layout .list-product .product-list-table.recent-table tbody tr th:nth-child(6), .box-layout .list-product .product-list-table.recent-table tbody tr th:nth-child(8), .box-layout .list-product .product-list-table.recent-table tbody tr td:nth-child(6), .box-layout .list-product .product-list-table.recent-table tbody tr td:nth-child(8) {
        display: none;
    }

    .box-layout .progress-chart #progress4 {
        display: none;
    }

    .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(2), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(2), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(2), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(2) {
        min-width: 104px;
    }

    .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(3), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(3), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(3), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(3) {
        min-width: 180px;
    }

    .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(4), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(4), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(4), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(4) {
        min-width: 140px;
    }

    .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(5), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(5), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(5), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(5) {
        min-width: 122px;
    }

    .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(6), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(6), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(6), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(6) {
        min-width: 140px;
    }

    .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(7), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(7), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(7), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(7) {
        min-width: 148px;
    }

    .box-layout .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
        justify-content: flex-start;
    }

    .box-layout .summery-contain li img {
        width: 45px;
        height: 45px;
    }

    .box-layout .shipping-form .checkout-cart .basic-wizard .shipping-wizard .card-wrapper:hover .cart-icon i {
        font-size: 14px;
    }

    .box-layout .grid-box-wrapper {
        justify-content: flex-start;
    }

    .box-layout .main-icon-checkbox.checkbox .checkbox-wrapper {
        gap: 12px;
    }

    .box-layout .main-icon-radio .radio-wrapper {
        gap: 12px;
    }

    .box-layout .attachment-file {
        gap: 14px;
        width: 218px;
        min-width: 218px;
    }

    .box-layout .project-pending-table.recent-table table thead tr th:nth-child(4), .box-layout .project-pending-table.recent-table table thead tr td:nth-child(4), .box-layout .project-pending-table.recent-table table tbody tr th:nth-child(4), .box-layout .project-pending-table.recent-table table tbody tr td:nth-child(4) {
        display: none;
    }

    .box-layout .project-pending-table.recent-table table thead tr th:nth-child(3), .box-layout .project-pending-table.recent-table table thead tr td:nth-child(3), .box-layout .project-pending-table.recent-table table tbody tr th:nth-child(3), .box-layout .project-pending-table.recent-table table tbody tr td:nth-child(3) {
        display: none;
    }

    .box-layout .project-pending-table.recent-table table thead tr th:nth-child(4), .box-layout .project-pending-table.recent-table table thead tr td:nth-child(4), .box-layout .project-pending-table.recent-table table tbody tr th:nth-child(4), .box-layout .project-pending-table.recent-table table tbody tr td:nth-child(4) {
        display: none;
    }

    .box-layout .cmt-box {
        padding-top: 18px;
    }

    .box-layout .activity-wrapper .schedule-wrapper {
        justify-content: flex-start;
        display: flex;
    }

    .box-layout .budget-card .common-space {
        flex-wrap: wrap;
    }

    .box-layout .expense-chart-wrap {
        margin: -20px 0px;
    }

    .box-layout .common-project-header h6 {
        margin-left: -54px;
    }

    .box-layout .project-budget-wrapper .row .justify-content-xxl-end {
        justify-content: flex-start !important;
    }

    .box-layout .mail-body-wrapper .user-mail-wrapper .user-footer .attachment-file {
        width: auto;
        min-width: auto;
    }

    .box-layout .dashboard-13 .fleet-status-chart {
        margin-top: 42px;
    }

    .box-layout .dashboard-13 .widget-13 .stat-content p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 95px;
    }

    .box-layout .dashboard-13 .widget-13 .card-body .common-align span {
        font-size: 14px;
    }

    .box-layout .dashboard-13 .widget-13 .profitable-country-chart {
        margin-bottom: -20px;
    }

    .box-layout .dashboard-13 .shipment-tracking-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
    }

    .box-layout .dashboard-13 .shipment-tracking-table .recent-table div.dt-container .dt-layout-row .dt-info {
        display: none;
    }

    .box-layout .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:nth-child(3), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:nth-child(4), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table thead tr th:nth-child(6), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:nth-child(3), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:nth-child(4), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table thead tr td:nth-child(6), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:nth-child(3), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:nth-child(4), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table tbody tr th:nth-child(6), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:nth-child(3), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:nth-child(4), .box-layout .dashboard-13 .shipment-tracking-table .recent-table table tbody tr td:nth-child(6) {
        display: none;
    }

    .box-layout .dashboard-13 .delivery-chart .balance-data {
        position: relative;
        inset: 0px;
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
    }

    .box-layout .dashboard-13 .shipping-details .common-space {
        display: block;
        padding: 8px 18px;
    }

    .box-layout .dashboard-13 .shipping-details .common-space p {
        font-size: 14px;
    }

    .box-layout .dashboard-13 .shipping-details .simple-timeline ul li .shipment-details p:last-child {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        height: 53px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 13px;
        margin-bottom: 11px;
    }

    .box-layout .dashboard-13 .shipping-details .simple-timeline ul li:last-child > div p:last-child {
        text-overflow: unset;
        height: unset;
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: unset;
    }

    .box-layout .dashboard-13 .sales-order .progress {
        width: 50%;
        height: 18px;
    }

    .box-layout .dashboard-13 .sales-order h3 {
        font-size: 22px;
    }

    .box-layout .dashboard-13 .sales-order .common-space span:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 60%;
    }

    .box-layout .dashboard-13 .country-option ul {
        flex-direction: unset;
        flex-wrap: wrap;
    }

    .box-layout .dashboard-13 .country-option ul li {
        padding: 6px 18px;
    }

    .box-layout .dashboard-13 .vehicle-table .recent-table div.dt-container .dt-layout-row .dt-info {
        display: none;
    }

    .box-layout .dashboard-13 .vehicle-table .recent-table table thead tr th img, .box-layout .dashboard-13 .vehicle-table .recent-table table thead tr td img, .box-layout .dashboard-13 .vehicle-table .recent-table table tbody tr th img, .box-layout .dashboard-13 .vehicle-table .recent-table table tbody tr td img {
        display: none;
    }

    .box-layout .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(6), .box-layout .dashboard-13 .vehicle-table .recent-table table thead tr th:last-child, .box-layout .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(6), .box-layout .dashboard-13 .vehicle-table .recent-table table thead tr td:last-child, .box-layout .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(6), .box-layout .dashboard-13 .vehicle-table .recent-table table tbody tr th:last-child, .box-layout .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(6), .box-layout .dashboard-13 .vehicle-table .recent-table table tbody tr td:last-child {
        display: none;
    }

    .box-layout .dashboard-13 .profitable-country-chart {
        border: unset;
    }

    .box-layout .dashboard-12 .main-expenses .card-body {
        padding-top: 0px;
    }

    .box-layout .dashboard-12 .main-expenses h6 {
        font-size: 21px;
    }

    .box-layout .application-overview .balance-data {
        display: none;
    }

    .box-layout .employee-list-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        display: none;
    }

    .box-layout .employee-list-table.recent-table div.dt-container .dt-layout-row .dt-info {
        display: none;
    }

    .box-layout .employee-list-table.recent-table table thead tr th:nth-child(3), .box-layout .employee-list-table.recent-table table thead tr th:nth-child(4), .box-layout .employee-list-table.recent-table table thead tr th:nth-child(5), .box-layout .employee-list-table.recent-table table thead tr td:nth-child(3), .box-layout .employee-list-table.recent-table table thead tr td:nth-child(4), .box-layout .employee-list-table.recent-table table thead tr td:nth-child(5), .box-layout .employee-list-table.recent-table table tbody tr th:nth-child(3), .box-layout .employee-list-table.recent-table table tbody tr th:nth-child(4), .box-layout .employee-list-table.recent-table table tbody tr th:nth-child(5), .box-layout .employee-list-table.recent-table table tbody tr td:nth-child(3), .box-layout .employee-list-table.recent-table table tbody tr td:nth-child(4), .box-layout .employee-list-table.recent-table table tbody tr td:nth-child(5) {
        display: none;
    }

    .box-layout .employee-list-table.recent-table table thead tr th:last-child .square-white, .box-layout .employee-list-table.recent-table table thead tr td:last-child .square-white, .box-layout .employee-list-table.recent-table table tbody tr th:last-child .square-white, .box-layout .employee-list-table.recent-table table tbody tr td:last-child .square-white {
        width: 24px;
        height: 24px;
    }

    .box-layout .employee-list-table.recent-table table thead tr th:last-child .square-white svg, .box-layout .employee-list-table.recent-table table thead tr td:last-child .square-white svg, .box-layout .employee-list-table.recent-table table tbody tr th:last-child .square-white svg, .box-layout .employee-list-table.recent-table table tbody tr td:last-child .square-white svg {
        width: 14px;
        height: 14px;
    }

    .box-layout .employee-list-table.recent-table table thead tr th .common-flex img, .box-layout .employee-list-table.recent-table table thead tr td .common-flex img, .box-layout .employee-list-table.recent-table table tbody tr th .common-flex img, .box-layout .employee-list-table.recent-table table tbody tr td .common-flex img {
        display: none;
    }

    .box-layout .attendance-table.recent-table div.dt-container .dt-layout-row .dt-search {
        display: none;
    }

    .box-layout .attendance-table.recent-table div.dt-container .dt-layout-row:last-child .dt-info {
        display: none;
    }

    .box-layout .attendance-table.recent-table table thead tr th:nth-child(3), .box-layout .attendance-table.recent-table table thead tr td:nth-child(3), .box-layout .attendance-table.recent-table table tbody tr th:nth-child(3), .box-layout .attendance-table.recent-table table tbody tr td:nth-child(3) {
        display: none;
    }

    .box-layout .birthday-cards .swiper {
        margin-block: 50px; }

    .box-layout .birthday-cards .swiper .swiper-slide .birthday-usercard .btn-user img {
        height: 55px;
    }

    .box-layout .project-analytics .analytics-data .balance-data {
        display: none;
    }

    .box-layout .schedule-calender .schedule-wrapper {
        justify-content: flex-start;
        display: flex;
    }

    .box-layout .schedule-calender .tab-content .activity-update {
        display: flex;
        flex-wrap: wrap;
    }

    .box-layout .schedule-calender .tab-content .activity-update > li {
        flex: 0 0 50%;
        margin-bottom: 10px;
    }

    .box-layout .schedule-calender .tab-content .activity-update > li .left-schedule, .box-layout .schedule-calender .tab-content .activity-update > li .right-schedule {
        flex: 1 1 0%;
    }

    .box-layout .schedule-calender .tab-content .activity-update > li:nth-child(5) {
        border-bottom: unset;
        padding-bottom: unset;
        margin-bottom: 0px;
    }

    .box-layout .schedule-calender .tab-content .activity-update > li:last-child {
        margin-bottom: 0px;
    }

    .box-layout .schedule-calender #thu .activity-update > li:nth-child(3) {
        border-bottom: unset;
        padding-bottom: unset;
        margin-bottom: 0px;
    }

    .box-layout .schedule-calender #frd .activity-update > li:first-child, .box-layout .schedule-calender #sun .activity-update > li:first-child {
        border-bottom: unset;
        padding-bottom: unset;
        margin-bottom: 0px;
    }

    .box-layout .interviewer-users ul li {
        padding: 14px 18px;
    }

    .box-layout .treading-product .recent-table.referral-visit table thead tr td:nth-child(2), .box-layout .treading-product .recent-table.referral-visit table thead tr th:nth-child(2), .box-layout .treading-product .recent-table.referral-visit table tbody tr td:nth-child(2), .box-layout .treading-product .recent-table.referral-visit table tbody tr th:nth-child(2) {
        display: none;
    }

    .box-layout .main-session-devices .apexcharts-canvas {
        transform: scale(0.67);
    }

    .box-layout .common-m-chart .apexcharts-canvas .apexcharts-bar-series .apexcharts-datalabels .apexcharts-datalabel {
        display: none;
    }

    .box-layout .analytics-widget .btn {
        padding: 8px 14px;
        font-size: 14px;
    }

    .box-layout .analytics-widget h5 {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box-layout .analytics-widget .card-text {
        display: -webkit-box;
        max-width: 100%;
        height: 46px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: unset;
    }

    .box-layout .page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        width: 90%;
        margin-bottom: 20px;
    }

    .box-layout .page-analytics-table .recent-table .table thead tr th:nth-child(5), .box-layout .page-analytics-table .recent-table .table thead tr td:nth-child(5), .box-layout .page-analytics-table .recent-table .table tbody tr th:nth-child(5), .box-layout .page-analytics-table .recent-table .table tbody tr td:nth-child(5) {
        display: none;
    }

    .box-layout .page-analytics-table .recent-table .table thead tr th:nth-child(4), .box-layout .page-analytics-table .recent-table .table thead tr td:nth-child(4), .box-layout .page-analytics-table .recent-table .table tbody tr th:nth-child(4), .box-layout .page-analytics-table .recent-table .table tbody tr td:nth-child(4) {
        display: none;
    }

    .box-layout .analytics-tread-card .header-top .common-align > span {
        display: none;
    }

    .box-layout .analytics-tread-card .header-top > div span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 130px;
    }

    .box-layout .analytics-tread-card .session-progress {
        top: -11px;
    }

    .box-layout .analytics-tread-card .session-progress .progress {
        height: 8px;
        margin: 90px 0px 20px;
    }

    .box-layout .analytics-tread-card .session-progress .progress .small-progressbar {
        top: -3px;
        width: 14px;
        height: 14px;
    }

    .box-layout .analytics-tread-card .session-progress .progress .progress-label {
        top: -50px;
        right: -16px;
        font-size: 12px;
    }

    .box-layout .analytics-tread-card.retention-progress .card-body .progress {
        margin-top: 60px;
    }

    .box-layout .bounce-rate-wrapper {
        margin: -9px -20px -30px 0px;
    }

    .box-layout .visit-duration-wrapper {
        margin: -12px 35px -30px 0px;
    }

    .box-layout .session-browser-table .table-responsive .table thead.tbody tr th, .box-layout .session-browser-table .table-responsive .table thead.tbody tr td {
        padding-block: 7px; }

    .box-layout .lead-table.recent-table thead tr th .btn, .box-layout .lead-table.recent-table thead tr td .btn, .box-layout .lead-table.recent-table tbody tr th .btn, .box-layout .lead-table.recent-table tbody tr td .btn {
        padding: 6px 16px;
    }

    .box-layout .lead-table.recent-table thead tr th .common-flex .lead-img, .box-layout .lead-table.recent-table thead tr td .common-flex .lead-img, .box-layout .lead-table.recent-table tbody tr th .common-flex .lead-img, .box-layout .lead-table.recent-table tbody tr td .common-flex .lead-img {
        height: 28px;
    }

    .box-layout .lead-table.recent-table thead tr th:nth-child(3), .box-layout .lead-table.recent-table thead tr td:nth-child(3), .box-layout .lead-table.recent-table tbody tr th:nth-child(3), .box-layout .lead-table.recent-table tbody tr td:nth-child(3) {
        display: none;
    }

    .box-layout .lead-table.recent-table thead tr th:nth-child(3), .box-layout .lead-table.recent-table thead tr td:nth-child(3), .box-layout .lead-table.recent-table tbody tr th:nth-child(3), .box-layout .lead-table.recent-table tbody tr td:nth-child(3) {
        display: none;
    }

    .box-layout .lead-table.recent-table thead tr th:nth-child(2), .box-layout .lead-table.recent-table thead tr td:nth-child(2), .box-layout .lead-table.recent-table tbody tr th:nth-child(2), .box-layout .lead-table.recent-table tbody tr td:nth-child(2) {
        display: none;
    }

    .box-layout .our-product-wrapper .our-product-content .add-quantity {
        padding: 4px 8px;
        gap: 8px;
    }

    .box-layout .order-details .search-items button {
        padding: 6px 10px;
    }

    .box-layout .order-details .order-quantity .order-details-wrapper {
        gap: 8px;
    }

    .box-layout .order-details .order-quantity .order-details-wrapper .left-details .order-img {
        width: 80px;
        height: 74px;
    }

    .box-layout .order-details .order-quantity .order-details-wrapper .left-details .order-img img {
        width: 75px;
    }

    .box-layout .order-details .order-quantity .order-details-wrapper .category-details {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details .btn-touchspin {
        border-radius: 50px;
        width: 27px;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: unset;
        background-color: var(--white);
    }
}

@media only screen and (min-width: 1280px) and (min-width: 1400px) and (max-width: 1920px) {
    .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details .btn-touchspin {
        width: calc(-6.23077px + 1.73077vw);
        height: calc(-6.23077px + 1.73077vw);
    }
}

@media only screen and (min-width: 1280px) {
    .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details input[type="number"] {
        width: 25px;
        padding: 10px 0px;
        text-align: center;
        border: unset;
        background-color: unset;
        color: var(--body-font-color);
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1700px) {
    .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details input[type="number"] {
        padding: 0px;
    }
}

@media only screen and (min-width: 1280px) {
    .box-layout .payment-methods .bg-payment {
        width: 75px;
        height: 71px;
    }

    .box-layout .unpaid-fees-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }

    .box-layout .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(3), .box-layout .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(3), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(3), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(3) {
        display: none;
    }

    .box-layout .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(4), .box-layout .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(4), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(4), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(4) {
        display: none;
    }

    .box-layout .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(2) .common-align img, .box-layout .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(2) .common-align img, .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(2) .common-align img, .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(2) .common-align img {
        display: none;
    }

    .box-layout .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(5), .box-layout .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(5), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(5), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(5) {
        display: none;
    }

    .box-layout .top-student-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }

    .box-layout .top-student-table .recent-table table thead th:nth-child(2), .box-layout .top-student-table .recent-table table thead td:nth-child(2), .box-layout .top-student-table .recent-table table tbody th:nth-child(2), .box-layout .top-student-table .recent-table table tbody td:nth-child(2) {
        display: none;
    }

    .box-layout .top-student-table .recent-table table thead th:nth-child(3) .common-align img, .box-layout .top-student-table .recent-table table thead td:nth-child(3) .common-align img, .box-layout .top-student-table .recent-table table tbody th:nth-child(3) .common-align img, .box-layout .top-student-table .recent-table table tbody td:nth-child(3) .common-align img {
        display: none;
    }

    .box-layout .top-student-table .recent-table table thead th:nth-child(6), .box-layout .top-student-table .recent-table table thead td:nth-child(6), .box-layout .top-student-table .recent-table table tbody th:nth-child(6), .box-layout .top-student-table .recent-table table tbody td:nth-child(6) {
        display: none;
    }

    .box-layout .top-student-table .recent-table table thead th:nth-child(4), .box-layout .top-student-table .recent-table table thead td:nth-child(4), .box-layout .top-student-table .recent-table table tbody th:nth-child(4), .box-layout .top-student-table .recent-table table tbody td:nth-child(4) {
        display: none;
    }

    .box-layout .attendance-data ul.balance-data {
        position: relative;
        top: 0px;
        left: 0px;
        display: inline-flex;
    }

    .box-layout .new-enroll-student .recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
        position: relative;
        top: 4px;
        left: 20px;
        margin-bottom: 20px;
        width: 75%;
    }

    .box-layout .new-enroll-student .recent-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }

    .box-layout .new-enroll-student .recent-table table thead th:nth-child(4), .box-layout .new-enroll-student .recent-table table thead td:nth-child(4), .box-layout .new-enroll-student .recent-table table tbody th:nth-child(4), .box-layout .new-enroll-student .recent-table table tbody td:nth-child(4) {
        display: none;
    }

    .box-layout .new-enroll-student .recent-table table thead th:nth-child(2), .box-layout .new-enroll-student .recent-table table thead td:nth-child(2), .box-layout .new-enroll-student .recent-table table tbody th:nth-child(2), .box-layout .new-enroll-student .recent-table table tbody td:nth-child(2) {
        display: none;
    }

    .box-layout .new-enroll-student .recent-table table thead th:nth-child(3), .box-layout .new-enroll-student .recent-table table thead td:nth-child(3), .box-layout .new-enroll-student .recent-table table tbody th:nth-child(3), .box-layout .new-enroll-student .recent-table table tbody td:nth-child(3) {
        display: none;
    }

    .box-layout .std-class-chart .apexcharts-legend {
        gap: 8px !important;
    }

    .box-layout .attendance-student-data {
        margin: 32px 0px -20px -15px;
    }

    .box-layout .upgrade-plan.mobile-app-card .card-body {
        margin-top: 0px;
    }

    .box-layout .follower-wrap .card-body, .box-layout .follower-wrap .card-header {
        padding: 22px;
    }

    .box-layout .follower-wrap .papernote-wrap > span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .box-layout .mobile-app-card .card-body {
        margin-top: 45px;
    }

    .box-layout .mobile-app-card .card-body .wavy {
        margin-top: -36px;
        width: 32px;
        margin-right: -58px;
    }

    .box-layout .mobile-app-card .card-body img:not(.wavy) {
        height: 120px;
    }

    .box-layout .campaign-table.recent-table table tr th:nth-child(3), .box-layout .campaign-table.recent-table table tr th:nth-child(6), .box-layout .campaign-table.recent-table table tr td:nth-child(3), .box-layout .campaign-table.recent-table table tr td:nth-child(6) {
        display: none;
    }

    .box-layout .campaign-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }

    .box-layout .campaign-table .recent-table.table-responsive table thead tr td:nth-child(3), .box-layout .campaign-table .recent-table.table-responsive table thead tr th:nth-child(3), .box-layout .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(3), .box-layout .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(3) {
        display: none;
    }

    .box-layout .campaign-table .recent-table.table-responsive table thead tr td:last-child, .box-layout .campaign-table .recent-table.table-responsive table thead tr th:last-child, .box-layout .campaign-table .recent-table.table-responsive table tbody tr td:last-child, .box-layout .campaign-table .recent-table.table-responsive table tbody tr th:last-child {
        display: none;
    }

    .box-layout .campaign-table .recent-table.table-responsive table thead tr td:nth-child(6), .box-layout .campaign-table .recent-table.table-responsive table thead tr th:nth-child(6), .box-layout .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(6), .box-layout .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(6) {
        display: none;
    }

    .box-layout .campaign-table .recent-table.table-responsive table thead tr td:nth-child(5), .box-layout .campaign-table .recent-table.table-responsive table thead tr th:nth-child(5), .box-layout .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(5), .box-layout .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(5) {
        padding-right: 20px;
    }

    .box-layout .social-clicks .analytics-tread-card .card-header .common-align span:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .box-layout .social-clicks .analytics-tread-card .card-header .common-align span:nth-child(2) {
        display: none;
    }

    .box-layout .follower-country #countryMap {
        height: 345px;
    }

    .box-layout .currency-table.recent-table.average-sale.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }

    .box-layout .currency-table.recent-table.average-sale.table-responsive thead tr th:last-child, .box-layout .currency-table.recent-table.average-sale.table-responsive thead tr td:last-child, .box-layout .currency-table.recent-table.average-sale.table-responsive tbody tr th:last-child, .box-layout .currency-table.recent-table.average-sale.table-responsive tbody tr td:last-child {
        display: none;
    }

    .box-layout .currency-table.recent-table.average-sale.table-responsive thead tr th:nth-child(4), .box-layout .currency-table.recent-table.average-sale.table-responsive thead tr td:nth-child(4), .box-layout .currency-table.recent-table.average-sale.table-responsive tbody tr th:nth-child(4), .box-layout .currency-table.recent-table.average-sale.table-responsive tbody tr td:nth-child(4) {
        display: none;
    }

    .box-layout .currency-table.recent-table.performer-table.table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }

    .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr th:last-child, .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr td:last-child, .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr th:last-child, .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr td:last-child {
        display: none;
    }

    .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(3), .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(3), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(3), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(3) {
        display: none;
    }

    .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(5), .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(5), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(5), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(5) {
        padding-right: 20px;
    }

    .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(4), .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(4), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(4), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(4) {
        display: none;
    }

    .box-layout .transaction-card .transaction-table table tbody tr:nth-child(6) td {
        padding-bottom: 0px;
    }

    .box-layout .transaction-card .transaction-table table tbody tr:last-child td {
        display: none;
        border-bottom: none;
    }

    .box-layout .t-top-mentor .table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }

    .box-layout .t-top-mentor thead tr th img, .box-layout .t-top-mentor thead tr td img, .box-layout .t-top-mentor tbody tr th img, .box-layout .t-top-mentor tbody tr td img {
        height: 32px;
    }

    .box-layout .t-top-mentor thead tr th:nth-child(3), .box-layout .t-top-mentor thead tr td:nth-child(3), .box-layout .t-top-mentor tbody tr th:nth-child(3), .box-layout .t-top-mentor tbody tr td:nth-child(3) {
        display: none;
    }

    .box-layout .t-top-mentor thead tr th img, .box-layout .t-top-mentor thead tr td img, .box-layout .t-top-mentor tbody tr th img, .box-layout .t-top-mentor tbody tr td img {
        height: 38px;
    }

    .box-layout .completed-course-table .table-responsive div.dt-container .dt-layout-row:last-child {
        flex-direction: column;
    }

    .box-layout .completed-course-table thead tr th:last-child, .box-layout .completed-course-table thead tr td:last-child, .box-layout .completed-course-table tbody tr th:last-child, .box-layout .completed-course-table tbody tr td:last-child {
        display: none;
    }

    .box-layout .completed-course-table thead tr th:nth-child(2) .common-flex, .box-layout .completed-course-table thead tr td:nth-child(2) .common-flex, .box-layout .completed-course-table tbody tr th:nth-child(2) .common-flex, .box-layout .completed-course-table tbody tr td:nth-child(2) .common-flex {
        gap: 7px;
    }

    .box-layout .completed-course-table thead tr th:nth-child(4), .box-layout .completed-course-table thead tr td:nth-child(4), .box-layout .completed-course-table tbody tr th:nth-child(4), .box-layout .completed-course-table tbody tr td:nth-child(4) {
        display: none;
    }

    .box-layout .completed-course-table thead tr th .common-flex, .box-layout .completed-course-table thead tr td .common-flex, .box-layout .completed-course-table tbody tr th .common-flex, .box-layout .completed-course-table tbody tr td .common-flex {
        gap: 10px;
    }

    .box-layout .balance-widget .mobile-right-img {
        right: -18%;
    }

    .box-layout .recent-order table tr th:nth-child(2), .box-layout .recent-order table tr td:nth-child(2) {
        min-width: 97px;
    }

    .box-layout .frame-box .frame-image {
        min-width: 40px;
        height: 40px;
    }

    .box-layout .frame-box .frame-image img {
        height: 22px;
        width: 30px;
        object-fit: contain;
    }

    .box-layout .purchase-card.discover .card-body img {
        margin-top: -75px;
    }

    .box-layout .payment-gateway .pay-box .outer-line .outer-svg-box {
        width: 29px;
        height: 29px;
    }

    .box-layout .payment-gateway .pay-box .outer-line .outer-svg-box svg {
        width: 16px;
        height: 16px;
    }

    .box-layout .seller-table thead tr th:nth-child(3), .box-layout .seller-table thead tr td:nth-child(3), .box-layout .seller-table tbody tr th:nth-child(3), .box-layout .seller-table tbody tr td:nth-child(3) {
        display: none;
    }

    .box-layout .treading-product .table-responsive .table thead tr th .common-flex, .box-layout .treading-product .table-responsive .table thead tr td .common-flex, .box-layout .treading-product .table-responsive .table tbody tr th .common-flex, .box-layout .treading-product .table-responsive .table tbody tr td .common-flex {
        gap: 8px;
    }

    .box-layout .widget-1 .f-w-500 {
        display: none;
    }

    .box-layout .widget-1 .card-body {
        padding: 18px;
    }

    .box-layout .widget-1 .widget-round .bg-round {
        width: 40px;
        height: 40px;
    }

    .box-layout .widget-1 .widget-round .bg-round svg {
        width: 22px;
        height: 22px;
    }

    .box-layout .widget-1 .widget-round .bg-round .half-circle {
        height: 40px;
        left: -10px;
        width: 30px;
        bottom: -8px;
    }

    .box-layout .profile-box {
        height: 206px;
    }

    .box-layout .profile-box .cartoon {
        right: 30px;
        text-align: right;
    }

    .box-layout .profile-box .cartoon img {
        width: 70%;
    }

    .box-layout .target-content .common-box ul li:last-child {
        display: none;
    }

    .box-layout .target-content p {
        margin-block: 21px; }

    .box-layout .activity-log .basic-timeline ul li {
        padding-bottom: 12px;
    }

    .box-layout .activity-log .basic-timeline ul li img {
        height: 40px;
    }

    .box-layout .activity-log .basic-timeline ul li p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 225px;
    }

    .box-layout .visitor-chart .common-flex {
        gap: 4px;
    }

    .box-layout .visitor-chart .common-flex p {
        display: none;
    }

    .box-layout .recent-order-table.currency-table.recent-table .currency-icon {
        width: 44px;
        height: 44px;
    }

    .box-layout .recent-order-table.currency-table.recent-table table thead tr th:last-child, .box-layout .recent-order-table.currency-table.recent-table table thead tr td:last-child, .box-layout .recent-order-table.currency-table.recent-table table tbody tr th:last-child, .box-layout .recent-order-table.currency-table.recent-table table tbody tr td:last-child {
        display: none;
    }

    .box-layout .recent-order-table.currency-table.recent-table table thead tr th:nth-child(6), .box-layout .recent-order-table.currency-table.recent-table table thead tr td:nth-child(6), .box-layout .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(6), .box-layout .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(6) {
        padding-right: 20px;
    }

    .box-layout .recent-order-table.currency-table.recent-table table thead tr th:nth-child(3), .box-layout .recent-order-table.currency-table.recent-table table thead tr td:nth-child(3), .box-layout .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(3), .box-layout .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(3) {
        min-width: 80px;
    }

    .box-layout .recent-order-table.currency-table.recent-table table thead tr th:nth-child(4), .box-layout .recent-order-table.currency-table.recent-table table thead tr td:nth-child(4), .box-layout .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(4), .box-layout .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(4) {
        display: none;
    }

    .box-layout .appointments-wrapper li .main-box span:nth-child(2) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 245px;
    }

    .box-layout .buy-card .card-body {
        margin-inline: 6px; }

    .box-layout .buy-card img {
        height: 295px;
    }

    .box-layout .swiper.swiper-h, .box-layout .swiper.vertical-swiper {
        height: 295px;
    }

    .box-layout .main-file-sidebar .md-sidebar .md-sidebar-aside {
        width: 325px;
    }

    .box-layout .emoji-rating .main-emoji-text {
        flex-wrap: nowrap;
        height: 70px;
    }

    .box-layout .creative-wrapper {
        padding: 8px;
    }

    .box-layout .creative-wrapper .creative-info {
        padding: 15px;
    }

    .box-layout .msg-emojis-wrapper .star-widget label {
        font-size: 30px;
    }

    .box-layout .candidates-box .table-responsive .dt-container table.dataTable thead tr th:nth-child(4), .box-layout .candidates-box .table-responsive .dt-container table.dataTable thead tr td:nth-child(4), .box-layout .candidates-box .table-responsive .dt-container table.dataTable tbody tr th:nth-child(4), .box-layout .candidates-box .table-responsive .dt-container table.dataTable tbody tr td:nth-child(4) {
        display: none;
    }

    .box-layout .main-companies .md-sidebar .card {
        margin: 0px;
        border-radius: 0px;
    }

    .box-layout .main-companies .md-sidebar .md-sidebar-aside {
        width: calc(289px + 1.875vw);
        padding: 0px;
    }

    .box-layout .md-sidebar .md-sidebar-toggle {
        display: block;
    }

    .box-layout .md-sidebar .md-sidebar-aside {
        position: absolute;
        top: 40px;
        left: 0px;
        opacity: 0;
        visibility: hidden;
        z-index: 3;
        width: 280px;
    }

    .box-layout .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible;
    }

    .box-layout .job-sidebar {
        background-color: var(--white);
        padding: 20px;
        box-shadow: rgba(46, 35, 94, 0.07) 0px 9px 20px;
        height: 600px;
        overflow-y: auto;
    }

    .box-layout .job-sidebar .job-accordion .animate-chk .form-check .form-check-label span:first-child:not(.product-filter .product-rate span:first-child) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100px;
    }

    .box-layout .widget-1.mb-xl-0 {
        margin-bottom: 25px !important;
    }

    .box-layout .radial-progress-card .radial-chart-wrap {
        margin-right: -10px;
    }

    .box-layout .currency-widget div[class*="bg-light-"] h5 {
        display: none;
    }

    .box-layout .box-order .order-1 {
        order: 1 !important;
    }

    .box-layout .activity-card .appointment-table.customer-table {
        height: 187px;
    }

    .box-layout .transaction-table tr td:first-child {
        min-width: 150px;
    }

    .box-layout .welcome-card .welcome-img {
        height: 170px;
        bottom: -22px;
    }

    .box-layout .main-divider .divider-body.divider-body-1 {
        margin-bottom: 26px;
    }

    .box-layout .main-divider .divider-body.divider-body-3 {
        margin-bottom: 32px;
    }

    .box-layout .main-divider .divider-body:last-child {
        margin-bottom: 0px;
    }

    .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
        padding-top: 40px;
        margin-top: 0px !important;
    }

    .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
        margin-top: 42px;
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        top: 42px;
        border-radius: 10px 0px 0px 10px;
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1200px;
        left: 48%;
        padding-left: 12px;
        border-radius: 0px 0px 10px;
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
        padding-left: 0px;
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(-189px + 100vh);
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
        box-shadow: rgba(89, 102, 122, 0.1) 0px 8px 6px -6px;
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        margin-top: 10px;
        margin-bottom: 20px;
        height: calc(-191px + 100vh);
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(-130px + 100vh);
        margin-top: 0px;
        top: 80px;
        overflow: scroll;
        max-height: calc(-220px + 100vh);
        padding-bottom: 80px;
        margin-left: 230px;
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
        box-shadow: rgb(233, 237, 241) 0px 0px 6px inset;
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
        width: 6px;
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
        background-color: rgba(68, 102, 242, 0.15);
    }

    .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
        padding-left: 148px;
    }

    .box-layout .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header, .box-layout.page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
        width: 38%;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
        margin-top: 40px;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
        border-radius: 15px 0px 0px 15px;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
        display: none;
        transition: 0.5s;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(-166px + 100vh);
        margin: 0px;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        left: 470px;
        top: 40px;
        height: calc(-84px + 100vh);
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu {
        animation: unset;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0px;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(-90px + 100vh);
        margin-top: 0px;
        top: 80px;
        overflow: scroll;
        max-height: calc(-170px + 100vh);
        padding-bottom: 80px;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
        box-shadow: rgb(233, 237, 241) 0px 0px 6px inset;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
        width: 6px;
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
        background-color: rgba(68, 102, 242, 0.15);
    }

    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
        padding-left: 90px;
    }

    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0px;
    }

    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header .left-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header .left-header {
        width: 36%;
    }

    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        left: 410px;
    }

    .box-layout .page-wrapper.compact-sidebar.compact-small.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar.compact-small.material-icon .page-body-wrapper .page-body {
        margin-left: 90px;
        padding-left: 15px;
    }

    .box-layout .page-wrapper.compact-sidebar.compact-small.material-icon .page-body-wrapper .page-body .default-dashboard .sales-report #sale_report, .box-layout.page-wrapper.compact-sidebar.compact-small.material-icon .page-body-wrapper .page-body .default-dashboard .sales-report #sale_report {
        margin-bottom: -18px;
    }

    .box-layout .page-wrapper.compact-sidebar.material-icon .header-wrapper .left-header, .box-layout.page-wrapper.compact-sidebar.material-icon .header-wrapper .left-header {
        width: 36%;
    }

    .box-layout .page-wrapper.horizontal-wrapper::before, .box-layout.page-wrapper.horizontal-wrapper::before {
        display: none;
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
        margin-top: 40px;
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(-310px + 100vh);
        max-height: calc(-230px + 100vh);
        overflow: scroll;
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
        box-shadow: rgb(233, 237, 241) 0px 0px 6px inset;
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
        width: 6px;
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
        background-color: rgba(68, 102, 242, 0.15);
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px;
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0px;
        overflow-x: unset;
        position: relative;
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
        left: 0%;
        transform: translate(0px, 0px);
        top: 125px;
        background-color: var(--white);
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
        padding-left: 0px;
    }

    .box-layout .page-wrapper.horizontal-wrapper.box-layout, .box-layout.page-wrapper.horizontal-wrapper.box-layout {
        padding-top: 0px;
    }

    .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
        padding-left: 0px;
    }

    .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%;
    }

    .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 46%;
    }

    .box-layout .page-wrapper.modern-type .page-header.close_icon, .box-layout.page-wrapper.modern-type .page-header.close_icon {
        padding-left: 0px;
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
        margin-left: 260px;
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
        top: 120px;
        border-radius: 15px;
        bottom: auto;
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(-311px + 100vh);
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(-316px + 100vh);
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1280px;
        left: 50%;
        margin-left: 0px;
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
        margin-left: 0px;
    }

    .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
        max-width: 1280px;
        margin: 42px auto 0px;
        left: 0px;
        right: 0px;
        transition: 0.5s;
        padding-left: 230px;
        border-radius: 10px 10px 0px 0px;
        width: unset;
    }

    .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
        padding-left: 80px;
        margin-left: auto;
        width: calc(100% + 0px);
        transition: 0.5s;
    }

    .box-layout .page-wrapper .page-header.close_icon .header-wrapper, .box-layout.page-wrapper .page-header.close_icon .header-wrapper {
        border-radius: 0px 10px 0px 0px;
    }

    .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
        border: 1px solid rgb(248, 248, 248);
        border-radius: 0px 10px 0px 0px;
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper {
        border-radius: 10px 10px 0px 0px;
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right, .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
        width: 38%;
    }

    .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
        margin-top: 0px;
    }

    .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0px;
    }

    .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0px;
    }

    .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
        margin-top: 40px !important;
    }

    .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
        margin-top: 0px;
    }

    .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0px;
        min-height: calc(-170px + 100vh);
        padding-bottom: 40px;
    }

    .box-layout .page-wrapper.material-icon.compact-small.compact-sidebar .page-body, .box-layout.page-wrapper.material-icon.compact-small.compact-sidebar .page-body {
        min-height: calc(-220px + 100vh);
    }

    .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
        box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 10px;
    }

    .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
        margin-top: 0px;
    }

    .box-layout .page-wrapper.only-body .page-header .header-wrapper, .box-layout.page-wrapper.only-body .page-header .header-wrapper {
        border: unset;
    }

    .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
        width: 1280px;
        box-shadow: rgba(0, 0, 0, 0.07) 4px 11px 25px;
        margin: 0px auto;
        overflow: hidden;
    }

    .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto;
    }

    .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
        width: 100px;
    }

    .box-layout .page-wrapper .page-body-wrapper footer:not(.kanban-container footer), .box-layout.page-wrapper .page-body-wrapper footer:not(.kanban-container footer) {
        width: 1280px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 230px;
        position: fixed;
        left: 50%;
        transform: translate(-50%, 0px);
        border-radius: 0px 0px 10px 10px;
        z-index: 1;
        margin-bottom: 40px !important;
    }

    .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0px;
        width: 100%;
    }

    .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px;
    }

    .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%;
    }

    .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px;
    }

    .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
        opacity: 0.7;
    }

    .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px;
    }

    .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px;
    }

    .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px;
    }

    .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
        padding: 0px;
    }

    .box-layout .page-wrapper ul.close_icon > li label::after, .box-layout.page-wrapper ul.close_icon > li label::after {
        display: none;
    }

    .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
        margin-right: -1px;
    }

    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
        padding-left: 20px;
        padding-right: 20px;
    }

    .box-layout .page-wrapper .main-timeline .basic-timeline.dark-timeline ul .d-flex p:last-child:not(.default-dashboard .main-timeline .basic-timeline ul .d-flex p:last-child), .box-layout.page-wrapper .main-timeline .basic-timeline.dark-timeline ul .d-flex p:last-child:not(.default-dashboard .main-timeline .basic-timeline ul .d-flex p:last-child) {
        width: 260px;
    }

    .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
        display: block;
    }

    .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle;
    }

    .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
        margin-top: 30px;
    }

    .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
        font-size: 14px;
    }

    .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
        text-align: center !important;
    }

    .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
        max-width: 238px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
        left: 55%;
    }

    .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
        min-width: 67%;
        width: 67%;
    }

    .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
        padding: 50px 20px;
    }

    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
        min-height: 400px;
    }

    .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily, .box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily {
        min-height: 430px;
    }

    .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris, .box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris {
        min-height: 430px;
    }

    .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .box-layout .page-wrapper .box-col-9, .box-layout.page-wrapper .box-col-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
        flex: 0 0 66.67%;
        max-width: 66.67%;
    }

    .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
        display: none !important;
    }

    .box-layout .page-wrapper .box-ord-1, .box-layout.page-wrapper .box-ord-1 {
        order: 1 !important;
    }

    .box-layout .page-wrapper .box-ord-2, .box-layout.page-wrapper .box-ord-2 {
        order: 2 !important;
    }

    .box-layout .page-wrapper .box-ord-3, .box-layout.page-wrapper .box-ord-3 {
        order: 3 !important;
    }

    .box-layout .page-wrapper .box-ord-4, .box-layout.page-wrapper .box-ord-4 {
        order: 4 !important;
    }

    .box-layout .page-wrapper .box-ord-5, .box-layout.page-wrapper .box-ord-5 {
        order: 5 !important;
    }

    .box-layout .page-wrapper .box-ord-6, .box-layout.page-wrapper .box-ord-6 {
        order: 6 !important;
    }

    .box-layout .page-wrapper .box-ord-7, .box-layout.page-wrapper .box-ord-7 {
        order: 7 !important;
    }

    .box-layout .page-wrapper .box-ord-8, .box-layout.page-wrapper .box-ord-8 {
        order: 8 !important;
    }

    .box-layout .page-wrapper .box-ord-9, .box-layout.page-wrapper .box-ord-9 {
        order: 9 !important;
    }

    .box-layout .page-wrapper .box-ord-10, .box-layout.page-wrapper .box-ord-10 {
        order: 10 !important;
    }

    .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
        right: 0px;
        border-top: 1px solid rgb(221, 221, 221);
        opacity: 0;
        transform: translateY(-30px);
        visibility: hidden;
        top: 81px;
        position: absolute;
        z-index: 9;
        background-color: rgb(255, 255, 255);
        transition: 0.3s linear;
    }

    .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: 0.3s linear;
        padding-bottom: 25px;
    }

    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
        stroke-width: 23px !important;
    }

    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
        max-height: 165px;
    }

    .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
        padding-left: 12px;
    }

    .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
        padding-right: 12px;
    }

    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
        height: 644px;
    }

    .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
        right: 320px;
    }

    .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
        padding: 0px 10px;
    }

    .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
        width: 1280px;
        margin: 0px auto;
        left: 0px;
        right: 0px;
    }

    .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
        min-width: 67%;
        width: 67%;
    }

    .box-layout .page-wrapper .general-widget-wrapper .main-session-devices .apexcharts-inner, .box-layout.page-wrapper .general-widget-wrapper .main-session-devices .apexcharts-inner {
        transform: scale(0.68);
    }

    .box-layout .page-wrapper .badge-heading h1, .box-layout .page-wrapper .badge-heading h2, .box-layout .page-wrapper .badge-heading h3, .box-layout .page-wrapper .badge-heading h4, .box-layout .page-wrapper .badge-heading h5, .box-layout.page-wrapper .badge-heading h1, .box-layout.page-wrapper .badge-heading h2, .box-layout.page-wrapper .badge-heading h3, .box-layout.page-wrapper .badge-heading h4, .box-layout.page-wrapper .badge-heading h5 {
        margin-bottom: 38px;
    }

    .box-layout .page-wrapper .smooth-animate .label, .box-layout.page-wrapper .smooth-animate .label {
        top: -175px;
    }
}

@media (max-width: 1500px) {
    .box-layout .bounce-rate-wrapper {
        margin: -38px -20px -30px 0px;
    }

    .box-layout .visit-duration-wrapper {
        margin: -42px 35px -30px 0px;
    }
}

@media (max-width: 1290px) {
    .box-layout .our-product-wrapper .our-product-content .add-quantity {
        gap: 5px;
    }
}

@media (min-width: 1211px) {
    .box-layout .std-class-chart {
        margin-block: 64px;
    }
}

@media (max-width: 1585px) and (min-width: 1486px) {
    .box-layout .payment-methods .bg-payment {
        width: 68px;
        height: 68px;
    }
}

@media (max-width: 1485px) and (min-width: 1446px) {
    .box-layout .payment-methods .bg-payment {
        width: 64px;
        height: 64px;
    }
}

@media (max-width: 1445px) and (min-width: 1456px) {
    .box-layout .payment-methods .bg-payment {
        width: 64px;
        height: 64px;
    }
}

@media (max-width: 1455px) and (min-width: 1200px) {
    .box-layout .payment-methods .bg-payment {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 1410px) {
    .box-layout .std-class-chart .apexcharts-legend {
        gap: 0px !important;
    }
}

.sidebar-panel-main {
    position: fixed;
    bottom: 80px;
    z-index: 9;
    right: 30px;
}

@media (max-width: 575px) {
    .sidebar-panel-main {
        display: none;
    }
}

.sidebar-panel-main ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar-panel-main ul .icon-btn {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    box-shadow: rgb(115, 102, 255) 0px 0px 10px;
}

.sidebar-panel-main ul .icon-btn i {
    font-size: 18px;
    color: rgb(255, 255, 255);
}

.sidebar-panel-main ul li {
    position: relative;
}

.sidebar-panel-main ul li span {
    position: absolute;
    right: -35px;
    width: max-content;
    text-align: right;
    padding: 7px 10px;
    display: block;
    top: 0px;
    border-radius: 5px;
    transform: scale(0);
    transition: 0.3s;
    opacity: 0;
    color: var(--theme-default);
    background-color: rgb(232, 229, 255);
    box-shadow: rgba(8, 21, 66, 0.1) 0px 0px 37px;
}

.sidebar-panel-main ul li:hover span {
    opacity: 1;
    right: 48px;
    transform: scale(1);
    transition: 0.3s;
}

.sidebar-panel-main ul li:hover::after {
    opacity: 1;
    transform: scale(1);
    transition: 0.3s;
}

.sidebar-panel-main ul li::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-color: transparent transparent transparent rgb(232, 229, 255);
    border-style: solid;
    top: 12px;
    border-width: 5px 0px 5px 5px;
    opacity: 0;
    transform: scale(0);
    color: rgb(255, 255, 255);
    left: -10px;
    z-index: 2;
    transition: 0.3s;
}

.setting-sidebar, .layout-sidebar {
    background-color: var(--white);
    width: 370px;
    height: 100%;
    position: fixed;
    top: 0px;
    right: -400px;
    z-index: 999;
    box-shadow: rgba(68, 102, 242, 0.05) 0px 0px 10px 1px;
    transition: 0.3s;
}

@media (max-width: 575px) {
    .setting-sidebar, .layout-sidebar {
        display: none;
    }
}

.setting-sidebar.open, .layout-sidebar.open {
    right: 0px;
    transition: 0.3s;
}

.setting-sidebar h4, .layout-sidebar h4 {
    font-weight: 500;
}

.setting-sidebar .customizer-header, .layout-sidebar .customizer-header {
    padding: 10px 20px;
    background: var(--theme-default);
}

.setting-sidebar .customizer-header p i, .layout-sidebar .customizer-header p i {
    margin-left: 4px;
}

.setting-sidebar .customizer-header .theme-title, .layout-sidebar .customizer-header .theme-title {
    display: flex;
    align-items: center;
}

.setting-sidebar .customizer-header .theme-title h4, .layout-sidebar .customizer-header .theme-title h4 {
    color: rgb(255, 255, 255);
}

.setting-sidebar .customizer-header .theme-title p, .layout-sidebar .customizer-header .theme-title p {
    color: rgb(255, 255, 255);
}

.setting-sidebar .customizer-header .theme-title .flex-grow-1 .icon-btn.btn-outline-light, .layout-sidebar .customizer-header .theme-title .flex-grow-1 .icon-btn.btn-outline-light {
    cursor: pointer;
    transition: 1s;
    color: rgb(115, 102, 255);
    background-color: rgb(255, 255, 255);
    height: 37px;
    width: 37px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

.setting-sidebar .customizer-header .theme-title .flex-grow-1 .icon-btn.btn-outline-light:hover, .layout-sidebar .customizer-header .theme-title .flex-grow-1 .icon-btn.btn-outline-light:hover {
    transform: rotate(360deg);
}

.setting-sidebar .customizer-header .theme-title .flex-grow-1 .icon-btn.btn-outline-light i, .layout-sidebar .customizer-header .theme-title .flex-grow-1 .icon-btn.btn-outline-light i {
    font-size: 18px;
    color: var(--theme-default);
}

.setting-sidebar .customizer-body, .layout-sidebar .customizer-body {
    padding: 15px 25px;
    max-height: calc(-68px + 100vh);
    overflow-y: scroll;
}

.setting-sidebar .customizer-body .color-body .color-img, .layout-sidebar .customizer-body .color-body .color-img {
    position: relative;
    border: 5px solid rgba(115, 102, 255, 0.3);
    border-radius: 10px;
}

.setting-sidebar .customizer-body .color-body .color-img img, .layout-sidebar .customizer-body .color-body .color-img img {
    left: 0px;
    border-radius: 5px;
    transition: 1s;
}

.setting-sidebar .customizer-body .color-body .color-img img:hover, .layout-sidebar .customizer-body .color-body .color-img img:hover {
    transform: scale(1.1);
}

.setting-sidebar .customizer-body .color-body .color-img .customizer-overlay, .layout-sidebar .customizer-body .color-body .color-img .customizer-overlay {
    position: absolute;
    border-radius: 5px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s;
}

.setting-sidebar .customizer-body .color-body .color-img .color-btn, .layout-sidebar .customizer-body .color-body .color-img .color-btn {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.35s;
}

.setting-sidebar .customizer-body .color-body .color-img .color-btn a, .layout-sidebar .customizer-body .color-body .color-img .color-btn a {
    padding: 3px 6px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 12px;
    border: 2px solid rgb(255, 255, 255);
    z-index: 1;
}

.setting-sidebar .customizer-body .color-body .color-img:hover .customizer-overlay, .layout-sidebar .customizer-body .color-body .color-img:hover .customizer-overlay {
    display: block;
    background: rgba(0, 0, 0, 0.3);
}

.setting-sidebar .customizer-body .color-body .color-img:hover .color-btn, .layout-sidebar .customizer-body .color-body .color-img:hover .color-btn {
    opacity: 1;
}

.setting-sidebar .customizer-body .radio-form, .layout-sidebar .customizer-body .radio-form {
    gap: 0px;
    align-items: center;
    justify-content: space-evenly;
}

.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li, .layout-sidebar .customizer-body .sidebar-body .radio-wrapper li {
    width: unset;
    height: unset;
    padding: 8px 15px;
}

.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input, .layout-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input {
    cursor: pointer;
}

.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input:checked ~ .form-check-label .stroke-icon, .layout-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input:checked ~ .form-check-label .stroke-icon {
    stroke: var(--theme-default);
}

.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input:checked ~ .form-check-label .fill-icon, .layout-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input:checked ~ .form-check-label .fill-icon {
    fill: rgb(115, 102, 255);
}

.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input:checked ~ .form-check-label span, .layout-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-input:checked ~ .form-check-label span {
    color: var(--theme-default);
}

.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label, .layout-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}

.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label .stroke-icon, .layout-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label .stroke-icon {
    stroke: var(--light-font);
}

.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label .fill-icon, .layout-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label .fill-icon {
    fill: var(--light-font);
}

.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label span, .layout-sidebar .customizer-body .sidebar-body .radio-wrapper li .form-check-label span {
    color: var(--light-font);
}

.setting-sidebar .customizer-body .layout-grid.customizer-mix .color-layout, .layout-sidebar .customizer-body .layout-grid.customizer-mix .color-layout {
    height: 70px;
    width: 80px;
    border: 1px solid rgb(246, 247, 251);
    border-radius: 5px;
}

.setting-sidebar .customizer-body .layout-grid.customizer-mix .common-layout, .layout-sidebar .customizer-body .layout-grid.customizer-mix .common-layout {
    position: relative;
}

.setting-sidebar .customizer-body .layout-grid.customizer-mix .common-layout span.badge, .layout-sidebar .customizer-body .layout-grid.customizer-mix .common-layout span.badge {
    position: absolute;
    z-index: 1;
    background: rgba(204, 204, 204, 0.5);
    line-height: normal;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 4px;
}

.setting-sidebar .customizer-body ul.customizer-mix .color-layout, .layout-sidebar .customizer-body ul.customizer-mix .color-layout {
    height: 35px;
    width: 35px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px;
    border: 1px solid rgb(184, 184, 184);
    padding: 3px;
    position: relative;
    cursor: pointer;
    opacity: 0.9;
}

.setting-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-2"] div, .layout-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-2"] div {
    background-color: rgb(15, 44, 89);
}

.setting-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-3"] div, .layout-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-3"] div {
    background-color: rgb(122, 62, 101);
}

.setting-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-4"] div, .layout-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-4"] div {
    background-color: rgb(2, 84, 100);
}

.setting-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-5"] div, .layout-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-5"] div {
    background-color: rgb(62, 100, 255);
}

.setting-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-6"] div, .layout-sidebar .customizer-body ul.customizer-mix .color-layout[data-attr="color-6"] div {
    background-color: rgb(80, 109, 132);
}

.setting-sidebar .customizer-body li, .layout-sidebar .customizer-body li {
    cursor: pointer;
    opacity: 0.9;
}

.setting-sidebar .customizer-body li.active, .layout-sidebar .customizer-body li.active {
    opacity: 1;
}

.setting-sidebar .customizer-body .main-layout > li, .layout-sidebar .customizer-body .main-layout > li {
    height: 65px;
    width: 85px;
    border: 1px solid rgb(244, 244, 244);
    border-radius: 10px;
    display: inline-block;
}

.setting-sidebar .customizer-body .main-layout > li + li, .layout-sidebar .customizer-body .main-layout > li + li {
    margin-left: 7px;
}

.setting-sidebar .customizer-body .main-layout .box-layout .body .badge, .layout-sidebar .customizer-body .main-layout .box-layout .body .badge {
    left: 11px;
}

.setting-sidebar .customizer-body h6, .layout-sidebar .customizer-body h6 {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: 5px;
    color: rgb(0, 0, 0);
}

.setting-sidebar .customizer-body h6:first-child, .layout-sidebar .customizer-body h6:first-child {
    padding-top: 0px;
    margin-top: 0px;
}

.setting-sidebar .customizer-body .layout-link, .layout-sidebar .customizer-body .layout-link {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.setting-sidebar .customizer-body .layout-link li, .layout-sidebar .customizer-body .layout-link li {
    border-radius: 4px;
    background-color: rgb(244, 244, 244);
}

.setting-sidebar .customizer-body .layout-link li a, .layout-sidebar .customizer-body .layout-link li a {
    padding: 10px 16px;
    display: block;
    color: rgb(82, 82, 108);
}

.setting-sidebar .customizer-body .layout-link li a i, .layout-sidebar .customizer-body .layout-link li a i {
    font-size: 20px;
    color: rgb(82, 82, 108);
    vertical-align: -4px;
    margin-right: 6px;
}

.setting-sidebar .sidebar-type > li, .setting-sidebar .sidebar-setting > li, .layout-sidebar .sidebar-type > li, .layout-sidebar .sidebar-setting > li {
    height: 70px;
    width: 85px;
    border: 1px solid rgb(233, 237, 241);
    border-radius: 5px;
    display: inline-block;
}

.setting-sidebar .sidebar-type > li + li, .setting-sidebar .sidebar-setting > li + li, .layout-sidebar .sidebar-type > li + li, .layout-sidebar .sidebar-setting > li + li {
    margin-left: 7px;
}

.setting-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .setting-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar, .layout-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .layout-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar {
    width: 100%;
    height: 10px;
    display: block;
}

.setting-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .setting-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body, .layout-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .layout-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
    height: calc(100% - 10px);
    width: 100%;
}

.setting-sidebar .sidebar-type li[data-attr="normal-sidebar"].body-compact .body ul li.body, .layout-sidebar .sidebar-type li[data-attr="normal-sidebar"].body-compact .body ul li.body {
    width: calc(100% - 25px);
}

.setting-sidebar .layout-types > li, .layout-sidebar .layout-types > li {
    width: unset;
    height: unset;
    margin-bottom: 20px;
}

.setting-sidebar .layout-types > li .layout-img h6, .layout-sidebar .layout-types > li .layout-img h6 {
    padding-top: 0px;
    text-transform: inherit;
    text-align: center;
}

.setting-sidebar .layout-types .box-layout, .layout-sidebar .layout-types .box-layout {
    background: unset;
}

.setting-sidebar .color-layout, .layout-sidebar .color-layout {
    height: 35px;
    width: 35px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid rgb(184, 184, 184);
    padding: 3px;
}

.setting-sidebar .color-layout > div, .layout-sidebar .color-layout > div {
    background-color: rgb(115, 102, 255);
    height: 100%;
    width: 100%;
    border-radius: 5px;
}

.setting-sidebar .color-layout[data-attr="color-2"] div, .layout-sidebar .color-layout[data-attr="color-2"] div {
    background-color: rgb(72, 49, 212);
}

.setting-sidebar .color-layout[data-attr="color-3"] div, .layout-sidebar .color-layout[data-attr="color-3"] div {
    background-color: rgb(214, 77, 207);
}

.setting-sidebar .color-layout[data-attr="color-4"] div, .layout-sidebar .color-layout[data-attr="color-4"] div {
    background-color: rgb(76, 47, 191);
}

.setting-sidebar .color-layout[data-attr="color-5"] div, .layout-sidebar .color-layout[data-attr="color-5"] div {
    background-color: rgb(124, 77, 255);
}

.setting-sidebar .color-layout[data-attr="color-6"] div, .layout-sidebar .color-layout[data-attr="color-6"] div {
    background-color: rgb(57, 73, 171);
}

.setting-sidebar .dark > li, .layout-sidebar .dark > li {
    background-color: rgb(47, 60, 78);
}

.setting-sidebar .fade:not(.show), .layout-sidebar .fade:not(.show) {
    display: none;
}

.setting-sidebar .unlimited-color-layout, .layout-sidebar .unlimited-color-layout {
    display: flex;
    align-items: center;
}

.setting-sidebar .unlimited-color-layout .btn, .layout-sidebar .unlimited-color-layout .btn {
    font-size: 15px;
    padding: 4px 20px;
}

.setting-sidebar .unlimited-color-layout input, .layout-sidebar .unlimited-color-layout input {
    border: 1px solid rgb(204, 204, 204);
    height: 35px;
    width: 35px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    margin-right: 5px;
}

.customizer-links {
    position: fixed;
    right: 0px;
    top: 50%;
    z-index: 8;
    transform: translate(0px, -50%);
    box-shadow: rgba(8, 21, 66, 0.1) 0px 0px 37px;
}

.customizer-links > .nav {
    border-radius: 8px;
    padding: 10px;
    background-color: rgb(255, 255, 255);
}

.customizer-links.open {
    right: 330px;
    border-radius: 8px 0px 0px 8px;
    transition: 0.3s;
}

.customizer-links .nav-link {
    padding: 0px;
    position: relative;
}

.customizer-links .nav-link::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(115, 102, 255, 0.1);
    border-radius: 5px;
    transform: scale(0);
    transition: 0.3s;
}

.customizer-links .nav-link::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-color: transparent transparent transparent rgb(232, 230, 255);
    border-style: solid;
    top: 12px;
    border-width: 5px 0px 5px 5px;
    opacity: 0;
    transform: scale(0);
    color: rgb(255, 255, 255);
    left: -10px;
    z-index: 2;
    transition: 0.3s;
}

.customizer-links .nav-link:hover i {
    color: var(--theme-default);
}

.customizer-links .nav-link:hover::before, .customizer-links .nav-link:hover::after {
    opacity: 1;
    transform: scale(1);
    transition: 0.3s;
}

.customizer-links .nav-link:hover span {
    opacity: 1;
    right: 48px;
    transform: scale(1);
    transition: 0.3s;
}

.customizer-links .nav-link + .nav-link {
    margin-bottom: 5px;
}

.customizer-links .nav-link span {
    position: absolute;
    right: -60px;
    width: max-content;
    text-align: right;
    padding: 7px 10px;
    display: block;
    top: 0px;
    border-radius: 5px;
    transform: scale(0);
    transition: 0.3s;
    opacity: 0;
    color: var(--theme-default);
    background-color: rgb(232, 230, 255);
    box-shadow: rgba(8, 21, 66, 0.1) 0px 0px 37px;
}

.customizer-links .nav-link i {
    font-size: 17px;
    padding: 8px 10px;
    display: inline-block;
    cursor: pointer;
    margin: 0px;
    color: gray;
    border-radius: 5px;
}

.customizer-contain {
    direction: ltr;
    position: fixed;
    height: 100vh;
    top: 79px;
    width: 333px;
    right: -335px;
    background-color: rgb(255, 255, 255);
    z-index: 8;
    transition: 0.3s;
}

.customizer-contain.open {
    right: 0px;
    transition: 0.3s;
    box-shadow: rgba(68, 102, 242, 0.05) 0px 0px 10px 1px;
}

.customizer-contain li {
    position: relative;
}

.customizer-contain li.active {
    box-shadow: rgba(226, 226, 226, 0.5) 0px 0px 11px 5px;
}

.customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid rgb(244, 244, 244);
}

.customizer-contain .customizer-header .icon-close {
    position: absolute;
    font-size: 18px;
    cursor: pointer;
    font-weight: 900;
    right: 24px;
    color: var(--theme-default);
}

.customizer-contain .customizer-header h5 {
    text-transform: uppercase;
    color: rgb(0, 0, 0);
}

.customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(-200px + 100vh);
    overflow-y: scroll;
}

.layout-grid:not(.customizer-color) li {
    padding: 5px;
}

.layout-grid:not(.customizer-color) li > .header {
    height: 9px;
    border-radius: 3px;
    position: relative;
}

.layout-grid:not(.customizer-color) li > .header ul {
    position: absolute;
    top: -8px;
    left: 5px;
}

.layout-grid:not(.customizer-color) li > .header ul > li {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    top: calc(50% - 3px);
    background-color: var(--theme-default);
    margin-right: 2px;
    padding: 0px;
}

.layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
    background-color: var(--theme-secondary);
}

.layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
    background-color: rgb(101, 193, 92);
}

.layout-grid:not(.customizer-color) li > .body {
    background-color: rgb(244, 244, 244);
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1;
}

.layout-grid:not(.customizer-color) li > .body ul {
    height: 100%;
    background-color: rgb(255, 255, 255);
}

.layout-grid:not(.customizer-color) li > .body ul .sidebar {
    width: 18px;
    height: 100%;
    border-radius: 3px;
    display: inline-block;
    margin-right: 3px;
    padding: 0px;
}

.layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
    width: 12px;
}

.layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
    width: calc(100% - 19px);
}

.layout-grid:not(.customizer-color) li > .body ul .body {
    width: calc(100% - 25px);
    padding: 0px;
    margin: 0px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.layout-grid:not(.customizer-color) li > .body ul .body .badge {
    position: absolute;
}

.layout-grid:not(.customizer-color) li:nth-child(2) > .body ul .sidebar {
    margin-left: 3px;
}

.jsgrid-filter-row select, .jsgrid-filter-row input {
    padding: 6px 10px;
    border: 1px solid rgb(242, 244, 255);
    background: rgb(255, 255, 255);
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: rgb(234, 232, 255);
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: rgb(234, 232, 255);
    border-top-color: transparent;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: rgb(234, 232, 255);
    border-top-color: transparent;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: rgb(234, 232, 255);
    border-top-color: transparent;
}

.tooltip .tooltip-inner {
    background-color: rgb(234, 232, 255);
    color: rgb(115, 102, 255);
}

.tooltip .tooltip-arrow::before {
    border-top-color: rgb(234, 232, 255);
}

.dropdown-basic .dropdown .dropdown-content a {
    padding: 6px 16px;
    color: rgb(43, 43, 43);
    opacity: 0.6;
    font-size: 13px;
    border-top: 1px solid rgb(239, 239, 239);
    background: var(--white);
}

.dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: rgb(255, 255, 255);
}

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
    padding: 8px 16px;
    font-weight: 400;
    color: rgb(63, 71, 90);
    font-size: 13px;
}

.dropdown-basic .dropup .dropup-content {
    top: auto;
}

.default-according .card .card-header {
    padding: 0px;
    border: none;
    border-radius: 5px 5px 0px 0px;
}

.default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
    border-color: transparent;
}

.default-according .card .card-header i {
    position: initial;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}

[dir="rtl"] .default-according .card .card-header i {
    margin-right: unset;
    margin-left: 5px;
}

.default-according .card .card-header h5 {
    margin-top: 0px;
}

.default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: 0.7px;
    font-family: Roboto;
    border: 1px solid rgb(239, 239, 239);
    border-radius: 5px 5px 0px 0px;
    font-weight: 500;
    font-size: calc(13.6px + 0.125vw);
}

[dir="rtl"] .default-according .card .card-header .btn-link {
    text-align: right;
}

@media (max-width: 575px) {
    .default-according .card .card-header .btn-link {
        padding: 12px 15px;
    }
}

.default-according .card .card-body {
    padding: 15px 20px;
    line-height: 22px;
    font-size: 14px;
    border-color: rgb(239, 239, 239);
    border-radius: 0px 0px 5px 5px;
    color: rgb(63, 71, 90);
}

.nav-tabs {
    border-bottom-color: rgb(239, 239, 239);
}

.nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: rgb(239, 239, 239);
}

.nav-tabs .nav-item.show .nav-link {
    font-weight: 500;
}

.nav-tabs .nav-link {
    color: rgb(63, 71, 90);
}

.nav-tabs .nav-link.active {
    font-weight: 500;
}

.nav-tabs.nav-bottom .nav-item .nav-link.active {
    border-color: rgb(233, 237, 241) rgb(233, 237, 241) rgb(255, 255, 255);
}

.dropdown-menu {
    box-shadow: rgba(89, 102, 122, 0.1) 0px 0px 20px;
    border: none;
    padding: 0px;
    z-index: 2;
}

.dropdown-menu .dropdown-item {
    color: rgb(43, 43, 43);
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid rgb(239, 239, 239);
    background: var(--white);
}

.dropdown-menu .dropdown-item:hover {
    background-color: rgb(204, 204, 204);
}

.dropdown-menu .dropdown-item:first-child {
    border: none;
}

.dropdown-menu .dropdown-divider {
    margin: 0px;
    border-top: 1px solid rgb(204, 204, 204);
}

.border-tab .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid rgb(115, 102, 255);
}

.border-tab .nav-tabs .nav-item .nav-link.show {
    border-bottom: 2px solid rgb(115, 102, 255);
}

.border-tab .nav-tabs .nav-item .nav-link:focus {
    border-bottom: 2px solid rgb(115, 102, 255);
}

.timeliny .timeliny-dot::before {
    font-size: 18px;
}

.component .input-group .btn {
    line-height: 32px;
    text-transform: capitalize;
}

.login-card .login-main .theme-form label {
    font-size: 14px;
}

.login-card .login-main .theme-form .show-hide {
    top: 50%;
}

.faq-accordion .card .btn-link svg {
    margin-left: 20px;
}

@media (max-width: 575.98px) {
    .faq-accordion .card .btn-link svg {
        margin-left: 10px;
    }
}

.form-control:focus, .form-select:focus {
    box-shadow: unset;
    border-color: var(--theme-default);
}

.job-filter .faq-form .form-control {
    font-size: 14px;
    padding: 6px 30px 6px 6px;
}

.job-filter .faq-form .search-icon {
    width: 16px;
    height: 16px;
}

.dt-button-collection {
    width: auto !important;
}

.dt-button-collection .btn-group {
    width: 100%;
}

.dt-button-collection .dropdown-item:hover {
    background-color: var(--white) !important;
}

.carousel .carousel-indicators {
    margin-bottom: 3px;
}

.carousel-item .carousel-caption {
    width: 100%;
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding: 26px 10px;
    background-color: rgba(38, 41, 50, 0.51);
}

.carousel-item .carousel-caption h5, .carousel-item .carousel-caption p {
    color: rgb(255, 255, 255);
}

.carousel-item .carousel-opacity {
    background-color: rgba(244, 244, 244, 0.51);
}

.carousel-dark .carousel-caption h5, .carousel-dark .carousel-caption p {
    color: rgb(0, 0, 0);
}

.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
    width: calc(21.2px + 0.5625vw);
    height: calc(21.2px + 0.5625vw);
}

.swiper.swiper-h, .swiper.vertical-swiper {
    height: calc(104px + 20.625vw);
}

.swiper .swiper-button-next::after, .swiper .swiper-button-prev::after {
    font-size: calc(21.2px + 0.5625vw);
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--theme-default);
}

.nested-horizontal-swiper {
    height: 500px;
}

.nested-horizontal-swiper .nested-vertical-swiper {
    height: 100%;
}

.autoplay-swiper .swiper-button-prev, .autoplay-swiper .swiper-button-next {
    color: var(--white);
}

.thumb-swiper-wrapper .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.thumb-swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background-image: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    background-color: ;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
}

.thumb-swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.thumb-swiper-wrapper body {
    background: rgb(63, 71, 90);
    color: rgb(63, 71, 90);
}

.thumb-swiper-wrapper .mySwiper2 {
    width: 100%;
    height: 80%;
}

.thumb-swiper-wrapper .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0px;
}

.thumb-swiper-wrapper .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.thumb-swiper-wrapper .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.coverflow-slider.swiper {
    width: 100%;
}

.coverflow-slider.swiper .swiper-slide {
    background-position: center center;
    background-size: cover;
    width: 300px;
}

@media (max-width: 478px) and (min-width: 396px) {
    .coverflow-slider.swiper .swiper-slide {
        width: 200px;
    }
}

@media (max-width: 395px) and (min-width: 361px) {
    .coverflow-slider.swiper .swiper-slide {
        width: 170px;
    }
}

@media (max-width: 360px) {
    .coverflow-slider.swiper .swiper-slide {
        width: 138px;
    }
}

.coverflow-slider.swiper .swiper-slide img {
    display: block;
    width: 100%;
}

[dir="rtl"] .rating-header h4 {
    direction: ltr;
}

.animated-toast {
    z-index: 11;
}

@media (max-width: 390px) {
    .animated-toast .toast {
        width: 285px;
    }

    .animated-toast .toast .toast-header h6 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 220px;
    }
}

.animate-img .animate-widget img {
    width: 100%;
    height: calc(158px + 10vw);
    margin: 0px auto;
    object-fit: cover;
    border-radius: 15px 15px 0px 0px;
}

.animated-modal-wrapper .common-align {
    flex-direction: column;
    gap: 26px;
}

.animated-modal-wrapper .animated-modal {
    flex-flow: column;
    gap: 15px;
    justify-content: center;
    margin-bottom: 0px;
    align-items: stretch;
}

.animated-modal-wrapper .animated-modal .animated-modal-md-mb {
    justify-content: center;
    align-items: center;
}

@media (max-width: 442px) {
    .animated-modal-wrapper .animated-modal .animated-modal-md-mb {
        gap: 4px;
    }
}

@media (max-width: 363px) {
    .animated-modal-wrapper .animated-modal .animated-modal-md-mb {
        justify-content: flex-start;
    }
}

@media (max-width: 442px) and (min-width: 364px) {
    .animated-modal-wrapper .animated-modal .form-select {
        width: 75% !important;
    }
}

@media (max-width: 363px) {
    .animated-modal-wrapper .animated-modal .form-select {
        margin-inline: 12px;
        width: 85% !important;
    }
}

.modal-popup.modal {
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0px);
}

.modal-popup.modal .modal-dialog {
    pointer-events: all;
}

.modal-popup.modal .modal-dialog .theme-close {
    width: calc(22px + 0.9375vw);
    height: calc(22px + 0.9375vw);
    font-size: calc(11.6px + 0.125vw);
    cursor: pointer;
}

.modal-popup.modal .modal-dialog .theme-close:hover {
    opacity: 1;
}

.animate-widget img {
    border-radius: 10px 10px 0px 0px;
}

.add-post form .form-control:focus {
    border: 1px solid var(--recent-dashed-border);
    box-shadow: unset;
}

.add-post form .m-checkbox-inline label {
    cursor: pointer;
}

.starter-main .alert-primary.inverse {
    padding: 13px 20px 13px 65px;
    border-color: rgb(115, 102, 255);
    color: rgb(63, 71, 90);
}

[dir="rtl"] .starter-main .alert-primary.inverse {
    padding: 13px 65px 13px 20px;
}

.starter-main .alert-primary.inverse::before {
    content: "";
    position: absolute;
    left: 55px;
    width: 0px;
    height: 0px;
    top: 50%;
    border-left: 7px solid rgb(115, 102, 255);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    transform: translateY(-50%);
}

[dir="rtl"] .starter-main .alert-primary.inverse::before {
    border-right: 7px solid rgb(115, 102, 255);
    border-left: unset;
    left: unset;
    right: 55px;
}

.starter-main .alert-primary.inverse i {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    background-color: rgb(115, 102, 255);
    color: rgb(255, 255, 255);
    border-radius: 0px 0px 0px 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

[dir="rtl"] .starter-main .alert-primary.inverse i {
    right: 0px;
    left: unset;
}

.helper-classes {
    padding: 30px;
    margin-bottom: 0px;
    white-space: pre-line;
}

.starter-kit-fix .page-body {
    margin-bottom: 52px;
}

.starter-main .card-body p {
    font-size: 14px;
}

.starter-main .card-body ul {
    padding-left: 30px;
    list-style-type: disc;
    margin-bottom: 15px;
}

.starter-main .card-body h5 {
    font-size: 18px;
}

.starter-main .card-body pre {
    white-space: pre-line;
    padding: 30px;
}

.starter-main .alert {
    background-color: rgba(68, 102, 242, 0.2) !important;
}

.starter-main .alert i {
    display: flex;
    align-items: center;
}

.card-block .table-responsive .table caption {
    padding-left: 10px;
}

[dir="rtl"] .card-block .table-responsive .table caption {
    padding-left: unset;
    padding-right: 10px;
    text-align: right;
}

.card-block .table-responsive .table-bordered td {
    vertical-align: middle;
}

.card-block .table-border-radius {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.card-block .default-checkbox-align #checkbox1 {
    margin-right: 10px;
}

.card-block .default-checkbox-align #radio {
    margin-right: 5px;
}

#example-style-3_wrapper #example-style-3 tfoot {
    border-top: 2px solid rgb(239, 239, 239);
}

.chart-vertical-center {
    display: flex;
    justify-content: center;
}

.chart-vertical-center #myDoughnutGraph, .chart-vertical-center #myPolarGraph {
    width: auto !important;
}

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
    visibility: hidden !important;
}

.animated-dropfile #top {
    margin-top: 20px;
}

.animated-dropfile .btn-container {
    background: var(--white);
    border-radius: 5px;
    line-height: 0;
    margin: 34px 0px;
}

.animated-dropfile .imgupload {
    color: var(--chart-text-color);
    font-size: 50px;
}

.animated-dropfile #namefile {
    color: var(--chart-text-color);
}

.animated-dropfile h4 > strong {
    color: rgb(252, 86, 74);
}

.animated-dropfile .imgupload.ok {
    display: none;
    color: rgb(101, 193, 92);
}

.animated-dropfile .imgupload.stop {
    display: none;
    color: rgb(252, 86, 74);
}

.animated-dropfile #fileup {
    opacity: 0;
    width: 200px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 34px;
    height: 35px;
}

.animated-dropfile #submitbtn {
    padding: 5px 50px;
    display: none;
}

.animated-dropfile #fakebtn {
    padding: 5px 40px;
}

.animated-dropfile #sign {
    color: rgb(30, 40, 50);
    position: fixed;
    right: 10px;
    bottom: 10px;
    text-shadow: rgb(30, 40, 50) 0px 0px 0px;
    transition: 0.3s;
}

.animated-dropfile #sign:hover {
    color: rgb(30, 40, 50);
    text-shadow: rgb(30, 40, 50) 0px 0px 5px;
}

.element-draggable {
    background-color: rgb(241, 237, 243);
    color: rgb(41, 38, 43);
    padding: 1rem;
    margin-top: 14px;
    transition: opacity 200ms;
}

.element-draggable:first-child {
    margin-top: 0px;
}

.dragging {
    opacity: 0.5;
    transition: opacity 1s;
}

.reload-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 12px;
}

.button-light-light {
    background-color: rgba(244, 244, 244, 0.5) !important;
}

.bootstrap-select {
    width: 100% !important;
}

.bootstrap-select .dropdown-toggle {
    width: 100%;
    color: rgb(137, 137, 137);
    border-radius: 6px;
    background-color: var(--white) !important;
    border-color: rgb(204, 204, 204) !important;
}

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

.bootstrap-select .dropdown-toggle::after {
    font-size: 15px;
}

.bootstrap-select .dropdown-menu {
    width: 100%;
}

.bootstrap-select .dropdown-menu .no-results {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
    color: rgb(255, 255, 255);
}

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
    padding-top: 18px;
}

.todo-wrap.email-wrap .email-app-sidebar .main-menu li span[class*="bg-light-"] {
    min-width: 35px;
    min-height: 35px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.todo-wrap.email-wrap .todo-tasks .card-body {
    height: 350px;
    overflow: auto;
}

.todo-wrap.email-wrap .todo-tasks .card-body .task-date {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

@media (max-width: 575px) {
    .todo-wrap.email-wrap .todo-tasks .card-body .task-date {
        margin: 0px;
        justify-content: space-between;
        width: 100%;
    }

    .todo-wrap.email-wrap .todo-tasks .card-body .task-date span {
        padding: 0px;
    }
}

.todo-wrap.email-wrap .todo-tasks input, .todo-wrap.email-wrap .todo-tasks button {
    padding: 8px;
    border: none;
    border-radius: 4px;
    outline: none;
}

.todo-wrap.email-wrap .todo-tasks input {
    border: 1px solid var(--theme-default);
}

.todo-wrap.email-wrap .todo-tasks input.form-check-input {
    margin: 0px;
}

.todo-wrap.email-wrap .todo-tasks button {
    color: rgb(255, 255, 255);
    background-color: var(--theme-default);
    cursor: pointer;
}

.todo-wrap.email-wrap .todo-tasks button i {
    color: rgb(255, 255, 255);
}

.todo-wrap.email-wrap .todo-tasks li {
    background-color: rgba(204, 204, 204, 0.2);
    margin-bottom: 10px;
    padding: 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.todo-wrap.email-wrap .todo-tasks li:last-child {
    margin-bottom: 0px;
}

.todo-wrap.email-wrap .todo-tasks li.form-check-input {
    margin: 0px;
}

.todo-wrap.email-wrap .todo-tasks li span {
    padding-inline: 12px; display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.todo-wrap.email-wrap .todo-tasks .completed {
    text-decoration: line-through 2px rgb(252, 86, 74);
}

.todo-wrap.email-wrap .todo-tasks .delete-button {
    min-width: 30px;
    min-height: 30px;
    padding: 0px;
    margin-left: auto;
}

@media (max-width: 575px) {
    .todo-wrap.email-wrap .todo-tasks li {
        flex-wrap: wrap;
        gap: 8px;
    }

    .todo-wrap.email-wrap .todo-tasks li span:not(.c-o-light) {
        padding: 0px;
    }
}

.tilt-showcase .sub-title {
    border-bottom: 0px !important;
}

.tilt-showcase pre {
    padding: 12px;
    margin-top: 7px;
}

.support-ticket-font ul {
    font-size: 13px;
}

.ecommerce-widget {
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid rgb(241, 243, 255) !important;
}

.ecommerce-widget .total-num {
    color: rgb(64, 64, 64);
    margin: 0px;
    letter-spacing: 1px;
}

.ecommerce-widget .total-num span {
    color: rgb(0, 0, 0);
}

.ecommerce-widget .row {
    align-items: center;
}

.ecommerce-widget .progress-showcase {
    margin-top: 20px;
}

.ecommerce-widget span {
    color: rgb(117, 117, 138);
    margin: 0px;
    cursor: pointer;
}

.ecommerce-widget .icon {
    color: rgb(239, 239, 239);
    font-size: 40px;
}

.ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0px;
    margin: 0px;
    border: transparent;
}

.ecommerce-widget .morris-default-style {
    display: none !important;
}

.ecommerce-widget svg {
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 12px 12px 7px);
}

.typeahead-wrapper .tt-menu {
    z-index: 6 !important;
}

.api-manage .card-header .btn i {
    vertical-align: middle;
}

.api-management .recent-table div.dt-container .dt-layout-row .dt-search {
    top: 20px;
    right: 145px;
}

@media (max-width: 640px) and (min-width: 576px) {
    .api-management .recent-table div.dt-container .dt-layout-row .dt-search {
        position: absolute;
        left: unset;
    }
}

@media (max-width: 575px) {
    .api-management .recent-table div.dt-container .dt-layout-row .dt-search {
        top: 0px;
    }
}

.api-management .recent-table div.dt-container .dt-layout-row .dt-search .dt-input {
    width: auto;
    padding: 6px;
    border-radius: 6px;
}

.api-management .recent-table div.dt-container .dt-layout-row .dt-length {
    top: 23px;
}

.api-management .recent-table table thead tr th, .api-management .recent-table table thead tr td, .api-management .recent-table table tbody tr th, .api-management .recent-table table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.api-management .recent-table table thead tr th:first-child, .api-management .recent-table table thead tr td:first-child, .api-management .recent-table table tbody tr th:first-child, .api-management .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.api-management .recent-table table thead tr th:last-child, .api-management .recent-table table thead tr td:last-child, .api-management .recent-table table tbody tr th:last-child, .api-management .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.api-management .recent-table table thead tr th .badge, .api-management .recent-table table thead tr td .badge, .api-management .recent-table table tbody tr th .badge, .api-management .recent-table table tbody tr td .badge {
    padding: 6px 12px;
    font-size: 12px;
}

.api-management .recent-table table thead tr th .common-f-start, .api-management .recent-table table thead tr td .common-f-start, .api-management .recent-table table tbody tr th .common-f-start, .api-management .recent-table table tbody tr td .common-f-start {
    gap: 12px;
}

.api-management .recent-table table thead tr th .common-f-start .square-l-white, .api-management .recent-table table thead tr td .common-f-start .square-l-white, .api-management .recent-table table tbody tr th .common-f-start .square-l-white, .api-management .recent-table table tbody tr td .common-f-start .square-l-white {
    width: calc(29.2px + 0.25vw);
    height: calc(29.2px + 0.25vw);
    border-radius: 2px;
    background-color: rgb(244, 244, 244);
    display: flex;
    justify-content: center;
    align-items: center;
}

.api-management .recent-table table thead tr th .common-f-start .square-l-white i, .api-management .recent-table table thead tr td .common-f-start .square-l-white i, .api-management .recent-table table tbody tr th .common-f-start .square-l-white i, .api-management .recent-table table tbody tr td .common-f-start .square-l-white i {
    font-size: calc(13.6px + 0.125vw);
    color: rgba(82, 82, 108, 0.5);
    cursor: pointer;
}

.api-management .recent-table table thead tr th .square-white, .api-management .recent-table table thead tr td .square-white, .api-management .recent-table table tbody tr th .square-white, .api-management .recent-table table tbody tr td .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.api-management .recent-table table thead tr th .square-white svg, .api-management .recent-table table thead tr td .square-white svg, .api-management .recent-table table tbody tr th .square-white svg, .api-management .recent-table table tbody tr td .square-white svg {
    fill: rgba(82, 82, 108, 0.8);
    width: 16px;
    height: 16px;
}

.api-management .recent-table table thead tr th:nth-child(3), .api-management .recent-table table thead tr td:nth-child(3), .api-management .recent-table table tbody tr th:nth-child(3), .api-management .recent-table table tbody tr td:nth-child(3) {
    min-width: 330px;
}

@media (max-width: 1310px) and (min-width: 992px) {
    .api-management .recent-table table thead tr th:nth-child(2) span, .api-management .recent-table table thead tr td:nth-child(2) span, .api-management .recent-table table tbody tr th:nth-child(2) span, .api-management .recent-table table tbody tr td:nth-child(2) span {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        height: auto;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 991px) {
    .api-management .recent-table table thead tr th:nth-child(2), .api-management .recent-table table thead tr td:nth-child(2), .api-management .recent-table table tbody tr th:nth-child(2), .api-management .recent-table table tbody tr td:nth-child(2) {
        min-width: 365px;
    }

    .api-management .recent-table table thead tr th:nth-child(3), .api-management .recent-table table thead tr td:nth-child(3), .api-management .recent-table table tbody tr th:nth-child(3), .api-management .recent-table table tbody tr td:nth-child(3) {
        min-width: 350px;
    }
}

.sitemap-wrapper .default-sitemap .sub-title {
    color: rgb(63, 71, 90);
    margin-bottom: 18px;
    padding-bottom: 6px;
    border-bottom: thick solid var(--chart-progress-light);
}

.sitemap-wrapper .default-sitemap .common-flex {
    flex-direction: column;
}

.sitemap-wrapper .default-sitemap .common-flex a {
    color: rgba(82, 82, 108, 0.6);
}

.sitemap-wrapper .horizontal-sitemap {
    text-align: center;
}

.sitemap-wrapper .horizontal-sitemap .main-site li > a {
    padding: 10px 20px;
    border-radius: 4px;
    background-color: rgba(204, 204, 204, 0.29);
    display: inline-block;
    width: 10rem;
    text-align: center;
    color: rgb(64, 64, 64);
}

@media (min-width: 992px) {
    .sitemap-wrapper .horizontal-sitemap .main-site li > a {
        width: calc(-1.81724px + 9.5rem + 0.18319vw);
    }
}

@media (max-width: 991px) {
    .sitemap-wrapper .horizontal-sitemap .main-site li > a {
        background-color: unset;
        padding: 0px;
        text-align: left;
    }
}

.sitemap-wrapper .horizontal-sitemap .main-site li .main-root {
    position: relative;
    background-color: rgb(204, 204, 204);
}

.sitemap-wrapper .horizontal-sitemap .main-site li .main-root::after {
    content: "";
    border: 1px solid rgb(63, 71, 90);
    position: absolute;
    height: 28px;
    bottom: -28px;
    left: 50%;
    transform: translate(-50%);
}

@media (max-width: 991px) {
    .sitemap-wrapper .horizontal-sitemap .main-site li .main-root {
        background-color: unset;
        text-align: center;
    }
}

.sitemap-wrapper .horizontal-sitemap .tier-1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 88%;
    margin: 28px auto auto;
    padding-top: 22px;
    position: relative;
    border-top: 8px solid rgb(63, 71, 90);
}

.sitemap-wrapper .horizontal-sitemap .tier-1 li {
    text-align: left;
    position: relative;
}

.sitemap-wrapper .horizontal-sitemap .tier-1 li > a:not(.tier-2 li a):first-child {
    background-color: rgba(204, 204, 204, 0.6);
    position: relative;
}

.sitemap-wrapper .horizontal-sitemap .tier-1 li > a:not(.tier-2 li a):first-child::before {
    content: "";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 6 Free";
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px;
    color: rgb(63, 71, 90);
}

@media (max-width: 991px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 li > a:not(.tier-2 li a):first-child {
        background-color: unset;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 li {
        padding-left: calc(7.51724px + 0.75431vw);
    }
}

@media (max-width: 991px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 li {
        padding-left: 0px;
    }
}

.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 40px;
    border-left: 2px solid rgb(63, 71, 90);
}

.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li {
    position: relative;
}

.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a {
    position: relative;
}

.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a::before {
    content: "";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 6 Free";
    top: 50%;
    left: -22px;
    transform: translateY(-50%);
    font-size: 22px;
    color: rgb(63, 71, 90);
}

@media (min-width: 992px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a::before {
        font-size: calc(9.58621px + 0.646552vw);
        left: calc(-9.58621px - 0.646552vw);
    }
}

@media (max-width: 991px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a::before {
        font-size: 16px;
    }
}

.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 40px;
    border-left: 2px solid rgb(63, 71, 90);
}

@media (min-width: 992px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
        margin-left: calc(-47.4483px + 5.38793vw);
    }
}

@media (max-width: 991px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
        margin-left: 0px;
        padding-top: 18px;
        gap: 12px;
    }
}

@media (max-width: 991px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 li {
        padding-left: 20px;
    }
}

@media (min-width: 992px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
        margin-left: calc(-17.5172px + 2.37069vw);
    }
}

@media (max-width: 991px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
        margin-left: 0px;
        padding-top: 18px;
        gap: 12px;
        padding-left: 20px;
    }
}

@media (max-width: 1529px) {
    .sitemap-wrapper .horizontal-sitemap .tier-1 {
        width: 100%;
        overflow: auto hidden;
    }
}

.subscribed-user .card-header {
    padding: 27px 20px;
}

.subscribed-user .subscribed-user-wrapper .dt-container .dt-layout-row:first-child {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    gap: 20px;
    right: 32px;
    top: -55px;
}

@media (max-width: 1045px) {
    .subscribed-user .subscribed-user-wrapper .dt-container .dt-layout-row:first-child {
        position: relative;
        inset: 0px;
        justify-content: flex-end;
        padding: 0px 20px 20px;
        flex-wrap: wrap;
        gap: 12px;
    }
}

@media (max-width: 640px) {
    .subscribed-user .subscribed-user-wrapper .dt-container .dt-layout-row .dt-search {
        margin: 0px !important;
        inset: 0px !important;
    }
}

.subscribed-user .subscribed-user-wrapper .dt-container .dt-layout-row .dt-buttons {
    margin-bottom: 0px;
}

@media (max-width: 380px) {
    .subscribed-user .subscribed-user-wrapper .dt-container .dt-layout-row .dt-buttons .btn {
        padding: 6px 9px !important;
    }
}

.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th, .subscribed-user .subscribed-user-wrapper .recent-table table thead tr td, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td {
    color: var(--body-font-color);
    min-width: auto;
}

.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th:first-child, .subscribed-user .subscribed-user-wrapper .recent-table table thead tr td:first-child, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th:first-child, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td:first-child {
    padding-left: 20px;
}

.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th:last-child, .subscribed-user .subscribed-user-wrapper .recent-table table thead tr td:last-child, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th:last-child, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td:last-child {
    padding-right: 20px;
}

.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th a, .subscribed-user .subscribed-user-wrapper .recent-table table thead tr td a, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th a, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td a {
    color: var(--body-font-color);
    font-weight: 500;
}

.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th a:hover, .subscribed-user .subscribed-user-wrapper .recent-table table thead tr td a:hover, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th a:hover, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td a:hover {
    color: var(--theme-default);
}

.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th .badge, .subscribed-user .subscribed-user-wrapper .recent-table table thead tr td .badge, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th .badge, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td .badge {
    padding: 6px 12px;
    font-size: 12px;
}

.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th .square-white, .subscribed-user .subscribed-user-wrapper .recent-table table thead tr td .square-white, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th .square-white, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td .square-white {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(235, 235, 235, 0.4) 0px 0px 28px 6px;
}

.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th .square-white i, .subscribed-user .subscribed-user-wrapper .recent-table table thead tr td .square-white i, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th .square-white i, .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td .square-white i {
    color: rgba(82, 82, 108, 0.8);
    width: 16px;
    height: 16px;
}

.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th:nth-child(3), .subscribed-user .subscribed-user-wrapper .recent-table table thead tr td:nth-child(3), .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th:nth-child(3), .subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td:nth-child(3) {
    min-width: 165px;
}

body.dark-only {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(29, 30, 38);
}

body.dark-only .card {
    --bs-card-title-color: var(--body-font-color);
    --bs-card-subtitle-color: var(--body-font-color);
    --bs-card-cap-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-body-color: var(--body-font-color);
}

body.dark-only .breadcrumb {
    --bs-breadcrumb-bg: transparent;
}

body.dark-only .toast {
    --bs-toast-color: var(--body-font-color);
}

body.dark-only .modal {
    --bs-modal-color: rgba($white, 0.4);
    --bs-modal-footer-bg: $dark-card-background;
}

body.dark-only .form-control {
    background-color: rgb(38, 41, 50);
    border-color: rgb(55, 69, 88);
}

body.dark-only .form-control::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

body.dark-only .c-light {
    color: rgb(152, 166, 173);
}

body.dark-only .c-o-light {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-only input:-webkit-autofill, body.dark-only input:-webkit-autofill:hover, body.dark-only input:-webkit-autofill:focus, body.dark-only input:-webkit-autofill:active {
    background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.6);
}

body.dark-only input[type="file"]::file-selector-button {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(38, 41, 50) !important;
}

body.dark-only input[type="file"]::file-selector-button:hover {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgb(38, 41, 50) !important;
}

body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgb(29, 30, 38);
    color: rgb(255, 255, 255);
}

body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgb(55, 69, 88);
    background: rgb(29, 30, 38);
}

body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    border: 1px solid rgb(55, 69, 88);
    background: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .apexcharts-tooltip-series-group {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .apexcharts-yaxistooltip, body.dark-only .apexcharts-xaxistooltip {
    color: rgba(255, 255, 255, 0.6);
    background: rgb(29, 30, 38);
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
    border-left-color: rgb(55, 69, 88);
}

body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgb(55, 69, 88);
}

body.dark-only .bottom-content .apexcharts-canvas span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .apexcharts-canvas .apexcharts-tooltip {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
    margin-bottom: 0px;
}

body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
    fill: rgb(152, 166, 173);
}

body.dark-only .apexcharts-xaxistooltip {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .apexcharts-xaxistooltip-bottom::before {
    border-bottom-color: rgb(55, 69, 88);
}

body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgb(55, 69, 88);
}

body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgb(55, 69, 88);
    background: rgb(29, 30, 38);
}

body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
    color: rgb(152, 166, 173);
}

body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: rgb(38, 41, 50);
    border-bottom: 1px solid rgb(55, 69, 88);
    color: rgb(152, 166, 173);
}

body.dark-only .apexcharts-yaxis text {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .theme-form input[type="text"] {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .theme-form textarea {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-body .bg-light {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .basic-wizard .stepper-horizontal .step .step-circle {
    border-color: rgb(50, 56, 70);
}

body.dark-only .basic-wizard .stepper-horizontal .step .step-bar-left {
    border-color: rgb(55, 69, 88);
}

body.dark-only .wizard-4 .step-container {
    background-color: rgb(38, 41, 50);
    border-color: rgb(55, 69, 88);
}

body.dark-only .wizard-4 .login-card .login-main {
    background-color: rgb(29, 30, 38);
}

body.dark-only .total-balance {
    background-blend-mode: overlay;
}

body.dark-only .progress {
    background: rgba(255, 255, 255, 0.2);
}

body.dark-only .icon-state .switch-state::after {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .social-widget .social-icons {
    box-shadow: rgb(29, 30, 38) 0px 42.1092px 27.8569px, rgb(29, 30, 38) 0px 8.90772px 7.12618px, rgb(29, 30, 38) 0px 2.02448px 3.44162px;
}

body.dark-only .calendar-basic .md-sidebar-aside {
    background: rgb(38, 41, 50);
}

body.dark-only .calendar-basic #external-events {
    border-color: rgb(55, 69, 88);
}

body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number, body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .clockpicker-popover .popover-title {
    background-color: rgb(38, 41, 50);
}

body.dark-only .clockpicker-popover.bottom > .arrow {
    border-bottom-color: rgb(29, 30, 38);
}

body.dark-only .clockpicker-popover.bottom > .arrow::after {
    border-bottom-color: rgb(38, 41, 50);
}

body.dark-only .clockpicker-popover.top > .arrow {
    border-top-color: rgb(29, 30, 38);
}

body.dark-only .clockpicker-popover.top > .arrow::after {
    border-top-color: rgb(38, 41, 50);
}

body.dark-only .clockpicker-popover.left > .arrow {
    border-left-color: rgb(29, 30, 38);
}

body.dark-only .clockpicker-popover.left > .arrow::after {
    border-left-color: rgb(38, 41, 50);
}

body.dark-only .clockpicker-popover .popover-title {
    border-bottom-color: rgb(38, 41, 50);
}

body.dark-only .fc-theme-standard .fc-scrollgrid, body.dark-only .fc-theme-standard .fc-list {
    border-color: rgb(55, 69, 88);
}

body.dark-only .fc-theme-standard .fc-list-day-cushion {
    background-color: rgb(29, 30, 38);
}

body.dark-only .fc .fc-list-event:hover td {
    background-color: rgb(29, 30, 38);
}

body.dark-only .currency-widget div[class*="bg-light-"] {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .btn.badge-light-primary:hover {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
    display: none;
}

body.dark-only svg.f-light {
    fill: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

body.dark-only .course-widget .btn-light {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .schedule-list > li {
    box-shadow: rgba(29, 30, 38, 0.3) 4px 7px 17px 5px;
}

body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
    fill: none;
    stroke: none;
}

body.dark-only .page-wrapper.material-type.compact-wrapper .page-header.close_icon .header-wrapper {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper.advance-layout .page-header {
    background: rgb(38, 41, 50);
}

body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper.advance-layout .card {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper.only-body {
    background: rgb(29, 30, 38);
}

body.dark-only .balance-card .svg-box {
    background: rgb(38, 41, 50);
    box-shadow: none;
}

body.dark-only .balance-card .svg-box svg {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .f-light {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgb(38, 41, 50);
    color: rgb(255, 255, 255);
}

body.dark-only .card {
    background-color: rgb(38, 41, 50);
}

body.dark-only .ecommerce-widget {
    border: 1px solid rgb(55, 69, 88) !important;
}

body.dark-only .btn-light {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .form-select {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .knowledgebase-search {
    color: rgb(64, 64, 64);
}

body.dark-only .knowledgebase-search .form-control-plaintext {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .layout-color span, body.dark-only .layout-color h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .toast {
    border: 1px solid rgb(55, 69, 88);
    box-shadow: rgba(38, 41, 50, 0.5) 0px 0.5rem 1rem;
}

body.dark-only .toast .toast-header {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
    border-bottom-color: rgb(55, 69, 88);
}

body.dark-only .toast .toast-dark {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .animated-toast .toast {
    background-color: transparent;
}

body.dark-only .animated-toast .toast .toast-header {
    border-color: rgb(55, 69, 88);
}

body.dark-only .animated-toast .toast .toast-body {
    background-color: rgb(38, 41, 50);
}

body.dark-only .toast-container .toast {
    background-color: transparent;
}

body.dark-only .default-toasts .card-body.toast-rtl .toast {
    background-color: transparent;
}

body.dark-only .btn-close {
    filter: brightness(0.8) invert(1);
}

body.dark-only .product-price del {
    color: rgb(152, 166, 173);
}

body.dark-only .ProfileCard {
    border: 1px solid rgb(55, 69, 88) !important;
}

body.dark-only .form-control-plaintext {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .form-select {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .box-layout {
    background-color: rgb(29, 30, 38);
}

body.dark-only .box-layout .page-wrapper .page-body-wrapper, body.dark-only .box-layout.page-wrapper .page-body-wrapper {
    background-color: transparent;
}

body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .box-layout .page-wrapper.only-body .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper.only-body .page-header .header-wrapper {
    border: unset;
}

body.dark-only .form-check-input {
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
}

body.dark-only .common-toasts .toast {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .common-toasts .toast .btn-close {
    filter: grayscale(1);
}

body.dark-only .common-toasts .toast-body {
    color: rgb(43, 43, 43);
}

body.dark-only .dt-button-collection {
    background-color: rgb(29, 30, 38);
}

body.dark-only .dt-button-collection .dropdown-item {
    background-color: rgb(29, 30, 38);
}

body.dark-only .dt-autofill-list.dtaf-popover-closeable {
    background-color: rgb(38, 41, 50);
}

body.dark-only .dt-autofill-list.dtaf-popover-closeable .dt-autofill-list-items button {
    background-color: rgb(50, 56, 70);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .dt-autofill-list.dtaf-popover-closeable .dt-autofill-list-items button:hover {
    background-color: rgb(29, 30, 38);
}

body.dark-only .form-floating .form-control:not(:placeholder-shown) ~ label, body.dark-only .form-floating .form-select:not(:placeholder-shown) ~ label {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .form-floating .form-control:not(:placeholder-shown) ~ label::after, body.dark-only .form-floating .form-select:not(:placeholder-shown) ~ label::after {
    background-color: rgb(29, 30, 38);
}

body.dark-only .form-floating .form-control:focus ~ label, body.dark-only .form-floating .form-select:focus ~ label {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .form-floating .form-control:focus ~ label::after, body.dark-only .form-floating .form-select:focus ~ label::after {
    background-color: rgb(29, 30, 38);
}

body.dark-only .radio label::before, body.dark-only .checkbox label::before {
    background-color: rgb(29, 30, 38);
}

body.dark-only .checkbox-wrapper li .form-check-input, body.dark-only .radio-wrapper li .form-check-input {
    background-color: transparent;
}

body.dark-only .switch-state::before {
    background-color: rgb(38, 41, 50);
}

body.dark-only .main-radio-toggle label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-radio-toggle label:hover {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-icon-checkbox .checkbox-wrapper label::before {
    background-color: transparent;
}

body.dark-only .dropdown.custom-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: rgb(38, 41, 50);
}

body.dark-only .tooltip[data-popper-placement="left"] .tooltip-arrow::before {
    border-left-color: rgb(50, 56, 70);
}

body.dark-only .tooltip[data-popper-placement="right"] .tooltip-arrow::before {
    border-right-color: rgb(50, 56, 70);
}

body.dark-only .tooltip[data-popper-placement="top"] .tooltip-arrow::before {
    border-top-color: rgb(50, 56, 70);
}

body.dark-only .tooltip[data-popper-placement="bottom"] .tooltip-arrow::before {
    border-bottom-color: rgb(50, 56, 70);
}

body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: rgb(50, 56, 70);
}

body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: rgb(50, 56, 70);
    border-top-color: transparent;
}

body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: rgb(50, 56, 70);
    border-top-color: transparent;
}

body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: rgb(50, 56, 70);
    border-top-color: transparent;
}

body.dark-only .tooltip .tooltip-inner {
    background-color: rgb(50, 56, 70);
    color: rgb(255, 255, 255);
}

body.dark-only .tooltip .tooltip-arrow::before {
    border-top-color: rgb(50, 56, 70);
}

body.dark-only .svg-tooltip .common-flex [class*="bg-light-"] {
    border-color: transparent;
}

body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown ul li .btn-close {
    filter: brightness(0.8) invert(1);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(55, 69, 88);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
    border-top: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
    stroke: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    color: rgba(255, 255, 255, 0.4);
    border-color: rgb(38, 41, 50) !important;
    background-color: rgb(38, 41, 50) !important;
}

body.dark-only .qty-box input {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-only .setting-sidebar, body.dark-only .layout-sidebar {
    box-shadow: rgb(50, 56, 70) 0px 0px 10px 1px;
}

body.dark-only .setting-sidebar .customizer-body .bg-light, body.dark-only .layout-sidebar .customizer-body .bg-light {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .setting-sidebar .customizer-body h6, body.dark-only .layout-sidebar .customizer-body h6 {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-only .setting-sidebar .customizer-body .main-layout > li, body.dark-only .layout-sidebar .customizer-body .main-layout > li {
    border-color: rgb(55, 69, 88);
}

body.dark-only .setting-sidebar .customizer-body .layout-grid.customizer-mix .color-layout, body.dark-only .layout-sidebar .customizer-body .layout-grid.customizer-mix .color-layout {
    border-color: rgb(55, 69, 88);
}

body.dark-only .setting-sidebar .customizer-body .layout-grid:not(.customizer-color) li > .body ul, body.dark-only .layout-sidebar .customizer-body .layout-grid:not(.customizer-color) li > .body ul {
    background-color: rgb(38, 41, 50);
}

body.dark-only .setting-sidebar .customizer-body .layout-link li, body.dark-only .layout-sidebar .customizer-body .layout-link li {
    background-color: rgb(29, 30, 38);
}

body.dark-only .setting-sidebar .customizer-body .layout-link li a, body.dark-only .layout-sidebar .customizer-body .layout-link li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .setting-sidebar .customizer-body .layout-link li a i, body.dark-only .layout-sidebar .customizer-body .layout-link li a i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .setting-sidebar .sidebar-type > li, body.dark-only .setting-sidebar .sidebar-setting > li, body.dark-only .layout-sidebar .sidebar-type > li, body.dark-only .layout-sidebar .sidebar-setting > li {
    border-color: rgb(55, 69, 88);
}

body.dark-only .setting-sidebar .sidebar-type > li a, body.dark-only .setting-sidebar .sidebar-type > li i, body.dark-only .setting-sidebar .sidebar-setting > li a, body.dark-only .setting-sidebar .sidebar-setting > li i, body.dark-only .layout-sidebar .sidebar-type > li a, body.dark-only .layout-sidebar .sidebar-type > li i, body.dark-only .layout-sidebar .sidebar-setting > li a, body.dark-only .layout-sidebar .sidebar-setting > li i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .customizer-contain {
    color: rgb(29, 30, 38);
}

body.dark-only .customizer-contain .customizer-header p {
    color: rgb(43, 43, 43);
}

body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
    background-color: rgb(255, 255, 255);
}

body.dark-only .login-dark {
    background-color: rgb(38, 41, 50);
    background-blend-mode: overlay;
}

body.dark-only .login-dark .login-main {
    background-color: rgb(50, 56, 70);
}

body.dark-only .login-dark.login-card .login-main .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-only .login-card .btn-showcase .btn {
    color: rgb(255, 255, 255);
    background-color: rgb(38, 41, 50) !important;
    border-color: rgb(38, 41, 50) !important;
}

body.dark-only .login-card .login-main {
    box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 37px;
}

body.dark-only .login-card .login-main .theme-form input {
    background-color: rgb(38, 41, 50) !important;
}

body.dark-only .login-card .login-main .theme-form .or::before {
    background-color: rgb(38, 41, 50);
}

body.dark-only .login-card .login-main .theme-form .checkbox label::before {
    background-color: rgb(38, 41, 50) !important;
    border-color: rgb(38, 41, 50) !important;
}

body.dark-only .wizard-4 .action-bar .buttonDisabled {
    background-color: rgb(29, 30, 38);
    border-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .H_ui ~ div {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .swal-icon--success::after, body.dark-only .swal-icon--success::before {
    background: rgb(38, 41, 50);
}

body.dark-only .swal-icon--success__hide-corners {
    background-color: rgb(38, 41, 50);
}

body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 1px solid rgb(38, 41, 50);
}

body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid rgb(38, 41, 50);
}

body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-link {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .b-r-light {
    border-right: 1px solid rgb(55, 69, 88) !important;
}

body.dark-only .history-details .d-flex {
    border-top: 1px solid rgb(55, 69, 88);
}

body.dark-only .history-details > div i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .modal-header {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .placeholder-light {
    background-color: rgb(255, 255, 255);
}

body.dark-only #right-history {
    background-color: rgb(38, 41, 50);
    box-shadow: rgb(29, 30, 38) 0px 0px 9px;
}

body.dark-only #right-history h6 span a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .ProfileCard:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(38, 41, 50);
}

body.dark-only .translate_wrapper.active .more_lang::before {
    border-bottom: 7px solid rgb(38, 41, 50);
}

body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .toggle-sidebar svg {
    stroke: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-title {
    background-color: rgb(38, 41, 50);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px;
}

body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.5);
    stroke: transparent;
}

body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: var(--theme-default);
    stroke: transparent;
}

body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
    stroke: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(115, 102, 255, 0.2);
}

body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-header {
    box-shadow: rgb(50, 56, 70) 0px 3px 28px;
}

body.dark-only .page-wrapper .badge-b-light {
    border-color: rgba(255, 255, 255, 0.4);
}

body.dark-only .page-wrapper .badge-b-light.txt-dark {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .badge-b-dark {
    border-color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .badge-b-dark.txt-dark {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper.modern-type .page-body-wrapper.default-menu {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper.modern-type .page-body-wrapper.default-menu .page-title {
    background-color: transparent;
    border: none;
}

body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-body .page-title {
    background-color: unset;
}

body.dark-only .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
    stroke: var(--theme-default);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(115, 102, 255, 0.2);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
    color: var(--theme-default);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-default);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: rgb(38, 41, 50);
    border-top: 1px solid rgb(55, 69, 88);
    box-shadow: rgb(50, 56, 70) 0px 9px 24px;
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    background: rgb(38, 41, 50);
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
    color: var(--theme-default);
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu {
    background: rgb(38, 41, 50);
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: rgb(38, 41, 50);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(115, 102, 255, 0.2);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-default);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-default);
    stroke: var(--theme-default);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-default);
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 576px) {
    body.dark-only .page-wrapper.compact-small .page-header.close_icon .header-wrapper {
        border-bottom: 1px solid rgb(55, 69, 88);
    }
}

@media (min-width: 576px) {
    body.dark-only .page-wrapper.compact-small .page-body-wrapper .page-body .page-title {
        border-top: 1px solid rgb(55, 69, 88);
    }
}

body.dark-only .page-wrapper.compact-small.material-icon .page-header {
    box-shadow: unset;
}

@media (min-width: 576px) {
    body.dark-only .page-wrapper.compact-small.material-icon .page-body-wrapper .page-body .page-title {
        border-top: 0px;
    }
}

body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0px 0px;
}

body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent;
}

body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
    border: 1px solid rgb(29, 30, 38);
    background: rgb(29, 30, 38);
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent;
}

body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
    background-color: transparent;
}

body.dark-only .page-wrapper.advance-layout {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
    background: transparent;
}

body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
    background: transparent;
}

body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
    background: transparent;
}

body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
    background: transparent;
}

body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
    color: rgba(255, 255, 255, 0.6);
}

@media only screen and (min-width: 768px) {
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: rgb(255, 255, 255);
    }
}

body.dark-only ::-webkit-calendar-picker-indicator {
    filter: contrast(0.2);
}

body.dark-only .kanban-item {
    background-color: rgb(38, 41, 50);
}

body.dark-only .kanban-board-header {
    background-color: rgb(29, 30, 38);
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .kanban-board .kanban-drag {
    background: rgb(29, 30, 38);
}

body.dark-only .kanban-container .kanban-board {
    background: rgb(29, 30, 38);
}

body.dark-only .kanban-container .kanban-board .kanban-item .kanban-box .date {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .kanban-container .kanban-board footer .btn {
    background-color: rgb(50, 56, 70);
}

body.dark-only .kanban-container .kanban-board footer .btn:hover {
    background-color: rgba(50, 56, 70, 0.8);
}

body.dark-only .project-box {
    border: 1px solid rgba(115, 102, 255, 0.15);
    background-color: rgb(29, 30, 38);
}

body.dark-only .file-content .form-inline {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(115, 102, 255, 0.15);
    background-color: rgb(29, 30, 38);
}

body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(115, 102, 255, 0.15) !important;
}

body.dark-only .file-sidebar .btn-light {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(29, 30, 38) !important;
    border: 1px solid rgba(115, 102, 255, 0.15) !important;
}

body.dark-only #lnb {
    border-right: 1px solid rgb(55, 69, 88);
}

body.dark-only .lnb-new-schedule, body.dark-only .lnb-calendars > div {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only #menu .sidebar-list .btn-default {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: rgb(38, 41, 50);
    color: rgb(255, 255, 255) !important;
}

body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid rgb(55, 69, 88) !important;
}

body.dark-only .tui-full-calendar-time-date, body.dark-only .tui-full-calendar-weekday-grid-line, body.dark-only .tui-full-calendar-left, body.dark-only .tui-full-calendar-timegrid-timezone {
    border-right-color: rgb(55, 69, 88) !important;
}

body.dark-only .tui-full-calendar-popup {
    color: rgb(64, 64, 64);
}

body.dark-only #menu .btn-default {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only #menu .btn-default:hover {
    color: rgb(64, 64, 64);
}

body.dark-only #menu .dropdown-menu {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .tui-full-calendar-dayname-container, body.dark-only .tui-full-calendar-splitter {
    border-top-color: rgb(55, 69, 88) !important;
    border-bottom-color: rgb(55, 69, 88) !important;
}

body.dark-only span.tui-full-calendar-dayname-date-area {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .tui-full-calendar-layout {
    background-color: rgb(38, 41, 50) !important;
}

body.dark-only .blockquote {
    border-left: 4px solid rgb(55, 69, 88);
}

body.dark-only .figure.text-end blockquote {
    border-right-color: rgb(55, 69, 88);
}

body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid rgb(55, 69, 88);
}

body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
    border-top: 1px solid rgb(55, 69, 88);
}

body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: rgb(38, 41, 50);
}

body.dark-only .apexcharts-gridline {
    stroke: rgb(29, 30, 38);
}

body.dark-only .apexcharts-tooltip-title, body.dark-only .apexcharts-tooltip-series-group, body.dark-only .apexcharts-tooltip.light, body.dark-only .apexcharts-menu-item {
    color: rgb(0, 0, 0);
}

body.dark-only .apexcharts-toolbar .apexcharts-menu-open {
    background: rgb(50, 56, 70);
    border-color: rgb(50, 56, 70);
}

body.dark-only .apexcharts-toolbar .apexcharts-menu-open .apexcharts-menu-item {
    opacity: 0.9;
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .apexcharts-toolbar .apexcharts-menu-open .apexcharts-menu-item:hover {
    background: rgb(29, 30, 38);
}

body.dark-only .small-donut ~ svg path:nth-child(2n), body.dark-only .small-donut svg path:nth-child(2n), body.dark-only .donut-peity2 ~ svg path:nth-child(2n), body.dark-only .donut-peity2 svg path:nth-child(2n), body.dark-only .pie-peity ~ svg path:nth-child(2n), body.dark-only .pie-peity svg path:nth-child(2n) {
    fill: rgb(29, 30, 38);
}

body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .notification .card .d-flex .w-100 p span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .notification .card .d-flex .w-100 span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .datepicker {
    background-color: rgb(50, 56, 70);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .datepicker .datepicker--cell.-current- {
    color: rgb(255, 255, 255);
}

body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
    color: rgb(255, 255, 255);
}

body.dark-only .datepicker .datepicker--cell-day.-other-month-, body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .datepicker .datepicker--nav {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .datepicker .datepicker--pointer {
    background: rgb(50, 56, 70);
    border-top-color: rgb(50, 56, 70);
    border-right-color: rgb(50, 56, 70);
}

body.dark-only [class*="activity-dot-"] {
    background-color: rgb(38, 41, 50);
}

body.dark-only .sm-progress-bar {
    background-color: rgb(29, 30, 38);
}

body.dark-only .alert-primary {
    color: rgb(255, 255, 255);
    background-color: rgba(115, 102, 255, 0.8) !important;
    border-color: rgba(115, 102, 255, 0.9) !important;
}

body.dark-only .alert-primary .progress {
    height: 5px;
    background-color: rgb(110, 97, 255);
    border-radius: 0px;
}

body.dark-only .alert-primary .progress-bar {
    background-color: white;
}

body.dark-only .alert-primary.inverse {
    background-color: transparent !important;
}

body.dark-only .alert-primary.inverse .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .alert-primary.outline .btn-close, body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset;
}

body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
    color: rgb(64, 64, 64) !important;
}

body.dark-only .alert-secondary {
    color: rgb(255, 255, 255);
    background-color: rgba(131, 131, 131, 0.8) !important;
    border-color: rgba(131, 131, 131, 0.9) !important;
}

body.dark-only .alert-secondary .progress {
    height: 5px;
    background-color: gray;
    border-radius: 0px;
}

body.dark-only .alert-secondary .progress-bar {
    background-color: white;
}

body.dark-only .alert-secondary.inverse {
    background-color: transparent !important;
}

body.dark-only .alert-secondary.inverse .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .alert-secondary.outline .btn-close, body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset;
}

body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
    color: rgb(64, 64, 64) !important;
}

body.dark-only .alert-success {
    color: rgb(255, 255, 255);
    background-color: rgba(101, 193, 92, 0.8) !important;
    border-color: rgba(101, 193, 92, 0.9) !important;
}

body.dark-only .alert-success .progress {
    height: 5px;
    background-color: rgb(98, 192, 88);
    border-radius: 0px;
}

body.dark-only .alert-success .progress-bar {
    background-color: white;
}

body.dark-only .alert-success.inverse {
    background-color: transparent !important;
}

body.dark-only .alert-success.inverse .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .alert-success.outline .btn-close, body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset;
}

body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
    color: rgb(64, 64, 64) !important;
}

body.dark-only .alert-danger {
    color: rgb(255, 255, 255);
    background-color: rgba(252, 86, 74, 0.8) !important;
    border-color: rgba(252, 86, 74, 0.9) !important;
}

body.dark-only .alert-danger .progress {
    height: 5px;
    background-color: rgb(252, 81, 69);
    border-radius: 0px;
}

body.dark-only .alert-danger .progress-bar {
    background-color: white;
}

body.dark-only .alert-danger.inverse {
    background-color: transparent !important;
}

body.dark-only .alert-danger.inverse .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .alert-danger.outline .btn-close, body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset;
}

body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
    color: rgb(64, 64, 64) !important;
}

body.dark-only .alert-warning {
    color: rgb(255, 255, 255);
    background-color: rgba(255, 184, 41, 0.8) !important;
    border-color: rgba(255, 184, 41, 0.9) !important;
}

body.dark-only .alert-warning .progress {
    height: 5px;
    background-color: rgb(255, 182, 36);
    border-radius: 0px;
}

body.dark-only .alert-warning .progress-bar {
    background-color: white;
}

body.dark-only .alert-warning.inverse {
    background-color: transparent !important;
}

body.dark-only .alert-warning.inverse .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .alert-warning.outline .btn-close, body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset;
}

body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
    color: rgb(64, 64, 64) !important;
}

body.dark-only .alert-info {
    color: rgb(255, 255, 255);
    background-color: rgba(64, 184, 245, 0.8) !important;
    border-color: rgba(64, 184, 245, 0.9) !important;
}

body.dark-only .alert-info .progress {
    height: 5px;
    background-color: rgb(59, 182, 245);
    border-radius: 0px;
}

body.dark-only .alert-info .progress-bar {
    background-color: white;
}

body.dark-only .alert-info.inverse {
    background-color: transparent !important;
}

body.dark-only .alert-info.inverse .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .alert-info.outline .btn-close, body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset;
}

body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
    color: rgb(64, 64, 64) !important;
}

body.dark-only .alert-light {
    color: rgb(255, 255, 255);
    background-color: rgba(244, 244, 244, 0.8) !important;
    border-color: rgba(244, 244, 244, 0.9) !important;
}

body.dark-only .alert-light .progress {
    height: 5px;
    background-color: rgb(241, 241, 241);
    border-radius: 0px;
}

body.dark-only .alert-light .progress-bar {
    background-color: white;
}

body.dark-only .alert-light.inverse {
    background-color: transparent !important;
}

body.dark-only .alert-light.inverse .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .alert-light.outline .btn-close, body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset;
}

body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
    color: rgb(64, 64, 64) !important;
}

body.dark-only .alert-dark {
    color: rgb(255, 255, 255);
    background-color: rgba(63, 71, 90, 0.8) !important;
    border-color: rgba(63, 71, 90, 0.9) !important;
}

body.dark-only .alert-dark .progress {
    height: 5px;
    background-color: rgb(61, 69, 87);
    border-radius: 0px;
}

body.dark-only .alert-dark .progress-bar {
    background-color: rgb(195, 200, 213);
}

body.dark-only .alert-dark.inverse {
    background-color: transparent !important;
}

body.dark-only .alert-dark.inverse .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .alert-dark.outline .btn-close, body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1);
}

body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset;
}

body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
    color: rgb(64, 64, 64) !important;
}

body.dark-only .alert-addition-content .alert[class*="bg-light-"] p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .options > div {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: rgb(29, 30, 38);
}

body.dark-only .pricing-simple {
    box-shadow: rgb(29, 30, 38) 1px 1px 2px 1px !important;
}

body.dark-only .pricing-block {
    box-shadow: rgba(115, 102, 255, 0.05) 0px 0px 10px 5px !important;
}

body.dark-only .search-page .nav.nav-tabs {
    border-bottom: unset;
}

body.dark-only .search-page ul.search-info li {
    color: rgb(152, 166, 173);
}

body.dark-only .search-page ul.search-info li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

body.dark-only .search-page .info-block {
    border-color: rgb(55, 69, 88);
}

body.dark-only .search-page .info-block a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .search-page p:not(.blog-details p) {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .search-page .audio-card .audio-content span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .search-page .audio-wrapper table.audio-table.table-hover thead tr:hover, body.dark-only .search-page .audio-wrapper table.audio-table.table-hover tbody tr:hover {
    background-color: rgb(34, 38, 47);
}

body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .job-search .job-description ul:not(.job-apply-wrapper .job-search .job-description ul) li {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .job-search .job-description ul li {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .calendar-wrap .fc-unthemed td, body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: rgb(29, 30, 38);
}

body.dark-only .mega-inline, body.dark-only .mega-horizontal, body.dark-only .mega-vertical {
    --bs-body-color: rgba(255, 255, 255, 0.6);
}

body.dark-only .mega-inline .card, body.dark-only .mega-horizontal .card, body.dark-only .mega-vertical .card {
    border-color: rgb(55, 69, 88);
    box-shadow: rgba(55, 69, 88, 0.5) 1px 1px 7px 0px !important;
}

body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card, body.dark-only .mega-horizontal.plain-style .card, body.dark-only .mega-horizontal.border-style .card, body.dark-only .mega-horizontal.offer-style .card, body.dark-only .mega-vertical.plain-style .card, body.dark-only .mega-vertical.border-style .card, body.dark-only .mega-vertical.offer-style .card {
    box-shadow: none !important;
}

body.dark-only .mega-inline.border-style .card, body.dark-only .mega-horizontal.border-style .card, body.dark-only .mega-vertical.border-style .card {
    border: 1px solid rgb(55, 69, 88) !important;
}

body.dark-only .mega-inline.offer-style .card, body.dark-only .mega-horizontal.offer-style .card, body.dark-only .mega-vertical.offer-style .card {
    border: 1px dashed rgb(55, 69, 88) !important;
}

body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary);
}

body.dark-only .bookmark.pull-right {
    border: none;
}

body.dark-only .popover {
    background-color: rgb(29, 30, 38);
    --bs-popover-header-bg: unset;
}

body.dark-only .popover.bs-popover-bottom .popover-arrow::after {
    border-bottom-color: rgb(29, 30, 38);
    border-right-color: transparent;
}

body.dark-only .popover.bs-popover-top .popover-arrow::after {
    border-right-color: transparent;
    border-top-color: rgb(29, 30, 38);
}

body.dark-only .popover.bs-popover-start .popover-arrow::after {
    border-left-color: rgb(29, 30, 38);
}

body.dark-only .popover[data-popper-placement="left"] .popover-arrow::after {
    border-left-color: rgb(29, 30, 38);
}

body.dark-only .popover[data-popper-placement="right"] .popover-arrow::after {
    border-right-color: rgb(29, 30, 38);
}

body.dark-only .popover[data-popper-placement="top"] .popover-arrow::after {
    border-top-color: rgb(29, 30, 38);
}

body.dark-only .popover[data-popper-placement="bottom"] .popover-arrow::after {
    border-bottom-color: rgb(29, 30, 38);
}

body.dark-only .popover .popover-header {
    background-color: rgb(38, 41, 50);
}

body.dark-only .popover .popover-body {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .popover code {
    background-color: unset;
}

body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
    fill: rgb(255, 255, 255);
}

body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
    fill: rgb(255, 255, 255);
}

body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: rgb(255, 255, 255);
}

body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: rgb(255, 255, 255);
}

body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: rgb(255, 255, 255) !important;
}

body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: rgb(255, 255, 255);
}

body.dark-only .Typeahead-menu {
    background-color: rgb(29, 30, 38);
}

body.dark-only .ecommerce-widget {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .bookmark ul li .search-form .form-control-search::before {
    background: rgb(29, 30, 38);
}

body.dark-only .cart .qty-box .input-group .btn {
    background-color: rgb(46, 54, 72) !important;
    border-color: rgb(55, 69, 88) !important;
}

body.dark-only .shopping-checkout-option .checkbox_animated::after {
    border: 2px solid rgb(38, 41, 50);
}

body.dark-only .animate-chk .radio_animated::after {
    border: 2px solid rgb(29, 30, 38);
}

body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41, 50, 64, 0.52);
}

body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: rgb(152, 166, 173);
}

body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: rgb(255, 255, 255);
}

body.dark-only .product-box .product-img .product-hover ul li:not(.product-wrapper-grid .product-box .product-hover li) {
    background-color: rgb(29, 30, 38);
}

body.dark-only .product-box .product-img .product-hover ul i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .radio_animated::after, body.dark-only .checkbox_animated::after {
    background: rgb(29, 30, 38);
    border: 2px solid rgb(29, 30, 38);
}

body.dark-only .slider-product {
    border-top: 1px solid rgb(29, 30, 38);
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .square-product-setting .icon-grid {
    background-color: rgb(38, 41, 50);
}

body.dark-only .square-product-setting .icon-grid svg {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .active-order-table table thead tr th, body.dark-only .market-table table thead tr th {
    border-top: none !important;
}

body.dark-only .active-order-table table tbody tr td, body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .active-order-table table tbody tr:last-child td, body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none;
}

body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .flot-chart-container .legend .table tbody {
    background-color: rgb(38, 41, 50);
    color: rgb(255, 255, 255);
}

body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
    padding-left: 5px;
}

body.dark-only .google-visualization-tooltip text {
    fill: rgba(0, 0, 0, 0.7) !important;
}

body.dark-only .nav-dark .nav-link, body.dark-only .nav-pills.nav-dark .nav-link {
    color: rgb(255, 255, 255);
}

body.dark-only .loader-wrapper {
    background-color: rgb(29, 30, 38);
}

body.dark-only .loader-wrapper .loader {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper {
}

body.dark-only .page-wrapper .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-header form {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-header .header-wrapper {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-header .header-wrapper li i {
    color: rgb(244, 244, 244);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
    stroke: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
    fill: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .flex-grow-1 p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .d-flex .flex-grow-1 .txt-dark {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
    background-color: rgb(29, 30, 38);
    box-shadow: rgb(29, 30, 38) 0px 0px 14px;
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
    border-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div::before {
    border-bottom: 7px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div::after {
    border-bottom: 7px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
    background-color: rgb(40, 46, 56) !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
    color: var(--theme-default) !important;
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .d-flex .flex-grow-1 .txt-dark {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
    background-color: rgb(29, 30, 38);
    box-shadow: rgb(38, 41, 50) 0px 0px 2px 2px;
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div::before {
    border-bottom: 7px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div::after {
    border-bottom: 7px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-header .header-logo-wrapper {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
    display: none;
}

body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
    display: block;
}

body.dark-only .page-wrapper .page-body-wrapper {
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .flex-grow-1 p, body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p, body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .flex-grow-1 p, body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .d-flex .flex-grow-1 span, body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .d-flex .flex-grow-1 span {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .progress-change span, body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
    border-bottom: 1px solid rgb(55, 69, 88);
    border-top: none !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
    border-bottom: none;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .d-flex .flex-grow-1 .circle-left {
    border: 5px solid rgb(51, 65, 84);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
    border-bottom: none;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
    border-top: none !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .d-flex .flex-grow-1 h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .d-flex .flex-grow-1 h6 span {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
    border-bottom: none !important;
}

body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
    background-color: rgb(0, 0, 0);
    opacity: 0.8;
}

body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
    border: none;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
    background-color: rgb(38, 41, 50);
    box-shadow: rgba(29, 28, 28, 0.08) 1px 1px 2px 1px;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 {
    background-blend-mode: color-burn;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 .widget-round .bg-round {
    box-shadow: rgba(14, 14, 16, 0.83) 1px 2px 21px -2px;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 .widget-round .bg-round .half-circle {
    background: rgba(49, 53, 66, 0);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).social-profile {
    background-blend-mode: overlay;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
    color: rgb(64, 64, 64);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th:not(.border-bottom-table thead .border-bottom-light th) {
    border-bottom: 1px solid rgb(55, 69, 88) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td:not(.border-bottom-table tbody .border-bottom-light td) {
    border-bottom: 1px solid rgb(55, 69, 88) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).trending-card {
    background-color: rgb(1, 3, 20);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).explore-card {
    background-color: rgb(38, 41, 50);
    background-blend-mode: overlay;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).balance-box {
    background-blend-mode: overlay;
    background-color: rgb(22, 23, 28);
    border-color: transparent;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
    fill: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
    fill: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
    background-color: transparent;
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
    color: rgb(152, 166, 173) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
    background-color: rgb(38, 41, 50);
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
    border-bottom-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
    border-bottom-color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
    color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
    color: rgb(0, 0, 0);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
    color: rgb(0, 0, 0);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
    border-bottom: 1px solid var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*="bg-"] th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*="bg-"] td {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(2n+1) {
    --bs-table-accent-bg: rgba(0, 0, 0, 0.05);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(2n+1):hover th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(2n+1):hover td {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
    border-left-color: rgb(55, 69, 88);
    border-right-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
    border-color: rgb(55, 69, 88) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
    border-color: rgb(55, 69, 88) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(2n+1):hover td {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .emphasis-table {
    --bs-emphasis-color-rgb: #1c212b;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .emphasis-table .table-striped-columns > :not(caption) > tr > :nth-child(2n) {
    --bs-table-striped-bg: var(--bs-emphasis-color-rgb);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .emphasis-table .table-active {
    --bs-table-active-bg: var(--bs-emphasis-color-rgb);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
    border-right: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
    background-color: rgb(38, 41, 50);
    border-top: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
    background-color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
    background-color: rgb(38, 41, 50) !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
    stroke: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr.dropdown-divider {
    border-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
    border: 1px solid rgb(55, 69, 88);
    color: rgb(255, 255, 255) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x:active {
    color: rgb(0, 0, 0) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
    border-right: 1px solid rgb(55, 69, 88) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dark-alert.alert-addition-content .alert hr {
    border-top: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart svg g rect:first-child {
    fill: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart rect:nth-child(6) {
    fill: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#line-chart rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart1 rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart2 rect {
    fill: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
    fill: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
    fill: rgb(177, 177, 178);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar::after {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
    stroke: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
    background-color: rgb(29, 30, 38);
    color: rgb(152, 166, 173);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
    color: rgb(0, 0, 0);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
    background-color: rgb(28, 33, 43);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
    background-color: rgb(31, 35, 43);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: rgb(28, 33, 43);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: rgb(34, 38, 47);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
    border-bottom: 2px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox::before, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox::before {
    border: 1px solid rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(2n+1) {
    --bs-table-accent-bg: #1d1e26;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    border-color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: rgb(152, 166, 173) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
    color: rgb(152, 166, 173) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
    border-top: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
    background-color: rgb(25, 30, 39);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
    background-color: rgb(28, 33, 43);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
    border-top: 1px solid rgb(29, 30, 38);
    border-right: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
    border-left: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
    border-top: 2px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
    background-color: rgb(38, 41, 50);
    border-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
    color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
    background-color: rgb(38, 41, 50);
    border-top: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .project-tabs .nav-tabs {
    border-bottom: unset;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
    background-color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
    border: 2px solid rgb(29, 30, 38);
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid var(--theme-default);
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected::after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active::after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected::after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active::after {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .vertical-scroll.scroll-demo:not(.default-scroll) {
    border: unset;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .vertical-scroll.scroll-demo .list-group .list-group-item:hover {
    z-index: 0;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
    border: 1px solid rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group::before {
    background: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
    background-color: rgb(38, 41, 50) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
    opacity: 0.5;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .collapse-horizontal .card {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .collapse-accordion .btn-dark.show .dark-accordion {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .social-app-profile1 .social-app-profile .common-user-image {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .modal-bookmark .modal-content .modal-body .search-picker .dropdown-menu .dropdown-item {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .main-bookmark .email-right-aside .card-body .details-bookmark .bookmark-card {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .flex-grow-1 h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .bookmark-wrap .main-bookmark .bootstrap-select .dropdown-toggle {
    border-color: rgb(55, 69, 88) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu li {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu li:hover {
    background-color: rgb(50, 56, 70);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu li:hover .dropdown-item {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .contact-editform .more-data .bootstrap-select .dropdown-toggle {
    background-color: rgb(29, 30, 38) !important;
    border-color: transparent !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .contact-editform .more-data .bootstrap-select .dropdown-toggle .filter-option {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .social-user-cards .card.social-profile {
    background-blend-mode: overlay;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .social-user-cards .card.social-profile .social-details .social-follow li + li::before {
    background-color: rgba(255, 255, 255, 0.2);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile .list-inline .border-right {
    border-right-color: rgb(55, 69, 88) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile .common-user-image .user-image .avatar .common-align > div .icon-wrapper#cancelButton i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile .common-user-image .user-image .avatar .follow > div + div {
    border-left-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile .social-media a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active .product-icons i {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .product-icons i {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div p span {
    color: rgba(255, 255, 255, 0.3);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .product-sidebar .filter-section .card {
    border: unset;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .product-sidebar .filter-section .card .card-header {
    background-color: rgb(38, 41, 50);
    border-bottom: unset;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
    border-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
    color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
    background-color: rgb(38, 41, 50);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-insert-row > .jsgrid-header-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-insert-row > .jsgrid-cell {
    background: rgb(38, 41, 50);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:not(.jsgrid-button), body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:not(.jsgrid-button), body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:not(.jsgrid-button), body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:not(.jsgrid-button), body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-insert-row > .jsgrid-header-cell input:not(.jsgrid-button), body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-insert-row > .jsgrid-cell input:not(.jsgrid-button) {
    background-color: rgb(29, 30, 38);
    border-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:not(.jsgrid-button):focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:not(.jsgrid-button):focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:not(.jsgrid-button):focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:not(.jsgrid-button):focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-insert-row > .jsgrid-header-cell input:not(.jsgrid-button):focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-insert-row > .jsgrid-cell input:not(.jsgrid-button):focus {
    outline: none;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-insert-row select {
    background-color: rgb(29, 30, 38);
    border-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-insert-row > .jsgrid-cell input:not(.jsgrid-button) {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-insert-row > .jsgrid-cell .jsgrid-button {
    background-color: unset;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
    background-color: rgb(28, 33, 43);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-default) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
    background-color: rgb(29, 30, 38);
    box-shadow: rgb(29, 30, 38) 0px 0px 14px 0px;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
    color: var(--theme-default) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div::before {
    border-bottom: 7px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
    border: 1px solid rgb(55, 69, 88) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
    border: 1px solid rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
    border: 2px solid rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
    border: 2px solid rgb(55, 69, 88) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
    border-color: rgb(29, 30, 38) !important;
    border-width: 3px !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
    border: 4px solid rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
    border: 5px solid rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
    border: 6px solid rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
    border: 7px solid rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
    border: 8px solid rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
    border: 9px solid rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
    border: 10px solid rgb(29, 30, 38) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .effective-card .common-hover .card-header.border-3 {
    border-bottom-width: 1px !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-0 {
    border: 0px !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-top-0 {
    border-top: 0px !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-end-0 {
    border-right: 0px !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-bottom-0 {
    border-bottom: 0px !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-start-0 {
    border-left: 0px !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .basic_table .table thead tr[class*="table-"] th, body.dark-only .page-wrapper .page-body-wrapper .page-body .basic_table .table thead tr[class*="table-"] td, body.dark-only .page-wrapper .page-body-wrapper .page-body .basic_table .table tbody tr[class*="table-"] th, body.dark-only .page-wrapper .page-body-wrapper .page-body .basic_table .table tbody tr[class*="table-"] td {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
    background-color: rgb(29, 30, 38);
    border-color: rgb(115, 102, 255) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
    border-top: 1px solid rgb(115, 102, 255) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
    border-top-color: rgb(115, 102, 255) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
    border-bottom: 1px solid rgb(115, 102, 255) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
    border-bottom-color: rgb(115, 102, 255) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
    border-left-color: rgb(115, 102, 255) !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
    border-left-color: unset !important;
    border-right-color: rgb(115, 102, 255) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
    border-left-color: rgb(115, 102, 255) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
    border-right-color: rgb(115, 102, 255) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
    border-right-color: rgb(115, 102, 255) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
    border-color: rgb(115, 102, 255) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark {
    border-top-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark {
    border-bottom-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark {
    border-left-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark {
    border-right-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    background-color: transparent !important;
    border-left-width: 4px !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    border-left: unset !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
    background-color: rgb(29, 30, 38);
    border-color: rgb(131, 131, 131) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
    border-top: 1px solid rgb(131, 131, 131) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
    border-top-color: rgb(131, 131, 131) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
    border-bottom: 1px solid rgb(131, 131, 131) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
    border-bottom-color: rgb(131, 131, 131) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
    border-left-color: rgb(131, 131, 131) !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
    border-left-color: unset !important;
    border-right-color: rgb(131, 131, 131) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
    border-left-color: rgb(131, 131, 131) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
    border-right-color: rgb(131, 131, 131) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
    border-right-color: rgb(131, 131, 131) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
    border-color: rgb(131, 131, 131) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark {
    border-top-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark {
    border-bottom-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark {
    border-left-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark {
    border-right-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    background-color: transparent !important;
    border-left-width: 4px !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    border-left: unset !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
    background-color: rgb(29, 30, 38);
    border-color: rgb(101, 193, 92) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
    border-top: 1px solid rgb(101, 193, 92) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
    border-top-color: rgb(101, 193, 92) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
    border-bottom: 1px solid rgb(101, 193, 92) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
    border-bottom-color: rgb(101, 193, 92) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
    border-left-color: rgb(101, 193, 92) !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
    border-left-color: unset !important;
    border-right-color: rgb(101, 193, 92) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
    border-left-color: rgb(101, 193, 92) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
    border-right-color: rgb(101, 193, 92) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
    border-right-color: rgb(101, 193, 92) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
    border-color: rgb(101, 193, 92) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark {
    border-top-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark {
    border-bottom-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark {
    border-left-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark {
    border-right-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    background-color: transparent !important;
    border-left-width: 4px !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    border-left: unset !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
    background-color: rgb(29, 30, 38);
    border-color: rgb(252, 86, 74) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
    border-top: 1px solid rgb(252, 86, 74) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
    border-top-color: rgb(252, 86, 74) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
    border-bottom: 1px solid rgb(252, 86, 74) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
    border-bottom-color: rgb(252, 86, 74) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
    border-left-color: rgb(252, 86, 74) !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
    border-left-color: unset !important;
    border-right-color: rgb(252, 86, 74) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
    border-left-color: rgb(252, 86, 74) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
    border-right-color: rgb(252, 86, 74) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
    border-right-color: rgb(252, 86, 74) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
    border-color: rgb(252, 86, 74) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark {
    border-top-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark {
    border-bottom-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark {
    border-left-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark {
    border-right-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    background-color: transparent !important;
    border-left-width: 4px !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    border-left: unset !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
    background-color: rgb(29, 30, 38);
    border-color: rgb(255, 184, 41) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
    border-top: 1px solid rgb(255, 184, 41) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
    border-top-color: rgb(255, 184, 41) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
    border-bottom: 1px solid rgb(255, 184, 41) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
    border-bottom-color: rgb(255, 184, 41) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
    border-left-color: rgb(255, 184, 41) !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
    border-left-color: unset !important;
    border-right-color: rgb(255, 184, 41) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
    border-left-color: rgb(255, 184, 41) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
    border-right-color: rgb(255, 184, 41) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
    border-right-color: rgb(255, 184, 41) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
    border-color: rgb(255, 184, 41) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark {
    border-top-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark {
    border-bottom-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark {
    border-left-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark {
    border-right-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    background-color: transparent !important;
    border-left-width: 4px !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    border-left: unset !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
    background-color: rgb(29, 30, 38);
    border-color: rgb(64, 184, 245) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
    border-top: 1px solid rgb(64, 184, 245) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
    border-top-color: rgb(64, 184, 245) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
    border-bottom: 1px solid rgb(64, 184, 245) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
    border-bottom-color: rgb(64, 184, 245) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
    border-left-color: rgb(64, 184, 245) !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
    border-left-color: unset !important;
    border-right-color: rgb(64, 184, 245) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
    border-left-color: rgb(64, 184, 245) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
    border-right-color: rgb(64, 184, 245) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
    border-right-color: rgb(64, 184, 245) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
    border-color: rgb(64, 184, 245) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark {
    border-top-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark {
    border-bottom-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark {
    border-left-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark {
    border-right-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    background-color: transparent !important;
    border-left-width: 4px !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    border-left: unset !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
    background-color: rgb(29, 30, 38);
    border-color: rgb(244, 244, 244) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
    border-top: 1px solid rgb(244, 244, 244) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
    border-top-color: rgb(244, 244, 244) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
    border-bottom: 1px solid rgb(244, 244, 244) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
    border-bottom-color: rgb(244, 244, 244) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
    border-left-color: rgb(244, 244, 244) !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
    border-left-color: unset !important;
    border-right-color: rgb(244, 244, 244) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
    border-left-color: rgb(244, 244, 244) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
    border-right-color: rgb(244, 244, 244) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
    border-right-color: rgb(244, 244, 244) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
    border-color: rgb(244, 244, 244) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark {
    border-top-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark {
    border-bottom-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark {
    border-left-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark {
    border-right-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    background-color: transparent !important;
    border-left-width: 4px !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    border-left: unset !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
    background-color: rgb(29, 30, 38);
    border-color: rgb(63, 71, 90) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
    border-top: 1px solid rgb(63, 71, 90) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
    border-top-color: rgb(63, 71, 90) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
    border-bottom: 1px solid rgb(63, 71, 90) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
    border-bottom-color: rgb(63, 71, 90) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
    border-left-color: rgb(63, 71, 90) !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
    border-left-color: unset !important;
    border-right-color: rgb(63, 71, 90) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
    border-left-color: rgb(63, 71, 90) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
    border-right-color: rgb(63, 71, 90) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
    border-right-color: rgb(63, 71, 90) !important;
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
    border-color: rgb(63, 71, 90) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark {
    border-top-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark {
    border-bottom-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark {
    border-left-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark {
    border-right-color: rgb(31, 37, 51) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    background-color: transparent !important;
    border-left-width: 4px !important;
}

[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div {
    border-left: unset !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border-opacity-wrapper .border {
    border-color: rgba(var(--theme-default), var(--bs-border-opacity)) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .bg-opacity-wrapper .text-dark {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .default-sitemap .common-flex a {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .default-sitemap .sub-title {
    border-bottom: thick solid rgb(50, 56, 70);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .main-site li > a {
    background-color: rgba(29, 30, 38, 0.29);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .main-site li .main-root {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .main-site li .main-root::after {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .tier-1 {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .tier-1 li > a:not(.tier-2 li a):first-child {
    background-color: rgba(29, 30, 38, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .tier-1 li > a:not(.tier-2 li a):first-child::before {
    color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .tier-1::before {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a::before {
    color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li:last-child::after {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .animate-wrapper .card {
    box-shadow: rgba(29, 30, 38, 0.9) 1px 1px 2px 1px;
}

body.dark-only .page-wrapper .page-body-wrapper .footer {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .page-body-wrapper .footer p, body.dark-only .page-wrapper .page-body-wrapper .footer span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .custom-select, body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
    background: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
    background-color: rgb(38, 41, 50);
    border-top: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .note textarea {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .dt-button-info {
    background-color: rgb(38, 41, 50);
    border: 1px solid rgb(152, 166, 173);
}

body.dark-only .page-wrapper .dt-button-info h2 {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper pre {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .scorlled {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .input-group-air {
    box-shadow: rgb(29, 30, 38) 0px 3px 20px 0px;
}

body.dark-only .page-wrapper .input-group-text {
    background-color: rgb(38, 41, 50);
    border: 1px solid rgb(55, 69, 88);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .input-group-text i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .input-group-solid .input-group-text, body.dark-only .page-wrapper .input-group-solid .form-control {
    background: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .semilight-bg-color, body.dark-only .page-wrapper .header-bg-color {
    background-color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .list-group-item {
    background-color: rgb(38, 41, 50);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .list-group-item + .list-group-item {
    border-top-width: 0px;
}

body.dark-only .page-wrapper .list-group-item.active {
    border-color: var(--theme-default);
    color: rgb(255, 255, 255);
    background-color: var(--theme-default) !important;
}

body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
    z-index: 1;
    text-decoration: none;
}

body.dark-only .page-wrapper .list-group-flush .list-group-item:first-child {
    border-top-color: transparent;
}

body.dark-only .page-wrapper .list-group-flush .list-group-item:last-child {
    border-bottom-color: transparent;
}

body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .contextual-wrapper .list-group-item-action:hover {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .list-group-flush .list-group-item {
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}

body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
    border-left: 4px solid var(--theme-default);
}

body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
    border-left: 4px solid var(--theme-secondary);
}

body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
    border-left: 4px solid rgb(255, 184, 41);
}

body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
    border-left: 4px solid rgb(101, 193, 92);
}

body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
    border-left: 4px solid rgb(64, 184, 245);
}

[dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group [class*="border-left-"] {
    border-left: none;
}

body.dark-only .page-wrapper .list-group-item-primary {
    color: rgb(0, 64, 133);
    background-color: rgb(184, 218, 255);
}

body.dark-only .page-wrapper .list-group-item-secondary {
    color: rgb(56, 61, 65);
    background-color: rgb(214, 216, 219);
}

body.dark-only .page-wrapper .list-group-item-success {
    color: rgb(21, 87, 36);
    background-color: rgb(195, 230, 203);
}

body.dark-only .page-wrapper .list-group-item-danger {
    color: rgb(114, 28, 36);
    background-color: rgb(245, 198, 203);
}

body.dark-only .page-wrapper .list-group-item-warning {
    color: rgb(133, 100, 4);
    background-color: rgb(255, 238, 186);
}

body.dark-only .page-wrapper .list-group-item-info {
    color: rgb(12, 84, 96);
    background-color: rgb(190, 229, 235);
}

body.dark-only .page-wrapper .list-group-item-light {
    color: rgb(129, 129, 130);
    background-color: rgb(253, 253, 254);
}

body.dark-only .page-wrapper .list-group-item-dark {
    color: rgb(27, 30, 33);
    background-color: rgb(198, 200, 202);
}

body.dark-only .page-wrapper .auth-bg {
    background-blend-mode: overlay;
    background-color: rgba(54, 64, 74, 0.9);
}

body.dark-only .page-wrapper .auth-bg .authentication-box .card {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .auth-bg .authentication-box h3, body.dark-only .page-wrapper .auth-bg .authentication-box h4, body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .auth-bg-video {
    background-blend-mode: overlay;
    background-color: rgba(54, 64, 74, 0.7);
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box h4, body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type="text"], body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type="password"] {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
    color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
    color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .modal-content {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .modal-content .modal-header {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .modal-content .modal-header .close {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .modal-content .modal-footer {
    border-top: 1px solid rgb(55, 69, 88);
}

body.dark-only .page-wrapper .comingsoon {
    background-blend-mode: overlay;
    background-color: rgba(54, 64, 74, 0.9);
}

body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
    border-color: rgb(55, 69, 88);
}

body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .theme-form .login-divider {
    border-top: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .theme-form .login-divider::before {
    background: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .authentication-main {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
    background-color: rgb(29, 30, 38);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
    color: rgb(152, 166, 173);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type="text"], body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type="password"] {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .vertical-menu-main {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .mega-menu .title {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
    color: var(--theme-default);
}

body.dark-only .page-wrapper .default-according .card {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .default-according .card .btn-link {
    background-color: rgb(38, 41, 50);
    border-top: 1px solid rgb(55, 69, 88);
    border-right: 1px solid rgb(55, 69, 88);
    border-left: 1px solid rgb(55, 69, 88);
    border-image: initial;
    border-bottom: none;
    color: rgb(255, 255, 255);
}

body.dark-only .page-wrapper .default-according .card .text-muted {
    color: rgb(152, 166, 173) !important;
}

body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
    background-color: var(--theme-default);
    border: 1px solid var(--theme-default);
}

body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
    background-color: var(--theme-secondary);
    border: 1px solid var(--theme-secondary);
}

body.dark-only .page-wrapper .collapse .card-body {
    background-color: rgb(38, 41, 50);
}

body.dark-only .page-wrapper .balance-widget.card-body {
    background-color: rgb(38, 41, 50);
    background-blend-mode: overlay;
}

@media screen and (max-width: 1660px) {
    body.dark-only .page-wrapper .caller-img img {
        opacity: 0.7;
    }
}

@media only screen and (max-width: 1199px) {
    body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom: 1px solid rgb(55, 69, 88);
    }

    body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid rgb(29, 30, 38);
        background-color: rgb(38, 41, 50);
    }

    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: rgb(63, 71, 90);
    }
}

@media only screen and (max-width: 575.98px) {
    body.dark-only .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

    body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgb(55, 69, 88);
    }
}

body.dark-only .lg-backdrop {
    background-color: rgb(29, 30, 38);
}

body.dark-only .lg-outer .lg-thumb-outer {
    background-color: rgb(38, 41, 50);
}

body.dark-only .drag {
    background-color: rgb(38, 41, 50);
}

body.dark-only .drag form {
    background: rgb(38, 41, 50);
    box-shadow: rgb(29, 30, 38) 0px 0px 30px;
    border: 1px dotted rgb(29, 30, 38);
}

body.dark-only .drag form input {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .drag form .help-block {
    text-transform: capitalize;
    color: rgb(152, 166, 173);
}

body.dark-only .draggable input {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .draggable p {
    color: rgb(152, 166, 173);
}

body.dark-only .draggable select {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .draggable .radio label::before, body.dark-only .draggable .checkbox label::before {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: rgb(50, 56, 70);
}

body.dark-only .select2-container--default .select2-selection--multiple, body.dark-only .select2-container--default .select2-selection--single {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38) !important;
}

body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgb(38, 41, 50) !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .select2-dropdown {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: rgb(29, 30, 38);
}

body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border-color: rgb(29, 30, 38);
}

body.dark-only .theme-form .form-group input[type="text"], body.dark-only .theme-form .form-group input[type="email"], body.dark-only .theme-form .form-group input[type="search"], body.dark-only .theme-form .form-group input[type="password"], body.dark-only .theme-form .form-group input[type="number"], body.dark-only .theme-form .form-group input[type="tel"], body.dark-only .theme-form .form-group input[type="date"], body.dark-only .theme-form .form-group input[type="datetime-local"], body.dark-only .theme-form .form-group input[type="time"], body.dark-only .theme-form .form-group input[type="datetime-local"], body.dark-only .theme-form .form-group input[type="month"], body.dark-only .theme-form .form-group input[type="week"], body.dark-only .theme-form .form-group input[type="url"], body.dark-only .theme-form .form-group input[type="file"], body.dark-only .theme-form .form-group select {
    border-color: rgb(29, 30, 38);
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .theme-form .form-group input[type="text"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="email"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="search"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="password"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="number"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="tel"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="date"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="datetime-local"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="time"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="datetime-local"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="month"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="week"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="url"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type="file"]::-webkit-input-placeholder, body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
    color: rgb(152, 166, 173);
}

body.dark-only .theme-form .form-group .form-control {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .theme-form .form-group textarea {
    border-color: rgb(29, 30, 38);
}

body.dark-only .CodeMirror {
    background: rgb(38, 41, 50);
    border: 1px solid rgb(152, 166, 173);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .CodeMirror .CodeMirror-code pre {
    background: rgb(38, 41, 50);
}

body.dark-only .editor-toolbar {
    border-top: 1px solid rgb(152, 166, 173);
    border-left: 1px solid rgb(152, 166, 173);
    border-right: 1px solid rgb(152, 166, 173);
}

body.dark-only .editor-toolbar a {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
    background: rgb(29, 30, 38);
}

body.dark-only .editor-toolbar i.separator {
    border-left: 1px solid rgb(152, 166, 173);
    border-right: 1px solid rgb(152, 166, 173);
}

body.dark-only .editor-toolbar.fullscreen::before {
    background: linear-gradient(to right, rgb(29, 30, 38) 0px, rgba(0, 0, 0, 0) 100%);
}

body.dark-only .editor-toolbar.fullscreen::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgb(29, 30, 38) 100%);
}

body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: rgb(29, 30, 38);
}

body.dark-only .editor-preview {
    background-color: rgb(38, 41, 50);
}

body.dark-only .editor-toolbar.fullscreen, body.dark-only .editor-preview-side {
    background: rgb(38, 41, 50);
    border: 1px solid rgb(152, 166, 173);
}

body.dark-only .u-step {
    background: rgb(29, 30, 38);
}

body.dark-only .u-step.active, body.dark-only .u-step.current {
    background: var(--theme-default);
    color: rgb(255, 255, 255);
}

body.dark-only .u-step-title, body.dark-only .u-pearl-title {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .u-step-number {
    background-color: rgb(38, 41, 50);
}

body.dark-only .u-pearl::before {
    background-color: rgb(29, 30, 38);
}

body.dark-only .u-pearl-number, body.dark-only .u-pearl-icon {
    background: rgb(29, 30, 38);
    border: 2px solid rgb(29, 30, 38);
}

body.dark-only .u-pearl.disabled .u-pearl-icon, body.dark-only .u-pearl.disabled .u-pearl-number {
    background: rgb(29, 30, 38);
    border: 2px solid rgb(29, 30, 38);
}

body.dark-only .u-pearl.disabled::after {
    background-color: rgb(51, 64, 83);
}

body.dark-only .u-pearl.error::after {
    background-color: rgb(29, 30, 38);
}

body.dark-only .note-editor.note-frame {
    border-color: rgb(29, 30, 38);
}

body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .swal-modal {
    background-color: rgb(38, 41, 50);
}

body.dark-only .swal-modal .swal-title {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .swal-modal .swal-text {
    color: rgb(152, 166, 173);
}

body.dark-only .swal-modal .swal-content__input {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .nav-tabs {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .nav-tabs .nav-link {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .nav-tabs .nav-link.active {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
    border-color: rgb(55, 69, 88) rgb(55, 69, 88) rgb(38, 41, 50);
}

body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
    border-color: rgb(55, 69, 88) rgb(55, 69, 88) rgb(50, 56, 70);
}

body.dark-only .nav-tabs .nav-item.show .nav-link {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
    border-color: rgb(29, 30, 38) rgb(29, 30, 38) rgb(38, 41, 50);
}

body.dark-only .nav-primary .nav-link.active {
    background-color: var(--theme-default);
}

body.dark-only .nav-primary .nav-item.show .nav-link {
    background-color: var(--theme-default);
}

body.dark-only .custom-tab.nav-tabs {
    border-bottom: none;
}

body.dark-only .bg-navbar .nav {
    background-color: rgb(29, 30, 38);
}

body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: rgb(38, 41, 50) rgb(29, 30, 38) rgb(29, 30, 38);
}

body.dark-only .border-tab .nav-link.active {
    background-color: transparent;
}

body.dark-only .border-tab .show > .nav-link {
    background-color: transparent;
}

body.dark-only .border-tab.nav-left .nav-link, body.dark-only .border-tab.nav-right .nav-link {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .border-tab.nav-left .nav-link.active, body.dark-only .border-tab.nav-right .nav-link.active {
    color: var(--theme-default);
}

body.dark-only .border-tab.nav-left .show > .nav-link, body.dark-only .border-tab.nav-right .show > .nav-link {
    color: var(--theme-default);
}

body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important;
}

body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important;
}

body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
    border-left-color: var(--theme-secondary);
}

body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: rgb(101, 193, 92) !important;
}

body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: rgb(101, 193, 92);
    color: rgb(101, 193, 92) !important;
}

body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
    color: rgb(101, 193, 92) !important;
    border-left-color: rgb(101, 193, 92);
}

body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: rgb(64, 184, 245) !important;
}

body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
    border-left-color: rgb(64, 184, 245);
    color: rgb(64, 184, 245) !important;
}

body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
    color: rgb(64, 184, 245) !important;
    border-left-color: rgb(64, 184, 245);
}

body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary) !important;
}

body.dark-only .border-tab.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
}

body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
    color: rgb(101, 193, 92) !important;
}

body.dark-only .border-tab.nav-success .nav-item.show {
    color: rgb(101, 193, 92) !important;
}

body.dark-only .dropdown-divider {
    border-top: 1px solid rgb(29, 30, 38);
}

body.dark-only .icon-hover-bottom {
    background-color: rgb(38, 41, 50);
    box-shadow: rgb(55, 69, 88) 0px 0px 1px 1px;
}

body.dark-only .icon-hover-bottom .icon-title {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .icon-hover-bottom span {
    color: rgb(152, 166, 173);
}

body.dark-only .icon-hover-bottom .form-group input {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .icon-hover-bottom .icon-first i {
    color: rgb(152, 166, 173);
}

body.dark-only .horizontal-icons-tab .nav-tabs .nav-item .nav-link {
    background-image: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.08) 100%);
}

body.dark-only .arrow-tabs.bg-navbar i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .bottom-navbar .tab-content .tab-paragraph i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only ul, body.dark-only ol, body.dark-only dl, body.dark-only p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only ul li, body.dark-only ul dt, body.dark-only ul dd, body.dark-only ol li, body.dark-only ol dt, body.dark-only ol dd, body.dark-only dl li, body.dark-only dl dt, body.dark-only dl dd, body.dark-only p li, body.dark-only p dt, body.dark-only p dd {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only #cd-timeline::before {
    background: rgb(29, 30, 38);
}

body.dark-only .timeliny {
    border-top: 1px solid rgb(29, 30, 38);
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .timeliny::before {
    background-color: rgb(255, 255, 255);
}

body.dark-only .timeliny .timeliny-dot {
    background-color: rgb(38, 41, 50);
    border: 1px solid rgb(255, 255, 255);
}

body.dark-only .timeliny .timeliny-dot::before {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border: none;
}

body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
    background-color: rgb(255, 255, 255);
}

body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
    background-color: rgb(38, 41, 50);
    border: 1px solid rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .stroke-dark {
    stroke: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .taskadd table tr td .task_title_0 {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-only .task-sidebar .form-control {
    background-color: rgb(29, 30, 38);
    border-color: rgb(29, 30, 38);
}

body.dark-only .todo-wrap.email-wrap .todo-tasks li {
    background-color: rgb(29, 30, 38);
}

body.dark-only .user-profile .ttl-info h6 {
    color: rgb(152, 166, 173);
}

body.dark-only .user-profile .ttl-info span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .user-profile .hovercard .info .title a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .user-profile .hovercard .user-image .avatar img {
    border-color: rgb(38, 41, 50);
}

body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: rgb(38, 41, 50);
}

body.dark-only .user-profile .hovercard .tabs-social {
    border-bottom: none !important;
}

body.dark-only .user-profile .follow .follow-num {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .user-profile .profile-img-style .user-name {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .user-profile .profile-img-style p {
    color: rgb(152, 166, 173);
}

body.dark-only .introjs-helperLayer {
    background-color: rgba(54, 64, 74, 0.9);
    border: rgba(255, 255, 255, 0.5);
}

body.dark-only .jstree-default .jstree-node, body.dark-only .jstree-default .jstree-icon {
    color: rgb(69, 88, 105) !important;
}

body.dark-only .jstree-default .jstree-anchor {
    color: rgb(152, 166, 173);
}

body.dark-only .jstree-default .jstree-clicked {
    color: rgb(255, 255, 255);
    background-color: transparent;
}

body.dark-only .jstree-default .jstree-hovered {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only span.twitter-typeahead .tt-menu {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only span.twitter-typeahead .tt-suggestion {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(29, 30, 38);
    border-top: 1px solid rgb(55, 69, 88);
}

body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
    background-color: rgb(38, 41, 50);
}

body.dark-only .typography small {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .code-box-copy pre {
    background-color: rgb(29, 30, 38);
}

body.dark-only .code-box-copy pre code {
    background-color: rgb(29, 30, 38);
}

body.dark-only .code-box-copy pre[class*="language-"] {
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: rgb(29, 30, 38);
    border: 1px solid rgb(29, 30, 38);
    color: rgb(255, 255, 255);
}

body.dark-only .code-box-copy code[class*="language-"], body.dark-only .code-box-copy pre[class*="language-"] {
    text-shadow: rgb(0, 0, 0) 0px 1px;
}

body.dark-only .code-box-copy code[class*="language-"] ::selection, body.dark-only .code-box-copy pre[class*="language-"] ::selection {
    text-shadow: none;
    background: rgb(38, 41, 50);
}

body.dark-only table.fixedHeader-floating {
    background-color: rgb(29, 30, 38);
}

body.dark-only .note textarea {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .dt-button-info {
    background-color: rgb(38, 41, 50);
    border: 1px solid rgb(29, 30, 38);
}

body.dark-only .dt-button-info h2 {
    background-color: rgb(38, 41, 50);
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only pre {
    background-color: rgb(29, 30, 38);
}

body.dark-only #keytable_wrapper .dataTables_paginate, body.dark-only #column-selector_wrapper .dataTables_paginate, body.dark-only #auto-fill_wrapper .dataTables_paginate, body.dark-only #custom-button_wrapper .dataTables_paginate, body.dark-only #class-button_wrapper .dataTables_paginate, body.dark-only #keyboard-btn_wrapper .dataTables_paginate, body.dark-only #multilevel-btn_wrapper .dataTables_paginate, body.dark-only #pagelength-btn_wrapper .dataTables_paginate, body.dark-only #basic-colreorder_wrapper .dataTables_paginate, body.dark-only #state-saving_wrapper .dataTables_paginate, body.dark-only #real-time_wrapper .dataTables_paginate, body.dark-only #basic-fixed-header_wrapper .dataTables_paginate, body.dark-only #fixed-header-footer_wrapper .dataTables_paginate, body.dark-only #export-button_wrapper .dataTables_paginate, body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate, body.dark-only #cust-json_wrapper .dataTables_paginate, body.dark-only #basic-key-table_wrapper .dataTables_paginate, body.dark-only #focus-cell_wrapper .dataTables_paginate, body.dark-only #responsive_wrapper .dataTables_paginate, body.dark-only #new-cons_wrapper .dataTables_paginate, body.dark-only #show-hidden-row_wrapper .dataTables_paginate, body.dark-only #basic-row-reorder_wrapper .dataTables_paginate, body.dark-only #full-row_wrapper .dataTables_paginate, body.dark-only #rest-column_wrapper .dataTables_paginate {
    border: none;
}

body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd, body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
    background-color: rgb(29, 30, 38);
}

body.dark-only .error-wrapper {
    background-color: rgba(54, 64, 74, 0.8);
}

body.dark-only .error-wrapper .sub-content {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .b-light {
    border: 1px solid rgb(29, 30, 38) !important;
}

body.dark-only .modal-content {
    background-color: rgb(38, 41, 50);
}

body.dark-only .modal-content .modal-header {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .modal-content .modal-header .close {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
}

body.dark-only .modal-content .ui-front .form-control {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .modal .theme-close {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .token.atrule, body.dark-only .token.attr-value, body.dark-only .token.keyword {
    color: rgb(64, 184, 245);
}

body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
    color: rgb(252, 86, 74);
}

body.dark-only .loader-box.card-loader {
    background-color: rgb(38, 41, 50);
}

body.dark-only .my-gallery.gallery-with-description img {
    border-top: 1px solid rgb(55, 69, 88) !important;
    border-right: 1px solid rgb(55, 69, 88) !important;
    border-left: 1px solid rgb(55, 69, 88) !important;
    border-image: initial !important;
    border-bottom: none !important;
}

body.dark-only .alert-primary.inverse {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .alert-secondary.inverse {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .alert-success.inverse {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .alert-danger.inverse {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .alert-warning.inverse {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .alert-info.inverse {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .alert-dark.inverse {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .alert-theme span + span + span {
    background-color: rgb(29, 30, 38);
}

body.dark-only .alert-theme i {
    padding: 20px;
    margin-right: 20px !important;
}

body.dark-only .user-card .user-deatils h6 {
    color: rgb(152, 166, 173);
}

body.dark-only .user-card .card-footer > div:first-child {
    border-right: 1px solid rgb(29, 30, 38);
}

body.dark-only .user-card .card-footer .user-footer h6 {
    color: rgb(152, 166, 173);
}

body.dark-only .user-card .card-footer .user-footer svg path, body.dark-only .user-card .card-footer .user-footer svg rect {
    color: rgb(152, 166, 173);
}

body.dark-only .navigation-option ul li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .navigation-option ul li:hover {
    background-color: rgb(29, 30, 38);
}

body.dark-only .product-box .product-details h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .product-box .product-details > a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .product-box .product-details span {
    color: rgb(152, 166, 173);
}

body.dark-only .product-box .product-img .product-hover ul li {
    background-color: rgb(38, 41, 50);
}

body.dark-only .product-box .product-img .product-hover ul li:hover {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

body.dark-only .browse .browse-articles ul li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .browse .browse-articles ul li:hover {
    background-color: rgb(29, 30, 38);
}

body.dark-only .radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-default) !important;
}

body.dark-only .radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-default);
}

body.dark-only .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-default) !important;
}

body.dark-only .radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-default);
}

body.dark-only .radio-secondary input[type="radio"] + label::before {
    border-color: rgb(131, 131, 131) !important;
}

body.dark-only .radio-secondary input[type="radio"] + label::after {
    background-color: rgb(131, 131, 131);
}

body.dark-only .radio-secondary input[type="radio"]:checked + label::before {
    border-color: rgb(131, 131, 131) !important;
}

body.dark-only .radio-secondary input[type="radio"]:checked + label::after {
    background-color: rgb(131, 131, 131);
}

body.dark-only .radio-success input[type="radio"] + label::before {
    border-color: rgb(101, 193, 92) !important;
}

body.dark-only .radio-success input[type="radio"] + label::after {
    background-color: rgb(101, 193, 92);
}

body.dark-only .radio-success input[type="radio"]:checked + label::before {
    border-color: rgb(101, 193, 92) !important;
}

body.dark-only .radio-success input[type="radio"]:checked + label::after {
    background-color: rgb(101, 193, 92);
}

body.dark-only .radio-danger input[type="radio"] + label::before {
    border-color: rgb(252, 86, 74) !important;
}

body.dark-only .radio-danger input[type="radio"] + label::after {
    background-color: rgb(252, 86, 74);
}

body.dark-only .radio-danger input[type="radio"]:checked + label::before {
    border-color: rgb(252, 86, 74) !important;
}

body.dark-only .radio-danger input[type="radio"]:checked + label::after {
    background-color: rgb(252, 86, 74);
}

body.dark-only .radio-info input[type="radio"] + label::before {
    border-color: rgb(64, 184, 245) !important;
}

body.dark-only .radio-info input[type="radio"] + label::after {
    background-color: rgb(64, 184, 245);
}

body.dark-only .radio-info input[type="radio"]:checked + label::before {
    border-color: rgb(64, 184, 245) !important;
}

body.dark-only .radio-info input[type="radio"]:checked + label::after {
    background-color: rgb(64, 184, 245);
}

body.dark-only .radio-light input[type="radio"] + label::before {
    border-color: rgb(244, 244, 244) !important;
}

body.dark-only .radio-light input[type="radio"] + label::after {
    background-color: rgb(244, 244, 244);
}

body.dark-only .radio-light input[type="radio"]:checked + label::before {
    border-color: rgb(244, 244, 244) !important;
}

body.dark-only .radio-light input[type="radio"]:checked + label::after {
    background-color: rgb(244, 244, 244);
}

body.dark-only .radio-dark input[type="radio"] + label::before {
    border-color: rgb(63, 71, 90) !important;
}

body.dark-only .radio-dark input[type="radio"] + label::after {
    background-color: rgb(63, 71, 90);
}

body.dark-only .radio-dark input[type="radio"]:checked + label::before {
    border-color: rgb(63, 71, 90) !important;
}

body.dark-only .radio-dark input[type="radio"]:checked + label::after {
    background-color: rgb(63, 71, 90);
}

body.dark-only .radio-warning input[type="radio"] + label::before {
    border-color: rgb(255, 184, 41) !important;
}

body.dark-only .radio-warning input[type="radio"] + label::after {
    background-color: rgb(255, 184, 41);
}

body.dark-only .radio-warning input[type="radio"]:checked + label::before {
    border-color: rgb(255, 184, 41) !important;
}

body.dark-only .radio-warning input[type="radio"]:checked + label::after {
    background-color: rgb(255, 184, 41);
}

body.dark-only .checkbox-primary label::before {
    border-color: var(--theme-default) !important;
}

body.dark-only .checkbox-secondary label::before {
    border-color: rgb(131, 131, 131) !important;
}

body.dark-only .checkbox-success label::before {
    border-color: rgb(101, 193, 92) !important;
}

body.dark-only .checkbox-danger label::before {
    border-color: rgb(252, 86, 74) !important;
}

body.dark-only .checkbox-info label::before {
    border-color: rgb(64, 184, 245) !important;
}

body.dark-only .checkbox-light label::before {
    border-color: rgb(244, 244, 244) !important;
}

body.dark-only .checkbox-dark label::before {
    border-color: rgb(63, 71, 90) !important;
}

body.dark-only .checkbox-warning label::before {
    border-color: rgb(255, 184, 41) !important;
}

body.dark-only .checkbox-solid-primary label::before {
    background-color: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-secondary label::before {
    background-color: rgb(131, 131, 131) !important;
    border-color: rgb(131, 131, 131) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: rgb(131, 131, 131) !important;
    border-color: rgb(131, 131, 131) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-success label::before {
    background-color: rgb(101, 193, 92) !important;
    border-color: rgb(101, 193, 92) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: rgb(101, 193, 92) !important;
    border-color: rgb(101, 193, 92) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-danger label::before {
    background-color: rgb(252, 86, 74) !important;
    border-color: rgb(252, 86, 74) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: rgb(252, 86, 74) !important;
    border-color: rgb(252, 86, 74) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-info label::before {
    background-color: rgb(64, 184, 245) !important;
    border-color: rgb(64, 184, 245) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: rgb(64, 184, 245) !important;
    border-color: rgb(64, 184, 245) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-light label::before {
    background-color: rgb(244, 244, 244) !important;
    border-color: rgb(244, 244, 244) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: rgb(244, 244, 244) !important;
    border-color: rgb(244, 244, 244) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-dark label::before {
    background-color: rgb(63, 71, 90) !important;
    border-color: rgb(63, 71, 90) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: rgb(63, 71, 90) !important;
    border-color: rgb(63, 71, 90) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-warning label::before {
    background-color: rgb(255, 184, 41) !important;
    border-color: rgb(255, 184, 41) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: rgb(255, 184, 41) !important;
    border-color: rgb(255, 184, 41) !important;
    color: rgb(255, 255, 255) !important;
}

body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgb(29, 30, 38);
}

body.dark-only .bootstrap-datetimepicker-widget tr th:hover, body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
    background-color: rgb(38, 41, 50);
}

body.dark-only .bootstrap-datetimepicker-widget tr th span:hover, body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
    background-color: rgb(38, 41, 50);
}

body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover, body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
    background-color: rgb(38, 41, 50);
}

body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: rgb(38, 41, 50);
}

body.dark-only .btn-transparent {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow::after, body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow::after {
    color: rgb(152, 166, 173);
}

body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow::after, body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow::after {
    color: rgb(152, 166, 173);
}

body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .fc-button-group .fc-basicWeek-button, body.dark-only .fc-button-group .fc-basicDay-button, body.dark-only .fc-button-group .fc-agendaWeek-button, body.dark-only .fc-button-group .fc-agendaDay-button {
    color: rgb(0, 0, 0) !important;
}

body.dark-only .fc-button-group .fc-month-button {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .visual-button .button-light-secondary, body.dark-only .visual-button .button-light-warning, body.dark-only .visual-button .button-light-success {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .mix-hover-btn .txt-dark {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .btn-light:not([disabled]):not(.disabled).active.active {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
    color: rgba(64, 64, 64, 0.5) !important;
}

body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button, body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: rgb(0, 0, 0) !important;
}

body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: rgb(255, 255, 255) !important;
}

body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
    color: rgb(0, 0, 0) !important;
}

body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button, body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light, body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button, body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light, body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button, body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: rgb(0, 0, 0) !important;
}

body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button, body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button, body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: rgb(255, 255, 255) !important;
}

body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover, body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover, body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
    color: rgb(0, 0, 0) !important;
}

body.dark-only .categories ul li a {
    color: rgb(152, 166, 173);
}

body.dark-only .categories ul li:hover {
    background-color: rgb(29, 30, 38);
}

body.dark-only .socialprofile .badge {
    background-color: rgb(29, 30, 38);
}

body.dark-only .socialprofile .likes-profile h5 span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .socialprofile span {
    color: rgb(152, 166, 173);
}

body.dark-only .social-status .d-flex .flex-grow-1 span + span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .social-status .d-flex .flex-grow-1 p, body.dark-only .social-status .d-flex .flex-grow-1 .light-span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .filter-cards-view p, body.dark-only .timeline-content p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .filter-cards-view .comment-number i, body.dark-only .timeline-content .comment-number i {
    color: rgb(152, 166, 173);
}

body.dark-only .filter-cards-view .comments-box .input-group, body.dark-only .timeline-content .comments-box .input-group {
    background-color: rgb(29, 30, 38);
}

body.dark-only .filter-cards-view .comments-box .input-group .form-control, body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none !important;
}

body.dark-only .filter-cards-view .comments-box .input-group .input-group-append, body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: rgb(29, 30, 38);
}

body.dark-only .filter-cards-view .comments-box .input-group .input-txt-bx, body.dark-only .timeline-content .comments-box .input-group .input-txt-bx {
    background-color: rgb(29, 30, 38);
}

body.dark-only .social-chat .flex-grow-1 {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .social-chat .flex-grow-1::after {
    border-right: 7px solid rgb(38, 41, 50);
}

body.dark-only .social-chat span span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .details-about .your-details p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .activity-log .my-activity p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .bookmark ul li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .email-wrap .flex-grow-1 p {
    color: rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgb(55, 69, 88);
    }
}

@media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.material-icon .page-header {
        background-color: rgb(38, 41, 50);
    }
}

body.dark-only .apexcharts-tooltip.light {
    border-color: rgb(55, 69, 88);
    background-color: rgb(29, 30, 38);
}

body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    border-color: rgb(55, 69, 88);
}

body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label, body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
    color: rgb(255, 255, 255);
}

body.dark-only .faq-accordion.default-according .card .faq-header {
    border: 0px !important;
}

body.dark-only .seller-order-table .recent-table div.dt-container .table thead tr th a, body.dark-only .seller-order-table .recent-table div.dt-container .table thead tr td a, body.dark-only .seller-order-table .recent-table div.dt-container .table tbody tr th a, body.dark-only .seller-order-table .recent-table div.dt-container .table tbody tr td a {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .seller-order-table .recent-table div.dt-container .table thead tr th:nth-child(4) a, body.dark-only .seller-order-table .recent-table div.dt-container .table thead tr td:nth-child(4) a, body.dark-only .seller-order-table .recent-table div.dt-container .table tbody tr th:nth-child(4) a, body.dark-only .seller-order-table .recent-table div.dt-container .table tbody tr td:nth-child(4) a {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .seller-details-table .recent-table .table thead tr th .product-action .square-white, body.dark-only .seller-details-table .recent-table .table thead tr td .product-action .square-white, body.dark-only .seller-details-table .recent-table .table tbody tr th .product-action .square-white, body.dark-only .seller-details-table .recent-table .table tbody tr td .product-action .square-white {
    box-shadow: unset;
    background-color: rgb(29, 30, 38);
}

body.dark-only .seller-details-table .recent-table .table thead tr th .product-action .square-white svg, body.dark-only .seller-details-table .recent-table .table thead tr td .product-action .square-white svg, body.dark-only .seller-details-table .recent-table .table tbody tr th .product-action .square-white svg, body.dark-only .seller-details-table .recent-table .table tbody tr td .product-action .square-white svg {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .review-box .seller-profile .accordion-button {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .review-box .seller-profile .accordion-item .accordion-body {
    background-color: rgb(50, 56, 70);
}

body.dark-only .review-box .seller-profile .accordion-item .accordion-body li > div h6, body.dark-only .review-box .seller-profile .accordion-item .accordion-body li > div i:not(.fill) {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .review-box .seller-profile .accordion-item .accordion-body .notification-wrapper .form-check-label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-label i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .review-box .review-people .review-list li .people-box .people-comment h6 {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .review-box .review-people .review-list li .people-box .people-comment .date-time h6 {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .seller-details-wrapper .review-box .seller-profile .accordion-item {
    background-color: rgb(38, 41, 50);
}

body.dark-only .seller-details-wrapper .review-box .seller-profile .accordion-item .accordion-header .accordion-button::after {
    filter: invert(1);
}

body.dark-only .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card {
    background-color: rgb(29, 30, 38);
}

body.dark-only .seller-details-wrapper .seller-order-table tr td .square-white {
    background-color: unset;
}

body.dark-only #radarchart .apexcharts-canvas .apexcharts-graphical .apexcharts-plot-series polygon {
    fill: rgb(29, 30, 38);
    stroke: rgb(31, 37, 51);
}

body.dark-only #radarchart .apexcharts-canvas .apexcharts-graphical .apexcharts-plot-series polygon:nth-child(2n+1) {
    fill: rgb(50, 56, 70);
}

body.dark-only #radarchart .apexcharts-canvas .apexcharts-graphical .apexcharts-plot-series line {
    stroke: rgb(31, 37, 51);
}

body.dark-only .apexcharts-radialbar-track.apexcharts-track path {
    stroke: rgb(29, 30, 38);
}

body.dark-only .collection-filter-block h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .collection-filter-block ul.pro-services li span {
    color: rgba(255, 255, 255, 0.3);
}

body.dark-only .rating-box ul li .rating-list .progress {
    background: rgb(29, 30, 38);
}

body.dark-only .product-rating-box .review-title-2 p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .seller-wrapper .form-check .form-check-input:valid ~ .form-check-label {
    color: rgba(255, 255, 255, 0.3);
}

body.dark-only .megaoption-space span:not(.pull-right):last-child {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .main-upgrade .variation-box .selection-box .d-flex {
    color: rgb(31, 37, 51);
}

body.dark-only .dark-alert .alert p {
    color: rgb(29, 30, 38);
}

body.dark-only .dark-alert-msg .alert[class*="alert-bg-"] p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .dark-alert-msg .alert[class*="alert-bg-"] .btn-close {
    filter: invert(1);
}

body.dark-only .dark-txt p strong {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .live-dark .btn-close {
    filter: initial;
}

body.dark-only .alert-light {
    color: rgb(29, 30, 38) !important;
}

body.dark-only .heart-rating .rating-text {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-animate a {
    background: rgb(50, 56, 70);
}

body.dark-only .main-animate svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-animate svg.fill-icon, body.dark-only .main-animate svg.fill-secondary {
    stroke: none;
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-animate i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-animate.heartbeat-wrapper svg {
    stroke: rgb(252, 86, 74);
}

body.dark-only .main-animate.heartbeat-wrapper i {
    color: rgb(252, 86, 74);
}

body.dark-only .main-animate.border-pulse-wrapper a {
    border-color: rgb(55, 69, 88);
}

body.dark-only .pulse-wrapper svg, body.dark-only .pulse-wrapper i {
    animation: 1s ease 0s infinite normal none running pulse-animate-dark;
}

@keyframes pulse-animate-dark {
    0% {
        box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 0px;
    }

    100% {
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 20px;
    }
}

body.dark-only .mobile-app-card.social-empower, body.dark-only .mobile-app-card.upgrade-plan {
    background: rgb(29, 30, 38);
}

body.dark-only .campaign-table .badge-light-light.disabled {
    color: rgb(43, 43, 43);
}

body.dark-only .campaign-table .twitter > div {
    border-color: rgba(255, 255, 255, 0.6);
}

body.dark-only .campaign-table .twitter .social-circle {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .live-auction-wrapper .product-nft-content > div p span.text-black {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .nft-collection .nft-user-info .user-desc {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .currency-table.task-table .table .main-task-wrapper tr td .form-check-label::before {
    background-color: rgb(29, 30, 38);
}

body.dark-only .currency-table.task-table .table .main-task-wrapper tr .icons-box .square-white i {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .currency-table.task-table .table .main-task-wrapper .square-white i {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .hovercard .info .follow .border-end {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-only .tour-email span {
    color: rgb(152, 166, 173);
}

body.dark-only .dropdown-menu li:first-child .dropdown-item {
    border-top-color: transparent;
}

body.dark-only .dropdown-menu .dropdown-item {
    border-top-color: rgb(55, 69, 88);
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.9;
}

body.dark-only .dropdown-menu .dropdown-item:hover {
    background-color: rgb(50, 56, 70);
}

body.dark-only .split-dropdown .dropdown-basic .btn-group .dropdown-menu .dropdown-item a {
    border-top-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.9;
}

body.dark-only .split-dropdown .dropdown-basic .btn-group .dropdown-menu .dropdown-item a:hover {
    background-color: rgb(50, 56, 70);
}

body.dark-only .dropdown-basic .dropdown .dropdown-content a {
    border-top-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.9;
}

body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: rgb(50, 56, 70) !important;
}

body.dark-only .dark-input-type .input-group .input-group-text {
    background: transparent;
    border: unset;
}

body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only btn-group .dropdown-wrapper .input-group {
    border-top-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.9;
}

body.dark-only btn-group .dropdown-wrapper .input-group:hover {
    background-color: rgb(50, 56, 70);
}

body.dark-only .helper-cards .dropdown-block {
    background-color: rgb(50, 56, 70);
}

body.dark-only .helper-cards .dropdown-block li h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .helper-cards .dropdown-block li .dropdown-item {
    background-color: transparent;
}

body.dark-only .dark-dropdown-box .btn-group .dropdown-toggle {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .form-wrapper.dark-form, body.dark-only .form-wrapper.show {
    background-color: rgb(29, 30, 38);
}

body.dark-only .dark-accordion .accordion-item {
    border: 1px solid rgb(55, 69, 88);
    background-color: transparent;
}

body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
    color: rgb(29, 30, 38);
}

body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
    background-color: rgb(38, 41, 50);
}

body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
    border: 0px;
}

body.dark-only .dark-accordion .collapse-wrapper {
    color: rgb(29, 30, 38);
}

body.dark-only .dark-accordion.card {
    border-radius: unset;
}

body.dark-only .dark-accordion.card.card-body.mb-0 {
    border-radius: 15px;
}

body.dark-only .accordion.dark-accordion .accordion-item .accordion-collapse .accordion-body .accordions-content li {
    color: rgb(152, 166, 173);
}

body.dark-only .accordion.dark-accordion .accordion-item .accordion-collapse p {
    color: rgb(152, 166, 173);
}

body.dark-only .accordions-content li {
    color: rgb(38, 41, 50);
}

body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
    border-top-width: 1px;
}

body.dark-only .dark-list .list-group .list-group-item .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: transparent;
}

body.dark-only .dark-list .list-light-dark {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .card-wrapper .sub-title {
    border-bottom: unset !important;
}

body.dark-only .figure.dark-blockquote .blockquote {
    border-left-color: var(--theme-default);
    border-right-color: var(--theme-default);
}

body.dark-only .figure.dark-blockquote .blockquote p {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .typography-list .card-wrapper dl dt {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-only .datatable-init div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .basic_table .card-block .table.light-card {
    background-color: rgb(50, 56, 70);
}

body.dark-only .basic_table .card-block table.table-light {
    --bs-table-bg: #22262f;
}

body.dark-only .basic_table .card-block table.table-light thead tr th, body.dark-only .basic_table .card-block table.table-light thead tr td, body.dark-only .basic_table .card-block table.table-light tbody tr th, body.dark-only .basic_table .card-block table.table-light tbody tr td {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .basic_table .card-block table.table-light tbody tr td {
    background-color: rgb(50, 56, 70) !important;
}

body.dark-only .dark-sign-up .modal-body form .form-label {
    color: rgb(31, 37, 51);
}

body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
    color: rgb(31, 37, 51);
}

body.dark-only .dark-sign-up .modal-body form .form-control {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .dark-sign-up.social-profile {
    background-image: unset;
    background-color: rgb(29, 30, 38);
}

body.dark-only .dark-sign-up.social-profile .modal-body form .form-check .form-check-label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .dark-sign-up.social-profile .modal-body .form-label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .social-profile {
    background-attachment: fixed;
}

body.dark-only .social-profile .social-details h5 a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .md-sidebar .job-sidebar {
    box-shadow: rgba(29, 30, 38, 0.7) 0px 9px 20px;
}

body.dark-only .job-sidebar .job-accordion .card-body.animate-chk:not(.filter-cards-view) .form-check .form-check-label .number {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card {
    background-color: rgb(29, 30, 38);
}

body.dark-only .file-manager-grid .freeze-ui {
    background-color: rgba(29, 30, 38, 0.8);
}

body.dark-only .file-manager-grid .doc-icon {
    color: rgb(29, 30, 38);
}

body.dark-only .file-manager-grid .doc-icon::after {
    border-top-color: rgb(29, 30, 38);
    border-right-color: rgb(29, 30, 38);
    border-bottom-color: var(--dark-light-color);
    border-left-color: var(--dark-light-color);
}

[dir="rtl"] body.dark-only .file-manager-grid .doc-icon::after {
    border-left-color: unset;
    border-right-color: var(--dark-light-color);
}

body.dark-only .file-manager-grid .file:hover .doc-icon::after {
    border-top-color: rgb(29, 30, 38);
    border-right-color: rgb(29, 30, 38);
    border-bottom-color: var(--dark-light-color);
    border-left-color: var(--dark-light-color);
}

[dir="rtl"] body.dark-only .file-manager-grid .file:hover .doc-icon::after {
    border-left-color: unset;
    border-right-color: var(--dark-light-color);
}

body.dark-only .file-manager-grid .item-selected {
    background-color: rgb(50, 56, 70);
}

body.dark-only .file-manager-grid .item-selected.file .doc-icon::after {
    border-top-color: rgb(50, 56, 70);
    border-right-color: rgb(50, 56, 70);
    border-bottom-color: var(--dark-light-color);
    border-left-color: var(--dark-light-color);
}

[dir="rtl"] body.dark-only .file-manager-grid .item-selected.file .doc-icon::after {
    border-left-color: unset;
    border-right-color: var(--dark-light-color);
}

body.dark-only .file-manager-grid .item-selected:hover {
    background-color: rgb(50, 56, 70);
}

body.dark-only .common-file-manager .filemanger .top-menu {
    background-color: rgb(29, 30, 38);
}

body.dark-only .common-file-manager .filemanger .top-menu button {
    background-color: rgb(50, 56, 70);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .common-file-manager .filemanger .top-folder-path {
    background-color: rgb(38, 41, 50);
}

body.dark-only .common-file-manager .filemanger .top-folder-path .path-action-btns button {
    background-color: rgb(38, 41, 50);
}

body.dark-only .common-file-manager .filemanger .top-folder-path .path-action-btns button:disabled {
    background-color: rgb(38, 41, 50);
}

body.dark-only .common-file-manager .filemanger .top-folder-path .folder-path-write {
    background-color: rgb(29, 30, 38);
}

body.dark-only .common-file-manager .filemanger .top-folder-path .folder-path-write button {
    background-color: rgb(29, 30, 38);
}

body.dark-only .common-file-manager .filemanger .top-folder-path .folder-path-write input {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .common-file-manager .popup .popup-content {
    background-color: rgb(31, 37, 51);
}

body.dark-only .common-file-manager .popup .popup-content form input {
    background-color: rgb(50, 56, 70);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .common-file-manager .folderEmpty {
    background-color: rgba(29, 30, 38, 0.4);
}

body.dark-only .bootstrap-select .dropdown-toggle {
    color: rgb(137, 137, 137);
    background-color: rgb(29, 30, 38) !important;
    border-color: transparent !important;
}

body.dark-only .bootstrap-select .bs-searchbox {
    background-color: rgb(50, 56, 70);
}

body.dark-only .bootstrap-select .no-results {
    background-color: rgb(29, 30, 38);
}

body.dark-only .bootstrap-select .dropdown-menu .dropdown-header {
    background-color: rgb(29, 30, 38);
}

body.dark-only .bootstrap-select .dropdown-menu .dropdown-item {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .bootstrap-select .dropdown-menu .dropdown-item:hover {
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .bootstrap-select .dropdown-menu .form-control {
    border-color: rgb(55, 69, 88);
}

body.dark-only .discount-options .nav-link {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .filepond--drop-label.filepond--drop-label label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .filepond--root .filepond--panel-root {
    background-color: rgb(29, 30, 38);
}

body.dark-only .dropzone.dropzone-secondary i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .dropzone .dz-preview.dz-file-preview .dz-image {
    background: linear-gradient(rgb(50, 56, 70), rgb(29, 30, 38));
}

body.dark-only .dropzone .dz-preview.dz-image-preview {
    background: transparent;
}

body.dark-only .dropzone .dz-preview .dz-details .dz-size span, body.dark-only .dropzone .dz-preview .dz-details .dz-filename span {
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.3);
}

body.dark-only .warning-alert p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .warning-alert .btn-close {
    filter: invert(1);
}

body.dark-only .dark-helper {
    background-color: rgba(29, 30, 38, 0.4);
}

body.dark-only .dark-helper h6, body.dark-only .dark-helper span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .dark-helper .text-muted {
    color: rgb(38, 41, 50) !important;
}

body.dark-only .font-dark {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .helper-common-box .border-common-box {
    border-color: rgb(55, 69, 88);
}

body.dark-only .helper-common-box .radius-wrapper {
    background-color: rgb(29, 30, 38);
}

body.dark-only .irs-min, body.dark-only .irs-max {
    color: rgb(152, 166, 173);
    background-color: rgb(50, 56, 70);
}

body.dark-only .irs--flat .irs-line, body.dark-only .irs--square .irs-line, body.dark-only .irs--round .irs-line {
    background-color: rgb(29, 30, 38);
}

body.dark-only .irs--big .irs-line, body.dark-only .irs--modern .irs-line {
    background: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
}

body.dark-only .irs--sharp .irs-line {
    background-color: rgb(29, 30, 38);
}

body.dark-only .jvectormap-container .jvectormap-zoomin, body.dark-only .jvectormap-container .jvectormap-zoomout {
    background: rgb(50, 56, 70);
}

body.dark-only .linear-divider h6 {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-only .main-divider .vertical-divider .divider-dark-icon {
    stroke: rgba(255, 255, 255, 0.5);
}

body.dark-only .main-divider .vertical-divider .vertical-line {
    color: rgb(38, 41, 50);
}

body.dark-only .main-divider .vertical-divider .vertical-line.bg-dark {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .main-divider .divider-h-line.bg-dark, body.dark-only .main-divider .vr.bg-dark {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .animated-divider.animated-line::before {
    background: linear-gradient(90deg, rgb(38, 41, 50) 0%, rgb(38, 41, 50) 5%, transparent 5%, transparent 10%, rgb(38, 41, 50) 10%, rgb(38, 41, 50) 15%, transparent 15%, transparent 20%, rgb(38, 41, 50) 20%, rgb(38, 41, 50) 25%, transparent 25%, transparent 30%, rgb(38, 41, 50) 30%, rgb(38, 41, 50) 35%, transparent 35%, transparent 40%, rgb(38, 41, 50) 40%, rgb(38, 41, 50) 45%, transparent 45%, transparent 50%, rgb(38, 41, 50) 50%, rgb(38, 41, 50) 55%, transparent 55%, transparent 60%, rgb(38, 41, 50) 60%, rgb(38, 41, 50) 65%, transparent 65%, transparent 70%, rgb(38, 41, 50) 70%, rgb(38, 41, 50) 75%, transparent 75%, transparent 80%, rgb(38, 41, 50) 80%, rgb(38, 41, 50) 85%, transparent 85%, transparent 90%, rgb(38, 41, 50) 90%, rgb(38, 41, 50) 95%, transparent 95%, transparent 100%) 0% 0% / 150px;
}

body.dark-only .ribbon-wrapper.alert-light-light, body.dark-only .ribbon-wrapper-bottom.alert-light-light, body.dark-only .ribbon-vertical-left-wrapper.alert-light-light, body.dark-only .ribbon-wrapper-right.alert-light-light, body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: rgb(50, 56, 70);
}

body.dark-only button.progress-btn {
    background-color: rgb(50, 56, 70);
    border-color: rgb(50, 56, 70);
}

body.dark-only .pagination .page-item .page-link.rounded-circle {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .pagination .page-item.disabled .page-link {
    border-color: rgb(55, 69, 88) !important;
}

body.dark-only .dark-timeline .date-content {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .animated-timeline .timeline-block .title {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .animated-timeline .timeline-block::before {
    border: 1px dashed rgb(55, 69, 88);
}

body.dark-only .animated-timeline .timeline-block .timeline-event {
    background-color: rgb(29, 30, 38);
    border: 1px dashed rgb(55, 69, 88);
}

body.dark-only .animated-timeline .timeline-block .timeline-event .timeline-desc h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .animated-timeline .timeline-block .timeline-event .timeline-desc span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .animated-timeline .timeline-block .timeline-event::before {
    background-color: rgb(55, 69, 88);
}

body.dark-only .animated-timeline .timeline-block .timeline-event.non-focus {
    background-color: rgba(29, 30, 38, 0.4);
    border: 1px dashed rgba(55, 69, 88, 0.4);
}

body.dark-only .animated-timeline .timeline-block .timeline-event.non-focus .timeline-desc h6 {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .animated-timeline .timeline-block .timeline-event.non-focus .timeline-desc span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .timeline-list.timeline-border {
    border-bottom-color: rgb(55, 69, 88);
}

body.dark-only .activity-log.main-timeline.notification .basic-timeline ul li .date-content {
    background-color: transparent !important;
}

body.dark-only .student-leader-wrapper .student-leader-content {
    border-bottom-color: rgb(55, 69, 88);
}

body.dark-only .attendance-card .left-overview-content .svg-box {
    box-shadow: unset;
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .task-table .main-task-wrapper .square-white {
    box-shadow: unset;
    border: 1px solid transparent;
    background-color: rgb(29, 30, 38);
}

body.dark-only .income-wrapper ul li + li {
    border-left: 1px dashed rgb(55, 69, 88);
}

[dir="rtl"] body.dark-only .income-wrapper ul li + li {
    border-left: unset;
    border-right: 1px dashed rgb(55, 69, 88);
}

@media (max-width: 1735px) {
    body.dark-only .income-wrapper ul li + li {
        border-left: unset;
    }

    [dir="rtl"] body.dark-only .income-wrapper ul li + li {
        border-right: unset;
    }
}

body.dark-only .icons-box-2 .open-options .dropdown-menu {
    background-color: rgb(29, 30, 38);
}

body.dark-only .icons-box-2 .open-options .dropdown-menu .dropdown-item:hover {
    background-color: rgb(50, 56, 70);
}

body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: rgb(152, 166, 173);
}

body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border-top: 1px solid rgb(55, 69, 88);
    border-right: 1px solid rgb(55, 69, 88);
    border-bottom: 1px solid rgb(55, 69, 88);
    border-image: initial;
    border-left: unset;
    background-color: rgb(38, 41, 50);
}

[dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border-top: 1px solid rgb(55, 69, 88);
    border-bottom: 1px solid rgb(55, 69, 88);
    border-left: 1px solid rgb(55, 69, 88);
    border-image: initial;
    border-right: unset;
}

body.dark-only .shop-category-slider .swiper-wrapper .category-title {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .our-product-wrapper {
    box-shadow: rgba(113, 113, 137, 0.18) 0px 3px 17px;
}

body.dark-only .order-details .search-items .input-group-text {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .order-details .common-search .input-group-text {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .order-details .common-search.input-group .form-control:focus {
    border-color: rgb(55, 69, 88);
}

body.dark-only .create-customers .modal-body .dark-sign-up form .form-label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .create-customers .modal-body .dark-sign-up form .form-control {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .create-customers .modal-body .dark-sign-up form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .customer-sticky .border-bottom {
    border-bottom-color: rgb(55, 69, 88) !important;
}

body.dark-only .compare-order .card-body .progress {
    background: rgb(29, 30, 38);
}

body.dark-only .compare-order .card-body .user-text {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .compare-order .compare-icon[class*="shadow-"] {
    box-shadow: rgb(50, 56, 70) 0px 10.5112px 12.409px 0px;
}

body.dark-only .pipeline-data .common-flex span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .crm-todo-list li span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .analytics-widget {
    background-color: rgb(38, 41, 50);
    background-blend-mode: darken;
}

body.dark-only .grid-showcase span {
    background-color: rgb(29, 30, 38);
}

body.dark-only .ribbon-wrapper.alert-light-light, body.dark-only .ribbon-wrapper-bottom.alert-light-light, body.dark-only .ribbon-vertical-left-wrapper.alert-light-light, body.dark-only .ribbon-wrapper-right.alert-light-light, body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: rgb(29, 30, 38);
}

body.dark-only .main-session-devices .progress {
    background: rgb(29, 30, 38);
}

body.dark-only .widget-11 {
    background-blend-mode: color-burn;
}

body.dark-only .project-finish-card .project-left-content .progress {
    background: linear-gradient(180.36deg, rgb(55, 69, 88) -32.82%, rgb(29, 30, 38) 99.69%);
}

body.dark-only .employee-list-table.recent-table table tbody .square-white {
    box-shadow: unset;
}

body.dark-only .employee-list-table.recent-table table tbody .square-white svg {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .dashboard-12 .tasks-card .arrow-group .next, body.dark-only .dashboard-12 .tasks-card .arrow-group .prev {
    background-color: rgb(29, 30, 38);
}

body.dark-only .dashboard-12 .tasks-card .task-box .progress {
    background: rgba(255, 255, 255, 0.2);
}

body.dark-only .dashboard-12 .tasks-card .task-box .swiper-wrapper .swiper-slide + .swiper-slide {
    border-color: rgb(55, 69, 88);
}

body.dark-only .dashboard-12 .task-card .common-space:nth-child(2), body.dark-only .dashboard-12 .task-card .common-space:nth-child(3) {
    color: rgba(255, 255, 255, 0.3);
}

body.dark-only .dashboard-12 .small-stats .task-box p, body.dark-only .dashboard-12 .small-stats .task-box a {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .dashboard-13 .widget-13 {
    background-blend-mode: color-burn;
}

body.dark-only .dashboard-13 .shipping-details .simple-timeline ul li .shipment-details p:last-child {
    border-bottom-color: rgba(55, 69, 88, 0.5);
}

body.dark-only .dashboard-13 .shipping-details .simple-timeline ul li .dots {
    border-color: rgb(29, 30, 38);
    box-shadow: rgba(152, 166, 173, 0.19) 0px 6px 18px 0px;
}

body.dark-only .main-setting .tab-content {
    border-color: rgb(55, 69, 88);
}

body.dark-only .main-setting .tab-content .advance-options .nav-link {
    background-color: transparent;
}

body.dark-only .main-setting .nav-link {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .main-setting .nav-link svg {
    stroke: rgba(255, 255, 255, 0.4);
}

body.dark-only .main-setting .form-label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-setting .form-control {
    background-color: rgb(29, 30, 38);
    border-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .multiple-selects select option:checked {
    background-color: rgb(50, 56, 70);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .autosize-textarea .textarea {
    border-color: rgb(55, 69, 88);
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(29, 30, 38);
}

body.dark-only .autosize-textarea .textarea[contenteditable]:empty::before {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .square-timeline::before {
    border-color: rgb(55, 69, 88);
}

body.dark-only .square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
    color: rgb(29, 30, 38);
}

body.dark-only .rounded-timeline .container::before {
    background: rgb(55, 69, 88);
}

body.dark-only .rounded-timeline .container::after {
    border-color: rgb(55, 69, 88);
    background: rgb(31, 37, 51);
}

body.dark-only .rounded-timeline .timeline::after {
    background: rgb(55, 69, 88);
}

body.dark-only audio::-webkit-media-controls-play-button, body.dark-only audio::-webkit-media-controls-panel {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 335px) {
    body.dark-only audio::-webkit-media-controls-play-button, body.dark-only audio::-webkit-media-controls-panel {
        background-color: transparent;
    }
}

body.dark-only audio::-webkit-media-controls-current-time-display, body.dark-only audio::-webkit-media-controls-time-remaining-display {
    text-shadow: unset;
}

body.dark-only audio::-webkit-media-controls-enclosure {
    background: unset;
}

body.dark-only .project-cards .project-list .main-card-box .cost-right-data ul li:first-child {
    border-color: rgba(255, 255, 255, 0.3);
}

body.dark-only .project-cards .project-list .main-card-box .cost-right-data ul li span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .project-cards .project-list .main-card-box > .common-space {
    border-color: rgba(255, 255, 255, 0.3);
}

body.dark-only .project-cards .projects-wrapper .list-box .project-body .progress {
    background-color: rgba(255, 255, 255, 0.2);
}

body.dark-only .gallery-description-skeleton .skeleton-wrapper {
    border-color: rgb(55, 69, 88);
}

body.dark-only .job-accordion .location-checkbox label span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .job-accordion span:not(.number) {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .job-accordion .filter-cards-view .form-check .form-check-label .number, body.dark-only .job-accordion .animate-chk .form-check .form-check-label .number {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .job-apply-wrapper .job-description input[type="text"] {
    border: 1px solid transparent;
}

body.dark-only .social-app-profile .tab-pane .job-accordion .filter-cards-view p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .social-app-profile1 .social-app-profile .social-friends .social-profile .card-social::before {
    border-top-color: rgb(55, 69, 88);
}

body.dark-only .social-app-profile1 .social-app-profile .social-friends .social-follow li + li::before {
    background-color: rgba(255, 255, 255, 0.2);
}

body.dark-only .social-app-profile1 .social-app-profile .gallery-with-description .caption ul li + li {
    border-left-color: rgb(55, 69, 88);
}

body.dark-only .social-app-profile1 .social-app-profile .common-user-image .tabs-social .nav-item .nav-link.active {
    background-color: rgb(38, 41, 50);
}

body.dark-only .main-vertical-tab .nav-link .badge {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

body.dark-only .main-scope-project .progress-project-box .project-body .progress {
    background-color: rgba(255, 255, 255, 0.2);
}

body.dark-only .create-project-form .bootstrap-select .dropdown-toggle {
    border-color: rgb(29, 30, 38) !important;
    background-color: rgb(29, 30, 38) !important;
    color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-only .create-project-form .bootstrap-select .dropdown-menu .bs-searchbox {
    background-color: rgb(29, 30, 38);
}

body.dark-only .create-project-form .bootstrap-select .inner {
    background-color: rgb(29, 30, 38);
}

body.dark-only .create-project-form .bootstrap-select .inner .dropdown-menu .no-results {
    background: rgb(29, 30, 38);
}

body.dark-only .create-project-form .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.15);
}

body.dark-only .progress-project-box .card, body.dark-only .progress-project-box .list-box {
    box-shadow: rgb(50, 56, 70) 0px 9px 20px 0px;
}

body.dark-only .progress-project-box .card .project-body span, body.dark-only .progress-project-box .list-box .project-body span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .progress-project-box .card .project-body .project-bottom, body.dark-only .progress-project-box .list-box .project-body .project-bottom {
    border-top: 1px solid rgb(55, 69, 88);
}

body.dark-only .progress-project-box .card .project-body .project-bottom svg, body.dark-only .progress-project-box .list-box .project-body .project-bottom svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-only .projects-wrapper .project-body .project-bottom p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .budget-card.widget-2 {
    background-blend-mode: color-burn;
}

body.dark-only .filter-header .btn-group .dropdown-toggle {
    border-color: rgba(55, 69, 88, 0.4);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .filter-header .btn-group .dropdown-menu li .dropdown-item {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .project-timeline .notification ul li span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .project-timeline .notification ul li span .activity-profile {
    border-color: rgb(55, 69, 88);
}

body.dark-only .project-timeline .notification ul li .upload-doc {
    background-color: rgb(29, 30, 38);
}

body.dark-only .project-timeline .notification ul li .flowchart-wrapper {
    background-color: rgb(29, 30, 38);
}

body.dark-only .project-timeline .notification ul li .project-task-note {
    border-color: rgb(55, 69, 88);
}

body.dark-only .attach-files-wrapper .upload-files-wrapper > div {
    background-color: rgb(29, 30, 38);
}

body.dark-only .attach-files-wrapper .upload-files-wrapper > div .common-space p, body.dark-only .attach-files-wrapper .upload-files-wrapper > div .common-space span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .attach-files-wrapper .upload-files-wrapper > div .progress {
    background: rgb(50, 56, 70);
}

body.dark-only .project-budget-wrapper .form-check-input:focus, body.dark-only .project-budget-wrapper .form-control:focus {
    border-color: rgb(55, 69, 88);
}

body.dark-only .project-budget-wrapper .touchspin-wrapper {
    background-color: rgba(29, 30, 38, 0.8);
}

body.dark-only .common-searchbox .input-group-text {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .common-searchbox .form-control:focus {
    border-color: rgb(55, 69, 88);
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .progress-project {
    border-color: rgb(50, 56, 70);
}

body.dark-only .progress-project .common-space .common-align .badge {
    background-color: rgb(31, 37, 51);
}

body.dark-only .summary-chart-box {
    background-color: rgb(29, 30, 38);
}

body.dark-only .summary-chart-box .apexcharts-graphical .apexcharts-radial-series .apexcharts-text {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg {
    fill: rgb(152, 166, 173);
}

body.dark-only .scope-bottom-wrapper .sidebar-left-icons .nav-item:nth-child(4) svg {
    stroke: rgb(152, 166, 173);
}

body.dark-only .common-project-header .common-align:last-child .common-align li span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .common-project-header .common-align:last-child .common-align li svg {
    stroke: rgb(152, 166, 173);
}

body.dark-only .project-pending-table.recent-table table thead tr th, body.dark-only .project-pending-table.recent-table table thead tr td, body.dark-only .project-pending-table.recent-table table tbody tr th, body.dark-only .project-pending-table.recent-table table tbody tr td {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-only .activity-wrapper .schedule-wrapper {
    border-bottom: unset;
}

body.dark-only .activity-wrapper .tab-content .activity-update > li {
    border-left-color: rgb(55, 69, 88);
}

body.dark-only .invite-member ul li svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-team-box > div {
    background-color: rgb(50, 56, 70);
}

body.dark-only .team-box-content .common-space > span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .team-box-footer {
    border-top-color: rgb(29, 30, 38);
}

body.dark-only .cmt-box .form-control {
    background-color: rgb(29, 30, 38);
    border-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-scrollspy .experience-section h6 {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-menu li .dropdown-item.active, body.dark-only .main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-menu li .dropdown-item:hover {
    background-color: rgb(29, 30, 38);
}

body.dark-only .blog-box .blog-details p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .blog-box .blog-details .blog-social li {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .blog-box .blog-details .single-blog-content-top {
    border-color: rgb(55, 69, 88);
}

body.dark-only .blog-box .blog-date {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-only .blog-box .blog-details-main .blog-social li {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .blog-box .blog-details-main .blog-bottom-details {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .blog-list .blog-details h6 {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .comment-box .d-flex img {
    border-color: rgb(55, 69, 88);
}

body.dark-only .comment-box .d-flex h6 span {
    color: rgba(255, 255, 255, 0.3);
}

body.dark-only .comment-box .comment-social li {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .comment-box .comment-social li:first-child {
    border-right-color: rgb(55, 69, 88);
}

[dir="rtl"] body.dark-only .comment-box .comment-social li:first-child {
    border-left-color: rgb(55, 69, 88);
    border-right-color: unset;
}

body.dark-only .blog-single .blog-details .single-blog-content-top p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .blog-single .comment-box p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .user-profile .freeze-ui4, body.dark-only .user-profile .freeze-ui7 {
    background-color: rgba(29, 30, 38, 0.8);
}

body.dark-only .user-profile .block-main-wrapper .block-wrapper .freeze-ui {
    background-color: rgba(29, 30, 38, 0.8);
}

body.dark-only .user-profile .overlay-bg {
    background-color: rgba(29, 30, 38, 0.1) !important;
    opacity: 0.3;
}

body.dark-only .form-main-wrapper .form-block-wrapper .form-control::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only div:where(.swal2-container) input:where(.swal2-input) {
    border-color: rgb(55, 69, 88);
}

body.dark-only .swal2-container .swal2-popup {
    background: rgb(29, 30, 38);
}

body.dark-only .swal2-container .swal2-popup .swal2-title {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .swal2-container .swal2-popup .swal2-checkbox {
    background: transparent;
}

body.dark-only .swal2-container .swal2-popup .form-label, body.dark-only .swal2-container .swal2-popup label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .swal2-container .swal2-popup .form-control {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .swal2-container .swal2-popup .swal2-html-container {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .swal2-container .swal2-wrapper .form-control, body.dark-only .swal2-container .swal2-wrapper .form-select {
    border-color: rgb(55, 69, 88);
    background-color: rgb(38, 41, 50);
}

body.dark-only .swal2-container .swal2-timer-progress-bar-container .swal2-timer-progress-bar {
    background-color: rgb(55, 69, 88);
}

body.dark-only .main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .input-group-text {
    border-color: rgb(55, 69, 88);
}

body.dark-only .main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .form-select, body.dark-only .main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .form-control {
    color: rgba(255, 255, 255, 0.3);
}

body.dark-only .main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .form-label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .form-control[type="file"]:not(:disabled):not([readonly]) {
    color: rgba(255, 255, 255, 0.2);
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
}

body.dark-only .custom-input .form-control, body.dark-only .custom-input .form-select {
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    border-color: rgb(55, 69, 88);
}

body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: rgb(152, 166, 173);
}

body.dark-only .vertical-main-wizard .accordion .accordion-item .accordion-button.collapsed {
    background-color: rgb(29, 30, 38);
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .e-category div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .subscribed-user div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .api-manage div.dt-container .dt-layout-row .dt-length .dt-input {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    border-color: rgb(55, 69, 88);
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .e-category div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .subscribed-user div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .api-manage div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible {
    outline: transparent;
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .e-category div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .list-product-view div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .common-order-history div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .common-cart div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .main-tasks div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .subscribed-user div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after, body.dark-only .api-manage div.dt-container .dt-layout-row .dataTable input.dt-select-checkbox:indeterminate::after {
    background-color: rgba(255, 255, 255, 0.8);
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-2 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-3 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-4 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-5 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-6 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-7 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-09 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-10 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-11 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-12 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-13 div.dt-container .dt-layout-row tr.selected td, body.dark-only .main-scope-project div.dt-container .dt-layout-row tr.selected td, body.dark-only .e-category div.dt-container .dt-layout-row tr.selected td, body.dark-only .list-product-view div.dt-container .dt-layout-row tr.selected td, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .common-order-history div.dt-container .dt-layout-row tr.selected td, body.dark-only .common-cart div.dt-container .dt-layout-row tr.selected td, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .main-tasks div.dt-container .dt-layout-row tr.selected td, body.dark-only .subscribed-user div.dt-container .dt-layout-row tr.selected td, body.dark-only .api-manage div.dt-container .dt-layout-row tr.selected td {
    box-shadow: rgb(50, 56, 70) 0px 0px 0px 9999px inset;
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-2 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-3 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-4 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-5 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-6 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-7 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-09 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-10 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-11 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-12 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-13 div.dt-container .dt-layout-row tr.selected a, body.dark-only .main-scope-project div.dt-container .dt-layout-row tr.selected a, body.dark-only .e-category div.dt-container .dt-layout-row tr.selected a, body.dark-only .list-product-view div.dt-container .dt-layout-row tr.selected a, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .common-order-history div.dt-container .dt-layout-row tr.selected a, body.dark-only .common-cart div.dt-container .dt-layout-row tr.selected a, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .main-tasks div.dt-container .dt-layout-row tr.selected a, body.dark-only .subscribed-user div.dt-container .dt-layout-row tr.selected a, body.dark-only .api-manage div.dt-container .dt-layout-row tr.selected a {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-info {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dt-search label, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-search label, body.dark-only .e-category div.dt-container .dt-layout-row .dt-search label, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-search label, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-search label, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-search label, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-search label, body.dark-only .subscribed-user div.dt-container .dt-layout-row .dt-search label, body.dark-only .api-manage div.dt-container .dt-layout-row .dt-search label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .e-category div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .subscribed-user div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .api-manage div.dt-container .dt-layout-row .dt-search .dt-input {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    outline: unset;
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button {
    background-color: rgb(29, 30, 38);
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current {
    background-color: var(--theme-default);
}

body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .user-list-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .manage-review-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .product-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .customer-order-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .default-dashboard table tbody tr td .square-white, body.dark-only .dashboard-2 table tbody tr td .square-white, body.dark-only .dashboard-3 table tbody tr td .square-white, body.dark-only .dashboard-4 table tbody tr td .square-white, body.dark-only .dashboard-5 table tbody tr td .square-white, body.dark-only .dashboard-6 table tbody tr td .square-white, body.dark-only .dashboard-7 table tbody tr td .square-white, body.dark-only .dashboard-09 table tbody tr td .square-white, body.dark-only .dashboard-10 table tbody tr td .square-white, body.dark-only .dashboard-11 table tbody tr td .square-white, body.dark-only .dashboard-12 table tbody tr td .square-white, body.dark-only .dashboard-13 table tbody tr td .square-white, body.dark-only .main-scope-project table tbody tr td .square-white, body.dark-only .e-category table tbody tr td .square-white, body.dark-only .list-product-view table tbody tr td .square-white, body.dark-only .seller-details-wrapper table tbody tr td .square-white, body.dark-only .common-order-history table tbody tr td .square-white, body.dark-only .common-cart table tbody tr td .square-white, body.dark-only .role-permission-wrapper table tbody tr td .square-white, body.dark-only .user-list-wrapper table tbody tr td .square-white, body.dark-only .manage-review-wrapper table tbody tr td .square-white, body.dark-only .candidate-wrapper table tbody tr td .square-white, body.dark-only .product-report-wrapper table tbody tr td .square-white, body.dark-only .sale-report-wrapper table tbody tr td .square-white, body.dark-only .sale-return-wrapper table tbody tr td .square-white, body.dark-only .customer-order-wrapper table tbody tr td .square-white, body.dark-only .main-tasks table tbody tr td .square-white, body.dark-only .subscribed-user table tbody tr td .square-white, body.dark-only .api-manage table tbody tr td .square-white {
    box-shadow: unset;
    background-color: rgb(29, 30, 38);
}

body.dark-only .default-dashboard table tbody tr td .square-white svg, body.dark-only .dashboard-2 table tbody tr td .square-white svg, body.dark-only .dashboard-3 table tbody tr td .square-white svg, body.dark-only .dashboard-4 table tbody tr td .square-white svg, body.dark-only .dashboard-5 table tbody tr td .square-white svg, body.dark-only .dashboard-6 table tbody tr td .square-white svg, body.dark-only .dashboard-7 table tbody tr td .square-white svg, body.dark-only .dashboard-09 table tbody tr td .square-white svg, body.dark-only .dashboard-10 table tbody tr td .square-white svg, body.dark-only .dashboard-11 table tbody tr td .square-white svg, body.dark-only .dashboard-12 table tbody tr td .square-white svg, body.dark-only .dashboard-13 table tbody tr td .square-white svg, body.dark-only .main-scope-project table tbody tr td .square-white svg, body.dark-only .e-category table tbody tr td .square-white svg, body.dark-only .list-product-view table tbody tr td .square-white svg, body.dark-only .seller-details-wrapper table tbody tr td .square-white svg, body.dark-only .common-order-history table tbody tr td .square-white svg, body.dark-only .common-cart table tbody tr td .square-white svg, body.dark-only .role-permission-wrapper table tbody tr td .square-white svg, body.dark-only .user-list-wrapper table tbody tr td .square-white svg, body.dark-only .manage-review-wrapper table tbody tr td .square-white svg, body.dark-only .candidate-wrapper table tbody tr td .square-white svg, body.dark-only .product-report-wrapper table tbody tr td .square-white svg, body.dark-only .sale-report-wrapper table tbody tr td .square-white svg, body.dark-only .sale-return-wrapper table tbody tr td .square-white svg, body.dark-only .customer-order-wrapper table tbody tr td .square-white svg, body.dark-only .main-tasks table tbody tr td .square-white svg, body.dark-only .subscribed-user table tbody tr td .square-white svg, body.dark-only .api-manage table tbody tr td .square-white svg {
    fill: rgba(255, 255, 255, 0.4);
}

body.dark-only .product-report-wrapper .flatpickr-input span, body.dark-only .sale-report-wrapper .flatpickr-input span, body.dark-only .sale-return-wrapper .flatpickr-input span, body.dark-only .customer-order-wrapper .flatpickr-input span {
    border-color: rgb(55, 69, 88);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .product-report-wrapper .flatpickr-input #rangeButtons, body.dark-only .sale-report-wrapper .flatpickr-input #rangeButtons, body.dark-only .sale-return-wrapper .flatpickr-input #rangeButtons, body.dark-only .customer-order-wrapper .flatpickr-input #rangeButtons {
    box-shadow: rgb(29, 30, 38) 0px 0px 28px 6px;
}

body.dark-only .product-report-wrapper .flatpickr-input #rangeButtons button, body.dark-only .sale-report-wrapper .flatpickr-input #rangeButtons button, body.dark-only .sale-return-wrapper .flatpickr-input #rangeButtons button, body.dark-only .customer-order-wrapper .flatpickr-input #rangeButtons button {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .product-report-wrapper .flatpickr-input #rangeButtons button:hover, body.dark-only .sale-report-wrapper .flatpickr-input #rangeButtons button:hover, body.dark-only .sale-return-wrapper .flatpickr-input #rangeButtons button:hover, body.dark-only .customer-order-wrapper .flatpickr-input #rangeButtons button:hover {
    color: var(--theme-default);
}

body.dark-only .product-report-wrapper .flatpickr-input #rangeButtons button.active, body.dark-only .sale-report-wrapper .flatpickr-input #rangeButtons button.active, body.dark-only .sale-return-wrapper .flatpickr-input #rangeButtons button.active, body.dark-only .customer-order-wrapper .flatpickr-input #rangeButtons button.active {
    background-color: var(--theme-default);
    color: rgb(255, 255, 255);
}

body.dark-only .cke .cke_top {
    border-color: rgb(55, 69, 88) !important;
    background-color: rgb(29, 30, 38) !important;
}

body.dark-only .cke .cke_button .cke_button_icon {
    filter: invert(1);
}

body.dark-only .cke .cke_button:hover .cke_button_icon {
    filter: hue-rotate(45deg);
}

body.dark-only .cke .cke_combo_button .cke_combo_text {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .cke .cke_combo_button .cke_combo_arrow {
    border-top-color: rgba(255, 255, 255, 0.6);
}

body.dark-only .cke .cke_combo_button:hover .cke_combo_text {
    color: rgb(29, 30, 38);
}

body.dark-only .cke .cke_combo_button:hover .cke_combo_arrow {
    border-top-color: rgb(29, 30, 38);
}

body.dark-only .customer-order-wrapper .customer-order-report .recent-table table thead tr th .customer-details a, body.dark-only .customer-order-wrapper .customer-order-report .recent-table table thead tr td .customer-details a, body.dark-only .customer-order-wrapper .customer-order-report .recent-table table tbody tr th .customer-details a, body.dark-only .customer-order-wrapper .customer-order-report .recent-table table tbody tr td .customer-details a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .subscribed-user-wrapper .recent-table table thead tr th .square-white, body.dark-only .subscribed-user-wrapper .recent-table table thead tr td .square-white, body.dark-only .subscribed-user-wrapper .recent-table table tbody tr th .square-white, body.dark-only .subscribed-user-wrapper .recent-table table tbody tr td .square-white {
    box-shadow: rgb(29, 30, 38) 0px 0px 28px 6px;
}

body.dark-only .subscribed-user-wrapper .recent-table table thead tr th .square-white i, body.dark-only .subscribed-user-wrapper .recent-table table thead tr td .square-white i, body.dark-only .subscribed-user-wrapper .recent-table table tbody tr th .square-white i, body.dark-only .subscribed-user-wrapper .recent-table table tbody tr td .square-white i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .api-management .recent-table table thead tr th .square-l-white, body.dark-only .api-management .recent-table table thead tr td .square-l-white, body.dark-only .api-management .recent-table table tbody tr th .square-l-white, body.dark-only .api-management .recent-table table tbody tr td .square-l-white {
    background-color: rgb(29, 30, 38);
}

body.dark-only .api-management .recent-table table thead tr th .square-l-white i, body.dark-only .api-management .recent-table table thead tr td .square-l-white i, body.dark-only .api-management .recent-table table tbody tr th .square-l-white i, body.dark-only .api-management .recent-table table tbody tr td .square-l-white i {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .role-permission-wrapper .permission-form ul li .form-check .form-check-input:valid ~ .form-check-label {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .user-list-wrapper .user-list-table a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .manage-review-wrapper .bootstrap-select .dropdown-toggle {
    color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-only .manage-review-wrapper .manage-review .recent-table table thead tr th .common-f-start .user-details p, body.dark-only .manage-review-wrapper .manage-review .recent-table table thead tr td .common-f-start .user-details p, body.dark-only .manage-review-wrapper .manage-review .recent-table table tbody tr th .common-f-start .user-details p, body.dark-only .manage-review-wrapper .manage-review .recent-table table tbody tr td .common-f-start .user-details p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .manage-review-wrapper .manage-review .recent-table table thead tr th .customer-review span, body.dark-only .manage-review-wrapper .manage-review .recent-table table thead tr td .customer-review span, body.dark-only .manage-review-wrapper .manage-review .recent-table table tbody tr th .customer-review span, body.dark-only .manage-review-wrapper .manage-review .recent-table table tbody tr td .customer-review span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .manage-review-wrapper .manage-review .recent-table table thead tr th [class*="square-"], body.dark-only .manage-review-wrapper .manage-review .recent-table table thead tr td [class*="square-"], body.dark-only .manage-review-wrapper .manage-review .recent-table table tbody tr th [class*="square-"], body.dark-only .manage-review-wrapper .manage-review .recent-table table tbody tr td [class*="square-"] {
    box-shadow: rgb(29, 30, 38) 0px 0px 28px 6px;
}

body.dark-only .manage-review-wrapper .manage-review .recent-table table thead tr.dt-hasChild ~ tr[data-dt-row] tbody, body.dark-only .manage-review-wrapper .manage-review .recent-table table tbody tr.dt-hasChild ~ tr[data-dt-row] tbody {
    background-color: rgb(29, 30, 38);
}

body.dark-only td.highlight {
    background-color: rgb(31, 35, 43) !important;
}

body.dark-only .basic_table.jsgrid .jsgrid-table .jsgrid-edit-row .jsgrid-cell {
    background: rgb(43, 43, 43);
}

body.dark-only .basic_table.jsgrid .jsgrid-table .jsgrid-edit-row .jsgrid-cell input {
    background-color: rgb(28, 33, 43);
    color: rgb(255, 255, 255);
    border: transparent;
}

body.dark-only .basic_table.jsgrid .jsgrid-table .jsgrid-edit-row .jsgrid-cell input:focus, body.dark-only .basic_table.jsgrid .jsgrid-table .jsgrid-edit-row .jsgrid-cell input:focus-visible {
    outline-color: rgb(55, 69, 88);
}

body.dark-only .card-wrapper .form-control, body.dark-only .dark-field .form-control {
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .form-control-sm {
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
}

body.dark-only .dark-inputs .form-control.btn-square {
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
}

body.dark-only .dark-inputs .form-control.btn-pill {
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
}

body.dark-only .dark-inputs .form-control.input-air-primary {
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
}

body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .default-inline-calender .main-inline-calender .form-control {
    display: none;
}

body.dark-only .default-inline-calender .main-inline-calender .flatpickr-calendar {
    box-shadow: unset;
}

body.dark-only .default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months option {
    background-color: rgb(29, 30, 38);
}

body.dark-only .touchspin-wrapper input[type="number"].input-touchspin, body.dark-only .pre-post-touchspin input[type="number"].input-touchspin {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .variation-box .selection-box input[type="checkbox"]:checked ~ div {
    color: rgb(31, 37, 51);
}

body.dark-only .flatpickr-calendar {
    box-shadow: unset;
}

body.dark-only .flatpickr-calendar.arrowTop::before {
    border-bottom-color: rgb(29, 30, 38);
}

body.dark-only .flatpickr-calendar.arrowTop::after {
    border-bottom-color: rgb(29, 30, 38);
}

body.dark-only .flatpickr-calendar.arrowBottom::before {
    border-top-color: rgb(29, 30, 38);
}

body.dark-only .flatpickr-calendar.arrowBottom::after {
    border-top-color: rgb(29, 30, 38);
}

body.dark-only .flatpickr-calendar.animate {
    background-color: rgb(29, 30, 38);
}

body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: rgb(29, 30, 38);
}

body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-current-month {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day.inRange {
    background: rgb(50, 56, 70);
    border-color: rgb(50, 56, 70);
    box-shadow: rgb(50, 56, 70) -5px 0px 0px, rgb(50, 56, 70) 5px 0px 0px;
}

body.dark-only .flatpickr-calendar .flatpickr-weekday {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-only .flatpickr-calendar .flatpickr-day {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .flatpickr-calendar .flatpickr-day.prevMonthDay {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .flatpickr-calendar .flatpickr-day.nextMonthDay {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .flatpickr-calendar .flatpickr-day:hover {
    background: rgb(50, 56, 70);
}

body.dark-only .flatpickr-calendar .flatpickr-time {
    border-top-color: rgb(55, 69, 88);
}

body.dark-only .flatpickr-calendar .flatpickr-time input {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
    color: rgba(255, 255, 255, 0.2);
    background: rgb(29, 30, 38);
}

body.dark-only .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .flatpickr-time {
    border: 1px solid rgb(50, 56, 70);
}

body.dark-only .flatpickr-time input {
    background: rgb(34, 38, 47);
}

body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .tagify__dropdown__item--active {
    background-color: rgb(29, 30, 38);
}

body.dark-only .tagify__input {
    color: rgb(152, 166, 173);
}

body.dark-only .tagify__input::before {
    color: rgb(152, 166, 173);
}

body.dark-only .tagify__input:focus:empty::before {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .tagify {
    border-color: rgb(55, 69, 88);
    --tags-focus-border-color: #374558;
}

body.dark-only .tagify .tagify__tag__removeBtn {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .tagify__tag {
    --tag-bg: var(--light-bg);
    --tag-hover: var(--light-bg);
}

body.dark-only .tagify__tag > div {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .tagify__tag:hover {
    --tag-hover: var(--light-bg);
}

body.dark-only .international-num input {
    border-color: rgb(55, 69, 88);
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .international-num input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .international-num .results ul {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .international-num .iti--allow-dropdown:focus, body.dark-only .international-num input:focus {
    outline: unset;
}

body.dark-only .selected-box {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .iti__country-list {
    background-color: rgb(38, 41, 50);
}

body.dark-only .select-box .selection-option:hover {
    background-color: rgb(34, 38, 47);
}

body.dark-only .select-box .options-container.active ~ .search-box input {
    background-color: rgba(255, 255, 255, 0.6);
}

body.dark-only .list-product-view .list-product .recent-table table thead tr th .product-action .square-white, body.dark-only .list-product-view .list-product .recent-table table thead tr td .product-action .square-white, body.dark-only .list-product-view .list-product .recent-table table tbody tr th .product-action .square-white, body.dark-only .list-product-view .list-product .recent-table table tbody tr td .product-action .square-white {
    box-shadow: unset;
    background-color: rgb(29, 30, 38);
}

body.dark-only .product-filter .checkbox-animated .form-check .form-check-label .number {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .feature-products .filter-toggle {
    background-color: rgb(38, 41, 50);
}

body.dark-only .product-wrapper .product-grid .form-select {
    background-color: rgb(38, 41, 50);
    background-blend-mode: screen;
}

body.dark-only .product-wrapper .product-grid .product-wrapper-grid .product-box:hover ul li {
    background-color: transparent;
}

@media (max-width: 991px) {
    body.dark-only .product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .btn-close {
        filter: unset;
    }
}

body.dark-only .product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box .product-details .product-size ul li {
    background-color: rgba(115, 102, 255, 0.1);
}

body.dark-only .common-order-history .order-history-wrapper .recent-table table tbody .square-white {
    box-shadow: unset;
    background-color: rgb(29, 30, 38);
}

body.dark-only .common-order-history .order-history-wrapper .recent-table table tbody .square-white svg {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .track-order-details #order-status-timeline .main-status-line ul li .order-process {
    color: rgba(255, 255, 255, 0.4);
    border-color: rgb(55, 69, 88);
}

body.dark-only .track-order-details #order-status-timeline .main-status-line ul li .order-process.active {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-only .track-order-details #order-status-timeline .main-status-line ul li h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .tracking-total li h6, body.dark-only .tracking-total li span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .tracking-total li:last-child {
    border-color: rgb(55, 69, 88);
}

body.dark-only .order-details-product table tbody ul li:last-child p, body.dark-only .order-details-product table tbody ul li:last-child span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .customer-details h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .customer-details span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .pricingtable {
    box-shadow: rgb(29, 30, 38) 0px 0px 40px;
}

body.dark-only .pricing-simple .pricing-content li {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .checkout .checkout-cart form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .shipping-form .checkout-cart .basic-wizard .shipping-wizard .shipping-address span strong {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .summery-contain {
    border-bottom-color: rgb(55, 69, 88);
}

body.dark-only .summery-contain li {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

body.dark-only .summery-contain li h6 {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .summary-total li h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .summary-total li:last-child {
    border-top-color: rgb(55, 69, 88);
}

body.dark-only .wishlist-box .wishlist-footer .brand-name {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .wishlist-box .wishlist-footer .price del {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .wishlist-box .wishlist-image .wishlist-close-btn .btn {
    box-shadow: rgba(255, 255, 255, 0.1) 0px 3px 3px !important;
}

body.dark-only .candidate-wrapper .candidates-box .candidate-desc li p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .candidate-wrapper .candidates-box .candidate-desc li span {
    color: rgb(152, 166, 173);
}

body.dark-only .candidate-wrapper .candidates-box .common-f-start .attachment {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .candidate-wrapper .candidates-box .educations p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .candidate-wrapper .candidates-box .candidate-skill p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .candidate-wrapper .candidates-box .candidate-skill span:not(.badge) {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only [class*="button-light-"] {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .button--winona:hover {
    background-color: rgba(232, 229, 255, 0.08);
}

body.dark-only .cart-buttons li .btn.btn-hover-effect {
    background-color: rgb(50, 56, 70);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr .product-names p, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr .product-names span, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead td .product-names p, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead td .product-names span, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody tr .product-names p, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody tr .product-names span, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody td .product-names p, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody td .product-names span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr .product-action .square-white, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead td .product-action .square-white, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody tr .product-action .square-white, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody td .product-action .square-white {
    box-shadow: unset;
    background-color: rgb(29, 30, 38);
}

body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr .product-action .square-white:first-child svg, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead td .product-action .square-white:first-child svg, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody tr .product-action .square-white:first-child svg, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody td .product-action .square-white:first-child svg {
    filter: opacity(0.3);
}

body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr th:last-child span svg {
    fill: rgb(152, 166, 173);
}

body.dark-only .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #1d1e26;
}

body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    background-color: rgb(29, 30, 38);
    border-color: rgb(50, 56, 70);
}

body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
    background-color: rgb(29, 30, 38);
    border-color: rgb(50, 56, 70);
}

body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
    color: rgb(152, 166, 173);
}

body.dark-only .typeahead-wrapper .theme-form .form-control {
    background-color: rgb(29, 30, 38) !important;
    border-color: rgb(29, 30, 38) !important;
}

body.dark-only .email-main-wrapper .email-right-aside .freeze-ui {
    background-color: rgba(29, 30, 38, 0.8);
}

body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul li a {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    stroke: rgba(255, 255, 255, 0.4);
}

body.dark-only .compose-modal form .form-control {
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
    color: rgb(152, 166, 173);
}

body.dark-only .toolbar-box {
    border-color: rgb(55, 69, 88);
}

body.dark-only .toolbar-box .ql-snow .ql-stroke {
    stroke: rgb(152, 166, 173);
}

body.dark-only .toolbar-box .ql-snow .ql-tooltip {
    background-color: rgb(29, 30, 38);
    box-shadow: unset;
    border: 0px;
}

body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type="text"] {
    background-color: rgb(38, 41, 50);
    border: 0px;
    color: rgb(152, 166, 173);
}

body.dark-only .toolbar-box .ql-snow a {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .toolbar-box .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .email-body .mail-body-wrapper ul li .inbox-message .email-data span {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .email-body .mail-body-wrapper ul li .inbox-message .email-options i {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .email-body .mail-body-wrapper .important-mail {
    stroke: rgba(255, 255, 255, 0.4);
}

body.dark-only .email-body .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
    stroke: rgba(255, 255, 255, 0.4);
}

body.dark-only .email-body .mail-body-wrapper .user-mail-wrapper .user-title .inbox-security p {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    background-color: rgb(29, 30, 38);
    border: 0px;
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
    background: rgb(29, 30, 38);
    opacity: 1;
    border: 0px;
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
    background-color: rgb(38, 41, 50);
}

body.dark-only .email-body .mail-header-wrapper .mail-body1 svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
    background: rgb(43, 43, 43);
}

body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: rgb(152, 166, 173);
}

body.dark-only .mail-filters svg {
    stroke: rgba(255, 255, 255, 0.4);
}

body.dark-only .inbox-security {
    background-color: rgb(29, 30, 38);
}

body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
    border: unset;
    background-color: rgb(29, 30, 38);
}

body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
    border: 1px solid rgb(55, 69, 88);
}

body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
    color: rgb(152, 166, 173);
}

body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-only .product-buttons .btn svg {
    stroke: rgba(255, 255, 255, 0.8);
}

body.dark-only .ql-formats .ql-picker-label::before {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .e-category .form-label {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .e-category .form-control::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .e-category .main-divider .divider-body h6 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .e-category .main-divider .divider-body::before {
    border-color: rgb(55, 69, 88);
}

body.dark-only .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
    box-shadow: rgba(255, 255, 255, 0.1) 0px 9px 20px 0px inset;
}

body.dark-only .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-icons svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-only .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
    border-color: rgba(255, 255, 255, 0.15);
}

body.dark-only .common-form .product-buttons .btn {
    border-color: rgb(55, 69, 88);
}

body.dark-only .list-product.list-category .square-white svg {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-default);
    color: var(--white);
}

body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: rgb(29, 30, 38);
    color: rgb(152, 166, 173);
}

body.dark-only .list-product .datatable-input:focus {
    outline: unset;
}

body.dark-only .list-product .datatable-selector {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgb(29, 30, 38);
}

body.dark-only .table {
    --bs-table-bg: trasparnt;
}

body.dark-only .table caption {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .grid-footer table tbody tr {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .tree-view .light-background {
    background-color: rgb(29, 30, 38);
}

body.dark-only .tree-view .list-light-primary {
    background-color: rgba(115, 102, 255, 0.2);
}

body.dark-only .tree-view .nested-1 {
    background-color: rgba(115, 102, 255, 0.03);
}

body.dark-only .tree-view .nested-2 {
    background-color: rgba(115, 102, 255, 0.05);
}

body.dark-only .tree-view .nested-3 {
    background-color: rgba(115, 102, 255, 0.07);
}

body.dark-only .tree-view .nested-4 {
    background-color: rgba(115, 102, 255, 0.09);
}

body.dark-only .contact-edit svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: rgb(29, 30, 38);
}

body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: rgb(29, 30, 38);
    border: unset;
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .search-contacts .form-control {
    background-color: rgb(29, 30, 38);
    border-color: rgb(55, 69, 88);
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .search-contacts .form-control::placeholder {
    color: rgb(152, 166, 173);
}

body.dark-only .right-sidebar-title span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .msger-inputarea .chat-icon div {
    background-color: rgb(29, 30, 38);
    opacity: 1;
}

body.dark-only .right-sidebar-Chats .msger-inputarea {
    background: rgb(29, 30, 38);
}

body.dark-only .right-sidebar-Chats .msger-input:focus {
    background-color: rgb(29, 30, 38);
}

body.dark-only .left-msg .msg-bubble {
    background: rgb(29, 30, 38);
}

body.dark-only .fg-emoji-picker-search input, body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-only .fg-emoji-picker-category-title {
    background-color: rgb(29, 30, 38);
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-only .fg-emoji-container .fg-emoji-nav {
    background-color: rgb(29, 30, 38);
}

body.dark-only .fg-emoji-container .fg-emoji-nav ul {
    border-bottom-color: rgb(55, 69, 88);
}

body.dark-only .fg-emoji-container .fg-emoji-nav li.emoji-picker-nav-active a, body.dark-only .fg-emoji-container .fg-emoji-nav li:hover a {
    background-color: rgb(50, 56, 70);
}

body.dark-only .fg-emoji-container .fg-emoji-nav li.emoji-picker-nav-active a svg, body.dark-only .fg-emoji-container .fg-emoji-nav li:hover a svg {
    fill: rgb(255, 255, 255);
}

body.dark-only .fg-emoji-container .fg-emoji-list {
    background-color: rgb(29, 30, 38);
}

body.dark-only .fg-emoji-container .fg-emoji-list li a {
    background-color: rgb(29, 30, 38);
}

body.dark-only .main-companies .filter-companies .accordion-item {
    background-color: unset;
}

body.dark-only .main-companies .filter-companies .accordion-item .product-filter label {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-only .main-companies .filter-companies .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.6);
    transition: 0.4s;
}

body.dark-only .main-companies .filter-companies .accordion-body {
    background-color: rgb(38, 41, 50);
}

body.dark-only .company-box .company-name .company-desc {
    border-top-color: rgb(55, 69, 88);
}

body.dark-only .add-post form label, body.dark-only .add-post form .col-form-label {
    color: rgb(152, 166, 173);
}

body.dark-only .add-post form .form-control {
    background-color: rgb(29, 30, 38);
    color: rgba(255, 255, 255, 0.2);
    border: unset;
}

body.dark-only .add-post form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only .ql-container.ql-snow .ql-editor {
    color: rgba(255, 255, 255, 0.2);
}

body.dark-only.box-layout .page-wrapper .page-header {
    background-color: transparent;
}

body.dark-only.box-layout .page-wrapper .page-header .header-wrapper {
    border: 1px solid rgb(38, 41, 50);
}

body.dark-only.box-layout .page-wrapper .page-body-wrapper {
    background-color: transparent;
    box-shadow: rgb(50, 56, 70) 4px 11px 25px;
}

body.dark-only.box-layout .page-wrapper.modern-type .page-body-wrapper {
    background-color: rgb(29, 30, 38);
}

body.dark-sidebar .toggle-sidebar svg {
    stroke: var(--theme-default);
}

body.dark-sidebar .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: rgb(38, 41, 50);
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6) !important;
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(115, 102, 255, 0.2);
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-default);
    stroke: var(--theme-default);
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-default);
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: rgb(38, 41, 50);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: rgb(38, 41, 50);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    background: rgb(38, 41, 50);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
    color: var(--theme-default);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu {
    background: rgb(38, 41, 50);
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
    background-color: rgb(38, 41, 50);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: rgb(38, 41, 50);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    background-color: rgb(38, 41, 50);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a {
    border-bottom: 1px solid rgb(55, 69, 88);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(115, 102, 255, 0.2);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-default);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-default);
    stroke: var(--theme-default);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-default);
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6);
}

body .for-dark {
    display: none;
}

body[class*="dark-"] .for-dark {
    display: inline-block;
}

body[class*="dark-"] .for-light {
    display: none;
}