@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
}

html[data-bs-theme="light"] body {
    background: #fbf9f7;
}

.alert-dismissible .btn-close {
    font-size: 22px;
    padding: 1.5rem 1.5rem
}

.border-theme-white {
    border: 1px solid var(--bs-theme-white-color)
}

.border-theme-white-2 {
    border: 2px solid var(--bs-theme-white-color)
}

.breadcrumb-item+.breadcrumb-item:before {
    content: "\f105";
    font-family: "Line Awesome Free";
    font-weight: 900
}

.btn-primary {
    -webkit-box-shadow: 0 1px 2px 0 rgba(34, 197, 94, .35);
    box-shadow: 0 1px 2px 0 rgba(34, 197, 94, .35)
}

.btn-primary:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-secondary {
    -webkit-box-shadow: 0 1px 2px 0 rgba(149, 160, 197, .35);
    box-shadow: 0 1px 2px 0 rgba(149, 160, 197, .35)
}

.btn-secondary:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-success {
    -webkit-box-shadow: 0 1px 2px 0 rgba(34, 197, 173, .35);
    box-shadow: 0 1px 2px 0 rgba(34, 197, 173, .35)
}

.btn-success:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-info {
    -webkit-box-shadow: 0 1px 2px 0 rgba(65, 203, 216, .35);
    box-shadow: 0 1px 2px 0 rgba(65, 203, 216, .35)
}

.btn-info:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-warning {
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 159, 67, .35);
    box-shadow: 0 1px 2px 0 rgba(255, 159, 67, .35)
}

.btn-warning:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-danger {
    -webkit-box-shadow: 0 1px 2px 0 rgba(239, 77, 86, .35);
    box-shadow: 0 1px 2px 0 rgba(239, 77, 86, .35)
}

.btn-danger:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-pink {
    -webkit-box-shadow: 0 1px 2px 0 rgba(253, 60, 151, .35);
    box-shadow: 0 1px 2px 0 rgba(253, 60, 151, .35)
}

.btn-pink:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-purple {
    -webkit-box-shadow: 0 1px 2px 0 rgba(115, 103, 240, .35);
    box-shadow: 0 1px 2px 0 rgba(115, 103, 240, .35)
}

.btn-purple:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-blue {
    -webkit-box-shadow: 0 1px 2px 0 rgba(13, 110, 253, .35);
    box-shadow: 0 1px 2px 0 rgba(13, 110, 253, .35)
}

.btn-blue:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-light {
    -webkit-box-shadow: 0 1px 2px 0 rgba(244, 246, 249, .35);
    box-shadow: 0 1px 2px 0 rgba(244, 246, 249, .35)
}

.btn-light:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-dark {
    -webkit-box-shadow: 0 1px 2px 0 rgba(43, 45, 59, .35);
    box-shadow: 0 1px 2px 0 rgba(43, 45, 59, .35)
}

.btn-dark:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.text-gray-100 {
    color: #f4f6f9
}

.text-gray-200 {
    color: #eaeff5
}

.text-gray-300 {
    color: #d9e1ec
}

.text-gray-400 {
    color: #c1cde0
}

.text-gray-500 {
    color: #a8b5d1
}

.text-gray-600 {
    color: #95a0c5
}

.text-gray-700 {
    color: #7a82b1
}

.text-gray-800 {
    color: #555b7e
}

.text-gray-900 {
    color: #2b2d3b
}

.btn-outline-light {
    color: #7a82b1;
    background-image: none;
    background-color: transparent;
    border-color: #d9e1ec
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    border-color: transparent
}

.modal-header .btn-close {
    font-size: 20px
}

html[data-bs-theme=dark] .btn-light {
    -webkit-box-shadow: none;
    box-shadow: none;
    --bs-btn-color: #f4f6f9;
    --bs-btn-bg: #303231;
    --bs-btn-border-color: #2b2d3b;
    --bs-btn-hover-color: #f4f6f9;
    --bs-btn-hover-bg: #343635;
    --bs-btn-hover-border-color: #313341;
    --bs-btn-focus-shadow-rgb: 75, 77, 88;
    --bs-btn-active-color: #f4f6f9;
    --bs-btn-active-bg: #343635;
    --bs-btn-active-border-color: #313341;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #f4f6f9;
    --bs-btn-disabled-bg: #2b2d3b;
    --bs-btn-disabled-border-color: #2b2d3b
}

