:root {
    --c1: #3F21AD;
    --c2: #291493;
    --c1-rgb: 63, 33, 173;
    --bg-color: #f7f9fc;
    --bg-color2: #eee;
    --text-light-color: #758590;
    --text-color: #4b5864;
    --link-color: #3F21AD;
    --input-border-color: #e4e4e4;
    --input-border-color-active: rgba(63, 33, 173, 1);
    --title-color: #212b36;
    --title-color2: #758590;
    --border-color: #dddddd;
    --white-color: #ffffff;
    --dark-color: #18181a;
    --body-bg: #fafafa;
    --absolute-dark: #18181a;
    --absolute-white: #fff;
    --mobile-search-bg: #ddd;
    --shadow-color: rgba(0, 0, 0, 0.05);
    --dropdown-menu-color: #ffffff;
    --light-bg: #f7f9fc;
    --c1-light-bg: rgba(65, 83, 179, 0.05);
    --success-color: #16b559;
    --timeline-color: #dcdcdc;
    --title-font: "Public Sans", sans-serif;
    --body-font: "Public Sans", sans-serif;
    --thin: 100;
    --extra-light: 200;
    --light: 300;
    --regular: 400;
    --medium: 500;
    --semi-bold: 600;
    --bold: 700;
    --extra-bold: 800;
    --dark-color-bold: 900;
    --base_fz: 0.875rem;
    --h1_fz: 1.75rem;
    --h2_fz: 1.375rem;
    --h3_fz: 1.125rem;
    --h4_fz: 1rem;
    --h5_fz: 0.875rem;
    --h6_fz: 0.75rem;
    --base-line-height: 1.4;
    --title-line-height: 1.2;
    --red: #ff0000; 
}

[theme=dark] {
    --c1: #3F21AD;
    --c2: #291493;
    --bg-color: #39393b;
    --dropdown-menu-color: #39393b;
    --text-light-color: #758590;
    --text-color: #ccd0d3;
    --title-color: rgba(255, 255, 255, 0.9);
    --title-color2: rgba(255, 255, 255, 0.7);
    --border-color: #5d5d5d;
    --white-color: #232325;
    --dark-color: #fff;
    --body-bg: #18181a;
    --mobile-search-bg: #505050;
    --shadow-color: rgba(255, 255, 255, 0.05);
    --light-bg: #2a2a2a;
    --c1-light-bg: rgba(65, 83, 179, 0.1);
    --timeline-color: #484848;
    --bs-border-color: #404040;

}

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

* {
    outline: none !important
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    accent-color: var(--c1)
}

body {
    margin: 0;
    font-family: var(--body-font);
    font-weight: var(--regular);
    font-size: var(--base_fz);
    line-height: var(--base-line-height);
    color: var(--text-color);
    text-align: start;
    background-color: var(--body-bg) !important;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden !important;
    -webkit-margin-after: -2.5rem;
    margin-block-end: -2.5rem
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-weight: var(--semi-bold);
    line-height: var(--title-line-height);
    font-family: var(--title-font);
    color: var(--title-color)
}

h1 span:not(.counter),
h2 span:not(.counter),
h3 span:not(.counter),
h4 span:not(.counter),
h5 span:not(.counter),
h6 span:not(.counter) {
    color: var(--c1)
}

h1 {
    font-size: var(--h1_fz)
}

h2 {
    font-size: var(--h2_fz)
}

h3 {
    font-size: var(--h3_fz)
}

h4 {
    font-size: var(--h4_fz)
}

h5 {
    font-size: var(--h5_fz)
}

h6 {
    font-size: var(--h6_fz)
}

p {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem
}

p:last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

a {
    color: var(--title-color);
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: var(--link-color)
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal;
    display: block
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox] {
    -webkit-margin-end: .3125rem;
    margin-inline-end: .3125rem
}

::-moz-selection {
    text-shadow: none;
    color: var(--absolute-white);
    background-color: var(--c1) !important
}

::selection {
    text-shadow: none;
    color: var(--absolute-white);
    background-color: var(--c1) !important
}

::-moz-placeholder {
    color: var(--title-color) !important;
    opacity: .4 !important
}

::placeholder {
    color: var(--title-color) !important;
    opacity: .4 !important
}

iframe {
    max-width: 100%
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important
}

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

ol {
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem
}

ol li:not(:last-child) {
    -webkit-margin-after: .3125rem;
    margin-block-end: .3125rem
}

.pt-120 {
    -webkit-padding-before: 7.5rem;
    padding-block-start: 7.5rem
}

@media only screen and (max-width:991px) {
    .pt-120 {
        -webkit-padding-before: 3.75rem;
        padding-block-start: 3.75rem
    }
}

.pb-120 {
    -webkit-padding-after: 7.5rem;
    padding-block-end: 7.5rem
}

@media only screen and (max-width:991px) {
    .pb-120 {
        -webkit-padding-after: 3.75rem;
        padding-block-end: 3.75rem
    }
}

.mt-30 {
    -webkit-margin-before: 1.875rem;
    margin-block-start: 1.875rem
}

.mt-20 {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem
}

.mt-10 {
    -webkit-margin-before: .625rem;
    margin-block-start: .625rem
}

.mb-30 {
    -webkit-margin-after: 1.875rem;
    margin-block-end: 1.875rem
}

.mb-40 {
    -webkit-margin-after: 2.875rem;
    margin-block-end: 2.875rem
}

.mb-20 {
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem
}

.mb-10 {
    -webkit-margin-after: .625rem;
    margin-block-end: .625rem
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -3rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -3rem !important
}

.mb-n30 {
    margin-bottom: -1.875rem !important
}

.p-30 {
    padding: 1.875rem !important
}

@media only screen and (max-width:479px) {
    .p-30 {
        padding: 1.25rem 1rem !important
    }
}

.p-20 {
    padding: 1.25rem !important
}

@media only screen and (max-width:479px) {
    .p-20 {
        padding: 1.25rem 1rem !important
    }
}

.p-01 {
    padding: .0625rem
}

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

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

.text-color-bo {
    border-color: var(--text-color) !important
}

.title-color {
    color: var(--title-color) !important
}

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

.title-color-bo {
    border-color: var(--title-color) !important
}

.white-color {
    color: var(--white-color) !important
}

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

.white-color-bo {
    border-color: var(--white-color) !important
}

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

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

.dark-color-bo {
    border-color: var(--dark-color) !important
}

.link-color {
    color: var(--link-color) !important
}

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

.link-color-bo {
    border-color: var(--link-color) !important
}

.c1 {
    color: var(--c1) !important
}

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

.c1-bo {
    border-color: var(--c1) !important
}

.c2 {
    color: var(--c2) !important
}

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

.c2-bo {
    border-color: var(--c2) !important
}

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

a,
.socials a:after,
.btn,
.wizard .actions ul a,
.btn--light-primary .material-icons,
.btn--light-primary i,
.pagination li a svg path,
.pagination li span svg path,
.aside-body .nav li.has-sub-item:after,
.chat_list {
    transition: all .3s ease
}

.list-inline,
.list-info,
.widget ul,
.option-select-btn,
.common-list,
.contact-list,
.wizard .steps ul,
.wizard .actions ul,
.services-tab-menu {
    padding: 0;
    margin: 0;
    list-style: none
}

.list-inline li {
    display: inline-block
}

.list-separator {
    display: flex;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    row-gap: .5rem;
    flex-wrap: wrap;
    justify-content: center
}

.list-separator li:not(:last-child) {
    position: relative
}

.list-separator li:not(:last-child):after {
    position: absolute;
    inset-block-start: calc(50% - 0.1875rem);
    inset-inline-end: -1.125rem;
    inline-size: .375rem;
    block-size: .375rem;
    background-color: var(--border-color);
    content: ""
}

.list-info {
    display: flex;
    flex-direction: column;
    gap: .875rem
}

.list-info li {
    display: flex;
    gap: .625rem
}

.btn,
.wizard .actions ul a,
.pagination li a,
.pagination li span {
    font-weight: var(--medium)
}

.aside {
    background-color: var(--white-color)
}

.list-separator li:not(:last-child):after,
.badge-dot,
.timeline-number,
.socials a,
.count-btn .count,
.badge .dot,
.switcher_control::after,
.modal-body .btn-close__style2,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after,
.img-wrap-circle,
.wizard .steps ul .number,
.service-man-list__item_header img,
.avatar-status {
    border-radius: 50%
}

.option-select-btn label span {
    border-radius: .1875rem
}

.search-form__input_group,
.btn,
.wizard .actions ul a,
.select2-container--default .select2-selection--multiple,
.nav--tabs__style2 .nav-link,
.business-summary,
.statistics-card,
.modal-body_title_bg,
.aside-body .nav ul li,
.user-profile,
.message_text,
.input_msg_write .send-msg-btns,
.service-list-item {
    border-radius: .3125rem
}

.dropdown-menu,
.card,
.upload-file__img img,
.setting-box,
.information-details-box,
.service-man-list__item {
    border-radius: .625rem
}

.btn .count,
.wizard .actions ul a .count,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.switcher_control,
.upload-file__close,
.upload-file__edit,
.aside-body .nav li .link-title .count {
    border-radius: 3.125rem
}

.list-separator li:not(:last-child):after,
.badge-dot,
.timeline-number,
.socials a,
.count-btn .count,
.badge .dot,
.switcher_control::after,
.modal-body .btn-close__style2,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after,
.img-wrap-circle,
.wizard .steps ul .number,
.service-man-list__item_header img,
.avatar-status {
    border-radius: 100%
}

.box-shadow,
.dropdown-menu,
.card,
.header,
.aside,
.settings-sidebar,
.filter-aside {
    box-shadow: 0 0 .125rem rgba(65, 83, 179, .05), 0 .75rem 1.5rem -.25rem rgba(65, 83, 179, .05)
}

.setting-box,
.service-list-item {
    box-shadow: 0 .3125rem .625rem var(--shadow-color)
}

.option-select-btn label input:checked~span {
    box-shadow: 0 1px 2px rgba(58, 58, 68, .1), 0 2px 3px rgba(90, 91, 106, .1)
}

.card {
    box-shadow: 0 .625rem .8125rem rgba(17, 38, 146, .05)
}

.btn,
.wizard .actions ul a,
.btn:focus {
    box-shadow: none !important
}

.aside-body .nav li .link-title .count {
    line-height: 1
}

.socials a:after {
    background: #ff0076;
    background: linear-gradient(45deg, #ff0076 0%, #590f87 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff0076", endColorstr="#590f87", GradientType=1)
}

.ov-hidden {
    overflow: hidden !important
}

.ovx-hidden {
    overflow-x: hidden !important
}

.radius-3 {
    border-radius: .1875rem !important
}

.radius-5 {
    border-radius: .3125rem !important
}

.radius-10 {
    border-radius: .625rem !important
}

.radius-50 {
    border-radius: 3.125rem !important
}

.h-40 {
    height: 2.5rem !important
}

.h-140 {
    height: 8.75rem !important
}

.h-120 {
    height: 120px !important
}

.overlay {
    position: relative;
    z-index: 1
}

.overlay:after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    content: "";
    background-color: var(--body-bg);
    opacity: .8
}

.gap-5 {
    gap: .3125rem !important
}

.gap-10 {
    gap: .625rem !important
}

.gap-20 {
    gap: 1.25rem !important
}

.gap-30 {
    gap: 1.875rem !important
}

.table-cover-img {
    max-width: 4.375rem
}

.mw-75 {
    max-inline-size: 75% !important
}

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

.title-font {
    font-family: var(--title-font)
}

.body-font {
    font-family: var(--body-font)
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.fz-10 {
    font-size: .625rem !important
}

.fz-12 {
    font-size: .75rem !important
}

.fz-14 {
    font-size: .875rem !important
}

.fz-16 {
    font-size: 1rem !important
}

.fz-26 {
    font-size: 1.625rem !important
}

.fz-30 {
    font-size: 1.875rem !important
}

.bg-img {
    background-size: cover;
    background-repeat: no-repeat
}

.index-2 {
    z-index: 2
}

.text--end {
    text-align: end !important
}

.text--start {
    text-align: start !important
}

.ms--auto {
    -webkit-margin-start: auto !important;
    margin-inline-start: auto !important
}

.cursor-pointer {
    cursor: pointer
}

.disabled {
    opacity: .6;
    cursor: not-allowed;
    pointer-events: none
}

.img-dropshadow {
    border: 3px solid var(--white-color);
    filter: drop-shadow(0px 5px 10px rgba(0, 115, 180, 0.1))
}

.fw-medium {
    font-weight: var(--medium) !important
}

.max-w220 {
    max-inline-size: 13.75rem
}

.max-w220.js-select+.select2 {
    max-inline-size: 13.75rem
}

.min-w180 {
    min-inline-size: 11.25rem
}

.min-w180.js-select+.select2 {
    min-inline-size: 11.25rem
}

.data-table-top {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem
}

[data-bs-toggle=modal] {
    cursor: pointer
}

.badge-dot {
    width: .4375rem;
    height: .4375rem;
    background-color: var(--c1)
}

.timeline-steps {
    max-inline-size: 25rem;
    margin: 0 auto
}

.timeline-step {
    display: flex;
    position: relative
}

.timeline-step:after {
    content: "";
    position: absolute;
    inset-inline-start: .9375rem;
    inset-block-start: 2rem;
    block-size: 0;
    inline-size: .125rem;
    background-color: var(--timeline-color)
}

.timeline-step:not(:last-child):after {
    block-size: 100%
}

.timeline-info {
    margin: .3125rem 0 1.25rem
}

.timeline-title {
    font-size: 1rem;
    color: var(--timeline-color);
    margin: 0 0 .5rem
}

.timeline-text {
    -webkit-margin-after: .3125rem;
    margin-block-end: .3125rem;
    color: var(--timeline-color)
}

.timeline-number {
    width: 2rem;
    height: 2rem;
    background-color: var(--timeline-color);
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .9375rem;
    font-weight: var(--semi-bold);
    -webkit-margin-end: .875rem;
    margin-inline-end: .875rem
}

.timeline-number svg {
    inline-size: 1rem;
    block-size: 1rem;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0
}

.timeline-number svg path {
    fill: var(--absolute-white)
}

.timeline-step.completed .timeline-number {
    background-color: var(--success-color)
}

.timeline-step.completed .timeline-number svg {
    opacity: 1
}

.timeline-step.completed .timeline-title {
    color: var(--title-color)
}

.timeline-step.completed .timeline-text {
    color: var(--text-color);
    opacity: .5
}

.timeline-step.completed:after {
    background-color: var(--success-color)
}

.bank-card-img {
    position: absolute;
    inset-block-start: 1.5rem;
    inset-inline-end: 1.875rem
}

.bg-bottom {
    background-position: left bottom
}

.bg-contain {
    background-size: contain
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: backwards
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -2.5rem, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes matrix {
    0% {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    25% {
        transform: matrix(1, 0, 0, 1, 15, 20)
    }
    50% {
        transform: matrix(1, 0, 0, 1, -5, 25)
    }
    75% {
        transform: matrix(1, 0, 0, 1, -15, 15)
    }
    100% {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes ripple {
    from {
        width: .1%;
        height: .1%;
        opacity: 1
    }
    to {
        width: 100%;
        height: 100%;
        opacity: 0
    }
}

.socials a {
    width: 2.8125rem;
    height: 2.8125rem;
    background-color: rgba(255, 255, 255, .1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .3125rem;
    position: relative;
    z-index: 1
}

.socials a:not(:last-child) {
    -webkit-margin-end: .3125rem;
    margin-inline-end: .3125rem
}

.socials a:after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    content: "";
    border-radius: 50%;
    transform: scale(.7);
    opacity: 0
}

.socials a:hover:after {
    transform: scale(1);
    opacity: 1
}

.theme-input-style {
    display: block;
    inline-size: 100%;
    padding: .5rem .625rem;
    line-height: 1.5;
    color: var(--title-color);
    background-color: var(--white-color);
    background-clip: padding-box;
    border: 1px solid var(--border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .3125rem;
    transition: border-color .15s ease-in-out;
    block-size: 2.8125rem
}

.theme-input-style:focus,
.theme-input-style:active {
    border-color: var(--input-border-color-active)
}

.input-group>.theme-input-style {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.search-form__input_group {
    background-color: var(--bg-color);
    align-items: center;
    padding: 0 .625rem
}

.search-form__icon {
    border: none;
    padding: .3125rem;
    background-color: transparent;
    opacity: .5;
    display: flex;
    padding-left: 0;
    padding-right: .5rem
}

[dir=rtl] .search-form__icon {
    padding-right: 0;
    padding-left: .5rem
}

.search-form__icon .material-icons {
    font-size: 1.5rem
}

.search-form__input {
    height: 1.875rem;
    padding: 0;
    border: none;
    background-color: transparent;
    color: var(--title-color)
}

.search-form_style-two {
    display: flex;
    gap: .3125rem
}

@media only screen and (max-width:575px) {
    .header .search-form {
        position: absolute;
        inset-block-start: -1000%;
        inset-inline-end: 1rem;
        inline-size: calc(100% - 2rem);
        opacity: 0;
        visibility: hidden;
        transition: opacity 200ms ease
    }
    .header .search-form__input_group {
        block-size: 2.8125rem;
        z-index: 9;
        background-color: var(--mobile-search-bg)
    }
    .header .search-form.active {
        opacity: 1;
        visibility: visible;
        inset-block-start: 100%
    }
}

@media only screen and (max-width:419px) {
    .search-form_style-two input {
        font-size: .75rem
    }
    .search-form_style-two button {
        padding-inline: .75rem
    }
}

.form-control {
    background-color: var(--white-color);
    color: var(--title-color);
    border-color: var(--border-color);
    font-size: .875rem
}

.form-control:focus,
.form-control:active {
    border-color: var(--input-border-color-active);
    box-shadow: none;
    background-color: var(--white-color);
    color: var(--title-color)
}

textarea.form-control,
textarea.theme-input-style {
    block-size: 5rem
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1.875rem var(--white-color) inset !important;
    -webkit-text-fill-color: var(--dark-color) !important
}

.search-form input:-webkit-autofill,
.search-form input:-webkit-autofill:hover,
.search-form input:-webkit-autofill:focus,
.search-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1.875rem var(--bg-color) inset !important;
    -webkit-text-fill-color: var(--dark-color) !important
}

.btn,
.wizard .actions ul a {
    font-size: .75rem;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-family: var(--title-font);
    line-height: 1;
    padding: .75rem 1.625rem;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border: none
}

.btn--lg {
    padding: .875rem 1.875rem
}

.btn i,
.wizard .actions ul a i,
.btn .material-icons,
.wizard .actions ul a .material-icons,
.btn .material-symbols-outlined,
.wizard .actions ul a .material-symbols-outlined {
    font-size: .875rem;
    -webkit-margin-end: .4375rem;
    margin-inline-end: .4375rem
}

.btn strong,
.wizard .actions ul a strong {
    -webkit-margin-end: .125rem;
    margin-inline-end: .125rem
}

.btn .count,
.wizard .actions ul a .count {
    -webkit-margin-start: .3125rem;
    margin-inline-start: .3125rem;
    background-color: var(--bg-color);
    font-size: .75rem;
    color: var(--title-color);
    padding: .125rem .3125rem
}

.btn:focus,
.wizard .actions ul a:focus,
.btn:hover,
.wizard .actions ul a:hover {
    color: var(--absolute-white);
    background-color: #291493;
}

.btn--primary,
.btn--primary[disabled],
.wizard .actions ul a {
    background-color: var(--c1);
    color: var(--absolute-white)
}

.btn-outline--primary {
    background-color: transparent;
    color: var(--title-color);
    border: 1px solid var(--border-color) !important
}

.btn-outline--primary:hover {
    border-color: var(--c1) !important
}

.btn--secondary {
    background-color: rgba(225, 225, 225, .8);
    color: var(--absolute-dark) !important
}

.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover {
    background-color: #e2e2e2
}

.btn--danger {
    background-color: var(--c2);
    color: var(--absolute-white)
}

.btn-soft--danger {
    background-color: rgba(255, 103, 103, .1);
    color: #ff6767
}

.btn--success {
    background-color: var(--success-color);
    color: var(--absolute-white)
}

.btn--light {
    background-color: rgba(65, 83, 179, .05);
    color: var(--c1)
}

.btn--light-primary {
    background-color: rgba(65, 83, 179, .05);
    color: var(--c1)
}

.btn--light-primary:hover .material-icons,
.btn--light-primary:hover i {
    color: var(--absolute-white)
}

.btn-link {
    padding: 0;
    font-size: .875rem;
    font-weight: var(--regular)
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    background-color: transparent;
    color: var(--c2)
}

.btn-link.c1:active,
.btn-link.c1:focus,
.btn-link.c1:hover {
    color: var(--c2) !important
}

.btn.filter-btn,
.wizard .actions ul a.filter-btn {
    color: var(--title-color)
}

.btn.filter-btn:focus,
.wizard .actions ul a.filter-btn:focus,
.btn.filter-btn:hover,
.wizard .actions ul a.filter-btn:hover {
    background-color: var(--bg-color2);
    color: inherit
}

.count-btn {
    position: relative
}

.count-btn i,
.count-btn .material-icons {
    font-size: 1.25rem
}

.count-btn .count {
    position: absolute;
    inset-inline-end: -.75rem;
    inset-block-start: -.75rem;
    background-color: var(--c2);
    color: var(--absolute-white);
    font-size: .75rem;
    inline-size: 1.25rem;
    block-size: 1.25rem;
    display: grid;
    place-items: center
}

.count-btn:hover {
    color: var(--dark-color)
}

.widget:not(:last-child) {
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem
}

.widget .widget-title {
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem
}

.pagination {
    justify-content: center;
    gap: .5rem;
    flex-wrap: wrap
}

.pagination li a,
.pagination li span {
    width: 2rem;
    height: 2rem;
    line-height: 1;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    border-radius: .25rem
}

.pagination li a:hover,
.pagination li.active a,
.pagination li span:hover,
.pagination li.active span {
    background-color: var(--c1);
    color: var(--absolute-white)
}

.pagination li a,
.pagination li span {
    color: var(--white-color)
}

.pagination li a,
.pagination li span {
    background-color: var(--title-color)
}

.pagination li a,
.pagination li span {
    font-family: var(--title-font)
}

.pagination li.nav-btn a.disabled {
    cursor: not-allowed;
    opacity: .5
}

.form-floating>.form-control-plaintext::-moz-placeholder,
.form-floating>.form-control::-moz-placeholder {
    color: transparent !important
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
    color: transparent !important
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: 1;
    transform: scale(1) translateY(-1.3rem) translateX(0rem)
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 1;
    transform: scale(1) translateY(-1.3rem) translateX(0rem)
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 2.8125rem
}

.form-floating>textarea.form-control {
    height: 7.5rem
}

.form-floating>label,
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: .625rem 1.25rem
}

.form-floating>label {
    background-color: var(--white-color);
    padding: .5rem .75rem;
    inline-size: -moz-min-content;
    inline-size: min-content;
    block-size: auto;
    inset-inline-start: .5rem;
    inset-block-start: .25rem;
    line-height: 1;
    font-size: .875rem
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1rem
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1rem
}

.dropdown-toggle::after {
    -webkit-margin-start: .255em;
    margin-inline-start: .255em
}

@media only screen and (max-width:991px) {
    .apexcharts-title-text {
        opacity: 0;
        visibility: hidden
    }
}

.earning-statistics .select2-container {
    min-width: 9.375rem
}

@media only screen and (max-width:479px) {
    .earning-statistics .select2-container {
        min-width: 6.25rem
    }
}

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

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    appearance: textfield
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: .625rem;
    margin-left: .625rem
}

.select2-container .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    background-color: var(--white-color) !important;
    border-color: var(--border-color) !important;
    min-block-size: 44px !important
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 12px !important;
    margin-left: 10px !important
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--input-border-color-active)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--c1) !important;
    color: #fff;
    border: none;
    padding: .375rem 1rem .375rem 1.625rem;
    margin-top: 10px !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    color: #fff !important;
    font-size: 1.25rem;
    padding: 0 .25rem 0 .5rem;
    top: .0625rem
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--c1) !important;
}
.select2-container--default .select2-selection--single {
    background-color: var(--white-color) !important;
    border-color: var(--border-color) !important;
    min-block-size: 2.8125rem
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dark-color) !important
}

.selected-item-c1+.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--c1) !important;
    font-weight: var(--medium)
}

.select2-dropdown {
    background-color: var(--white-color) !important;
    border-color: var(--border-color) !important
}

[theme=dark] .select2-container--default .select2-results__option--selected {
    background-color: rgba(255, 255, 255, .1) !important
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 0 solid #aaa !important
}

/* .dataTables_wrapper .dataTables_filter {
    display: none
}

.dataTables_length>label {
    display: flex;
    align-items: center;
    gap: 10px
} */

table.dataTable.no-footer {
    border-bottom: 0 solid var(--border-color)
}

table.dataTable tbody tr.selected>* {
    box-shadow: none;
    background: var(--bg-color)
}

table.dataTable tbody tr.selected>* {
    box-shadow: none;
    color: var(--title-color)
}

table.dataTable tfoot th,
table.dataTable tfoot td,
table.dataTable thead th,
table.dataTable thead td {
    border: none
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    background-color: #eee;
    border-color: #eee;
    block-size: 1rem;
    inline-size: 1rem;
    inset-block-start: 50%;
    transform: translateY(-50%)
}

table.dataTable tbody .selected td.select-checkbox:before,
table.dataTable tbody .selected th.select-checkbox:before {
    border-color: var(--c1);
    background-color: var(--c1)
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    margin-top: -.25rem;
    margin-left: -.25rem;
    font-size: 1rem;
    text-shadow: none;
    color: var(--absolute-white);
    inset-block-start: 50%;
    transform: translateY(-50%)
}

table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tfoot th,
table.dataTable tfoot td,
table.dataTable thead th,
table.dataTable thead td {
    -webkit-padding-before: 1.0625rem;
    padding-block-start: 1.0625rem;
    -webkit-padding-after: 1.0625rem;
    padding-block-end: 1.0625rem
}

table.dataTable {
    -webkit-padding-after: 1rem;
    padding-block-end: 1rem
}

/* .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--text-color)
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--title-color) !important;
    border-color: transparent;
    background-color: var(--bg-color)
} */

.fr-box.fr-basic .fr-wrapper {
    border-radius: 0 0 10px 10px;
    max-block-size: 18.75rem;
    overflow-y: auto
}

.fr-second-toolbar {
    display: none
}

.fr-toolbar,
.fr-box.fr-basic .fr-element {
    color: var(--title-color)
}

.fr-toolbar,
.fr-box.fr-basic .fr-wrapper {
    background: var(--white-color);
    border-color: var(--border-color)
}

.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
    fill: var(--title-color)
}

[theme=dark] .fr-desktop .fr-command:hover:not(.fr-table-cell),
[theme=dark] .fr-desktop .fr-command:focus:not(.fr-table-cell),
[theme=dark] .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
[theme=dark] .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: #4e4e4e
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active),
.fr-toolbar .fr-more-toolbar {
    background-color: var(--bg-color)
}

.table {
    width: 100%
}

.table thead,
.table tfoot {
    background-color: var(--bg-color)
}

.table:not(.table-bordered) th,
.table:not(.table-bordered) td {
    border: none
}

.table th,
.table td {
    padding: 1.25rem
}

.table-variation {
    border-radius: 10px;
    overflow: hidden;
    border-style: hidden;
    box-shadow: 0 0 0 1px var(--input-border-color-active)
}
.table-variation thead th:last-child{
    text-align: right !important;
}
.table-variation tbody td{
    padding: 5px !important;
}
#pac-input,
.table-variation .theme-input-style,
.table-variation .form-control {
    min-inline-size: 5.625rem
}

.table-variation thead {
    background-color: transparent;
    border-bottom: 2px solid var(--input-border-color-active)
}

.table-variation thead th {
    -webkit-padding-before: 1.25rem;
    padding-block-start: 1.25rem
}

.table-variation tbody tr:first-child th,
.table-variation tbody tr:first-child td {
    -webkit-padding-before: 1.25rem;
    padding-block-start: 1.25rem
}

.table-variation tbody tr:last-child th,
.table-variation tbody tr:last-child td {
    -webkit-padding-after: 1.25rem;
    padding-block-end: 1.25rem
}

.table-variation tbody th {
    color: var(--c1)
}

.table-variation th,
.table-variation td {
    text-align: center;
    padding: .625rem 1.5625rem
}

.table-variation th:first-child,
.table-variation td:first-child {
    text-align: start
}

.table-variation th:nth-child(1),
.table-variation th:nth-child(2),
.table-variation td:nth-child(1),
.table-variation td:nth-child(2) {
    background-color: rgba(82, 102, 208, .05)
}

@media only screen and (max-width:991px) {
    .table-variation th,
    .table-variation td {
        padding: .625rem .9375rem
    }
}

.table.align-center th:not(:nth-child(2)),
.table.align-center td:not(:nth-child(2)) {
    text-align: center
}

.table.align-center th .switcher,
.table.align-center td .switcher {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.table.align-center th.sorting,
.table.align-center td.sorting {
    -webkit-padding-end: .625rem;
    padding-inline-end: .625rem
}

.table.align-center th.sorting::before,
.table.align-center th.sorting::after,
.table.align-center td.sorting::before,
.table.align-center td.sorting::after {
    display: none
}

.table-sm.align-right th:not(:first-child),
.table-sm.align-right td:not(:first-child) {
    text-align: end
}

.table.align-right th:not(:first-child),
.table.align-right td:not(:first-child) {
    text-align: end
}

.toast-body .btn-close {
    position: absolute;
    inset-block-start: .625rem;
    inset-inline-end: .625rem;
    background: transparent url("../images/icons/close.png") center/1em auto no-repeat
}

.nav--tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    opacity: .6;
    font-weight: var(--medium);
    color: var(--title-color);
    text-transform: capitalize
}