html[data-bs-theme=dark] .btn-dark {
    --bs-btn-color: #303231;
    --bs-btn-bg: #f4f6f9;
    --bs-btn-border-color: #f4f6f9;
    --bs-btn-hover-color: #303231;
    --bs-btn-hover-bg: #e8eaed;
    --bs-btn-hover-border-color: #dcdde0;
    --bs-btn-focus-shadow-rgb: 207, 209, 212;
    --bs-btn-active-color: #303231;
    --bs-btn-active-bg: #dcdde0;
    --bs-btn-active-border-color: #cfd1d4;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #303231;
    --bs-btn-disabled-bg: #f4f6f9;
    --bs-btn-disabled-border-color: #f4f6f9
}

html[data-bs-theme=dark] .btn-outline-light {
    color: #c1cde0;
    background-image: none;
    background-color: transparent;
    border-color: #555b7e
}

html[data-bs-theme=dark] .btn-outline-light:active {
    color: #eaeff5;
    background-image: none;
    background-color: transparent;
    border-color: #7a82b1
}

.card {
    -webkit-box-shadow: 0 3px 16px rgba(142, 134, 171, .05);
    box-shadow: 0 3px 16px rgba(142, 134, 171, .05);
    border: none;
    border: solid 1px #0000001a;
    margin-bottom: 1.5rem
}

.card .card-header {
    border-bottom: none;
    padding-top: var(--bs-card-spacer-x)
}

.card .card-header .card-title {
    margin-bottom: 0;
    font-size: 16px;
    color: var(--bs-heading-color)
}

.card-h-100 {
    height: calc(100% - 1.5rem)
}

.offer-card {
    background-image: url(../images/extra/pet-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #000
}

.dropdown-toggle::after,
.dropend .dropdown-toggle::after,
.dropstart .dropdown-toggle::before,
.dropup .dropdown-toggle::after {
    display: none
}

.dropdown-lg {
    width: 320px
}

label {
    color: var(--bs-label-color);
    vertical-align: middle
}

.ql-editor {
    min-height: 300px;
    font-family: var(--bs-font-sans-serif) !important
}

.ql-snow .ql-stroke {
    stroke: var(--bs-label-color)
}

.ql-snow .ql-picker-options {
    background-color: var(--bs-topbar-bg)
}

.ql-snow .ql-picker.ql-header .ql-picker-item:before,
.ql-snow .ql-picker.ql-header .ql-picker-label:before {
    color: var(--bs-label-color)
}

.ql-toolbar {
    font-family: var(--bs-font-sans-serif) !important
}

.ql-toolbar.ql-snow {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border: 1px solid var(--bs-border-color)
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: var(--bs-border-color)
}

.ql-container.ql-snow {
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border: 1px solid var(--bs-border-color)
}





input.add-file-input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0
}

.form-switch-primary .form-check-input:checked {
    background-color: #22c55e;
    border-color: #22c55e
}

.form-switch-secondary .form-check-input:checked {
    background-color: #95a0c5;
    border-color: #95a0c5
}

.form-switch-success .form-check-input:checked {
    background-color: #22c5ad;
    border-color: #22c5ad
}

.form-switch-info .form-check-input:checked {
    background-color: #41cbd8;
    border-color: #41cbd8
}

.form-switch-warning .form-check-input:checked {
    background-color: #ff9f43;
    border-color: #ff9f43
}

.form-switch-danger .form-check-input:checked {
    background-color: #ef4d56;
    border-color: #ef4d56
}

.form-switch-pink .form-check-input:checked {
    background-color: #fd3c97;
    border-color: #fd3c97
}

.form-switch-purple .form-check-input:checked {
    background-color: #7367f0;
    border-color: #7367f0
}

.form-switch-blue .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-switch-light .form-check-input:checked {
    background-color: #f4f6f9;
    border-color: #f4f6f9
}

.form-switch-dark .form-check-input:checked {
    background-color: #2b2d3b;
    border-color: #2b2d3b
}

.selectr-option {
    padding: .375rem 1.5rem;
    color: var(--bs-dropdown-link-color);
    background-color: transparent
}

.selectr-option.selected {
    background-color: var(--bs-tertiary-bg)
}