.nav--tabs .nav-link.active {
    border-color: var(--title-color);
    opacity: 1
}

.nav--tabs.border-color-primary .nav-link.active {
    border-color: var(--c1)
}

.nav--tabs__style2 .nav-link {
    border: none;
    opacity: 1;
    line-height: 1;
    padding: .5625rem .9375rem
}

.nav--tabs__style2 .nav-link.active {
    background-color: var(--c1);
    font-weight: var(--medium);
    color: var(--absolute-white)
}

.nav--tabs__style3 {
    -webkit-border-after: .0625rem solid var(--c1);
    border-block-end: .0625rem solid var(--c1)
}

.nav--tabs__style3 .nav-link {
    border: none;
    opacity: 1;
    line-height: 1;
    border-radius: .3125rem .3125rem 0 0;
    padding: .5625rem .9375rem
}

.nav--tabs__style3 .nav-link.active {
    background-color: var(--c1);
    font-weight: var(--medium);
    color: var(--absolute-white)
}

.accordion-button {
    -webkit-padding-start: 2.8125rem;
    padding-inline-start: 2.8125rem;
    border: none;
    background-color: transparent;
    padding: 0;
    -webkit-padding-start: 2.25rem;
    padding-inline-start: 2.25rem;
    color: var(--title-color)
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: var(--c1)
}

.accordion-button:focus {
    box-shadow: none;
    border: none
}

.accordion-button::after {
    position: absolute;
    inset-inline-start: 0;
    font-family: material icons;
    content: "\e5cf";
    background: 0 0 !important;
    font-size: 1.5rem;
    width: auto;
    height: auto
}

.accordion-header {
    background-color: rgba(65, 83, 179, .05);
    border: 1px solid var(--border-color);
    padding: 1rem
}

.accordion-item {
    border: none;
    background-color: var(--white-color);
    color: var(--text-color)
}

.accordion-edit-btn i,
.accordion-edit-btn .material-icons {
    color: var(--c1)
}

.accordion-delete-btn i,
.accordion-delete-btn .material-icons {
    color: var(--c2)
}

@media only screen and (min-width:992px) {
    .dropdown-menu-lg {
        min-inline-size: 15rem
    }
}

.dropdown-menu:not(.border-none) li:not(:last-child) {
    border-bottom: 1px solid var(--border-color)
}

.dropdown-menu {
    max-inline-size: 20rem
}

.dropdown-item,
.card-text {
    color: var(--text-color)
}

.dropdown-item {
    text-align: start
}

.dropdown-item:hover {
    background-color: transparent;
    color: var(--link-color)
}

.progress {
    --bs-progress-height: 0.5rem
}

.progress-bar {
    background-color: var(--c1)
}

.dropdown-menu,
.card {
    background-color: var(--white-color);
    border: none
}

.dropdown-menu a:not(.media) {
    display: block;
    padding: .5rem 1rem
}

.dropdown-menu {
    background-color: var(--dropdown-menu-color)
}

.bank-info-card {
    background-color: rgba(0, 106, 255, .05)
}

.card-header {
    background-color: var(--white-color);
    box-shadow: 0 0 .125rem rgba(65, 83, 179, .05), 0 .375rem .75rem -.1875rem rgba(65, 83, 179, .05);
    border-color: transparent
}

.card-header,
.card-body {
    padding: 1.25rem
}

.business-summary,
.statistics-card {
    background: linear-gradient( 180deg, rgba(59, 177, 4, 0.95) 0%, rgba(54, 169, 0, 0.95) 100%);
    padding: 1.5rem 1.5rem 2.75rem;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.business-summary *,
.statistics-card * {
    color: var(--absolute-white)
}

.business-summary h2,
.statistics-card h2 {
    font-weight: var(--bold);
    font-size: 1.75rem;
    -webkit-margin-after: .4375rem;
    margin-block-end: .4375rem
}

.business-summary h3,
.statistics-card h3 {
    font-weight: var(--regular)
}

.business-summary .absolute-img,
.statistics-card .absolute-img {
    position: absolute;
    inset-block-end: .9375rem;
    inset-inline-end: 1.25rem
}

.business-summary::after,
.statistics-card::after {
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    background-color: var(--absolute-white);
    opacity: .05;
    content: "";
    block-size: 100%;
    inline-size: 8.125rem;
    z-index: -1;
    border-end-end-radius: 100%
}

.business-summary-customers {
    background: linear-gradient(180deg, rgba(5, 89, 221, 0.9) 0%, #3577de 100%)
}

.business-summary-providers {
    background: linear-gradient(180deg, #ff9900 0%, #f48e2f 100%)
}

.business-summary-services {
    background: linear-gradient(180deg, #223dca 0%, #2542da 100%)
}

.statistics-card {
    background: var(--white-color);
    padding: 10px;
}

.statistics-card.border {
    border-color: rgba(42, 149, 255, .5) !important
}

.statistics-card::after {
    background: linear-gradient( 180deg, rgba(224, 240, 255, 0.1) 0%, rgba(48, 168, 255, 0.1) 100%);
    border-end-end-radius: 0;
    border-start-end-radius: 12.5rem;
    opacity: 1;
    inline-size: 80%;
    block-size: 96%
}

.statistics-card h2 {
    font-size: 2rem;
    color: var(--c1);
    word-break: break-all
}

.statistics-card h3 {
    color: var(--title-color);
    font-size: .875rem
}

.statistics-card .absolute-img {
    inset-block-start: .9375rem
}

.statistics-card__ongoing::after {
    background: linear-gradient( 180deg, rgba(167, 255, 204, 0.1) 0%, rgba(71, 200, 128, 0.1) 100%)
}

.statistics-card__ongoing.border {
    border-color: rgba(59, 197, 117, .5) !important
}

.statistics-card__ongoing .absolute-img svg circle {
    fill: #3bc575
}

svg.danger circle {
    fill: #f15b52
}

.statistics-card__ongoing h2 {
    color: #3bc575
}

.statistics-card__primary::after {
    background: linear-gradient( 180deg, rgba(167, 255, 204, 0.1) 0%, rgba(50, 67, 159, 0.1) 100%)
}

.statistics-card__primary.border {
    border-color: rgba(50, 67, 159, .5) !important
}

.statistics-card__primary .absolute-img svg circle {
    fill: var(--c1)
}

.statistics-card__primary h2 {
    color: var(--c1)
}

.statistics-card__purple::after {
    background: linear-gradient( 180deg, rgba(167, 255, 204, 0.1) 0%, rgba(170, 128, 249, 0.1) 100%)
}

.statistics-card__purple.border {
    border-color: rgba(170, 128, 249, .5) !important
}

.statistics-card__purple .absolute-img svg circle {
    fill: #aa80f9
}

.statistics-card__purple h2 {
    color: #aa80f9
}

.statistics-card__not_served::after,
.statistics-card__canceled::after {
    background: linear-gradient( 180deg, rgba(255, 217, 217, 0.1) 0%, rgba(254, 104, 104, 0.1) 100%)
}

.statistics-card__total_provider.border,
.statistics-card__subscribed-providers.border {
    border-color: rgba(243, 167, 53, .5) !important
}

.statistics-card__total_provider .absolute-img svg circle,
.statistics-card__subscribed-providers .absolute-img svg circle {
    fill: #f3a735
}

.statistics-card__not_served.border,
.statistics-card__canceled.border {
    border-color: rgba(255, 103, 103, .5) !important
}

.statistics-card__not_served .absolute-img svg circle,
.statistics-card__canceled .absolute-img svg circle {
    fill: #ff6767
}

.statistics-card__not_served h2,
.statistics-card__canceled h2 {
    color: #ff6767
}

.statistics-card__total_provider::after,
.statistics-card__subscribed-providers::after {
    background: linear-gradient( 180deg, rgba(255, 240, 218, 0.1) 0%, rgba(243, 167, 53, 0.1) 100%)
}

.statistics-card__total_provider h2,
.statistics-card__subscribed-providers h2 {
    color: #f3a735
}

.statistics-card__style2 {
    border: .0625rem solid rgba(var(--c1-rgb),0.5);
}

.statistics-card__style2 h3 {
    font-size: .875rem
}

.statistics-card__style2 h2 {
    font-size: 1.375rem;
    color: var(--c1);
    margin-block-end: 1rem
}

.statistics-card__style2::after {
    background: rgba(var(--c1-rgb),0.05)
}

.statistics-card__already-withdraw {
    border: .0625rem solid rgba(59, 197, 117, .5)
}

.statistics-card__already-withdraw h2 {
    color: #3bc575
}

.statistics-card__already-withdraw::after {
    background: rgba(59, 197, 117, .05)
}

.statistics-card__withdrawable-amount {
    border: .0625rem solid rgba(255, 103, 103, .5)
}

.statistics-card__withdrawable-amount h2 {
    color: #ff6767
}

.statistics-card__withdrawable-amount::after {
    background: rgba(255, 103, 103, .05)
}

.statistics-card__total-earning {
    border: .0625rem solid rgba(243, 167, 53, .5)
}

.statistics-card__total-earning h2 {
    color: #f3a735
}

.statistics-card__total-earning::after {
    background: rgba(243, 167, 53, .05)
}

.statistics-card__collect-cash {
    border: .0625rem solid rgba(65, 83, 179, .3);
    text-align: center
}

.statistics-card__collect-cash h3 {
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem;
    font-size: 1.125rem
}

.statistics-card__collect-cash h2 {
    -webkit-margin-after: 1.875rem;
    margin-block-end: 1.875rem;
    color: #4153b3
}

.statistics-card__collect-cash::after {
    background: linear-gradient( 180deg, rgba(65, 83, 179, 0.1) 0%, rgba(232, 235, 255, 0.1) 100%)
}

.statistics-card__order-overview {
    border: .0625rem solid rgba(65, 83, 179, .3);
    text-align: center
}

.statistics-card__order-overview h3 {
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem;
    font-size: 1.125rem
}

.avatar {
    block-size: 2.1875rem;
    inline-size: 2.1875rem;
    overflow: hidden
}

.avatar>img {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.avatar-sm {
    block-size: 1.625rem;
    inline-size: 1.625rem
}

.avatar-lg {
    block-size: 3.125rem;
    inline-size: 3.125rem
}

.option-select-btn {
    display: flex
}

.option-select-btn label {
    margin: 0
}

.option-select-btn label span {
    color: var(--text-color);
    background-color: var(--bg-color);
    text-transform: capitalize;
    padding: .5625rem 1rem;
    cursor: pointer
}

.option-select-btn label input:checked~span {
    background-color: var(--white-bg);
    color: var(--c1);
    font-weight: var(--medium)
}

.events {
    position: relative;
    display: grid;
    grid-template-columns: 1rem 1fr;
    row-gap: 1.875rem;
    inline-size: -moz-fit-content;
    inline-size: fit-content
}

.events .event {
    display: grid;
    grid-template-columns: 16px 1fr;
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-column: 1/3
}

.events .title>h5 {
    font-weight: var(--regular);
    -webkit-margin-after: .3125rem;
    margin-block-end: .3125rem
}

.events .description>p {
    opacity: .7
}

.events .knob {
    grid-column: 1/2;
    align-self: center;
    width: 100%;
    aspect-ratio: 1/1;
    z-index: 1;
    border: 2px solid var(--c1);
    background-color: var(--white-color);
    border-radius: 50%
}

.events .title,
.events .description {
    grid-column: 2/3;
    align-self: center
}

.events .description span {
    opacity: .5
}

.events .line {
    position: absolute;
    grid-column: 1/2;
    justify-self: center;
    block-size: 88%;
    inline-size: 1px;
    z-index: 0;
    background-color: #e9ecef;
    inset-block-start: .3125rem
}

.common-list li {
    position: relative;
    padding: .625rem 0;
    cursor: pointer
}

.common-list li::after {
    inline-size: 70%;
    block-size: 1px;
    inset-inline-start: 0;
    inset-block-end: 0;
    background-color: var(--border-color);
    content: "";
    position: absolute;
    opacity: .5
}

.common-list li h5 {
    font-weight: var(--bold);
    color: var(--title-color2);
    -webkit-margin-after: .3125rem;
    margin-block-end: .3125rem
}

.common-list_success-rate {
    display: flex;
    justify-content: flex-end;
    opacity: .7;
    line-height: 1
}

.common-list_rating {
    font-weight: var(--semi-bold);
    color: var(--c1);
    line-height: 1
}

.common-list_rating .material-icons {
    font-size: 1rem;
    position: relative
}

.common-list.after-none li:after {
    display: none
}

.common-list__style2 li {
    display: grid;
    grid-template-columns: 9.375rem 1fr 3.125rem;
    align-items: center
}

@media only screen and (max-width:479px) {
    .common-list__style2 li {
        grid-template-columns: 5.625rem 1fr 1.875rem
    }
}

.common-list__style2 .review-count {
    text-align: end
}

.badge {
    font-size: .875rem;
    font-weight: var(--regular);
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    text-transform: capitalize
}

.badge .dot {
    block-size: .4375rem;
    inline-size: .4375rem;
    background-color: var(--white-color);
    display: block
}

.badge-info {
    background-color: rgba(var(--c1-rgb), 0.1);
    color: var(--c1)
}

.badge-info .dot {
    background-color: #2b95ff
}

.badge-primary {
    background-color: rgba(65, 83, 179, .1);
    color: #4153b3
}

.badge-primary .dot {
    background-color: #4153b3
}

.badge-success {
    background-color: rgba(22, 181, 89, .1);
    color: #16b559
}

.badge-success .dot {
    background-color: #16b559
}

.badge-secondary {
    background-color: #7585901a !important;
    color: #758590 !important
}

.badge-danger {
    background-color: rgba(255, 55, 55, .1);
    color: #ff3737
}

.badge-danger .dot {
    background-color: #ff3737
}


.badge-light {
    background-color: #6141AC1a;
    color: #6141AC
}

    .badge-light .dot {
        background-color: #6141AC
    }
.badge-warning {
    background-color: #FFD3661a;
    color: #FFD366
}

    .badge-warning .dot {
        background-color: #FFD366
    }

.switcher {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    inline-size: 2.25rem;
    block-size: 1.125rem
}

.switcher_control {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 2.25rem;
    block-size: 1.125rem;
    transition: background-color .15s ease-in;
    background-color: #ced7dd
}

.switcher_control::after {
    content: "";
    position: absolute;
    inset-block-start: .0625rem;
    inset-inline-start: .0625rem;
    inline-size: 1rem;
    block-size: 1rem;
    transition: left .15s ease-in;
    background-color: var(--absolute-white)
}

.switcher_input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.switcher_input:checked~.switcher_control {
    background-color: var(--c1)
}

.switcher_input:checked~.switcher_control:after {
    inset-inline-start: 1.1875rem
}

.table-actions {
    display: flex;
    gap: 1.25rem
}

.table-actions_view i,
.table-actions_view .material-icons,
.table-actions_view .material-symbols-outlined,
.table-actions_edit i,
.table-actions_edit .material-icons,
.table-actions_edit .material-symbols-outlined {
    color: var(--c1)
}

.table-actions_delete {
    cursor: pointer
}

.table-actions_delete i,
.table-actions_delete .material-icons,
.table-actions_delete .material-symbols-outlined {
    color: var(--c2)
}

.swal2-popup,
.modal .modal-content {
    color: var(--title-color);
    background-color: var(--white-color) !important
}

.modal-body .btn-close {
    position: absolute;
    inset-block-start: .625rem;
    inset-inline-end: .625rem
}

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

.modal-body .btn-close__style2 {
    inline-size: 1.5rem;
    block-size: 1.5rem;
    background-color: var(--white-color);
    display: grid;
    place-items: center;
    inset-block-start: -1.875rem;
    inset-inline-end: -1.875rem
}

@media only screen and (max-width:575px) {
    .modal-body .btn-close__style2 {
        inset-inline-end: 0;
        inset-block-start: 0
    }
}

.modal-body_title {
    -webkit-margin-after: .625rem;
    margin-block-end: .625rem
}

.modal-body_title_bg {
    background-color: var(--bg-color);
    padding: .75rem
}

.modal .meta-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: .125rem
}

.custom-checkbox {
    display: block
}

.custom-checkbox__input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.custom-checkbox__label {
    position: relative;
    cursor: pointer
}

.custom-checkbox__label::before {
    content: "";
    -webkit-appearance: none;
    appearance: none;
    background-color: #eee;
    inline-size: 1rem;
    block-size: 1rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border-radius: .1875rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.custom-checkbox__input:checked+.custom-checkbox__label::before {
    background-color: var(--c1)
}

.custom-checkbox__input:checked+.custom-checkbox__label::after {
    content: "";
    display: block;
    position: absolute;
    inset-block-start: .1875rem;
    inset-inline-start: .375rem;
    inline-size: .3125rem;
    block-size: .75rem;
    border: solid var(--absolute-white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.multiple-select-actions {
    block-size: 3.75rem;
    background-color: var(--bg-color);
    padding: .625rem 1.0625rem;
    inline-size: 100%;
    inset-block-start: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all 200ms ease;
    line-height: 1;
    display: none
}

.multiple-select-actions.active {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    display: flex
}

.upload-file {
    position: relative;
    cursor: pointer
}

@media(max-width:379px) {
    .upload-file {
        inline-size: 100%
    }
}

.cover_attachment,
.video_attachment,
.upload-file__input {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    opacity: 0;
    cursor: pointer
}

.upload-file__img {
    max-inline-size: 8.75rem
}

.upload-file__img img {
    aspect-ratio: 1/1;
    background-color: var(--white-color);
    object-fit: cover
}

.upload-file__img_banner {
    max-inline-size: 20.9375rem
}

@media only screen and (max-width:1399px) {
    .upload-file__img_banner {
        inline-size: 100%
    }
}

.upload-file__img_banner img {
    aspect-ratio: 3/1
}

.upload-file__edit,
.upload-file__close {
    inline-size: 2rem;
    block-size: 2rem;
    background-color: #ffe1e2;
    display: grid;
    place-items: center;
    padding: .3125rem;
    color: var(--c2);
    position: absolute;
    inset-inline-end: -.625rem;
    inset-block-end: -.625rem
}

.upload-file__edit {
    background-color: #c1cbff;
    color: var(--c1)
}

.upload-file__edit .material-icons,
.upload-file__close .material-icons {
    font-size: 1rem
}

.upload-file__actions {
    position: absolute;
    inset-inline-end: .625rem;
    inset-block-start: .625rem
}

.upload-file__actions .upload-file__delete_btn {
    background-color: var(--absolute-white) !important
}

.upload-file__actions .upload-file__delete_btn:hover {
    background-color: var(--c2) !important
}

.offcanvas-overlay {
    position: fixed;
    inline-size: 100%;
    block-size: 100%;
    inset-inline-end: 0;
    inset-block-start: 0;
    background-color: rgba(0, 0, 0, .3);
    transition: opacity 150ms ease;
    z-index: -1;
    opacity: 0
}

.offcanvas-overlay.active {
    opacity: 1;
    z-index: 1032
}

.offcanvas-overlay.aside-active {
    opacity: 1;
    z-index: 1031
}

.service-price-list {
    border: 1px solid var(--border-color)
}

.service-price-list-item {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    padding: .875rem 1.25rem;
    background-color: var(--white-bg);
    transition: background-color 150ms ease
}

.service-price-list-item p {
    font-size: 1rem;
    color: var(--title-color);
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.service-price-list-item:not(:last-child) {
    -webkit-border-after: 1px solid var(--border-color);
    border-block-end: 1px solid var(--border-color)
}

.service-price-list-item:hover {
    background-color: var(--bg-color)
}

.contact-list {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.contact-list li {
    display: flex;
    align-items: center;
    line-height: 1;
    gap: .625rem
}

.rating-review__title {
    font-weight: var(--medium);
    font-size: 2.1875rem;
    color: #758590;
    -webkit-margin-after: .25rem;
    margin-block-end: .25rem
}

.rating-review__out-of {
    font-size: 3.125rem;
    -webkit-margin-end: .3125rem;
    margin-inline-end: .3125rem
}

.rating-review__info {
    color: #758590;
    font-weight: var(--semi-bold)
}

.rating i,
.rating .material-icons,
.rating .material-symbols-outlined {
    color: var(--c1)
}

.two-column-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

.two-column-list li:not(:last-child) {
    -webkit-margin-after: .625rem;
    margin-block-end: .625rem
}

.custom-radio {
    display: flex;
    align-items: center
}

[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    inset-inline-start: -9999px
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    -webkit-padding-start: 2rem;
    padding-inline-start: 2rem;
    cursor: pointer;
    line-height: 1.375rem;
    display: inline-block;
    text-transform: capitalize;
    color: var(--text-light-color)
}

[type=radio]:checked+label {
    color: var(--title-color)
}

[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 1.375rem;
    block-size: 1.375rem;
    border: .0625rem solid var(--c1);
    background: var(--white-color)
}

[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after {
    content: "";
    inline-size: 1rem;
    block-size: 1rem;
    background-color: var(--c1);
    position: absolute;
    inset-block-start: .1875rem;
    inset-inline-start: .1875rem;
    transition: all 150ms ease
}

[type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

[type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.img-wrap-circle {
    inline-size: 6.25rem;
    block-size: 6.25rem;
    background-color: var(--bg-color);
    padding: .625rem;
    display: grid;
    place-items: center;
    overflow: hidden
}

.img-wrap-circle img {
    border-radius: 100%;
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.header {
    padding: .6875rem 0;
    -webkit-padding-start: 17.5rem;
    padding-inline-start: 17.5rem;
    block-size: 3.75rem;
    display: flex;
    align-items: center;
    -webkit-padding-end: .9375rem;
    padding-inline-end: .9375rem;
    background-color: var(--white-color)
}

@media only screen and (max-width:1199px) {
    .header {
        -webkit-padding-start: .9375rem;
        padding-inline-start: .9375rem
    }
    .header .aside-toggle {
        display: block !important
    }
}

.toggle-search-btn {
    background-color: transparent;
    border: none;
    position: relative;
    inset-inline-end: -10px
}

.toggle-search-btn i,
.toggle-search-btn .material-icons {
    font-size: 1.5rem;
    color: var(--title-color)
}

.toggle-menu-button i,
.toggle-menu-button .material-icons {
    font-size: 1.75rem
}

.footer {
    padding: 1.125rem 0 .5rem
}

.aside {
    inline-size: 16.875rem;
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
    block-size: 100%;
    z-index: 1031;
    transition: width 100ms
}

@media only screen and (max-width:1199px) {
    .aside {
        transform: translateX(-100%)
    }
}

.aside-header {
    padding: .6875rem 1.25rem;
    block-size: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: .8rem;
    column-gap: .8rem
}

.aside-body {
    padding: 0 1.25rem 1rem;
    max-block-size: calc(100% - 60px);
    position: relative
}

.aside-body .nav {
    flex-direction: column
}

.aside-body .nav li {
    font-size: .875rem;
    padding: .875rem 0;
    display: block
}

.aside-body .nav li.nav-category {
    font-size: 12px;
    font-weight: var(--bold);
    text-transform: uppercase;
    position: relative
}

.aside-body .nav li>a {
    display: flex;
    gap: 8px
}

.aside-body .nav li .link-title {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize
}

.aside-body .nav li .link-title .count {
    background-color: var(--c2);
    color: var(--absolute-white);
    padding: .1875rem .5rem;
    font-size: .75rem
}

.aside-body .nav li.has-sub-item {
    position: relative
}

.aside-body .nav li.has-sub-item:after {
    font-family: material icons;
    content: "chevron_right";
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: .9375rem;
    z-index: -1
}

.aside-body .nav li.sub-menu-opened:after {
    transform: rotate(90deg)
}

.aside-body .nav li.active>a {
    color: var(--link-color)
}

.aside-body .nav ul {
    -webkit-padding-before: .625rem;
    padding-block-start: .625rem
}

.aside-body .nav ul li {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem
}

.aside-body .nav ul.sub-menu {
    display: none
}

.mobile-logo {
    display: none
}

a[disabled] {
    pointer-events: none;
    opacity: .6
}

.user-profile {
    background-color: var(--bg-color);
    padding: 1.25rem .9375rem;
    transition: all 100ms
}

.header .aside-toggle {
    display: none
}

body.aside-open .aside {
    transform: translateX(0) !important
}

body.aside-folded .header {
    -webkit-padding-start: 4.375rem;
    padding-inline-start: 4.375rem
}

body.aside-folded .header .aside-toggle {
    display: block
}

body.aside-folded .main-area {
    -webkit-padding-start: 4.6875rem;
    padding-inline-start: 4.6875rem
}

@media only screen and (max-width:991px) {
    body.aside-folded .main-area {
        margin-left: 0
    }
}

body.aside-folded .aside {
    inline-size: 3.75rem
}

body.aside-folded .aside .aside-toggle {
    display: none
}

body.aside-folded .aside .mobile-logo {
    display: block
}

body.aside-folded .aside .main-logo {
    display: none
}

body.aside-folded .aside-header {
    padding: .3125rem;
    justify-content: center
}

body.aside-folded .aside .user-profile {
    padding: 0;
    background-color: transparent
}

body.aside-folded:not(.open-aside-folded) .aside .user-profile .avatar {
    block-size: 1.375rem;
    min-inline-size: 1.375rem
}

body.aside-folded:not(.open-aside-folded) .aside .user-profile .avatar>img {
    inline-size: auto;
    block-size: auto
}

body.aside-folded .aside .user-profile .media-body {
    visibility: hidden;
    max-height: 46px
}

body.aside-folded .aside-body .nav-category {
    visibility: hidden;
    max-height: 42px
}

body.aside-folded .aside-body .nav-category:before {
    position: absolute;
    content: "";
    width: .3125rem;
    height: .125rem;
    inset-inline-start: 0;
    inset-block-start: 50%;
    transform: translateY(-50%);
    background-color: var(--dark-color);
    visibility: visible
}

body.aside-folded .aside-body li .material-icons {
    color: var(--dark-color)
}

body.aside-folded .aside-body li a span:not(.material-icons) {
    visibility: hidden;
    opacity: 0
}

body.aside-folded .aside-body li.active i,
body.aside-folded .aside-body li:hover i {
    color: var(--link-color)
}

body.aside-folded.open-aside-folded .header .aside-toggle {
    display: none
}

body.aside-folded.open-aside-folded .aside {
    inline-size: 16.875rem
}

body.aside-folded.open-aside-folded .aside .aside-toggle {
    display: block
}

body.aside-folded.open-aside-folded .aside .mobile-logo {
    display: none
}

body.aside-folded.open-aside-folded .aside .main-logo {
    display: block
}

body.aside-folded.open-aside-folded .aside-header {
    padding: .6875rem 1.25rem;
    justify-content: space-between
}

body.aside-folded.open-aside-folded .aside .user-profile {
    background-color: var(--bg-color);
    padding: 1.25rem .9375rem
}

body.aside-folded.open-aside-folded .aside .user-profile .avatar {
    min-inline-size: 2.1875rem
}

body.aside-folded.open-aside-folded .aside .user-profile .media-body {
    visibility: visible;
    max-height: inherit
}

body.aside-folded.open-aside-folded .aside .aside-body li i {
    color: #aeaeae
}

body.aside-folded.open-aside-folded .aside .aside-body li.nav-category {
    visibility: visible
}

body.aside-folded.open-aside-folded .aside .aside-body li.nav-category:before {
    display: none
}

body.aside-folded.open-aside-folded .aside .aside-body li a span {
    visibility: visible;
    opacity: 1
}

body.aside-folded.open-aside-folded .aside .aside-body li.active i,
body.aside-folded.open-aside-folded .aside .aside-body li:hover i {
    color: #8280fd
}

.main-area {
    -webkit-padding-before: 5.625rem;
    padding-block-start: 5.625rem;
    -webkit-padding-start: 18rem;
    padding-inline-start: 18rem;
    -webkit-padding-end: .9375rem;
    padding-inline-end: .9375rem;
    block-size: 100vh;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:1199px) {
    .main-area {
        -webkit-padding-start: .9375rem;
        padding-inline-start: .9375rem
    }
}

@media only screen and (max-width:479px) {
    .main-area {
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

.preloader {
    position: fixed;
    inline-size: 100%;
    block-size: 100%;
    background-color: var(--white-color);
    z-index: 9999999;
    display: grid;
    place-items: center
}

.preloader::after {
    content: "";
    position: absolute;
    border: .3rem solid var(--c1);
    border-radius: 50%;
    border-top: .3rem solid var(--white-color);
    width: 2.75rem;
    height: 2.75rem;
    animation: spin 1s linear infinite
}

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

.settings-sidebar,
.filter-aside {
    position: fixed;
    background-color: var(--white-color);
    inline-size: 18.75rem;
    inset-inline-end: -18.75rem;
    inset-block-start: 0;
    z-index: 1029;
    block-size: 100vh;
    padding: 3.75rem 0 1.25rem;
    transition: transform 200ms ease
}

@media only screen and (max-width:479px) {
    .settings-sidebar,
    .filter-aside {
        inline-size: 16.25rem;
        inset-inline-end: -16.25rem
    }
}

.settings-sidebar.active,
.active.filter-aside {
    inset-inline-end: 0
}

.settings-toggle-icon {
    position: absolute;
    inline-size: 2.8125rem;
    block-size: 2.8125rem;
    inset-inline-start: -2.8125rem;
    inset-block-start: 50%;
    transform: translateY(-50%);
    background-color: var(--c1);
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
    padding: .3125rem;
    display: grid;
    place-items: center;
    cursor: pointer;
    color: var(--absolute-white)
}

.settings-toggle-icon .material-icons {
    font-size: 1.5rem
}

.settings-content h4 {
    padding: 1.25rem;
    border-bottom: 1px dashed var(--border-color);
    text-align: center
}

.switchers-wrap {
    padding: 1.25rem
}

.switch-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    row-gap: 1.25rem
}

.setting-box {
    background-color: var(--body-bg);
    block-size: 6.25rem;
    display: grid;
    place-items: center;
    border: 1px solid transparent;
    padding: .9375rem;
    transition: border 200ms ease;
    cursor: pointer
}

.setting-box.active {
    border-color: var(--c1)
}

.setting-box.dark-mode {
    background-color: var(--absolute-dark)
}

.setting-box.light-mode {
    background-color: var(--absolute-white)
}

.setting-box-wrap h5 {
    text-align: center;
    -webkit-margin-before: .625rem;
    margin-block-start: .625rem
}

[dir=rtl] .nav {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

[dir=rtl] .aside-body .nav li.has-sub-item:after {
    content: "chevron_left"
}

[dir=rtl] .aside-body .nav li.sub-menu-opened:after {
    transform: rotate(-90deg)
}

[dir=rtl] .ps__rail-y {
    left: 0 !important;
    right: auto !important
}

@media only screen and (max-width:1199px) {
    [dir=rtl] .aside {
        transform: translateX(100%)
    }
}

[dir=rtl] .fr-box.fr-basic .fr-placeholder {
    text-align: end !important
}

[dir=rtl] .fr-box.fr-basic .fr-element,
[dir=rtl] .select2-container--default {
    direction: rtl
}

[dir=rtl] .apexcharts-legend-marker {
    margin-right: 0;
    margin-left: .1875rem
}

[dir=rtl] .apexcharts-yaxis-texts-g {
    transform: translateX(-20px)
}

[dir=rtl] .send-msg-btns button[type=submit] .material-icons {
    transform: rotate(180deg)
}

[dir=rtl] .modal-header .btn-close {
    margin-left: 0;
    margin-right: auto
}

.filter-aside {
    z-index: 1033;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    inline-size: 25rem;
    inset-inline-end: -25rem
}

@media only screen and (max-width:479px) {
    .filter-aside {
        inline-size: 100%;
        inset-inline-end: -100%
    }
}

.filter-aside__header {
    background-color: var(--bg-color);
    padding: 1.25rem;
    -webkit-margin-after: .625rem;
    margin-block-end: .625rem
}

.filter-aside__title {
    text-transform: uppercase;
    color: var(--c1)
}

.filter-aside__body {
    padding: 1.25rem;
    block-size: 70vh;
    overflow-y: auto
}

.register-form,
.login-form {
    min-block-size: 100vh;
    display: flex;
    align-items: center;
    font-size: .75rem
}

.register-wrap,
.login-wrap {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 650px);
    min-height: 100dvh
}

@media only screen and (max-width:991px) {
    .register-wrap,
    .login-wrap {
        grid-template-columns: 1fr
    }
}

.register-right,
.login-right {
    padding: 2.5rem;
    position: relative
}

@media only screen and (max-width:575px) {
    .register-right,
    .login-right {
        padding: 1.5rem .9375rem
    }
}

.register-left,
.register-img,
.login-left,
.login-img {
    block-size: 100%
}

@media only screen and (max-width:575px) {
    .register-left,
    .login-left {
        display: none
    }
}

.register-footer,
.login-footer {
    padding-block: .5rem;
    padding-inline: 1rem;
    -webkit-margin-before: auto;
    margin-block-start: auto
}

.register-copy,
.login-copy {
    background-color: #333f99;
    border-radius: .1875rem;
    color: var(--absolute-white);
    padding: .5rem .625rem
}

.register-wrap {
    grid-template-columns: 15% 85%
}

@media only screen and (max-width:991px) {
    .register-wrap {
        grid-template-columns: 1fr
    }
}

@media only screen and (max-width:991px) {
    .register-left {
        display: none
    }
}

[theme=dark] .settings-toggle-icon {
    background-color: var(--c1)
}

[theme=dark] .events .line {
    background-color: #6c6c6c
}

[theme=dark] .apexcharts-yaxis-label,
[theme=dark] .apexcharts-xaxis-label,
[theme=dark] .apexcharts-title-text,
[theme=dark] .apexcharts-legend-text {
    color: rgba(255, 255, 255, .7) !important;
    fill: rgba(255, 255, 255, .7) !important
}

[theme=dark] .card-header {
    background-color: rgba(255, 255, 255, .05);
    box-shadow: 0 0 .125rem rgba(255, 255, 255, .05), 0 .375rem .75rem -.1875rem rgba(255, 255, 255, .05)
}

[theme=dark] .table {
    --bs-table-color: var(--absolute-white)
}

[theme=dark] .btn-close {
    background: transparent url("../images/icons/close.png") center/1em auto no-repeat
}

[theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #838383 !important
}

[theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
[theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #838383 !important;
    color: var(--absolute-white) !important
}

[theme=dark] .select2-container--default .select2-search--inline .select2-search__field {
    color: var(--absolute-white) !important
}

[theme=dark] ::-webkit-calendar-picker-indicator {
    filter: invert(1) !important
}

.wizard .content .title {
    display: none
}

.wizard .steps {
    -webkit-margin-after: 3.75rem;
    margin-block-end: 3.75rem
}

@media only screen and (max-width:991px) {
    .wizard .steps {
        -webkit-margin-after: 2.5rem;
        margin-block-end: 2.5rem
    }
}

.wizard .steps ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media only screen and (max-width:479px) {
    .wizard .steps ul {
        flex-direction: column;
        gap: 1rem
    }
}

@media only screen and (max-width:767px) {
    #add-new-employee-form .steps ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem
    }
}

.wizard .steps ul li {
    position: relative
}

.wizard .steps ul li:not(:first-child) {
    -webkit-padding-start: 14.875rem;
    padding-inline-start: 14.875rem
}

@media only screen and (max-width:991px) {
    .wizard .steps ul li:not(:first-child) {
        -webkit-padding-start: 3.125rem;
        padding-inline-start: 3.125rem
    }
}

@media only screen and (max-width:479px) {
    .wizard .steps ul li:not(:first-child) {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

@media only screen and (max-width:767px) {
    #add-new-employee-form .steps ul li:not(:first-child) {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }
}

.wizard .steps ul li:not(:first-child)::after {
    inline-size: 11.875rem;
    block-size: .0625rem;
    background-color: #aaa;
    position: absolute;
    inset-inline-start: 1.5rem;
    inset-block-start: 50%;
    transform: translateY(-50%);
    content: ""
}

@media only screen and (max-width:991px) {
    .wizard .steps ul li:not(:first-child)::after {
        inset-inline-start: .625rem;
        inline-size: 1.875rem
    }
}

@media only screen and (max-width:479px) {
    .wizard .steps ul li:not(:first-child)::after {
        display: none
    }
}

@media only screen and (max-width:767px) {
    #add-new-employee-form .steps ul li:not(:first-child)::after {
        display: none
    }
}

.wizard .steps ul li.first.done a {
    opacity: 1
}

.wizard .steps ul li.first.done a .number {
    background-color: var(--c1)
}

.wizard .steps ul li a {
    color: var(--title-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    font-size: 1rem;
    opacity: .5
}

.wizard .steps ul .number {
    inline-size: 1.5rem;
    min-inline-size: 1.5rem;
    block-size: 1.5rem;
    background-color: var(--title-color);
    display: grid;
    place-items: center;
    padding: .3125rem;
    color: var(--white-color);
    line-height: 1;
    font-size: .75rem
}

.wizard .steps ul .current a {
    opacity: 1
}

.wizard .steps ul .current-info {
    display: none
}

.wizard .steps ul .current .number {
    background-color: var(--c1)
}

.wizard .steps ul :is(.current h4,
.current p,
.done h4,
.done p) {
    color: var(--c1)
}

.wizard .actions {
    -webkit-margin-before: 1.875rem;
    margin-block-start: 1.875rem
}

.wizard .actions ul {
    display: flex;
    align-items: center;
    gap: .625rem;
    flex-wrap: wrap;
    justify-content: flex-end
}

.provider-details-overview {
    display: grid;
    gap: .625rem;
    grid-template-columns: 2fr 3fr 2fr
}

@media only screen and (max-width:991px) {
    .provider-details-overview {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:767px) {
    .provider-details-overview {
        grid-template-columns: 1fr
    }
}

.provider-details-overview__statistics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .3125rem
}

@media only screen and (max-width:991px) {
    .provider-details-overview__statistics {
        order: -1;
        grid-column: 1/-1
    }
}

@media only screen and (max-width:379px) {
    .provider-details-overview__statistics {
        grid-template-columns: 1fr
    }
}

.information-details-box {
    background-color: var(--white-bg);
    border: 1px solid rgba(65, 83, 179, .05);
    box-shadow: 0 0 2px rgba(145, 158, 171, .2), 0 12px 24px -4px rgba(145, 158, 171, .1);
    padding: 1.875rem
}

@media only screen and (max-width:575px) {
    .information-details-box {
        padding: 1rem
    }
}

.information-details-box__title {
    font-size: 1.25rem;
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem
}

.information-details-box__title i,
.information-details-box__title .material-icons {
    font-size: inherit
}

.information-details-box__subtitle {
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem
}

.service-man-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.25rem
}

.service-man-list__item {
    border: 1px solid rgba(65, 83, 179, .05);
    box-shadow: 4px 4px 10px -4px rgba(145, 158, 171, .2)
}

.service-man-list__item_header {
    background: rgba(65, 83, 179, .05);
    border-radius: .625rem .625rem 1.25rem 1.25rem;
    padding: .9375rem;
    text-align: center
}

.service-man-list__item_header img {
    inline-size: 3.625rem;
    block-size: 3.625rem;
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem
}

.service-man-list__item_header .service-man-name {
    color: var(--c1)
}

.service-man-list__item_header .service-man-phone {
    font-size: .75rem
}

.service-man-list__item_body {
    padding: .9375rem
}

.avatar-status {
    position: absolute;
    inline-size: .625rem;
    block-size: .625rem;
    inset-block-end: 0;
    inset-inline-end: 0;
    border: 2px solid var(--absolute-white)
}

.chat_list {
    padding: .75rem 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.chat_list:hover,
.chat_list.active {
    background-color: rgba(217, 217, 217, .3)
}

.outgoing_msg,
.received_msg {
    max-inline-size: 70%;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    display: inline-flex;
    flex-direction: column
}

.received_msg .message_text {
    background-color: rgba(217, 217, 217, .3)
}

.received_msg {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    align-items: flex-start
}

.outgoing_msg {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    align-items: flex-end
}

.outgoing_msg .message_text {
    background-color: var(--c1);
    color: var(--absolute-white)
}

.message_text {
    -webkit-margin-after: .3125rem;
    margin-block-end: .3125rem;
    padding: .625rem 1rem
}

.time_date {
    font-size: 12px
}

.card-chat {
    min-block-size: calc(100vh - 200px)
}

.inbox_chat,
.inbox_msg {
    max-block-size: 45vh;
    overflow-y: auto;
    -webkit-padding-end: .5rem;
    padding-inline-end: .5rem
}

@media only screen and (min-width:1400px) {
    .inbox_chat,
    .inbox_msg {
        max-block-size: 58vh
    }
}

.inbox_chat {
    max-block-size: 60vh
}

.add-img,
.add-attatchment {
    position: relative;
    cursor: pointer
}

.add-img .material-icons,
.add-attatchment .material-icons {
    cursor: pointer
}

.add-img input,
.add-attatchment input {
    opacity: 0;
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    cursor: pointer
}

.send-msg-btns {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    align-items: center
}

.send-msg-btns button {
    border: none;
    color: var(--c1);
    background-color: transparent
}

.input_msg_write {
    position: relative
}

.input_msg_write textarea {
    -webkit-padding-after: 2.5rem;
    padding-block-end: 2.5rem
}

.service-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13.75rem, 1fr));
    gap: 1.5625rem
}

.service-list-wrap {
    display: grid;
    grid-template-columns: 16.25rem 1fr;
    align-items: start;
    gap: 1.875rem
}

@media only screen and (max-width:991px) {
    .service-list-wrap {
        grid-template-columns: 1fr
    }
}

.service-list-item {
    background-color: var(--c1-light-bg);
    display: flex;
    flex-direction: column
}

.service-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.service-title {
    background-color: var(--white-color);
    padding: .75rem;
    display: block;
    flex-grow: 1
}

.service-actions {
    display: flex;
    padding: .5rem;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between
}

.services-tab-menu li {
    padding: 1.25rem;
    -webkit-border-start: .125rem solid var(--c1-light-bg);
    border-inline-start: .125rem solid var(--c1-light-bg);
    text-transform: capitalize;
    border-start-end-radius: .3125rem;
    border-end-end-radius: .3125rem
}

.services-tab-menu li.active {
    border-color: var(--c1);
    background-color: var(--c1-light-bg)
}

.show-notification-list {
    max-block-size: 25rem;
    overflow-y: auto
}

.show-notification-list .card-title {
    line-height: 1.5;
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem
}

.earning-statistics .select2-container--default .select2-selection--single {
    min-block-size: 2.125rem
}

.earning-statistics .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.125rem
}

.earning-statistics .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.125rem
}

.service-list-item .service-img {
    block-size: 7.5rem;
    overflow: hidden
}

.service-list-item .service-img img {
    -o-object-fit: cover;
    object-fit: cover;
    block-size: 100%;
    inline-size: 100%
}

#search-form__input+.dropdown-menu:hover,
#search-form__input:focus+.dropdown-menu {
    display: block !important;
    position: absolute;
    display: block;
    inset-block-start: calc(100% + 0.1rem);
    inset-inline-start: 0;
    max-block-size: 25rem;
    overflow-y: auto;
    inline-size: 17.5rem
}

.lh-1\.5 {
    line-height: 1.5
}

.hover-color-c2:hover {
    color: var(--c2) !important
}

.img-square-90 {
    inline-size: 5.625rem;
    block-size: 5.625rem;
    -o-object-fit: cover;
    object-fit: cover
}

#multi_image_picker {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr
}

#multi_image_picker img {
    max-block-size: 8.75rem;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.login-right-wrap {
    display: flex;
    flex-direction: column
}

.show-notification-list {
    max-block-size: 25rem;
    overflow-y: auto
}

.show-notification-list .card-title {
    line-height: 1.5;
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem
}

.earning-statistics .select2-container--default .select2-selection--single {
    min-block-size: 2.125rem
}

.earning-statistics .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.125rem
}

.earning-statistics .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.125rem
}

.service-list-item .service-img {
    block-size: 7.5rem;
    overflow: hidden
}

.service-list-item .service-img img {
    -o-object-fit: cover;
    object-fit: cover;
    block-size: 100%;
    inline-size: 100%
}

#search-form__input+.dropdown-menu:hover,
#search-form__input:focus+.dropdown-menu {
    display: block !important;
    position: absolute;
    display: block;
    inset-block-start: calc(100% + 0.1rem);
    inset-inline-start: 0;
    max-block-size: 25rem;
    overflow-y: auto;
    inline-size: 17.5rem
}

.lh-1\.5 {
    line-height: 1.5
}

.hover-color-c2:hover {
    color: var(--c2) !important
}

.img-square-90 {
    inline-size: 5.625rem;
    block-size: 5.625rem;
    -o-object-fit: cover;
    object-fit: cover
}

.login-right-wrap {
    display: flex;
    flex-direction: column
}

.show-upload-file {
    background-color: var(--bg-color);
    padding: .5rem 1rem;
    -webkit-margin-after: .5rem;
    margin-block-end: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem
}

.object-fit {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.object-fit-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.select2-dropdown {
    z-index: 1056 !important
}

[theme=dark] .apexcharts-tooltip.light {
    border: 1px solid #6c6c6c;
    background-color: #39393b
}

[theme=dark] .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background-color: #39393b;
    border-bottom: 1px solid #6c6c6c
}

[theme=dark] .select2-container--default .select2-selection--multiple {
    background-color: #232325
}

[theme=dark] .select2-container--default .select2-results>.select2-results__options {
    background: #39393b
}

.main-logo,
.mobile-logo {
    max-block-size: 2.5rem
}

.page-title {
    text-transform: capitalize
}

label {
    text-transform: capitalize
}

.information-details-box .avatar-img {
    max-inline-size: 8.75rem
}

.max-w-100 {
    -webkit-max-inline-size: 100% !important;
    max-inline-size: 100% !important
}

.grid-column-4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 1rem
}

.ps-20 {
    padding-left: 1.25rem
}

.bg--secondary {
    background-color: rgba(117, 133, 144, .1)
}

.form-floating input[type=password] {
    -webkit-padding-end: 2.5rem;
    padding-inline-end: 2.5rem
}

.form-floating .togglePassword {
    position: absolute;
    inset-inline-end: .75rem;
    inset-block-start: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.header-icon>img {
    inline-size: 30px;
    block-size: 30px;
    -o-object-fit: cover;
    object-fit: cover
}

.pe--4 {
    -webkit-padding-end: 1.5rem !important;
    padding-inline-end: 1.5rem !important
}

[theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #444 !important;
    color: var(--absolute-white) !important
}

[theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c1c1c1 !important
}

.max-w320 {
    max-inline-size: 20rem
}

.max-w320+.select2-container {
    max-inline-size: 20rem
}

@media(max-width:575px) {
    .max-w320 {
        max-inline-size: 100%
    }
}

[theme=dark] #toast-container>div {
    box-shadow: 0 0 12px #3c3c3c
}

.toast-message {
    text-transform: capitalize
}

#toast-container>div {
    border-radius: .25rem !important
}

#toast-container>.toast-success {
    background-color: rgba(22, 181, 89, .9) !important
}

#toast-container>.toast-warning {
    background-color: rgba(255, 180, 0, .9) !important
}

#toast-container>.toast-error,
#toast-container>.toast-danger {
    background-color: rgba(255, 76, 81, .9) !important
}

#toast-container>.toast-info {
    background-color: rgba(22, 177, 255, .9) !important
}