.selectr-option:hover {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg)
}

.selectr-option.active {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    text-decoration: none
}

.selectr-options-container,
.selectr-selected {
    width: 100%;
    padding: .517rem .95rem;
    font-size: .812rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-card-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.selectr-container.multiple.has-selected .selectr-selected {
    padding: 0 .95rem;
    padding-top: calc(.517rem - 2px);
    padding-bottom: calc(.517rem - 2px)
}

.selectr-container.multiple.has-selected .selectr-selected:focus-visible {
    outline: 0
}

.selectr-container.open .selectr-selected {
    border-color: var(--bs-border-color) var(--bs-border-color) transparent;
    border-radius: 3px 3px 0 0
}

.selectr-container.open .selectr-selected:focus-visible {
    outline: 0
}

.selectr-tag-input {
    background-color: var(--bs-card-bg);
    padding: 0
}

.selectr-tag-input:focus-visible {
    outline: 0
}

.taggable .selectr-selected {
    padding: .517rem .95rem
}

.selectr-input {
    border-color: var(--bs-border-color) !important
}

.selectr-input:focus-visible {
    outline: 0
}

.selectr-tag {
    background: #22c55e;
    border-radius: 3px
}

.selectr-tag-remove::after,
.selectr-tag-remove::before {
    width: 1px
}

.datepicker.active {
    display: inline-block;
    border: 1px solid var(--bs-border-color);
    border-radius: 4px
}

.datepicker-dropdown.datepicker-orient-top {
    padding-bottom: 0
}

.datepicker-header .datepicker-controls .button {
    font-weight: 500
}

.datepicker-controls .button {
    font-size: 15px;
    border: 1px solid var(--bs-border-color);
    background-color: var(--bs-body-bg);
    color: #7a82b1
}

.datepicker-view .dow {
    font-weight: 500;
    font-size: 12px
}

.datepicker-picker {
    background-color: var(--bs-body-bg)
}

.datepicker-picker span {
    border-radius: 25px
}

.datepicker-cell.focused:not(.selected),
.datepicker-cell:not(.disabled):hover {
    background-color: #22c55e;
    color: #fff
}

.example__complete {
    display: none;
    margin-left: 5px
}

.example__complete::after {
    content: "✔"
}

#form-validation-2 small {
    display: none;
    color: #ef4d56
}

#form-validation-2 small.error {
    display: block
}

.form-control.error {
    border-color: #ef4d56
}

.form-control.success {
    border-color: #22c5ad
}

.preview-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto
}

.preview-box .preview-content {
    width: auto;
    height: 50px;
    max-width: 100%;
    border-radius: 5px
}

.modal-content {
    border: none
}

.modal-header {
    background-color: #2b2d3b
}

.modal-header .modal-title {
    color: #fff;
    font-size: 15px
}

.modal-header .btn-close {
    font-size: 20px
}

.page-wrapper .page-content {
    width: 100%;
    margin-left: var(--bs-startbar-width);
    position: relative;
    min-height: calc(100vh - var(--bs-topbar-height));
    padding: 0 8px 68px 8px;
    margin-top: var(--bs-topbar-height)
}

.page-wrapper .page-content .page-title-box {
    padding: 16px 0
}

.page-wrapper .page-content .page-title-box .page-title {
    font-size: 18px;
    margin: 0;
    font-weight: 600
}

.page-wrapper .page-content .page-title-box .breadcrumb .breadcrumb-item a {
    color: #7a82b1;
    font-weight: 400;
    font-size: 13px
}