.swal2-popup .swal2-content,
.swal2-popup .swal2-title {
    color: var(--title-color) !important
}

.login-logo {
    max-block-size: 60px;
    max-inline-size: 294px
}

[theme=dark] .inbox_msg::-webkit-scrollbar {
    inline-size: .5rem
}

[theme=dark] .inbox_msg::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1)
}

[theme=dark] .inbox_msg::-webkit-scrollbar-thumb {
    background-color: var(--c1);
    border-radius: .5rem;
    border: 2px solid var(--border-color)
}

[theme=dark] .recaptcha,
[theme=dark] .dark-support {
    filter: brightness(.8) contrast(1.2)
}

[theme=dark] .statistics-card__order-overview {
    border-color: rgba(65, 83, 179, .7)
}

[theme=dark] .shadow {
    box-shadow: 0 .5rem 1rem rgba(65, 83, 179, .15) !important
}

.accordion-body {
    text-align: justify
}

.apexcharts-legend-text {
    text-transform: capitalize
}

.upload-file-close {
    cursor: pointer
}

.mw-340 {
    max-inline-size: 340px !important
}

#name_of_file {
    max-inline-size: 9.375rem
}

@media(max-width:379px) {
    #name_of_file {
        max-inline-size: 6.25rem
    }
}

[theme=dark] .bg-light {
    --bs-light-rgb: 42, 42, 42
}

.max-h320-auto {
    max-block-size: 20rem;
    overflow-y: auto
}

.text-justify {
    text-align: justify !important
}

.bootstrap-tagsinput {
    border-radius: .375rem !important;
    font-size: .875rem;
    min-height: 2.8125rem !important;
    padding-inline: 1rem !important
}

.bootstrap-tagsinput input::-moz-placeholder {
    opacity: 1 !important;
    color: #999 !important
}

.bootstrap-tagsinput input::placeholder {
    opacity: 1 !important;
    color: #999 !important
}

.badge-soft-dark {
    background-color: #e0e7ee
}

.fs-10 {
    font-size: .625rem !important
}

.fs-12 {
    font-size: .75rem !important
}

.bootstrap-tagsinput {
    border-radius: .375rem;
    padding: .625rem 1.25rem;
    font-size: .875rem;
    height: 2.8125rem !important
}

.action-btn {
    --size: 1.625rem;
    inline-size: var(--size);
    block-size: var(--size);
    border-radius: .25rem;
    background-color: transparent;
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.action-btn.btn--light-primary {
    background-color: rgba(var(--c1-rgb), 0.05);
    border: 1px solid var(--c1)
}

.action-btn.btn--light-primary:hover {
    background-color: rgba(var(--c1-rgb), 1)
}

.action-btn.btn--success {
    background-color: rgba(var(--bs-success-rgb), 0.05);
    border: 1px solid var(--bs-success);
    color: var(--bs-success)
}

.action-btn.btn--success:hover {
    background-color: rgba(var(--bs-success-rgb), 1);
    color: var(--absolute-white)
}

.action-btn.btn--danger {
    background-color: rgba(var(--bs-danger-rgb), 0.05);
    border: 1px solid var(--bs-danger);
    color: var(--bs-danger)
}

.action-btn.btn--danger:hover {
    background-color: rgba(var(--bs-danger-rgb), 1);
    color: var(--absolute-white)
}

.bg-primary-light {
    background-color: rgba(65, 83, 179, .05) !important
}

.dropdown-hover {
    position: relative;
    cursor: pointer
}

.dropdown-hover-menu {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    border-radius: .25rem;
    inset-inline-end: calc(100% + 5px);
    inset-block-start: -110%;
    list-style: none;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    min-inline-size: 17.5rem;
    max-block-size: 16rem;
    overflow-y: auto
}

.dropdown-hover-menu li {
    padding: 1rem;
    border-radius: .5rem;
    border-block-end: 1px solid var(--border-color)
}

.dropdown-hover-menu li h5 {
    font-weight: 500
}

.dropdown-hover:hover .dropdown-hover-menu {
    visibility: visible;
    opacity: 1;
    inset-inline-end: calc(100% + 5px);
    inset-block-start: -100%
}

.form-floating>[class^=material-] {
    position: absolute;
    inset-block-end: .8125rem;
    inset-inline-end: .8125rem;
    cursor: pointer
}

.form-floating.form-floating__icon>[class^=material-] {
    cursor: text
}

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

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

#pac-input {
    top: .5rem !important
}

@media(max-width:767px) {
    .gmnoprint {
        display: none
    }
}

.inputDnD .form-control-file {
    position: relative;
    inline-size: 100%;
    block-size: 100%;
    min-block-size: 8rem;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    border-radius: 10px
}

.inputDnD .form-control-file:before {
    content: attr(data-title);
    position: absolute;
    inset-inline-start: 0;
    inline-size: 100%;
    min-block-size: 100%;
    line-height: 2em;
    opacity: 1;
    visibility: visible;
    text-align: center;
    border: 1px dashed currentColor;
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px
}

.inputDnD .form-control-file:hover:before {
    border-style: solid
}

.img-fit {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.radius-10 {
    border-radius: 10px !important
}

.checkbox-color-primary {
    color: #055 !important
}

.d--none {
    display: none
}

.ripple-animation {
    line-height: 1;
    box-shadow: 0 0 0 0 rgba(2, 134, 255, .3);
    cursor: pointer;
    border-radius: 50%;
    transition: 250ms color;
    animation-name: wave;
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes wave {
    0% {
        box-shadow: 0 0 0 0 rgba(2, 134, 255, .3)
    }
    100% {
        box-shadow: 0 0 0 10px transparent
    }
}

.gap-4 {
    gap: 1.5rem !important
}

.pl-sm-5,
.px-sm-5 {
    padding-left: 2rem !important
}

.__gap-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

#service_schedule__span {
    color: var(--title-color)
}

.qty-width {
    width: 50px !important;
    text-align: center
}

#offline_payment_top_part,
#offline_payment_bottom_part {
    background-color: #f0f1f1;
    cursor: not-allowed;
    opacity: .5;
    user-select: none
}

#offline_payment_top_part.active,
#offline_payment_bottom_part.active {
    background-color: #dff2fa !important;
    cursor: default;
    opacity: 1;
    user-select: all;
    animation: zoomInOut .3s .2s ease-in-out 1
}

#paymentInfoModalButton,
#bkashInfoModalButton {
    cursor: pointer;
    user-select: none
}

@keyframes zoomInOut {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

.otp-form {
    max-width: 320px
}

.otp-form .otp-field {
    --size: 3.75rem;
    inline-size: var(--size);
    block-size: calc(var(--size)/2);
    border: none;
    border-bottom: 3px solid var(--c1);
    text-align: center;
    background-color: transparent
}

.max-height-100 {
    max-height: 100px
}

.combine-partial-payment {
    position: relative;
    bottom: -19px;
    margin-left: 20px;
    background: #fff
}

.max-w360 {
    max-inline-size: 22.5rem
}

.square-btn {
    --size: 26px;
    width: var(--size);
    height: var(--size);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--c1);
    color: var(--white-color)
}

.fs-14 {
    font-size: 14px !important
}

.min-h45 {
    min-height: 45px
}

[theme=dark] .breadcrumb-item+.breadcrumb-item {
    padding-left: auto;
    padding-right: var(--bs-breadcrumb-item-padding-x)
}

[theme=dark] .breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-right: auto;
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.navbar-nav .dropdown-menu.lang-menu {
    position: absolute
}

@media(max-width:575px) {
    .navbar-nav .dropdown-menu.lang-menu {
        left: unset;
        right: 0;
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    .js-navbar-vertical-aside-toggle-invoker {
        margin-right: 0 !important
    }
}

.apply-filter-button:focus,
.apply-filter-button:hover {
    color: #fff !important
}

.booking-statistics-info {
    height: 392px;
    overflow-y: auto
}

.multi-select-table-booking {
    min-width: 800px
}

.bs-modal-width {
    --bs-modal-width: 630px
}

.instruction-details {
    max-width: 340px
}

.multi-select-table-provider {
    min-width: 800px;
    min-height: 220px
}

.offer-detail-modal {
    --bs-modal-width: 430px
}

.provider-info-modal {
    --bs-modal-width: 630px
}

#location_map_canvas {
    height: 100%
}

#location_map_div {
    height: 250px
}

.provider-devider {
    --bs-breadcrumb-divider: "|"
}

.landing-images {
    height: 50px;
    width: 50px
}

.web-images {
    width: 160px
}

.default-lang {
    background: #d2ffe666;
    color: #00904b
}

#documentationModal {
    --bs-modal-width: 436px
}

.firebase-modal {
    --bs-modal-width: 480px
}

.page-settings {
    display: flex;
    justify-content: space-between
}

.payment-module-warning {
    color: #8c1515;
    padding-top: 10px
}

.payment-image-preview {
    max-width: 100%;
    height: 100px
}

.gateway-title {
    margin-bottom: 10px
}

.lan-key-name {
    width: 50%;
    min-width: 300px
}

.card_heading {
    color: #8c1515;
    padding-top: 10px
}

.iti {
    width: 100%
}

.location_map_class {
    height: 250px
}

.canvas_class {
    height: 100%
}

.service_selector {
    display: none
}

.link_selector {
    display: none
}

.resize-none {
    resize: none
}

.iti__flag-container+.form-control {
    height: 2.8125rem
}

label.switcher.hasContent::before {
    content: attr(data-before);
    position: absolute;
    right: calc(100% + 15px);
    color: var(--c1);
    font-weight: 600;
    font-size: .75rem
}

@media(min-width:1400px) {
    .gap-xl-5 {
        gap: 3rem !important
    }
}

.bg-custom {
    --bg-custom: rgba(4, 97, 165, 0.12);
    background-color: var(--bg-custom) !important
}

.sidebar--search-form .search--form-group {
    position: relative;
    transition: all ease .3s
}

.sidebar--search-form .search--form-group .icon {
    position: absolute;
    left: 8px;
    top: 10px;
    color: #99a7ba !important
}

.sidebar--search-form .form-control {
    padding-left: 34px
}

.table-md>:not(caption)>*>* {
    padding: .4rem .25rem
}

.on-off-toggle {
    height: 24px;
    position: relative;
    display: inline-block
}

.on-off-toggle__slider {
    line-height: 1;
    display: block;
    border-radius: 50rem;
    background-color: #dfe5eb;
    transition: background-color .15s ease-in;
    padding: 3px;
    color: var(--absolute-dark);
    user-select: none
}

#service_schedule__span {
    cursor: pointer
}

.on-off-toggle__input {
    position: absolute;
    opacity: 0
}

.on-off-toggle__circle {
    --size: 18px;
    width: var(--size);
    min-width: var(--size);
    height: var(--size);
    border-radius: var(--size);
    background-color: var(--absolute-white);
    display: block
}

.on-off-toggle__off,
.on-off-toggle__on {
    display: flex;
    gap: .35rem;
    align-items: center;
    transition: all 300ms ease-in-out
}

.on-off-toggle__on {
    display: none
}

.on-off-toggle__on .on-off-toggle__text {
    padding-inline-start: .35rem
}

.on-off-toggle__off .on-off-toggle__text {
    padding-inline-end: .35rem
}

.on-off-toggle__text {
    font-size: 10px
}

.on-off-toggle__input:checked+.on-off-toggle__slider .on-off-toggle__off {
    display: none
}

.on-off-toggle__input:checked+.on-off-toggle__slider .on-off-toggle__on {
    display: flex
}

.on-off-toggle__input:checked+.on-off-toggle__slider {
    background-color: var(--c1);
    color: var(--absolute-white)
}