@media (min-width:680px) {
    .page-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.shape {
    position: absolute;
    pointer-events: none;
    right: 0;
    bottom: 0;
    left: 0
}

.shape>svg {
    -webkit-transform: scale(2);
    transform: scale(2);
    width: 100%;
    height: auto;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.ex-page-content h1 {
    font-size: 98px;
    font-weight: 700;
    text-shadow: rgba(137, 151, 189, .2) 1px 1px, rgba(137, 151, 189, .2) 2px 2px, rgba(137, 151, 189, .2) 3px 3px
}

.img-group .user-avatar:hover {
    z-index: 2
}

.task-accordion.accordion-item:not(:first-of-type) {
    border-top: 1px
}

.color-bg {
    background-image: url(../images/extra/color-bg-2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.social {
    border: 1px solid #a8b5d1;
    -webkit-transition: .3s;
    transition: .3s
}

.social i {
    color: #a8b5d1
}

.social.twitter:hover {
    border-color: #1da1f2;
    background-color: #1da1f2
}

.social.twitter:hover i {
    color: #fff
}

.social.instagram:hover {
    border-color: #f09433;
    background: #f09433;
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.social.instagram:hover i {
    color: #fff
}

.social.facebook:hover {
    border-color: #1877f2;
    background-color: #1877f2
}

.social.facebook:hover i {
    color: #fff
}

.list-arrow {
    position: relative
}

.list-arrow::before {
    content: "\f178";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #22c55e;
    position: absolute;
    left: -22px
}

.progress {
    background-color: var(--bs-border-color)
}

.progress-vertical {
    min-height: 250px;
    height: 250px;
    width: 8px;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress-vertical .progress-bar {
    width: 100%
}

.progress-vertical-bottom {
    min-height: 250px;
    height: 250px;
    position: relative;
    width: 8px;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress-vertical-bottom .progress-bar {
    width: 100%;
    position: absolute;
    bottom: 0
}

.progress-vertical-bottom.progress-sm,
.progress-vertical.progress-sm {
    width: 5px !important
}

.progress-vertical-bottom.progress-sm .progress-bar,
.progress-vertical.progress-sm .progress-bar {
    font-size: 8px;
    line-height: 5px
}

.progress-vertical-bottom.progress-md,
.progress-vertical.progress-md {
    width: 15px !important
}

.progress-vertical-bottom.progress-md .progress-bar,
.progress-vertical.progress-md .progress-bar {
    font-size: 10.8px;
    line-height: 14.4px
}

.progress-vertical-bottom.progress-lg,
.progress-vertical.progress-lg {
    width: 20px !important
}

.progress-vertical-bottom.progress-lg .progress-bar,
.progress-vertical.progress-lg .progress-bar {
    font-size: 12px;
    line-height: 20px
}

.progress-icon-spin {
    font-size: 36px
}

:root {
    --bs-topbar-height: 98px;
    --bs-topbar-bg: #fff;
    --bs-topbar-b-border-color: #dee2e6;
    --bs-topbar-nav-icon-bg: #96a0b5;
    --bs-topbar-nav-icon-color: #96a0b5;
    --bs-startbar-width: 100px;
    --bs-startbar-collapsed-width: 70px;
    --bs-startbar-bg: #fff;
    --bs-startbar-e-border-color: #dee2e6;
    --bs-menu-icon-color: #96a0b5;
    --bs-menu-link-color: #061237;
    --bs-nav-link-disc-color: #8997bd;
    --bs-menu-label-color: #717fa7;
    --bs-label-color: #656d9a;
    --bs-text-muted: var(--bs-secondary-color);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-theme-white-color: #ffffff;
    --bs-border-secondary: #95a0c5
}

html[data-bs-theme=dark] {
    --bs-light: #303231;
    --bs-light-rgb: 48, 50, 49;
    --bs-dark: #f4f6f9;
    --bs-dark-rgb: 244, 246, 249;
    --bs-label-color: #9797a5;
    --bs-theme-white-color: #2e2e31;
    --bs-body-color: #d9e1ec;
    --bs-text-muted: #aab0b9;
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-topbar-bg: #202221;
    --bs-topbar-b-border-color: #d9e1ec;
    --bs-topbar-nav-icon-bg: #2c3640;
    --bs-topbar-nav-icon-color: #a1a8bd;
    --bs-secondary: #c3c3c3;
    --bs-secondary-rgb: 195, 195, 195;
    --bs-border-secondary: #333645;
    --bs-startbar-bg: #202221;
    --bs-startbar-e-border-color: #d9e1ec;
    --bs-menu-icon-color: #4d6089;
    --bs-menu-link-color: #a1a8bd;
    --bs-nav-link-disc-color: #8997bd;
    --bs-menu-label-color: #717fa7
}

html[data-startbar=dark] {
    --bs-startbar-bg: #202221;
    --bs-startbar-e-border-color: #d9e1ec;
    --bs-menu-icon-color: #4d6089;
    --bs-menu-link-color: #a1a8bd;
    --bs-nav-link-disc-color: #8997bd;
    --bs-menu-label-color: #717fa7;
    --bs-dark: #f4f6f9;
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

.spinner-border.spinner-border-custom-1 {
    border: 5px double currentColor;
    border-right-color: transparent
}

.spinner-border.spinner-border-custom-2 {
    border: 5px dotted currentColor;
    border-right-color: transparent
}

.spinner-border.spinner-border-custom-3 {
    border: 5px groove currentColor;
    border-right-color: transparent
}

.spinner-border.spinner-border-custom-4 {
    border: 5px dashed currentColor;
    border-right-color: transparent
}

.spinner-border.spinner-border-custom-5 {
    border: 5px outset currentColor;
    border-right-color: transparent
}

.table th {
    font-weight: 500;
    vertical-align: middle
}

.table td {
    font-weight: 400;
    vertical-align: middle
}

.table.border-dashed th {
    font-weight: 500;
    border-top: 1px dashed var(--bs-border-color)
}

.table.border-dashed td {
    border-top: 1px dashed var(--bs-border-color)
}

.table.border-dashed thead th {
    border-bottom: 1px dashed var(--bs-border-color)
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom: none
}

.table thead th {
    border-bottom: none
}

.table thead th:first-child {
    border-radius: 8px 0 0 8px
}

.table thead th:last-child {
    border-radius: 0 8px 8px 0
}

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

.table td,
.table th {
    vertical-align: middle
}

.table tbody,
.table td,
.table tfoot,
.table th,
.table thead,
.table tr {
    border-style: dashed
}

.checkbox-all thead tr th:first-child button::after,
.checkbox-all thead tr th:first-child button::before,
.checkbox-all thead tr th:last-child button::after,
.checkbox-all thead tr th:last-child button::before {
    display: none
}


html[data-bs-theme=dark] .datatable-container thead,
html[data-bs-theme=dark] .table-light {
    --bs-table-color: #ffffff;
    --bs-table-bg: #272a27;
    --bs-table-border-color: #40424f;
    --bs-table-striped-bg: #363845;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #40424f;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #3b3d4a;
    --bs-table-hover-color: #ffffff
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-purple);
    --bs-tooltip-color: var(--bs-white)
}

.custom-popover {
    --bs-popover-max-width: 200px;
    --bs-popover-border-color: var(--bs-purple);
    --bs-popover-header-bg: var(--bs-purple);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 0.5rem
}

.nav-tabs-custom .nav.nav-tabs {
    border-bottom: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.nav-tabs-custom .nav.nav-tabs .nav-item {
    border: 2px solid rgba(168, 181, 209, .2);
    border-radius: 4px;
    margin-right: 5px
}

.nav-tabs-custom .nav.nav-tabs .nav-link {
    border-radius: 3px;
    padding: 10px 14px
}

.nav-tabs-custom .nav.nav-tabs .nav-link.active {
    background-color: rgb(197 96 34 / 8%);
    border-color: #f17533;
    color: #f17533;
}

.nav-tabs-custom .nav.nav-tabs .nav-link.active i {
    color: #f17533
}

.nav-tabs-custom .nav.nav-tabs .nav-link i {
    font-size: 24px;
    vertical-align: middle;
    color: #95a0c5
}

.tooltip-primary {
    --bs-tooltip-bg: var(--bs-primary)
}

.tooltip-secondary {
    --bs-tooltip-bg: var(--bs-secondary)
}

.tooltip-success {
    --bs-tooltip-bg: var(--bs-success)
}

.tooltip-info {
    --bs-tooltip-bg: var(--bs-info)
}

.tooltip-warning {
    --bs-tooltip-bg: var(--bs-warning)
}

.tooltip-danger {
    --bs-tooltip-bg: var(--bs-danger)
}

.tooltip-pink {
    --bs-tooltip-bg: var(--bs-pink)
}

.tooltip-purple {
    --bs-tooltip-bg: var(--bs-purple)
}

.tooltip-blue {
    --bs-tooltip-bg: var(--bs-blue)
}

.tooltip-light {
    --bs-tooltip-bg: var(--bs-light)
}

.tooltip-dark {
    --bs-tooltip-bg: var(--bs-dark)
}

.nav-tabs.nav-tabs-custom {
    border-bottom: 1px solid var(--bs-border-color)
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: transparent;
    border-bottom: 1px solid #f17533 !important
}

.nav-tabs .nav-link:hover {
    border-color: transparent
}


.startbar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--bs-startbar-width);
    background: #212221;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 1005;
    -webkit-box-shadow: 0 3px 16px rgba(142, 134, 171, .05);
    box-shadow: 0 3px 16px rgba(142, 134, 171, .05);
}

  .startbar {
    background: none;
} 

.startbar .logo img:first-child {
    width: 50px;
}


.thumb-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    width: 36px;
    font-size: 14px;
    font-weight: 700;
}

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

.brand {
    text-align: center;
    padding: 12px;
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link i {
    font-size: 22px;
    margin-bottom: 6px;
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link {
    position: relative;
    color: #bc9494;
    font-size: 13px;
    font-weight: 200;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0px;
    padding: 15px 16px;
    line-height: 20px;
    margin-bottom: 3px;
    border-bottom: 1px solid #ffffff14;
    flex-direction: column;
    cursor: pointer;
}

.activeItem {
    background: #1d1616;
    color: #f6d0d0;
    font-weight: 500;
    border-left: solid 2px #f8b4b9;
}

html[data-bs-theme="light"] .startbar .startbar-menu .navbar-nav .nav-item .nav-link {
    color: #6e6868;
}

html[data-bs-theme="light"] .activeItem {
    background: #ffeee2;
    color: #d47b42 !important;
    border-right: solid 2px #d47b42 !important;
}

.thumb-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    width: 48px;
    font-size: 18px;
    font-weight: 700;
}



.topbar {
    height: 75px;
    background: #212221;
    position: fixed;
    left: 0px;
    width: 100%;
    z-index: 9;
    padding-left: 90px;

    display: flex;
    align-items: center;
}

html[data-bs-theme="light"] .topbar {
    background: #fbf9f7;
    border-bottom: none;
}

.footer {
    padding-left: 104px;
    border-top: solid 1px #dddddd70;
    position: fixed;
    z-index: 1;
    bottom: 0px;
    width: 100%;
}


.footer .card-body {
    padding: 5px 20px;
}

.pageinner-menus {
    height: 75px;
    display: flex;
    align-items: center;
    gap: 25px;
    margin-left: 80px;
}

.pageinner-menus a {
    display: inline-flex;
    align-items: center;
    height: 100%;
    transition-duration: 0.5s;
    cursor: pointer;
    font-size: 14px;
    
}

.pageinner-menus a.active,
.pageinner-menus a:hover {
    border-top: solid 1px;
    border-color: var(--bs-link-color);
    color: var(--bs-link-color);
    background: #faf9f7;
    padding: 0px 15px;
}

.pageinner-menus a.active {
    font-weight: 600;


}


/*# sourceMappingURL=app.min.css.map */



.norecord-foundscreen img {
    height: 300px;
}

/* Dark Mode */


html[data-bs-theme="dark"] .css-13cymwt-control {
    background-color: hsl(100deg 3.7% 15.88%);
    border-color: hsl(0deg 0% 31.5%);
}

html[data-bs-theme="dark"] .css-1u9des2-indicatorSeparator {
    background-color: hsl(0deg 0% 31.5%) !important;
}

html[data-bs-theme="dark"] .css-1xc3v61-indicatorContainer {
    color: hsl(0deg 0% 31.5%) !important;
}


.showing-total-records-green {
    background-color: #96f41f1a;
cursor: pointer;
}

.showing-total-records-green h5 {
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}



.showing-total-records-orange {
    background-color: #1f9ff41a ;
    cursor: pointer;
}

.showing-total-records-orange h5 {
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.showing-total-records-red {
    background-color: #f4641f1a;
    cursor: pointer;
}

.showing-total-records-red h5 {
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}


.Filter-offcanvasui{
    min-width: 40%;
}

.startbar-menu{
    overflow: auto;
    height: 89vh;
}


.Filter-offcanvasui{
  overflow: auto;
    margin-right: 2vh;
    height: 96vh;
    margin-top: 2vh;
    border-radius: 10px;
    background: #fff;
}


.offcanvas-header{
    background: #72c865;
    font-weight: bold;
    color: #fff;
}


.offcanvas-header .btn-close {
    font-size: 24px;
    color: #000;
    }