.dropdown-menu__custom {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
    --bs-dropdown-min-width: 14rem;
    padding: 5px
}

.dropdown-menu__custom li {
    padding: .5rem 1rem;
    background-color: var(--absolute-white);
    border-radius: .35rem
}

.dropdown-menu__custom li:hover {
    background-color: #f3f8ff;
    color: var(--c1)
}

.dropdown-menu__custom li:hover * {
    color: var(--c1)
}

#service_schedule__span {
    position: relative
}

.timeline-container {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: all 300ms ease-in-out
}

#service_schedule__span:hover .timeline-container {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.timeline-sessions {
    position: relative;
    list-style-type: none;
    padding: 1rem;
    margin: 0;
    border-radius: 5px;
    background-color: var(--white-color);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
    min-width: 180px;
    text-align: start
}

.timeline-container li {
    padding-bottom: 1.5rem;
    border-left: 2px solid #f0ecec;
    position: relative;
    padding-left: 12px
}

.timeline-container li.active {
    border-left: 2px solid var(--c1)
}

.timeline-container li:last-child {
    border: 0;
    padding-bottom: 0
}

.timeline-container li::before {
    content: "";
    width: .625rem;
    height: .625rem;
    background-color: var(--white-color);
    border: 2px solid #b4c3ce;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: 0
}

.timeline-container li:last-child::before {
    left: -4px
}

.timeline-container li.active:before {
    border: 2px solid var(--c1)
}

.timeline-date {
    position: relative;
    top: -3px
}

.timeline-date,
.timeline-time {
    color: var(--text-color);
    font-weight: 500;
    font-size: 12px
}

.timeline-container li.active .timeline-date,
.timeline-container li.active .timeline-time {
    color: var(--title-color)
}

.h-45 {
    height: 45px
}

table th {
    font-weight: 600
}

.min-w120 {
    min-inline-size: 7.5rem
}

.text-two-line {
    display: -webkit-box;
    max-width: 400px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.input_msg_write .upload_img_box {
    position: relative;
    width: 40px;
    height: 40px;
    aspect-ratio: 1;
    border-radius: 4px;
    border: 1px solid #f5f5f5
}

.input_msg_write .upload_img_box img {
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 1;
    height: 40px;
    object-fit: cover
}

.input_msg_write .upload_img_box .img-clear {
    position: absolute;
    width: 14px;
    height: 14px;
    color: var(--absolute-white);
    background-color: #9eadc1;
    border-radius: 100%;
    right: -6px;
    top: -6px;
    display: grid;
    place-items: center;
    line-height: 1;
    cursor: pointer;
    transition: all 300ms ease-in-out
}

.input_msg_write .upload_img_box .img-clear:hover {
    background-color: var(--bs-danger)
}

.inbox-img-grid {
    display: flex;
    justify-content: end;
    gap: .5rem;
    margin-block-end: .3125rem;
    flex-wrap: wrap
}

.inbox-img-grid>* {
    object-fit: cover;
    width: 70px;
    height: 70px;
    border-radius: .5rem;
    overflow: hidden
}

.conv-img-wrap {
    position: relative
}

.conv-img-wrap>img {
    border-radius: .5rem;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.conv-img-wrap-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    color: var(--absolute-white);
    border-radius: .5rem;
    line-height: 1.3
}

[dir=rtl] .input_msg_write .pl-8 {
    padding-right: 3.5rem !important
}

.select2-search-has-icon {
    position: relative
}

.select2-search-has-icon .select2-search__icon {
    position: absolute;
    top: 50%;
    left: .625rem;
    transform: translateY(-50%)
}

.select2-search--dropdown.select2-search-has-icon .select2-search__field {
    padding-left: 1.8rem
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: .25rem;
    height: 35px
}

.modal-content {
    max-height: 90dvh;
    overflow-y: auto
}

input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50rem;
    background: var(--c1) url(../images/icons/close.svg) no-repeat center center;
    background-size: 70%;
    cursor: pointer
}

.select2-container--default .select2-selection--multiple {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden
}

#apex_radial-bar-chart foreignobject {
    overflow-x: auto
}

#apex_radial-bar-chart .apexcharts-legend {
    flex-wrap: nowrap !important;
    min-width: max-content
}

#apex_radial-bar-chart foreignobject::-webkit-scrollbar {
    height: 3px
}

#apex_radial-bar-chart foreignobject::-webkit-scrollbar-thumb {
    border-radius: 6px
}

body.aside-folded:not(.open-aside-folded) .search--form-group {
    display: none
}

.select2-search-has-icon {
    position: relative
}

.select2-search-has-icon .select2-search__icon {
    position: absolute;
    top: 50%;
    left: .625rem;
    transform: translateY(-50%)
}

.select2-search-has-icon .select2-search__field {
    padding-left: 1.8rem
}

#form-wizard .form-error-wrap+label,
#form-wizard .form-floating+label {
    color: var(--bs-danger);
    margin-top: .5rem
}

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

.withdraw-inputut[type=number] {
    -moz-appearance: textfield
}

.form-floating__icon .material-icons,
.form-floating__icon .material-symbols-outlined {
    position: absolute;
    top: 45%;
    left: 10px;
    transform: translateY(-50%);
    width: max-content;
    color: var(--bs-gray-500)
}

.form-floating__icon .material-icons.togglePassword,
.form-floating__icon .material-symbols-outlined.togglePassword {
    left: auto;
    right: 10px;
    cursor: pointer
}

.form-floating__icon .form-control {
    padding-left: 44px
}

.form-floating__icon>label {
    inset-inline-start: 24px;
    transition: all 300ms ease
}

.form-floating__icon>input:focus+label {
    inset-inline-start: .5rem
}

.lagn-drop-btn {
    background: var(--body-bg);
    padding: 10px 20px;
    border-radius: 10px;
    min-width: 200px
}

@media(max-width:767px) {
    .lagn-drop-btn {
        padding: 10px;
        min-width: initial
    }
}

.lagn-drop-btn+.dropdown-menu {
    min-width: 200px
}

.lagn-drop-btn+.dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid var(--body-bg)
}

.offline-btn {
    background-color: #959ecf;
    color: #fff
}

.bg-soft-danger {
    background-color: #ff67671a !important
}

.border-danger-light {
    border-color: #ff676733 !important
}

.cursor-auto {
    cursor: auto !important
}

.h-69px {
    height: 69px !important
}

.info-transform-fix {
    transform: translateY(4px)
}

.min-w-92px {
    min-width: 92px
}

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

input.spin-none[type=number] {
    -moz-appearance: textfield
}

.check-28 {
    width: 28px;
    height: 28px
}

.tf-box {
    border-radius: 5px;
    border: 2px solid #fff;
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(5px);
    max-width: 578px
}

.tf-box h2 {
    font-size: 40px;
    font-weight: var(--medium)
}

@media(max-width:1199px) {
    .tf-box h2 br {
        display: none
    }
}

@media(max-width:575px) {
    .tf-box h2 {
        font-size: 24px
    }
}

.bg-center {
    background-position: center
}

.login-right {
    max-width: 450px
}

.register-right-wrap {
    max-height: 100dvh;
    overflow-y: auto
}

.form-select {
    height: 2.8125rem
}

.mw-700 {
    max-width: 700px
}

.grid-columns {
    --min: 10rem;
    --max: 1fr;
    --gap: 1rem;
    --repeat: auto-fill;
    display: grid;
    grid-template-columns: repeat( var(--repeat), minmax(var(--min), var(--max)));
    gap: var(--gap)
}

.dropdown__style--two .dropdown-menu {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
    padding: 5px
}

.dropdown__style--two .dropdown-item {
    border-radius: 5px;
    border: 1px solid transparent;
    font-size: 14px;
    color: var(--dark-color);
    font-weight: var(--medium);
    transition: all 300ms ease-in-out
}

.dropdown__style--two .dropdown-item:hover {
    border-color: #eef6ff;
    background-color: #f3f8ff;
    box-shadow: 0 12px 24px -4px rgba(27, 127, 237, .05), 0 0 2px 0 rgba(0, 113, 220, .05);
    color: var(--c1)
}

.scrollY {
    --mh: 100px;
    max-height: var(--mh);
    overflow-y: auto
}

.table-responsive .dropdown,
.table-responsive .btn-group,
.table-responsive .btn-group-vertical {
    position: static
}

#fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999998;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

#light {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 620px;
    height: 380px;
    transform: translate(-50%, -50%);
    z-index: 999999;
    overflow: visible;
    background: #fff;
    border-radius: 10px;
    padding: 10px
}

#boxclose {
    cursor: pointer;
    color: #fff;
    border: 1px solid #aeaeae;
    border-radius: 100%;
    background: #666;
    font-size: 14px;
    display: grid;
    place-items: center;
    line-height: 1;
    padding: 2px;
    width: 16px;
    height: 16px
}

.boxclose:before {
    content: "×";
    position: relative;
    top: -2px
}

#fade:hover~#boxclose {
    display: none
}

.h-160 {
    height: 160px
}

video#VisaChipCardVideo {
    max-width: 100%;
    border-radius: 8px;
    height: calc(100% - 24px)
}

.min-h-200 {
    min-height: 200px
}

.h-200 {
    height: 200px !important
}

.video video {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.upload-file__img video {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.remove-file-button {
    position: absolute;
    right: 15px;
    top: 15px;
    background: 0 0;
    border: none;
    outline: none;
    z-index: 999;
    display: none;
    color: red
}

.promotion-typewise-upload-box {
    display: none
}

.top-80px {
    top: 80px
}

.form--check {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0
}

.form--check .form-check-input {
    margin: 0;
    min-width: 16px;
    min-height: 16px;
    box-shadow: none !important;
    outline: none !important
}

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

.form--check .form-check-input:not(:checked)~.form-check-label {
    opacity: .75
}

.w-50 {
    width: 50%
}

.w-75 {
    width: 75%
}

.w-65 {
    width: 65%
}

.w-35 {
    width: 35%
}

.w-25 {
    width: 25%
}

.text-8797AB {
    color: #8797ab
}

.profile-prev-image {
    width: 30%;
    max-width: 90px;
    aspect-ratio: 1;
    border-radius: 50%
}

.profile-preview-box .wishlist-btn {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    position: absolute;
    right: 15px;
    top: 15px
}

.profile-preview-box .wishlist-btn-2 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 15px;
    background: var(--c1);
    color: var(--absolute-white)
}

.w-0 {
    width: 0
}

.static-text {
    display: none
}

@media screen and (min-width:1200px) {
    .static-text {
        font-size: .9rem;
        line-height: 1.5
    }
}

.line-limit-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.drp-buttons .btn {
    padding: .675rem .75rem !important;
    font-size: .875rem;
    border-radius: .25rem
}

.drp-buttons .btn-primary {
    --bs-btn-bg: var(--c1);
    --bs-btn-border-color: var(--c1);
    --bs-btn-hover-bg: var(--c1);
    --bs-btn-hover-border-color: var(--c1);
    --bs-btn-active-bg: var(--c1);
    --bs-btn-active-border-color: var(--c1);
    --bs-btn-disabled-bg: var(--c1);
    --bs-btn-disabled-border-color: var(--c1)
}

.icon-absolute-on-right {
    position: absolute;
    font-size: 20px;
    opacity: .6;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

label.error {
    all:unset;
    color: var(--bs-danger) !important;
    font-size: 12px;
    
}

#add-new-employee-form .steps {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    padding-bottom: 30px;
    margin-bottom: 30px
}

#add-new-employee-form .steps ul {
    justify-content: flex-start
}

.modal .modal-content.modal-content__search {
    background-color: transparent !important
}

.search-list-item {
    padding: .5rem 1rem;
    background-color: transparent;
    border-radius: 10px;
    transition: all .3s ease
}

.search-list-item:hover {
    background-color: rgba(4, 97, 165, .05)
}

.search-list {
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin
}

.min-h-350 {
    min-height: 350px
}

.ctrlplusk {
    letter-spacing: -.3px
}

.modal.fade.removeSlideDown .modal-dialog {
    transition: none;
    transform: none
}

.bg-card {
    background-color: var(--white-color)
}

.pe--12 {
    padding-inline-end: 12px !important
}

.span-full {
    grid-column: 1/-1;
    order: 9999
}

.alert-danger {
    --bs-alert-color: rgba(255, 103, 103, 1);
    --bs-alert-bg: rgba(255, 103, 103, 0.05);
    --bs-alert-border-color: transparent
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 40px
}

.play-icon span {
    cursor: pointer;
    font-size: 50px;
    user-select: none;
    color: var(--white-color)
}

.absolute-centered {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    transform: translate(-50%, -50%)
}

.iti__search-input,
.iti__dropdown-content {
    background-color: var(--white-color) !important;
    color: var(--title-color) !important
}

.icon-absolute-on-right {
    right: 16px;
    top: 50%
}

.access-checkboxes hr {
    border-color: #b5b5b5
}

.profile_img {
    aspect-ratio: 1;
    object-fit: cover
}

.cancellantion-note {
    border: 1px solid rgba(255, 103, 103, .2);
    background: rgba(255, 103, 103, .1);
    padding: 10px
}

.active-menu a{
    color: #3F21AD;
    font-weight: bold;

}
.swal2-container{
    z-index:  9999999 !important
}
.hide-div {
    display: none
}


/* Datatable Style */
.with-add-button-tab {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
}

.with-6btn-search div.dataTables_wrapper div.dataTables_filter label {
    margin-right: 185px;
}

.with-5btn-search div.dataTables_wrapper div.dataTables_filter label {
    margin-right: 200px;
}

.with-4btn-search div.dataTables_wrapper div.dataTables_filter label {
    margin-right: 160px;
}

.with-3btn-search div.dataTables_wrapper div.dataTables_filter label {
    margin-right: 120px;
}

.with-2btn-search div.dataTables_wrapper div.dataTables_filter label {
    margin-right: 65px;
}

.with-1btn-search div.dataTables_wrapper div.dataTables_filter label {
    margin-right: 35px;
}

.add-new-category-role {
    position: relative;
}

div.dataTables_wrapper div.dataTables_filter input {
    display: inline-block;
    background-color: #F7F7F7;
    border: 1px solid #F3F3F3;
    padding-left: 30px !important;
    font-size: 13px;
}

.dt-button.buttons-print {
    color: transparent !important;
    all: unset;
    background-image: url(../images/core-img/print.svg);
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 6px;
    cursor: pointer;
}

.add-user-categ-btn1 {
    transition: 0.5s;
    user-select: none;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    display: inline-block;
    color: #ffffff;
    margin: 0px 0px 0px 10px;
    float: right;
    position: relative;
    background-color: var(--c1);
    cursor: pointer;
}

.dt-button.buttons-colvis {
    color: transparent !important;
    all: unset;
    background-image: url(../images/core-img/filter.svg);
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 6px;
}

.add-user-categ-btn {
    transition: 0.5s;
    user-select: none;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    display: inline-block;
    color: #ffffff;
    margin: 0px 0px 0px 10px;
    float: right;
    position: relative;
    background-color: var(--c1);
    cursor: pointer;
}

.table:not(.table-sm) thead th {
    background-color: rgba(252, 249, 249, 0.04);
    font-weight: 500;
    font-size: 13px;
    padding: 8px 10px !important;
}

.table>tbody>tr>td,
.table>thead>tr>th {
    white-space: nowrap;
}

.export-icon-toggle {
    position: absolute;
    top: -35px;
    left: 0px;
    display: none;
}

.dt-button.buttons-pdf {
    color: transparent !important;
    all: unset;
    background-image: url(../images/core-img/pdf.svg);
    background-position: center;
    background-size: cover;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.dt-button.buttons-excel {
    color: transparent !important;
    all: unset;
    background-image: url(../images/core-img/excel.svg);
    background-position: center;
    background-size: cover;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.edit-ico-ord {
    border: 1px solid #F3F3F3;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    color: #a8a8a8;
}



table.dataTable {
    border-collapse: collapse !important;
}

.dataTables_filter i {
    position: absolute;
    top: 8px;
    left: 15px;
    color: var(--c1);
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    padding-top: 0px;
    position: relative;
}

.dataTables_paginate {
    background-color: #F3F2F7;
    border-radius: 25px;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    display: none!important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    display: none!important;
}
.reporttabres .datatables tr:nth-child(even) {
    background: var(--bs-sidebar-bg) !important;
}
.reporttabres .datatables thead th {
    border-top: 1px solid var(--c1) !important;
    border-bottom: 1px solid var(--c1) !important;
    color: var(--c1) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.reporttabres .table td, .table:not(.table-bordered) th {
    border-top: none;
    border-bottom: none;
}
.reporttabres .datatables td {
    color: #212529 !important;
}
.reporttabres .datatables tr:nth-child(even) {
    background: var(--ADMPanelPrimaryColorOpa003);
}
    .reporttabres {
    width: 100%;
    overflow: auto;
}
.dt-button.buttons-colvis span , .dt-button.buttons-print span{
    display: none;
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.dataTables_filter label{
margin-bottom: 0.5em;
}
.dataTables_filter input:focus{
    
}

/* Datatable Style */
.dis-none{
    display: none;
}
.open-partialpage{
    cursor: pointer;
}
.bck-btn img{
    cursor: pointer;
    width: 30px;
    margin-right: 10px;
}
.table.table-booked thead tr th, .table.table-booked tbody tr td {
    padding: 8px 8px !important;
    vertical-align: top;
}
.table.table-booked tbody tr:nth-child(even) {
    background:#f9f9f9;
}
    .right-bar {
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
    display: block;
    position: fixed;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    /* width: 30%; */
    z-index: 9999;
    float: right !important;
    right: -100%;
    top: 0;
    bottom: 0
}

.right-bar .right-bar-toggle {
    background-color:var(--c1);
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: block;
    color: #e9e9ef;
    text-align: center;
    border-radius: 50%
}

.right-bar .right-bar-toggle:hover {
    background-color: var(--c1);
}

.rightbar-overlay {
    background-color: rgba(52, 58, 64, .55);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 9998;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.right-bar-enabled .right-bar {
    right: 0
}

.right-bar-enabled .rightbar-overlay {
    display: block
}
.new-scroll {
    overflow-y: scroll;
    height: calc(100vh - 140px);
    overflow-x: hidden;
    position: relative;
    padding-bottom: 15px;
}
.new-scroll::-webkit-scrollbar {
    width: 5px;
}

.new-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.new-scroll::-webkit-scrollbar-thumb {
    background: var(--c1);
    border-radius: 50px !important;
}
.bottomlineinpopup {
    /* width: 100%; */
    height: 1px;
    background-color: var(--c1);
}

.done-btn {
    width: 100px;
    padding: 6px 10px;
    color: #ffffff;
    background-color: var(--c1);
    border-radius: 3px;
    text-align: center;
    border: 1px solid var(--c1);
}
.cancel-btn {
    color: var(--c1);
    background-color: var(--bs-sidebar-menu-item-hover-effact-color);
    border: 1px solid var(--c1) !important;
}
.right-modal-content-10{width:20% !important; }
.right-modal-content-70{width:70% !important; }
.right-modal-content-60{width:60% !important; }
.right-modal-content-40{width:60% !important; }
.right-modal-content-30{width:30% !important; }
.right-modal-content-50{width:50% !important; }
.right-modal-content-85{width:85% !important; }
.right-modal-content-90{width:90% !important; }
.label-text{
    font-weight: 600 !important;
    color: #000 !important;
}
.select2-container--open{
    z-index: 99999999999999999999 !important;
}
.fixed-save-close{
    position: fixed;
    bottom: 0px;
    width: 100%;
    /* height: 81px; */
    left: 0px;
    background: #fff;
    /* border-top: 1px solid var(--c1); */    
    border-top: 1px solid #f6f6f6;
    box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.6);
    z-index: 99;
}
.font-weight-600{
    font-weight: 600;
}
.font-weight-500{
    font-weight: 500;
}
.common-settings .service-man-list__item_header {
    border-radius: .625rem .625rem 0.6rem 0.6rem;
}
.form-check-input:checked {
    background-color: var(--c1);
    border-color: var(--c1);
}
body.aside-folded .aside{
    overflow: hidden
}
/* User Access */
/* Basic Tree Table */
.basic-tree-table .dsbd-first-level-tr {
    background-color: transparent;
}

.head-col {
    background-color: var(--bs-link-color);
}

    .head-col th {
        padding: 8px !important;
        color: #ffffff !important;
    }

.basic-tree-table tbody tr td {
    padding: 5px !important;
    font-size: 13px;
    font-weight: 500;
}

table.simple-tree-table tr.tree-closed .tree-icon, table.simple-tree-table tr.tree-opened .tree-icon {
    display: inline-block;
    line-height: 22px;
    width: 22px;
    height: 22px;
    margin: 0px 5px 0px 0px;
    padding: 0 0px;
    font-weight: bold;
    background-color: var(--c1);
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
}

    table.simple-tree-table tr.tree-opened .tree-icon:after {
        content: "-"
    }

    table.simple-tree-table tr.tree-closed .tree-icon:after {
        content: "+"
    }

.basic-tree-table tr th:nth-child(3),
.basic-tree-table tr th:nth-child(4),
.basic-tree-table tr th:nth-child(5),
.basic-tree-table tr td:nth-child(3),
.basic-tree-table tr td:nth-child(4),
.basic-tree-table tr td:nth-child(5) {
    text-align: center;
}

.basic-tree-table thead tr th, .basic-tree-table tbody tr td {
    padding: 2px !important;
    font-size: 10px;
    font-weight: 500;
}

    .basic-tree-table thead tr th:first-child {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .basic-tree-table thead tr th:nth-child(6) {
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.basic-tree-table input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -25px;
}

.basic-tree-table input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 29px;
    height: 25px;
    display: inline-block;
    line-height: 14px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
}

.basic-tree-table label.css-label {
    background-image: url(../images/core-img/usercheck.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.basic-tree-table tbody tr td {
    padding: 5px !important;
    font-size: 13px;
    font-weight: 500;
}
.basic-tree-table thead tr th{
    background: var(--c1) !important;
    color: #fff !important;
}
/*.basic-tree-table [type=checkbox]:checked + label:before {
    border-right: 2px solid var(--bs-link-color);
    border-bottom: 2px solid var(--bs-link-color);
}*/
/*.basic-tree-table [type="checkbox"]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid var(--bs-link-color);
    border-bottom: 2px solid var(--bs-link-color);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}*/
.basic-tree-table [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid var(--bs-text-muted);
    margin-top: 2px;
    transition: .2s;
    border-radius: 1px;
}

.basic-tree-table [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.basic-tree-table input[type="checkbox"] {
    display: none !important;
}

.basic-tree-table [type="checkbox"] + label {
    position: relative;
}

.basic-tree-table label {
    margin-bottom: 5px;
    font-weight: 500;
}
/* Basic Tree Table */
/* User Access */
.dFormerror {
    display: none;
    color: #f00;
    font-size: 10px;
}
.clr-inhr{
    color: inherit !important;
}

/*Multi upload Image*/
.upload-img-place {
    height: 100px;
    cursor: pointer;
    aspect-ratio: 2 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    /* padding: 5px; */
    border-radius: 5px;
    width: 200px !important;
}

.upload__img-close-adv {
    right: 3px;
    top: 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: rgb(255, 7, 0);
    position: absolute !important;
    background: rgba(255,0,0,0.8) !important;
    border-radius: 50% !important;
    cursor: pointer;
}

img.adv-add-to-trash {
    width: 18px;
    height: 18px;
}

.upload-img-place1 {
    position: relative;
    padding: 5px;
    border: 2px dashed #ddd;
    margin-right: 10px;
    /*height: 214px;*/
    margin-bottom: 10px;
    border-radius: 5px;
}

.upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload__btn {
    display: flex;
    font-weight: 600;
    color: #fff;
    text-align: center;
    /* min-width: 116px; */
    /*padding: 5px;*/
    transition: all 0.3s ease;
    cursor: pointer;
    line-height: 26px;
    font-size: 14px;
}

    .upload__btn p {
        color: #9D9D9D;
        font-weight: 500;
        font-size: 12px;
        padding: 5px;
        border: 2px dashed #ddd;
        border-radius: 3px;
    }
/* .upload__btn:hover {
  background-color: unset;
  color: #4045ba;
  transition: all 0.3s ease;
} */

.upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 10px;
    /* align-items: flex-end;*/
}

.upload__img-box {
    width: 140px;
    padding: 0 20px;
    margin-bottom: 30px;
}

.upload__img-close {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: var(--bs-menu-item-active-color);
    position: absolute;
    text-align: center;
    line-height: 13px;
    z-index: 1;
    cursor: pointer;
    bottom: 109px;
    left: 108px;
}

    .upload__img-close:after {
        content: "✖";
        font-size: 10px;
        color: white;
    }
.uploadStyle .upload__box {
    padding: 20px;
    text-align: center;
    display: flex;
}

.upload__box {
    display: flex;
}

.uploadStyle .upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.uploadStyle .upload__btn {
    display: inline-block;
    font-weight: 500;
    color: #fff !important;
    text-align: center;
    min-width: 136px;
    padding: 6px;
    transition: all 0.3s ease;
    cursor: pointer;
    /*border: 2px solid;
    background-color: #4021AD;
    border-color: #4021AD;
    border-radius: 10px;*/
    /* line-height: 2px !important;
  font-size: 14px !important; */
}
/* .uploadStyle .upload__btn:hover {
  background-color: unset;
  color: #4045ba !important;
  transition: all 0.3s ease;
} */
.uploadStyle .upload__btn-box {
    margin-bottom: 10px;
}

.uploadStyle .upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    justify-content: center;
}

.uploadStyle .upload__img-box {
    width: 160px;
    padding: 10px 10px;
    margin-bottom: 12px;
}

.uploadStyle .upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 10px;
    right: 12px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
}

    .uploadStyle .upload__img-close:after {
        content: "✖";
        font-size: 14px;
        color: white;
    }

.uploadStyle .img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
    border-radius: 10px;
}
/*Multi upload Image*/

.identity-list{width: 50px;margin-right:5px;margin-bottom:5px}
.ql-editor, .serdesceditor {
    min-height: 250px;
}
.cus-img-tab {
    object-fit: cover !important;
    width: 50px !important;
    height: 50px !important;
}
.ord-prd-img{
    width: 55px;
    border-radius: 5px;
    margin-right:5px;
}
#cancel-details {
    background: rgba(255, 0, 0, 0.05);
    padding: 10px;
    border-radius: 10px;
    border: 2px dashed rgba(255, 0, 0, 1);
}

/*Data Range Picker Start*/
.calendar1 {
    display: flex;
}
.calendar-circle-report {
    left: 0px;
    top:-4px;
}
.dashinput input {
    background-color: rgb(var(--c1-rgb), 0.2) !important;
    width: 0px;
    color: var(--c1);
    font-weight: 600;
    outline: none;
    border: none;
    padding: 8px 10px;
    transition: width 0.5s;
    text-align: right;
    border-radius: 25px;
    font-size: 12px;
    line-height: 12px;
}

.dashinput {
    position: relative;
    right: 0px;
    top: 0px;
} 

.input-width-trans-report {
    width: 193px !important;
}

.calendar-circle-report img {
    width: 17px;
}

.calendar-circle-report {
    width: 37px;
    height: 37px;
    background-color: var(--c1);
    text-align: center;
    border-radius: 50%;
    line-height: 34px;
    transition: 0.5;
    z-index: 1 !important;
    padding-right: 1px;
    position: absolute;
    /* -webkit-box-shadow: 0px 4px 10px -1px rgba(238, 31, 35, 0.7) ;
  -moz-box-shadow: 0px 4px 10px -1px hsla(4, 100%, 50%, 0.7);
  box-shadow: 0px 4px 10px -1px rgba(255, 17, 0, 0.7); */
}
/*Data Range Picker End*/
.market-price {
    border: none;
    padding: 2px;
    width: 100px;
    text-align: center;
}
.market-price-input{
border: 1px solid #ccc;

}
.edit-price{
    cursor: pointer;
}
#pro-los-box {
    background: rgba(240, 240, 240,1);
    border-radius: 10px;
    padding: 30px;
}
#pro-los-box.Profitamtbox {
    background: rgba(13, 100, 47,0.1) !important;
}
#pro-los-box.Lossamtbox {
    background: rgba(255, 0, 0,0.1) !important;
}

#pro-los-box.Profitamtbox .DifferenceInPercentage-text {
    background: rgba(13, 100, 47, 1) !important;
}

#pro-los-box.Lossamtbox .DifferenceInPercentage-text {
    background: rgba(255, 0, 0,1) !important;
}
   
.IndianSMSubTotal-text {
    margin-bottom: 20px;
}
.IndianSMSubTotal-text1, .Difference-text1, .DifferenceInPercentage-text1 {
    font-size: 60px;
}
.DifferenceInPercentage-text {    
    border-radius: 10px;
    padding: 10px;
    color:#fff;
}
.tbl-ellipse-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px !important;
}
@media (max-width: 1023px) {
    .right-modal-content-30 {width: 90% !important;}
    .right-modal-content-40 {width: 90% !important;}
    .right-modal-content-10 {width: 90% !important;}
}
@media (max-width: 767px) {
    .right-modal-content-60 {
        width: 100% !important;
    }

    .right-modal-content-40 {
        width: 100% !important;
    }

    .right-modal-content-30 {
        width: 100% !important;
    }

    .right-modal-content-10 {
        width: 100% !important;
    }

    .tf-box {
        width: 90%;
    }
    .login-right {
        width: 90%;
    }
}
@media (max-width:767.98px) {
    .right-bar {
        overflow: auto
    }
    .right-bar .slimscroll-menu {
        height: auto !important
    }
}