@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*{scrollbar-width: thin;}


@media (min-width: 1200px) {
    html[data-layout="vertical"] .topbar {
        width: calc(100% - (220px + 15px));
    }
    html[data-layout="vertical"] .page-wrapper {
        margin-left:calc(135px + 99px);
    }
    html[data-layout="vertical"] body[data-sidebartype="mini-sidebar"] .topbar {
        width: calc(100% - 80px);
    }
    html[data-layout="vertical"] body[data-sidebartype="mini-sidebar"] .page-wrapper {
        margin-left: 80px;
    }
}
/*html[data-boxed-layout="boxed"] .container-fluid,*/
html[data-boxed-layout="boxed"] .container-lg,
html[data-boxed-layout="boxed"] .container-md,
html[data-boxed-layout="boxed"] .container-sm,
html[data-boxed-layout="boxed"] .container-xl,
html[data-boxed-layout="boxed"] .container-xxl {
    max-width: 1200px;
    margin: 0 auto;
}
.with-horizontal {
    display: none;
}
.with-vertical {
    display: block;
    /*box-shadow: inset -8px -13px 16px 8px rgba(153, 151, 212, 0.1);*/
}
html[data-layout="horizontal"] .chat-box .chat-box-inner{
      height: calc(100vh - 325px);
}


html[data-layout="horizontal"] .chat-users{
  height: calc(100vh - 325px);
}
[data-bs-theme="dark"] {
    --bs-heading-color: rgba(255, 255, 255, 0.85);
    --bs-body-color: rgba(255, 255, 255, 0.6) !important;
    --bs-card-subtitle-color: rgba(255, 255, 255, 0.6) !important;
    --bs-secondary-color: rgba(255, 255, 255, 0.6) !important;
    --bs-gray-100: #1f2a3d !important;
}
[data-bs-theme="dark"] .text-primary{
  --bs-text-opacity: 1;
    color: var(--bs-primary) !important;
}
[data-bs-theme="dark"] .smillar-card .card .card-header, [data-bs-theme="dark"] .modal-header .modal-title{
  /* color: #3c3a4b!important; */
  color: rgba(255,255,255,0.85);
}
[data-bs-theme="dark"] .progress {
    --bs-progress-bg: #1f2a3d !important;
}
[data-bs-theme="dark"] .card {
    --bs-card-title-color: rgba(255, 255, 255, 0.85);
    --bs-card-subtitle-color: rgba(255, 255, 255, 0.6);
    --bs-card-bg: #1a2537;
    --bs-card-box-shadow: none;
}
[data-bs-theme="dark"] body .text-muted {
    color: #68757a !important;
}
[data-bs-theme="dark"] .table-primary {
    --bs-table-bg: #282459 !important;
}
[data-bs-theme="dark"] .table-success {
    --bs-table-bg: #283b2f !important;
}
[data-bs-theme="dark"] .table-info {
    --bs-table-bg: #3f7381 !important;
}
[data-bs-theme="dark"] .table-warning {
    --bs-table-bg: #56513c !important;
}
[data-bs-theme="dark"] .table-danger {
    --bs-table-bg: #74535d !important;
}
[data-bs-theme="dark"] .nav-link:focus,
[data-bs-theme="dark"] .nav-link:hover,
[data-bs-theme="dark"] a {
    color: rgba(var(--bs-link-color-rgb), 0.85);
}
[data-bs-theme="dark"] .blockquote-footer,
[data-bs-theme="dark"] .link-dark {
    color: rgba(var(--bs-link-color-rgb), 0.85) !important;
}
[data-bs-theme="dark"] .table {
    --bs-table-border-color: #313e54;
    --bs-table-bg: #1a2537;
}
[data-bs-theme="dark"] .dropdown-menu {
    --bs-dropdown-bg: #1a2537;
    --bs-dropdown-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
}
[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * {
    --bs-table-bg-state: #1a2537;
}
[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: #2a3851;
}
[data-bs-theme="dark"] .accordion-item,
[data-bs-theme="dark"] .accordion-item:focus {
    --bs-accordion-btn-color: #eaeff4;
    --bs-accordion-border-color: #333f55;
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed),
[data-bs-theme="dark"] .h1,
[data-bs-theme="dark"] .h2,
[data-bs-theme="dark"] .h3,
[data-bs-theme="dark"] .h4,
[data-bs-theme="dark"] .h5,
[data-bs-theme="dark"] .h6,
[data-bs-theme="dark"] .mce-content-body p,
[data-bs-theme="dark"] .select2-container--classic .select2-results__group,
[data-bs-theme="dark"] .tox .tox-tbtn,
[data-bs-theme="dark"] div:where(.swal2-container) .swal2-html-container,
[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6 {
    color: rgba(255, 255, 255, 0.85);
}
[data-bs-theme="dark"] .col-form-label,
[data-bs-theme="dark"] .dtp .dtp-picker-time > a,
[data-bs-theme="dark"] .dtp table.dtp-picker-days tr > td > a,
[data-bs-theme="dark"] .dtp table.dtp-picker-days tr > th,
[data-bs-theme="dark"] .form-label,
[data-bs-theme="dark"] .noUi-tooltip,
[data-bs-theme="dark"] .ql-snow .ql-picker.ql-header .ql-picker-item::before,
[data-bs-theme="dark"] .ql-snow .ql-picker.ql-header .ql-picker-label::before,
[data-bs-theme="dark"] .table > :not(caption) > * > *,
[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .text-dark-light,
[data-bs-theme="dark"] .tooltip-inner {
    color: rgba(255, 255, 255, 0.6) !important;
}
[data-bs-theme="dark"] .breadcrumb-item + .breadcrumb-item::before,
[data-bs-theme="dark"] .nav-pills .nav-link,
[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: rgba(255, 255, 255, 0.8509803922);
}
[data-bs-theme="dark"] .bg-hover-light-black:hover,
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .list-group-item-action:focus,
[data-bs-theme="dark"] .list-group-item-action:hover,
[data-bs-theme="dark"] .striped-rows .row:nth-child(odd),
[data-bs-theme="dark"] .text-bg-light {
    color: var(--bs-card-title-color) !important;
}
[data-bs-theme="dark"] .body-wrapper,
[data-bs-theme="dark"] .noUi-handle,
[data-bs-theme="dark"] .noUi-tooltip,
[data-bs-theme="dark"] .side-mini-panel,
[data-bs-theme="dark"] .side-mini-panel .mini-nav,
[data-bs-theme="dark"] .side-mini-panel .mini-nav .mini-nav-item > a {
    background: #1f2a3d !important;
}
[data-bs-theme="dark"] .app-calendar .event-fc-color:hover,
[data-bs-theme="dark"] .app-calendar .fc-theme-standard th,
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .dropdown-item:focus,
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .theme-tab.nav-tabs .nav-item .nav-link {
    background-color: #1f2a3d !important;
}


[data-bs-theme="dark"] .side-mini-panel .sidebarmenu .sidebar-nav{
background-color: #1d293b;
}



[data-bs-theme="dark"] .app-chat-offcanvas,
[data-bs-theme="dark"] .bootstrap-switch .bootstrap-switch-label,
[data-bs-theme="dark"] .daterangepicker select.ampmselect,
[data-bs-theme="dark"] .daterangepicker select.hourselect,
[data-bs-theme="dark"] .daterangepicker select.minuteselect,
[data-bs-theme="dark"] .daterangepicker select.monthselect,
[data-bs-theme="dark"] .daterangepicker select.secondselect,
[data-bs-theme="dark"] .daterangepicker select.yearselect,
[data-bs-theme="dark"] .dtp table.dtp-picker-days,
[data-bs-theme="dark"] .dtp table.dtp-picker-days tr,
[data-bs-theme="dark"] .dtp table.dtp-picker-days tr > td,
[data-bs-theme="dark"] .dtp > .dtp-content,
[data-bs-theme="dark"] .nav-logo,
[data-bs-theme="dark"] .topbar,
[data-bs-theme="dark"] .picker__box,
[data-bs-theme="dark"] .picker__button--clear,
[data-bs-theme="dark"] .picker__button--close,
[data-bs-theme="dark"] .picker__button--today,
[data-bs-theme="dark"] div:where(.swal2-container) div:where(.swal2-popup) {
    background: #1a2537 !important;
}
[data-bs-theme="dark"] .floating-labels .form-control,
[data-bs-theme="dark"] .offcanvas {
    background-color: #1a2537 !important;
}
[data-bs-theme="dark"] .bg-hover-light-black:hover,
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .daterangepicker .ranges li:hover,
[data-bs-theme="dark"] .daterangepicker td.available:hover,
[data-bs-theme="dark"] .daterangepicker th.available:hover,
[data-bs-theme="dark"] .list-group-item-action:focus,
[data-bs-theme="dark"] .list-group-item-action:hover,
[data-bs-theme="dark"] .noUi-target,
[data-bs-theme="dark"] .ql-snow .ql-picker-options,
[data-bs-theme="dark"] .select2-container--classic .select2-dropdown,
[data-bs-theme="dark"] .select2-container--classic .select2-selection--single,
[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple,
[data-bs-theme="dark"] .select2-container--default .select2-selection--single,
[data-bs-theme="dark"] .select2-dropdown,
[data-bs-theme="dark"] .striped-rows .row:nth-child(odd),
[data-bs-theme="dark"] .text-bg-light,
[data-bs-theme="dark"] .wizard-content .wizard.wizard-circle > .steps > ul > li.current:after,
[data-bs-theme="dark"] .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after,
[data-bs-theme="dark"] .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before,
[data-bs-theme="dark"] .wizard-content .wizard > .steps .step,
[data-bs-theme="dark"] .wizard-content .wizard > .steps > ul > li.current .step {
    background-color: #1f2a3d !important;
}
[data-bs-theme="dark"] .daterangepicker,
[data-bs-theme="dark"] .wizard-content .vertical.wizard.wizard-circle > .steps > ul > li.current:after,
[data-bs-theme="dark"] .wizard-content .vertical.wizard.wizard-circle > .steps > ul > li.current ~ li:after,
[data-bs-theme="dark"] .wizard-content .vertical.wizard.wizard-circle > .steps > ul > li.current ~ li:before {
    background-color: #1a2537 !important;
}
[data-bs-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
[data-bs-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
[data-bs-theme="dark"] .datepicker .datepicker-switch:hover,
[data-bs-theme="dark"] .datepicker .next:hover,
[data-bs-theme="dark"] .datepicker .prev:hover,
[data-bs-theme="dark"] .datepicker tfoot tr th:hover,
[data-bs-theme="dark"] .twitter-typeahead .tt-menu {
    background: rgba(239, 244, 250, 0.2);
}
[data-bs-theme="dark"] .comment-widgets .comment-row.active,
[data-bs-theme="dark"] .comment-widgets .comment-row:hover,
[data-bs-theme="dark"] .daterangepicker .calendar-table,
[data-bs-theme="dark"] .daterangepicker td.off,
[data-bs-theme="dark"] .daterangepicker td.off.end-date,
[data-bs-theme="dark"] .daterangepicker td.off.in-range,
[data-bs-theme="dark"] .daterangepicker td.off.start-date,
[data-bs-theme="dark"] .dropdown-item:focus,
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .select2-container--classic .select2-search--dropdown .select2-search__field,
[data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field,
[data-bs-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--single,
[data-bs-theme="dark"] .table-responsive .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="dark"] .table-responsive .dataTables_wrapper .dataTables_length select,
[data-bs-theme="dark"] .wizard-content .wizard > .actions > ul > li > a[href="#previous"],
[data-bs-theme="dark"] body .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: rgba(10, 37, 64, 0.2);
}
[data-bs-theme="dark"] .dp-off {
    background-color: rgba(10, 37, 64, 0.2) !important;
}
[data-bs-theme="dark"] .border-white,
[data-bs-theme="dark"] .daterangepicker .calendar-table,
[data-bs-theme="dark"] .daterangepicker select.ampmselect,
[data-bs-theme="dark"] .daterangepicker select.hourselect,
[data-bs-theme="dark"] .daterangepicker select.minuteselect,
[data-bs-theme="dark"] .daterangepicker select.secondselect,
[data-bs-theme="dark"] .daterangepicker.show-ranges.ltr .drp-calendar.left,
[data-bs-theme="dark"] .floating-labels .form-control,
[data-bs-theme="dark"] .myadmin-dd-empty .dd-list .dd3-content,
[data-bs-theme="dark"] .myadmin-dd-empty .dd-list .dd3-handle,
[data-bs-theme="dark"] .noUi-tooltip,
[data-bs-theme="dark"] .picker__box,
[data-bs-theme="dark"] .picker__button--clear,
[data-bs-theme="dark"] .picker__button--close,
[data-bs-theme="dark"] .picker__button--today,
[data-bs-theme="dark"] .ql-container.ql-snow,
[data-bs-theme="dark"] .ql-toolbar.ql-snow,
[data-bs-theme="dark"] .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options,
[data-bs-theme="dark"] .table-responsive .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="dark"] .table-responsive .dataTables_wrapper .dataTables_length select,
[data-bs-theme="dark"] .twitter-typeahead .league-name,
[data-bs-theme="dark"] .twitter-typeahead .tt-menu,
[data-bs-theme="dark"] .wizard-content .wizard > .actions > ul > li > a[href="#previous"],
[data-bs-theme="dark"] .wizard > .content > .body input,
[data-bs-theme="dark"] div:where(.swal2-container) div:where(.swal2-footer) {
    border-color: #313e54 !important;
}
[data-bs-theme="dark"] .form-check-input {
    border: 1px solid #57647a;
}
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .form-select:focus {
  border-color: #404763;
  color: rgba(255, 255, 255, 0.6);
  background-color: #1f2b40;
}
[data-bs-theme="dark"] .form-control:focus {
    border-color: var(--bs-primary) !important;
}
[data-bs-theme="dark"] input::file-selector-button {
    background-color: #1a2537;
    color: rgba(255, 255, 255, 0.6);
}
[data-bs-theme="dark"] .input-group-text,
[data-bs-theme="dark"] .inpt-grp .icn,
[data-bs-theme="dark"] .select2-icon,
[data-bs-theme="dark"] .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(239, 244, 250, 0.2) !important;
    border: var(--bs-table-border-color);
    color: rgba(255, 255, 255, 0.6);
}
[data-bs-theme="dark"] .theme-tab {
    background-color: #1a2537;
}
[data-bs-theme="dark"] .theme-tab .nav-item .nav-link.active {
    background-color: rgba(239, 244, 250, 0.2);
    color: #fff;
}
[data-bs-theme="dark"] .app-calendar .fc .fc-button-primary {
    background-color: var(--bs-body-bg-dark);
    border-color: #313e54;
}
[data-bs-theme="dark"] .app-calendar .fc .fc-addEventButton-button {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
[data-bs-theme="dark"] .app-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
    background-color: #1a2537;
}
[data-bs-theme="dark"] .myadmin-dd .dd-list .dd-item .dd-handle,
[data-bs-theme="dark"] .myadmin-dd-empty .dd-list .dd3-content,
[data-bs-theme="dark"] .myadmin-dd-empty .dd-list .dd3-handle {
    background-color: #1f2a3d;
}
[data-bs-theme="dark"] .ql-snow .ql-stroke {
    stroke: rgba(255, 255, 255, 0.6);
}
[data-bs-theme="dark"] .select2-container--classic .select2-selection--single,
[data-bs-theme="dark"] .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single,
[data-bs-theme="dark"] .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: linear-gradient(to bottom, rgba(239, 244, 250, 0.2) 50%, rgba(239, 244, 250, 0.2) 100%);
}
[data-bs-theme="dark"] .datepicker-dropdown:before,
[data-bs-theme="dark"] .daterangepicker:after {
    border-bottom: 6px solid rgba(10, 37, 64, 0.2);
}
[data-bs-theme="dark"] .daterangepicker:before {
    border-bottom: 7px solid rgba(10, 37, 64, 0.2);
}
[data-bs-theme="dark"] .datepicker-dropdown:after {
    border-bottom: 6px solid rgba(10, 37, 64, 0.2);
}
[data-bs-theme="dark"] .datepicker-dropdown.datepicker-orient-top:after,
[data-bs-theme="dark"] .daterangepicker.drop-up:after {
    border-top: 6px solid rgba(10, 37, 64, 0.2);
}
[data-bs-theme="dark"] .datepicker-dropdown.datepicker-orient-top:before,
[data-bs-theme="dark"] .daterangepicker.drop-up:before {
    border-top: 7px solid rgba(10, 37, 64, 0.2);
}
[data-bs-theme="dark"] table.dataTable.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
    box-shadow: inset 0 0 0 9999px rgba(239, 244, 250, 0.2);
}
[data-bs-theme="dark"] .CodeMirror,
[data-bs-theme="dark"] .CodeMirror-gutters {
    background-color: #1f2a3d;
    border-color: #313e54;
    color: rgba(255, 255, 255, 0.85);
}
[data-bs-theme="dark"] .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled),
[data-bs-theme="dark"] .tox .tox-collection__item,
[data-bs-theme="dark"] .tox .tox-edit-area__iframe,
[data-bs-theme="dark"] .tox .tox-mbtn,
[data-bs-theme="dark"] .tox .tox-menu,
[data-bs-theme="dark"] .tox .tox-menubar,
[data-bs-theme="dark"] .tox .tox-promotion,
[data-bs-theme="dark"] .tox .tox-statusbar,
[data-bs-theme="dark"] .tox .tox-tbtn--bespoke,
[data-bs-theme="dark"] .tox .tox-tbtn--disabled,
[data-bs-theme="dark"] .tox .tox-tbtn--disabled:hover,
[data-bs-theme="dark"] .tox .tox-tbtn:disabled,
[data-bs-theme="dark"] .tox .tox-tbtn:disabled:hover,
[data-bs-theme="dark"] .tox .tox-toolbar,
[data-bs-theme="dark"] .tox .tox-toolbar-overlord,
[data-bs-theme="dark"] .tox .tox-toolbar__overflow,
[data-bs-theme="dark"] .tox .tox-toolbar__primary,
[data-bs-theme="dark"] .tox-tinymce,
[data-bs-theme="dark"] .tox:not(.tox-tinymce-inline) .tox-editor-header {
    background-color: #1f2a3d;
    border-color: #313e54;
    color: rgba(255, 255, 255, 0.85);
}
[data-bs-theme="dark"] .tox .tox-tbtn svg,
[data-bs-theme="dark"] .tox .tox-tbtn--disabled svg,
[data-bs-theme="dark"] .tox .tox-tbtn--disabled:hover svg,
[data-bs-theme="dark"] .tox .tox-tbtn:disabled svg,
[data-bs-theme="dark"] .tox .tox-tbtn:disabled:hover svg {
    fill: rgba(255, 255, 255, 0.85);
}
[data-bs-theme="dark"] .picker__nav--prev:before {
    border-right: 0.75em solid var(--bs-border-color);
}
[data-bs-theme="dark"] .picker__nav--next:before {
    border-left: 0.75em solid var(--bs-border-color);
}
[data-bs-theme="dark"] .connect-sorting,
[data-bs-theme="dark"] .connect-sorting-todo {
    background: var(--bs-dark-bg-subtle);
}
[data-bs-theme="dark"] .wizard-content .wizard > .steps .step {
    border: 3px solid #313e54 !important;
}
[data-bs-theme="dark"] .bg-light-gray {
    background-color: #1a2537 !important;
}
[data-bs-theme="dark"] .tabs-pills .nav-item .nav-link.active {
    color: var(--bs-white);
}
[data-bs-theme="dark"] .tabs-pills .nav-item .nav-link {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-white);
}




[data-bs-theme="light"][data-color-theme="Landmark_Theme"]:root {
    --bs-primary: #dd0c2b;
    --bs-primary-rgb: 221, 12, 43;
    --bs-secondary: #16cdc7;
    --bs-secondary-rgb: 22, 205, 199;
    --mbl-vw-slct-brdr:#df96a1;
    --mbl-vw-slct-bgclr:#dd0c2b;
    --mbl-vw-slct-shdw:rgba(180, 132, 139, 0.61);
    --dfr-btn-shdw:#8c0419;
    --dfr-btn-brdr:#8c0419;
    --pymnt-nm-brdr:#8c0419;
    --dfr-btn-icn-shdw:#8c0419;
    --sldr-chck-bfr:#dd0c2b;
    --sldr-chck-shdw:rgba(221, 12, 43, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:rgba(221, 12, 43, 0.749);
    --pfl-bk-btn-bgclr:#8c061a;
    --pfl-bk-btn-brdr:#c6818b;
    --pfl-bk-btn-hvr-bgclr:#720818;
    --add-btn-brdr:#c42a41;
    --add-btn-hvr-bgclr:#8c0419;
    --add-btn-icn-clr:#9e1025;
    --bs-tb-btns-shdw:rgb(229 148 164 / 65%);
    --bs-tb-btns-brdr:#d38e9b2b;
    --bs-intk-mdl-btn-hvr-clr:#720818;
    --enq-chkbx-rw-brdr:#ff5b5b87;
    --enq-chkbx-rw-brdrTp:#ff5b5bcf;
    --bs-chckmrk-shdw:rgb(244, 197, 197);
    --chckmrk-after:#803131;
    --enq-chk-lbl-brdr:#e1d2d2;
    --ftr-btn-info-bgclr: rgba(221, 12, 43, 0.05);
    --hrzntl-mn-bgclr:#bb0621;
}

[data-bs-theme="dark"][data-color-theme="Landmark_Theme"]:root {
   --mbl-vw-slct-brdr:#fb8b9c;
    --mbl-vw-slct-bgclr:#dd0c2b;
    --mbl-vw-slct-shdw:rgba(221, 12, 43, 0.61);
    --sldr-chck-bfr:#dd0c2b;
    --sldr-chck-shdw:rgba(221, 12, 43, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#8c0419;
    --enq-chkbx-rw-brdr:#ff5b5b87;
    --enq-chkbx-rw-brdrTp:#ff5b5bcf;
    --bs-chckmrk-shdw:rgb(244, 197, 197);
    --chckmrk-after:#803131;
    --enq-chk-lbl-brdr:#e1d2d2;
    --enq-chk-lbl-brdr:rgba(255,255,255,0.2);
    --hrzntl-mn-bgclr:#bb0621;
    --pfl-bk-btn-hvr-bgclr:#720818;
}
[data-bs-theme="light"][data-color-theme="Landmark_Theme"]:root .btn-primary {
    --bs-btn-bg: #dd0c2b;
    --bs-btn-border-color: #dd0c2b;
    --bs-btn-hover-bg: #930d21;
    --bs-btn-hover-border-color: #930d21;
}
[data-bs-theme="light"][data-color-theme="Landmark_Theme"]:root .btn-secondary {
    --bs-btn-bg: #16cdc7;
    --bs-btn-border-color: #16cdc7;
    --bs-btn-hover-bg: #1cc3bd;
    --bs-btn-hover-border-color: #1cc3bd;
}
[data-bs-theme="dark"][data-color-theme="Blue_Theme2"]:root,
[data-bs-theme="light"][data-color-theme="Blue_Theme2"]:root {
    --bs-primary: #635bff;
    --bs-primary-rgb: 99, 91, 255;
    --bs-light-primary: rgba(99, 91, 255, 0.1);
    --bs-primary-bg-subtle: rgba(99, 91, 255, 0.1);
    --bs-secondary: #47d7bc;
    --bs-secondary-rgb: 71, 215, 188;
    --bs-light-secondary: rgba(71, 215, 188, 0.1);
    --bs-secondary-bg-subtle: rgba(71, 215, 188, 0.1);
    --bs-link-hover-color-rgb:99, 91, 255;
    --tp-chck-bfr-bg:#003bdf;
    --hdr-chck-bg:#012362;
    --tp-chck-shdw:inset 0px -3px 5px -1px #0d0b3c;
    --sdbr-lnk-shdw:rgba(99, 91, 255, 0.231372549);
    --crd-header-title-bg:rgba(99, 91, 255, 0.18);
    --inpt-slct-fcus-bdr:rgba(99, 91, 255, 0.70);
    --mbl-vw-slct-brdr:#aeaaff;
    --mbl-vw-slct-bgclr:#2e27a8;
    --mbl-vw-slct-shdw:rgba(99, 91, 255, 0.81);
    --inr-bdg-bx-shdw1:rgb(0 118 183 / 10%);
    --inr-bdg-bx-shdw2:rgb(0 118 183 / 10%);
    --dfr-btn-shdw:#352dd4;
    --dfr-btn-brdr:#2b2ead;
    --pymnt-nm-brdr:#1d22c3;
    --dfr-btn-icn-shdw:#1d22c3;
    --sldr-chck-bfr:#635bff;
    --sldr-chck-shdw:rgba(1, 46, 74, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#1d22c3;
     --pfl-bk-btn-bgclr:#352dd4;
    --pfl-bk-btn-brdr:#1d22c3;
    --pfl-bk-btn-hvr-bgclr:#1d22c3;
    --add-btn-brdr:#1d22c3;
    --add-btn-hvr-bgclr:#1e16b7;
    --add-btn-icn-clr:#1d22c3;
    --vw-btn-bgclr:#edeeff;
    --vw-brdr-clr:#c0c2ff;
    --bs-dropdown-link-hover-color:#635bff;
    --tbl-srch-brdr:#cecfff;
    --tbl-srch-bxshw: inset 0 0 11px rgb(99 91 255 / 20%);
    --flt-btn-brdr:rgba(99, 91, 255, 0.30);
    --dt-btn-brdr-clr:#c0c2ff;
    --ovrvw-btn-brdr:#c0c2ff;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #c0c2ff 0%, #c0c2ff 100%);
    --c-btn-brdr: #c0c2ff;
    --inpt-focus:#9ea1ff;
    --bs-tb-btns-shdw:rgba(168, 172, 216, 0.56);
    --bs-tb-btns-brdr:#9292da1c;
    --tsk-btn-brdr:#cacbe5;
    --tsk-btn-bgclr:#f3f3ff;
    --tsk-btn-shdw:#d4d4f3;
    --bs-intk-mdl-btn-hvr-clr:#1d22c3;
    --enq-chkbx-rw-brdr:#5b76ff87;
    --enq-chkbx-rw-brdrTp:#5b66ffcf;
    --bs-chckmrk-shdw:rgb(197, 204, 244);
    --chckmrk-after:#313980;
    --enq-chk-lbl-brdr:#d2d6e1;
    --hrzntl-mn-bgclr:#4941df;
}
[data-bs-theme="dark"][data-color-theme="Blue_Theme2"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
   --bs-intk-mdl-btn-hvr-clr:#1d22c3;
     --bs-intk-mdl-btn-hvr-clr:#1d22c3;
    --enq-chkbx-rw-brdr:#5b76ff87;
    --enq-chkbx-rw-brdrTp:#5b66ffcf;
    --bs-chckmrk-shdw:rgb(197, 204, 244);
    --chckmrk-after:#313980;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="Blue_Theme2"]:root{
  --ovrvw-btn-shdw:#c0c2ff;
}
[data-bs-theme="dark"][data-color-theme="Blue_Theme2"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="Blue_Theme2"]:root .btn-primary {
    --bs-btn-bg: #635bff;
    --bs-btn-border-color: #635bff;
    --bs-btn-hover-bg: #4b43ed;
    --bs-btn-hover-border-color: #4b43ed;
}
[data-bs-theme="dark"][data-color-theme="Blue_Theme2"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="Blue_Theme2"]:root .btn-secondary {
    --bs-btn-bg: #47d7bc;
    --bs-btn-border-color: #47d7bc;
    --bs-btn-hover-bg: #3cb7a0;
    --bs-btn-hover-border-color: #3cb7a0;
}
[data-bs-theme="dark"][data-color-theme="Aqua_Theme"]:root,
[data-bs-theme="light"][data-color-theme="Aqua_Theme"]:root {
    --bs-primary: #0074ba;
    --bs-primary-rgb: 0, 116, 186;
    --bs-light-primary: rgba(0, 116, 186, 0.1);
    --bs-primary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-secondary: #47d7bc;
    --bs-secondary-rgb: 71, 215, 188;
    --bs-light-secondary: rgba(71, 215, 188, 0.1);
    --bs-secondary-bg-subtle: rgba(71, 215, 188, 0.1);
    --bs-link-hover-color-rgb:0, 116, 186;
    --tp-chck-bfr-bg:#008bdf;
    --hdr-chck-bg:#014062;
    --tp-chck-shdw:inset 0px -3px 5px -1px #0b2c3c;
    --sdbr-lnk-shdw:rgba(0, 116, 186, 0.231372549);
    --crd-header-title-bg:rgba(0, 116, 186, 0.18);
    --inpt-slct-fcus-bdr:rgba(0, 116, 186, 0.70);
    --mbl-vw-slct-brdr:#4bace1;
    --mbl-vw-slct-bgclr:#0074ba;
    --mbl-vw-slct-shdw:rgba(75, 172, 225, 0.81);
    --inr-bdg-bx-shdw1:rgb(0 118 183 / 10%);
    --inr-bdg-bx-shdw2:rgb(0 118 183 / 10%);
    --vw-brdr-clr:#b4dcf3;
    --dfr-btn-shdw:#003455;
    --dfr-btn-brdr:#005f9a;
    --pymnt-nm-brdr:#003455;
    --dfr-btn-icn-shdw:#003455;
    --sldr-chck-bfr:#0074ba;
    --sldr-chck-shdw:rgba(1, 46, 74, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#003455;
     --pfl-bk-btn-bgclr:#005483;
    --pfl-bk-btn-brdr:#014062;
    --pfl-bk-btn-hvr-bgclr:#014062;
    --add-btn-brdr:#005481;
    --add-btn-hvr-bgclr:#014062;
    --add-btn-icn-clr:#005989;
    --bs-dropdown-link-hover-color:#0074ba;
    --vw-btn-bgclr:#edf9ff;
    --tbl-srch-brdr:#abdbf5;
    --tbl-srch-bxshw: inset 0 0 11px rgb(0 116 186 / 20%);
    --flt-btn-brdr:rgba(0, 116, 186, 0.30);
    --dt-btn-brdr-clr:#abdbf5;
    --ovrvw-btn-brdr:#abdbf5;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #abdbf5 0%, #abdbf5 100%);
    --c-btn-brdr: #ceebfb;
    --inpt-focus:#74a7c3;
    --bs-tb-btns-shdw:rgb(148 199 229 / 65%);
    --bs-tb-btns-brdr:#8ebdd32b;
    --tsk-btn-brdr:#c8dee9;
    --tsk-btn-bgclr:#eff9ff;
    --tsk-btn-shdw:#d8e7ef;
    --bs-intk-mdl-btn-hvr-clr:#003455;

    --bs-intk-mdl-btn-hvr-clr:#1d73c3;
    --enq-chkbx-rw-brdr:#5ba8ff87;
    --enq-chkbx-rw-brdrTp:#5bb5ffcf;
    --bs-chckmrk-shdw:rgb(197, 220, 244);
    --chckmrk-after:#315b80;
    --hrzntl-mn-bgclr:#0365a1;
}
[data-bs-theme="dark"][data-color-theme="Aqua_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --bs-intk-mdl-btn-hvr-clr:#1d73c3;
    --enq-chkbx-rw-brdr:#5ba8ff87;
    --enq-chkbx-rw-brdrTp:#5bb5ffcf;
    --bs-chckmrk-shdw:rgb(197, 220, 244);
    --chckmrk-after:#315b80;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="Aqua_Theme"]:root{
  --ovrvw-btn-shdw:#b4dcf3;
}
[data-bs-theme="dark"][data-color-theme="Aqua_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="Aqua_Theme"]:root .btn-primary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
[data-bs-theme="dark"][data-color-theme="Aqua_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="Aqua_Theme"]:root .btn-secondary {
    --bs-btn-bg: #47d7bc;
    --bs-btn-border-color: #47d7bc;
    --bs-btn-hover-bg: #3cb7a0;
    --bs-btn-hover-border-color: #3cb7a0;
}
[data-bs-theme="dark"][data-color-theme="Purple_Theme"]:root,
[data-bs-theme="light"][data-color-theme="Purple_Theme"]:root {
    --bs-primary: #763ebd;
    --bs-primary-rgb: 118, 62, 189;
    --bs-light-primary: rgba(118, 62, 189, 0.1);
    --bs-primary-bg-subtle: rgba(118, 62, 189, 0.1);
    --bs-secondary: #95cfd5;
    --bs-secondary-rgb: 149, 207, 213;
    --bs-light-secondary: rgba(149, 207, 213, 0.1);
    --bs-secondary-bg-subtle: rgba(149, 207, 213, 0.1);
    --bs-link-hover-color-rgb:118, 62, 189;
    --tp-chck-bfr-bg:#9156dd;
    --hdr-chck-bg:#400f7e;
    --tp-chck-shdw:inset 0px -3px 5px -1px #180530;
    --sdbr-lnk-shdw:rgba(118, 62, 189, 0.231372549);
    --crd-header-title-bg:rgba(118, 62, 189, 0.22);
    --inpt-slct-fcus-bdr:rgba(118, 62, 189, 0.66);
    --mbl-vw-slct-brdr:#c0a0ea;
    --mbl-vw-slct-bgclr:#763ebd;
    --mbl-vw-slct-shdw:rgba(148, 104, 205, 0.81);
    --inr-bdg-bx-shdw1:rgb(118 62 189 / 10%);
    --inr-bdg-bx-shdw2:rgb(118 62 189 / 10%);
    --vw-brdr-clr:#e8d7ff;
    --dfr-btn-shdw:#400f7e;
    --dfr-btn-brdr:#763ebd;
    --pymnt-nm-brdr:#400f7e;
    --dfr-btn-icn-shdw:#400f7e;
    --sldr-chck-bfr:#763ebd;
    --sldr-chck-shdw:rgba(118, 62, 189, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#400f7e;
    --pfl-bk-btn-bgclr:#6b10e1;
    --pfl-bk-btn-brdr:#4c0d9e;
    --pfl-bk-btn-hvr-bgclr:#400f7e;
    --add-btn-brdr:#6b10e1;
    --add-btn-hvr-bgclr:#5b1eab;
    --add-btn-icn-clr:#400f7e;
    --vw-btn-bgclr:#f4e9ff;
    --tbl-srch-brdr:#e0c4ff;
    --tbl-srch-bxshw: inset 0 0 11px rgb(118 62 189 / 20%);
    --flt-btn-brdr:rgba(118, 62, 189, 0.30);
    --dt-btn-brdr-clr:#e0c4ff;
    --ovrvw-btn-brdr:#e0c4ff;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #e0c4ff 0%, #e0c4ff 100%);
    --c-btn-brdr: #dac7ef;
    --inpt-focus:#c6a8e7;
    --bs-tb-btns-shdw:rgb(198 148 229 / 65%);
    --bs-tb-btns-brdr:#bf8ed32b;
    --tsk-btn-brdr:#dfccf3;
    --tsk-btn-bgclr:#fcf8ff;
    --tsk-btn-shdw:#eedeff;
    --bs-intk-mdl-btn-hvr-clr:#400f7e;

    --enq-chkbx-rw-brdr:#9f5bff87;
    --enq-chkbx-rw-brdrTp:#795bffcf;
    --bs-chckmrk-shdw:rgb(217, 197, 244);
    --chckmrk-after:#4d3180;
    --hrzntl-mn-bgclr:#622ba7;
}
[data-bs-theme="dark"][data-color-theme="Purple_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --enq-chkbx-rw-brdr:#9f5bff87;
    --enq-chkbx-rw-brdrTp:#795bffcf;
    --bs-chckmrk-shdw:rgb(217, 197, 244);
    --chckmrk-after:#4d3180;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="Purple_Theme"]:root{
  --ovrvw-btn-shdw:#e0c7ff;
}

[data-bs-theme="dark"][data-color-theme="Purple_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="Purple_Theme"]:root .btn-primary {
    --bs-btn-bg: #763ebd;
    --bs-btn-border-color: #763ebd;
    --bs-btn-hover-bg: #6435a1;
    --bs-btn-hover-border-color: #6435a1;
}
[data-bs-theme="dark"][data-color-theme="Purple_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="Purple_Theme"]:root .btn-secondary {
    --bs-btn-bg: #95cfd5;
    --bs-btn-border-color: #95cfd5;
    --bs-btn-hover-bg: #7fb0b5;
    --bs-btn-hover-border-color: #7fb0b5;
}
[data-bs-theme="dark"][data-color-theme="Green_Theme"]:root,
[data-bs-theme="light"][data-color-theme="Green_Theme"]:root {
    --bs-primary: #0a7ea4;
    --bs-primary-rgb: 10, 126, 164;
    --bs-light-primary: rgba(10, 126, 164, 0.1);
    --bs-primary-bg-subtle: rgba(10, 126, 164, 0.1);
    --bs-secondary: #ccda4e;
    --bs-secondary-rgb: 204, 218, 78;
    --bs-light-secondary: rgba(204, 218, 78, 0.1);
    --bs-secondary-bg-subtle: rgba(204, 218, 78, 0.1);
    --bs-link-hover-color-rgb:10, 126, 164;
    --tp-chck-bfr-bg:#1897c1;
    --hdr-chck-bg:#065e7b;
    --tp-chck-shdw:inset 0px -3px 5px -1px #00455c;
    --sdbr-lnk-shdw:rgba(10, 126, 164, 0.231372549);
    --crd-header-title-bg:rgba(10, 126, 164, 0.22);
    --inpt-slct-fcus-bdr:rgba(10, 126, 164, 0.66);
    --mbl-vw-slct-brdr:#84bdd0;
    --mbl-vw-slct-bgclr:#044c63;
    --mbl-vw-slct-shdw:rgba(10, 126, 164, 0.81);
    --inr-bdg-bx-shdw1:rgb(10, 126, 164 / 15%);
    --inr-bdg-bx-shdw2:rgb(10, 126, 164 / 15%);
    --vw-brdr-clr:#a4daec;
    --dfr-btn-shdw:#00455c;
    --dfr-btn-brdr:#0a7ea4;
    --pymnt-nm-brdr:#00455c;
    --dfr-btn-icn-shdw:#00455c;
     --sldr-chck-bfr:#0a7ea4;
    --sldr-chck-shdw:rgba(10, 126, 164, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#00455c;
    --pfl-bk-btn-bgclr:#006d91;
    --pfl-bk-btn-brdr:#00526e;
    --pfl-bk-btn-hvr-bgclr:#00526e;
    --add-btn-brdr:#006f94;
    --add-btn-hvr-bgclr:#006283;
    --add-btn-icn-clr:#004e68;
    --vw-btn-bgclr:#e5f9ff;
    --tbl-srch-brdr:#9ad0df;
    --tbl-srch-bxshw: inset 0 0 11px rgb(10 126 164 / 20%);
    --flt-btn-brdr:rgba(10, 126, 164, 0.30);
    --dt-btn-brdr-clr:#b4dbe5;
    --ovrvw-btn-brdr:#b4dbe5;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #b4dbe5 0%, #b4dbe5 100%);
    --c-btn-brdr: #b4dbe5;
    --inpt-focus:#8bbecd;
    --bs-tb-btns-shdw:rgb(148 203 229 / 65%);
    --bs-tb-btns-brdr:#8ebdd32b;
    --tsk-btn-brdr:#c4eaf5;
    --tsk-btn-bgclr:#f4fdff;
    --tsk-btn-shdw:#dcf6fd;
    --bs-intk-mdl-btn-hvr-clr:#00455c;

      --bs-intk-mdl-btn-hvr-clr:#1d73c3;
    --enq-chkbx-rw-brdr:#5ba8ff87;
    --enq-chkbx-rw-brdrTp:#5bb5ffcf;
    --bs-chckmrk-shdw:rgb(197, 220, 244);
    --chckmrk-after:#315b80;
    --hrzntl-mn-bgclr:#066e91;
}
[data-bs-theme="dark"][data-color-theme="Green_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --bs-intk-mdl-btn-hvr-clr:#1d73c3;
    --enq-chkbx-rw-brdr:#5ba8ff87;
    --enq-chkbx-rw-brdrTp:#5bb5ffcf;
    --bs-chckmrk-shdw:rgb(197, 220, 244);
    --chckmrk-after:#315b80;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="Green_Theme"]:root{
  --ovrvw-btn-shdw:#a4daec;
}
[data-bs-theme="dark"][data-color-theme="Green_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="Green_Theme"]:root .btn-primary {
    --bs-btn-bg: #0a7ea4;
    --bs-btn-border-color: #0a7ea4;
    --bs-btn-hover-bg: #096b8b;
    --bs-btn-hover-border-color: #096b8b;
}
[data-bs-theme="dark"][data-color-theme="Green_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="Green_Theme"]:root .btn-secondary {
    --bs-btn-bg: #ccda4e;
    --bs-btn-border-color: #ccda4e;
    --bs-btn-hover-bg: #d4e069;
    --bs-btn-hover-border-color: #d4e069;
}
[data-bs-theme="dark"][data-color-theme="Cyan_Theme"]:root,
[data-bs-theme="light"][data-color-theme="Cyan_Theme"]:root {
    --bs-primary: #01c0c8;
    --bs-primary-rgb: 1, 192, 200;
    --bs-light-primary: rgba(1, 192, 200, 0.1);
    --bs-primary-bg-subtle: rgba(1, 192, 200, 0.1);
    --bs-secondary: #fb9678;
    --bs-secondary-rgb: 251, 150, 120;
    --bs-light-secondary: rgba(251, 150, 120, 0.1);
    --bs-secondary-bg-subtle: rgba(251, 150, 120, 0.1);
    --bs-link-hover-color-rgb:1, 192, 200;
    --tp-chck-bfr-bg:#00dee6;
    --hdr-chck-bg:#007b80;
    --tp-chck-shdw:inset 0px -3px 5px -1px #006b6f;
    --sdbr-lnk-shdw:rgba(1, 192, 200, 0.231372549);
    --crd-header-title-bg:rgba(1, 192, 200, 0.22);
    --inpt-slct-fcus-bdr:rgba(1, 192, 200, 0.66);
    --mbl-vw-slct-brdr:#44dde3;
    --mbl-vw-slct-bgclr:#00a0a5;
    --mbl-vw-slct-shdw:rgba(1, 192, 200, 0.81);
    --inr-bdg-bx-shdw1:rgb(1, 192, 200 / 15%);
    --inr-bdg-bx-shdw2:rgb(1, 192, 200 / 15%);
    --vw-brdr-clr:#b2fcff;
     --dfr-btn-shdw:#006b6f;
    --dfr-btn-brdr:#01c0c8;
    --pymnt-nm-brdr:#006b6f;
    --dfr-btn-icn-shdw:#006b6f;
    --sldr-chck-bfr:#01c0c8;
    --sldr-chck-shdw:rgba(1, 192, 200, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#00455c;
    --pfl-bk-btn-bgclr:#009196;
    --pfl-bk-btn-brdr:#00797d;
    --pfl-bk-btn-hvr-bgclr:#00797d;
    --add-btn-brdr:#00b0b6;
    --add-btn-hvr-bgclr:#00b0b6;
    --add-btn-icn-clr:#029196;
    --vw-btn-bgclr:#e5feff;
    --tbl-srch-brdr:#b4f1f3;
    --tbl-srch-bxshw: inset 0 0 11px rgb(1 192 200 / 15%);
    --flt-btn-brdr:rgba(1, 192, 200, 0.30);
    --dt-btn-brdr-clr:#b4f1f3;
    --ovrvw-btn-brdr:#b4f1f3;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #b4f1f3 0%, #b4f1f3 100%);
    --c-btn-brdr: #b4f1f3;
    --inpt-focus:#96cbcd;
    --bs-tb-btns-shdw:rgb(148 229 214 / 65%);
    --bs-tb-btns-brdr:#8ed3c92b;
     --tsk-btn-brdr:#c4eaf5;
    --tsk-btn-bgclr:#f4fdff;
    --tsk-btn-shdw:#dcf6fd;
    --bs-intk-mdl-btn-hvr-clr:#00797d;
    --enq-chkbx-rw-brdr:#5becff87;
    --enq-chkbx-rw-brdrTp:#5be9ffcf;
    --bs-chckmrk-shdw:rgb(197, 238, 244);
    --chckmrk-after:#318080;
    --hrzntl-mn-bgclr:#02acb3;
}
[data-bs-theme="dark"][data-color-theme="Cyan_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --enq-chkbx-rw-brdr:#5becff87;
    --enq-chkbx-rw-brdrTp:#5be9ffcf;
    --bs-chckmrk-shdw:rgb(197, 238, 244);
    --chckmrk-after:#318080;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="Cyan_Theme"]:root{
  --ovrvw-btn-shdw:#b2fcffa5;
}
[data-bs-theme="dark"][data-color-theme="Cyan_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="Cyan_Theme"]:root .btn-primary {
    --bs-btn-bg: #01c0c8;
    --bs-btn-border-color: #01c0c8;
    --bs-btn-hover-bg: #01a3aa;
    --bs-btn-hover-border-color: #01a3aa;
}
[data-bs-theme="dark"][data-color-theme="Cyan_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="Cyan_Theme"]:root .btn-secondary {
    --bs-btn-bg: #fb9678;
    --bs-btn-border-color: #fb9678;
    --bs-btn-hover-bg: #d58066;
    --bs-btn-hover-border-color: #d58066;
}
[data-bs-theme="dark"][data-color-theme="Orange_Theme"]:root,
[data-bs-theme="light"][data-color-theme="Orange_Theme"]:root {
    --bs-primary: #fa896b;
    --bs-primary-rgb: 250, 137, 107;
    --bs-light-primary: rgba(250, 137, 107, 0.1);
    --bs-primary-bg-subtle: rgba(250, 137, 107, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:250, 137, 107;
    --tp-chck-bfr-bg:#ffa187;
    --hdr-chck-bg:#d74e28;
    --tp-chck-shdw:inset 0px -3px 5px -1px #7c3723;
    --sdbr-lnk-shdw:rgba(250, 137, 10, 0.231372549);
    --crd-header-title-bg:rgba(250, 137, 107, 0.22);
    --inpt-slct-fcus-bdr:rgba(250, 137, 107, 0.66);
    --mbl-vw-slct-brdr:#ffb9a6;
    --mbl-vw-slct-bgclr:#97432b;
    --mbl-vw-slct-shdw:rgba(250, 137, 107, 0.81);
    --inr-bdg-bx-shdw1:rgb(250, 137, 107 / 10%);
    --inr-bdg-bx-shdw2:rgb(250, 137, 107 / 10%);
    --vw-brdr-clr:#ffdad0;
    --dfr-btn-shdw:#7c3723;
    --dfr-btn-brdr:#fa896b;
    --pymnt-nm-brdr:#7c3723;
    --dfr-btn-icn-shdw:#7c3723;
    --sldr-chck-bfr:#fa896b;
    --sldr-chck-shdw:rgba(250, 137, 107, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#7c3723;
    --pfl-bk-btn-bgclr:#eb643f;
    --pfl-bk-btn-brdr:#d64d27;
    --pfl-bk-btn-hvr-bgclr:#d64d27;
    --add-btn-brdr:#f06640;
    --add-btn-hvr-bgclr:#f06640;
    --add-btn-icn-clr:#d64d27;
    --vw-btn-bgclr:#fff1ef;
    --tbl-srch-brdr:#ffd6cf;
    --tbl-srch-bxshw: inset 0 0 11px rgb(250 137 107 / 18%);
    --flt-btn-brdr:rgba(250, 137, 107, 0.30);
    --dt-btn-brdr-clr:#ffd6cf;
    --ovrvw-btn-brdr:#ffd6cf;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #ffd6cf 0%, #ffd6cf 100%);
    --c-btn-brdr: #ffd6cf;
    --inpt-focus:#ffcec5;
    --bs-tb-btns-shdw:rgb(229 167 148 / 65%);
    --bs-tb-btns-brdr:#d3a18e2b;
    --tsk-btn-brdr:#efd2cd;
    --tsk-btn-bgclr:#fff9f8;
    --tsk-btn-shdw:#fde7e3;
    --bs-intk-mdl-btn-hvr-clr:#7c3723;

    --enq-chkbx-rw-brdr:#ffae5b87;
    --enq-chkbx-rw-brdrTp:#ff985bcf;
    --bs-chckmrk-shdw:rgb(244 223 197);
    --chckmrk-after:#805931;
    --hrzntl-mn-bgclr:#d97054;
}
[data-bs-theme="dark"][data-color-theme="Orange_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;

  --enq-chkbx-rw-brdr:#ffae5b87;
    --enq-chkbx-rw-brdrTp:#ff985bcf;
    --bs-chckmrk-shdw:rgb(244 223 197);
    --chckmrk-after:#805931;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="Orange_Theme"]:root{
  --ovrvw-btn-shdw:#ffb9a658;
}
[data-bs-theme="dark"][data-color-theme="Orange_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="Orange_Theme"]:root .btn-primary {
    --bs-btn-bg: #fa896b;
    --bs-btn-border-color: #fa896b;
    --bs-btn-hover-bg: #d5745b;
    --bs-btn-hover-border-color: #d5745b;
}
[data-bs-theme="dark"][data-color-theme="Orange_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="Orange_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
/* start add new color more */
[data-bs-theme="dark"][data-color-theme="DeepBlue_Theme"]:root,
[data-bs-theme="light"][data-color-theme="DeepBlue_Theme"]:root {
    --bs-primary: #090040;
    --bs-primary-rgb: 9, 0, 64;
    --bs-light-primary: rgba(9, 0, 64, 0.1);
    --bs-primary-bg-subtle: rgba(9, 0, 64, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:9, 0, 64;
    --tp-chck-bfr-bg:#090040;
    --hdr-chck-bg:#2a2391;
    --tp-chck-shdw:inset 0px -3px 5px -1px #1c1642;
    --sdbr-lnk-shdw:rgba(9, 0, 64, 0.231372549);
    --crd-header-title-bg:rgba(9, 0, 64, 0.22);
    --inpt-slct-fcus-bdr:rgba(9, 0, 64, 0.66);
    --mbl-vw-slct-brdr:#2a1f77;
    --mbl-vw-slct-bgclr:#07031f;
    --mbl-vw-slct-shdw:rgba(9, 0, 64, 0.81);
    --inr-bdg-bx-shdw1:rgb(9, 0, 64 / 10%);
    --inr-bdg-bx-shdw2:rgb(9, 0, 64 / 10%);
    --vw-brdr-clr:#b7acff;
    --dfr-btn-shdw:#07031f;
    --dfr-btn-brdr:#090040;
    --pymnt-nm-brdr:#07031f;
    --dfr-btn-icn-shdw:#07031f;
    --sldr-chck-bfr:#190889;
    --sldr-chck-shdw:rgba(9, 0, 64, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#07031f;
    --pfl-bk-btn-bgclr:#100076;
    --pfl-bk-btn-brdr:#04001c;
    --pfl-bk-btn-hvr-bgclr:#0d005f;
    --add-btn-brdr:#070035;
    --add-btn-hvr-bgclr:#070035;
    --add-btn-icn-clr:#04001c;
    --vw-btn-bgclr:#e8e7ff;
    --tbl-srch-brdr:#d3d1f7;
    --tbl-srch-bxshw: inset 0 0 11px rgb(9 0 64 / 18%);
    --flt-btn-brdr:rgba(9, 0, 64, 0.30);
    --dt-btn-brdr-clr:#d3d1f7;
    --ovrvw-btn-brdr:#aaa6e4;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #aaa6e4 0%, #aaa6e4 100%);
    --c-btn-brdr: #aaa6e4;
    --inpt-focus:#7f7d9b;
    --bs-tb-btns-shdw:rgb(149 148 229 / 65%);
    --bs-tb-btns-brdr:#8e90d32b;
    --tsk-btn-brdr:#d7d5ef;
    --tsk-btn-bgclr:#ecebf7;
    --tsk-btn-shdw:#deddf5;
    --bs-intk-mdl-btn-hvr-clr:#0d005f;
    --enq-chkbx-rw-brdr:#455ed987;
    --enq-chkbx-rw-brdrTp:#2742a5cf;
    --bs-chckmrk-shdw:rgb(156 172 227);
    --chckmrk-after:#313780;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
    --hrzntl-mn-bgclr:#080034;
}
[data-bs-theme="dark"][data-color-theme="DeepBlue_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --enq-chkbx-rw-brdr:#455ed987;
    --enq-chkbx-rw-brdrTp:#2742a5cf;
    --bs-chckmrk-shdw:rgb(156 172 227);
    --chckmrk-after:#313780;
    /* --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2); */
}
[data-bs-theme="light"][data-color-theme="DeepBlue_Theme"]:root{
  --ovrvw-btn-shdw:#b7acff;
}
[data-bs-theme="dark"][data-color-theme="DeepBlue_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="DeepBlue_Theme"]:root .btn-primary {
    --bs-btn-bg: #090040;
    --bs-btn-border-color: #090040;
    --bs-btn-hover-bg: #22157a;
    --bs-btn-hover-border-color: #22157a;
}
[data-bs-theme="dark"][data-color-theme="DeepBlue_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="DeepBlue_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
[data-bs-theme="dark"][data-color-theme="TealGreen_Theme"]:root,
[data-bs-theme="light"][data-color-theme="TealGreen_Theme"]:root {
    --bs-primary: #1b4242;
    --bs-primary-rgb: 27, 66, 66;
    --bs-light-primary: rgb(27 66 66 / 10%);
    --bs-primary-bg-subtle: rgb(27 66 66 / 10%);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:27, 66, 66;
    --tp-chck-bfr-bg:#346d6d;
    --hdr-chck-bg:#123232;
    --tp-chck-shdw:inset 0px -3px 5px -1px #060c0c;
    --sdbr-lnk-shdw:rgba(27, 66, 66, 0.231372549);
    --crd-header-title-bg:rgba(27, 66, 66, 0.22);
    --inpt-slct-fcus-bdr:rgba(27, 66, 66, 0.66);
    --mbl-vw-slct-brdr:#387373;
    --mbl-vw-slct-bgclr:#153535;
    --mbl-vw-slct-shdw:rgba(27, 66, 66, 0.81);
    --mbl-vw-slct-shdw:rgba(18, 36, 36, 0.81);
    --inr-bdg-bx-shdw1:rgb(27, 66, 66 / 10%);
    --inr-bdg-bx-shdw2:rgb(27, 66, 66 / 10%);
    --vw-brdr-clr:#81afaf;
     --dfr-btn-shdw:#060c0c;
    --dfr-btn-brdr:#1b4242;
    --pymnt-nm-brdr:#060c0c;
    --dfr-btn-icn-shdw:#060c0c;
    --sldr-chck-bfr:#1b4242;
    --sldr-chck-shdw:rgba(27, 66, 66, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#060c0c;
    --pfl-bk-btn-bgclr:#132b2b;
    --pfl-bk-btn-brdr:#102424;
    --pfl-bk-btn-hvr-bgclr:#102424;
    --add-btn-brdr:#102424;
    --add-btn-hvr-bgclr:#102424;
    --add-btn-icn-clr:#102424;
     --vw-btn-bgclr:#e9ffff;
     --tbl-srch-brdr:#96d5d4;
     --tbl-srch-bxshw: inset 0 0 11px rgb(27 66 66 / 18%);
     --flt-btn-brdr:rgba(27, 66, 66, 0.30);
     --dt-btn-brdr-clr:#96d5d4;
     --ovrvw-btn-brdr:#56aaa8;
     --tbl-rsi-bggdnt: linear-gradient(318deg, #56aaa8 0%, #56aaa8 100%);
    --c-btn-brdr: #92c5c4;
    --inpt-focus:#7fadac;
    --bs-tb-btns-shdw:rgb(75 161 94 / 65%);
    --bs-tb-btns-brdr:#468f6d2b;
    --tsk-btn-brdr:#aac3c2;
    --tsk-btn-bgclr:#f4ffff;
    --tsk-btn-shdw:#3762612e;
    --bs-intk-mdl-btn-hvr-clr:#102424;

    --enq-chkbx-rw-brdr:#14743187;
    --enq-chkbx-rw-brdrTp:#0d4416cf;
    --bs-chckmrk-shdw:rgb(21 90 43 / 60%);
    --chckmrk-after:#146033;
    --hrzntl-mn-bgclr:#193a3a;
}
[data-bs-theme="dark"][data-color-theme="TealGreen_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --enq-chkbx-rw-brdr:#14743187;
    --enq-chkbx-rw-brdrTp:#0d4416cf;
    --bs-chckmrk-shdw:rgb(21 90 43 / 60%);
    --chckmrk-after:#146033;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="TealGreen_Theme"]:root{
  --ovrvw-btn-shdw:#81afafe0;
}
[data-bs-theme="dark"][data-color-theme="TealGreen_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="TealGreen_Theme"]:root .btn-primary {
    --bs-btn-bg: #1b4242;
    --bs-btn-border-color: #1b4242;
    --bs-btn-hover-bg: #276262;
    --bs-btn-hover-border-color: #276262;
}
[data-bs-theme="dark"][data-color-theme="TealGreen_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="TealGreen_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
[data-bs-theme="dark"][data-color-theme="BrownishPurple_Theme"]:root,
[data-bs-theme="light"][data-color-theme="BrownishPurple_Theme"]:root {
    --bs-primary: #604652;
    --bs-primary-rgb: 96, 70, 82;
    --bs-light-primary: rgba(96, 70, 82, 0.1);
    --bs-primary-bg-subtle: rgba(96, 70, 82, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:96, 70, 82;
    --tp-chck-bfr-bg:#7a5667;
    --hdr-chck-bg:#472937;
    --tp-chck-shdw:inset 0px -3px 5px -1px #200f17;
    --sdbr-lnk-shdw:rgba(96, 70, 82, 0.231372549);
    --crd-header-title-bg:rgba(96, 70, 82, 0.22);
    --inpt-slct-fcus-bdr:rgba(96, 70, 82, 0.66);
    --mbl-vw-slct-brdr:#7e5e6d;
    --mbl-vw-slct-bgclr:#412a35;
    --mbl-vw-slct-shdw:rgba(96, 70, 82, 0.81);
    --inr-bdg-bx-shdw1:rgb(96, 70, 82 / 10%);
    --inr-bdg-bx-shdw2:rgb(96, 70, 82 / 10%);
    --vw-brdr-clr:#f2d3e2;
    --dfr-btn-shdw:#200f17;
    --dfr-btn-brdr:#604652;
    --pymnt-nm-brdr:#200f17;
    --dfr-btn-icn-shdw:#200f17;
    --sldr-chck-bfr:#604652;
    --sldr-chck-shdw:rgba(96, 70, 82, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#200f17;
    --pfl-bk-btn-bgclr:#4e3641;
    --pfl-bk-btn-brdr:#47343d;
    --pfl-bk-btn-hvr-bgclr:#47343d;
    --add-btn-brdr:#47343d;
    --add-btn-hvr-bgclr:#5d4550;
    --add-btn-icn-clr:#47343d;
    --vw-btn-bgclr:#ffe7f1;
    --tbl-srch-brdr:#f9d1e2;
    --tbl-srch-bxshw: inset 0 0 11px rgb(96 70 82 / 18%);
    --flt-btn-brdr:rgba(96, 70, 82, 0.30);
    --dt-btn-brdr-clr:#f9d1e2;
    --ovrvw-btn-brdr:#f9d1e2;
     --tbl-rsi-bggdnt: linear-gradient(318deg, #f9d1e2 0%, #f9d1e2 100%);
    --c-btn-brdr: #f9d1e2;
    --inpt-focus:#b1a1a8;
    --bs-tb-btns-shdw:rgb(205 174 205 / 65%);
    --bs-tb-btns-brdr:#ad99a92b;
    --tsk-btn-brdr:#f7d2e2;
    --tsk-btn-bgclr:#fff5f9;
    --tsk-btn-shdw:#64455214;
    --bs-intk-mdl-btn-hvr-clr:#5d4550;
    --hrzntl-mn-bgclr:#543d48;

      --enq-chkbx-rw-brdr:#74142687;
    --enq-chkbx-rw-brdrTp:#440d10cf;
    --bs-chckmrk-shdw:rgb(90 21 21 / 60%);
    --chckmrk-after:#601414;
    /* --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2); */

}
[data-bs-theme="dark"][data-color-theme="BrownishPurple_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --enq-chkbx-rw-brdr:#74142687;
  --enq-chkbx-rw-brdrTp:#440d10cf;
  --bs-chckmrk-shdw:rgb(90 21 21 / 60%);
  --chckmrk-after:#601414;
  --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="BrownishPurple_Theme"]:root{
  --ovrvw-btn-shdw:#f2d3e2;
}
[data-bs-theme="dark"][data-color-theme="BrownishPurple_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="BrownishPurple_Theme"]:root .btn-primary {
    --bs-btn-bg: #604652;
    --bs-btn-border-color: #604652;
    --bs-btn-hover-bg: #7a5868;
    --bs-btn-hover-border-color: #7a5868;
}
[data-bs-theme="dark"][data-color-theme="BrownishPurple_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="BrownishPurple_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
[data-bs-theme="dark"][data-color-theme="Indigo_Theme"]:root,
[data-bs-theme="light"][data-color-theme="Indigo_Theme"]:root {
    --bs-primary: #3f3b6c;
    --bs-primary-rgb: 63, 59, 108;
    --bs-light-primary: rgba(63, 59, 108, 0.1);
    --bs-primary-bg-subtle: rgba(63, 59, 108, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:63, 59, 108;
    --tp-chck-bfr-bg:#585485;
    --hdr-chck-bg:#2d2958;
    --tp-chck-shdw:inset 0px -3px 5px -1px #151329;
    --sdbr-lnk-shdw:rgba(63, 59, 108, 0.231372549);
    --crd-header-title-bg:rgba(63, 59, 108, 0.22);
    --inpt-slct-fcus-bdr:rgba(63, 59, 108, 0.66);
    --mbl-vw-slct-brdr:#68639c;
    --mbl-vw-slct-bgclr:#26234d;
    --mbl-vw-slct-shdw:rgba(63, 59, 108, 0.81);
    --inr-bdg-bx-shdw1:rgb(63, 59, 108 / 10%);
    --inr-bdg-bx-shdw2:rgb(63, 59, 108 / 10%);
    --vw-brdr-clr:#7e79aba7;
    --dfr-btn-shdw:#26234d;
    --dfr-btn-brdr:#3f3b6c;
    --pymnt-nm-brdr:#26234d;
    --dfr-btn-icn-shdw:#26234d;
    --sldr-chck-bfr:#3f3b6c;
    --sldr-chck-shdw:rgba(63, 59, 108, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#26234d;
    --pfl-bk-btn-bgclr:#333056;
    --pfl-bk-btn-brdr:#252342;
    --pfl-bk-btn-hvr-bgclr:#252342;
    --add-btn-brdr:#333056;
    --add-btn-hvr-bgclr:#5d4550;
    --add-btn-icn-clr:#252342;
    --vw-btn-bgclr:#eae9ff;
    --tbl-srch-brdr:#c6c3eb;
    --tbl-srch-bxshw: inset 0 0 11px rgb(63 59 108 / 18%);
    --flt-btn-brdr:rgba(63, 59, 108, 0.30);
    --dt-btn-brdr-clr:#c6c3eb;
    --ovrvw-btn-brdr:#c6c3eb;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #c6c3eb 0%, #c6c3eb 100%);
    --c-btn-brdr: #c6c3eb;
    --inpt-focus:#8d8ba9;
    --bs-tb-btns-shdw:rgb(175 172 221 / 65%);
    --bs-tb-btns-brdr:#b7b6cd38;
    --tsk-btn-brdr:#c3c0eb;
    --tsk-btn-bgclr:#f6f5ff;
    --tsk-btn-shdw:#3e3b6a26;
    --bs-intk-mdl-btn-hvr-clr:#5d4550;
    --hrzntl-mn-bgclr:#343058;

    --enq-chkbx-rw-brdr:#30147487;
    --enq-chkbx-rw-brdrTp:#2c0d44cf;
    --bs-chckmrk-shdw:rgb(63 21 90 / 60%);
    --chckmrk-after:#461460;
    /* --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2); */
}
[data-bs-theme="dark"][data-color-theme="Indigo_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --enq-chkbx-rw-brdr:#30147487;
    --enq-chkbx-rw-brdrTp:#2c0d44cf;
    --bs-chckmrk-shdw:rgb(63 21 90 / 60%);
    --chckmrk-after:#461460;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="Indigo_Theme"]:root{
  --ovrvw-btn-shdw:#7e79aba7;
}
[data-bs-theme="dark"][data-color-theme="Indigo_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="Indigo_Theme"]:root .btn-primary {
    --bs-btn-bg: #3f3b6c;
    --bs-btn-border-color: #3f3b6c;
    --bs-btn-hover-bg: #4a457e;
    --bs-btn-hover-border-color: #4a457e;
}
[data-bs-theme="dark"][data-color-theme="Indigo_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="Indigo_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
[data-bs-theme="dark"][data-color-theme="WineRed_Theme"]:root,
[data-bs-theme="light"][data-color-theme="WineRed_Theme"]:root {
    --bs-primary: #541212;
    --bs-primary-rgb: 84, 18, 18;
    --bs-light-primary: rgba(84, 18, 18, 0.1);
    --bs-primary-bg-subtle: rgba(84, 18, 18, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:84, 18, 18;
    --tp-chck-bfr-bg:#8d3838;
    --hdr-chck-bg:#370c0c;
    --tp-chck-shdw:inset 0px -3px 5px -1px #200707;
    --sdbr-lnk-shdw:rgba(63, 59, 108, 0.231372549);
    --crd-header-title-bg:rgba( 84, 18, 18, 0.22);
    --inpt-slct-fcus-bdr:rgba( 84, 18, 18, 0.66);
    --mbl-vw-slct-brdr:#963d3d;
    --mbl-vw-slct-bgclr:#290808;
    --mbl-vw-slct-shdw:rgba(84, 18, 18, 0.81);
    --inr-bdg-bx-shdw1:rgb(84, 18, 18 / 10%);
    --inr-bdg-bx-shdw2:rgb(84, 18, 18 / 10%);
    --vw-brdr-clr:#5412126b;
    --dfr-btn-shdw:#290808;
    --dfr-btn-brdr:#541212;
    --pymnt-nm-brdr:#290808;
    --dfr-btn-icn-shdw:#290808;
    --sldr-chck-bfr:#541212;
    --sldr-chck-shdw:rgba(84, 18, 18, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#290808;
    --pfl-bk-btn-bgclr:#3c0e0e;
    --pfl-bk-btn-brdr:#260a0a;
    --pfl-bk-btn-hvr-bgclr:#260a0a;
    --add-btn-brdr:#3c0e0e;
    --add-btn-hvr-bgclr:#3c0e0e;
    --add-btn-icn-clr:#260a0a;
    --vw-btn-bgclr:#ffeaeb;
    --tbl-srch-brdr:#ffd0d3;
    --tbl-srch-bxshw: inset 0 0 11px rgb(84 18 18 / 18%);
    --flt-btn-brdr:rgba(84, 18, 18, 0.30);
    --dt-btn-brdr-clr:#ffd0d3;
    --ovrvw-btn-brdr:#ffd0d3;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #ffd0d3 0%, #ffd0d3 100%);
    --c-btn-brdr: #ffd0d3;
    --inpt-focus:#a99091;
    --bs-tb-btns-shdw:rgb(221 181 172 / 65%);
    --bs-tb-btns-brdr:#cdbdb638;
    --tsk-btn-brdr:#f9dedf;
    --tsk-btn-bgclr:#fff6f7;
    --tsk-btn-shdw:#5b0e1312;
    --bs-intk-mdl-btn-hvr-clr:#3c0e0e;
    --hrzntl-mn-bgclr:#400d0d;

    --enq-chkbx-rw-brdr:#54072787;
    --enq-chkbx-rw-brdrTp:#3e091dcf;
    --bs-chckmrk-shdw:rgb(78 16 39 / 60%);
    --chckmrk-after:#60142d;
    /* --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2); */
}
[data-bs-theme="dark"][data-color-theme="WineRed_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --enq-chkbx-rw-brdr:#54072787;
    --enq-chkbx-rw-brdrTp:#3e091dcf;
    --bs-chckmrk-shdw:rgb(78 16 39 / 60%);
    --chckmrk-after:#60142d;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="WineRed_Theme"]:root{
  --ovrvw-btn-shdw:#5412126b;
}
[data-bs-theme="dark"][data-color-theme="WineRed_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="WineRed_Theme"]:root .btn-primary {
    --bs-btn-bg: #541212;
    --bs-btn-border-color: #541212;
    --bs-btn-hover-bg: #651919;
    --bs-btn-hover-border-color: #651919;
}
[data-bs-theme="dark"][data-color-theme="WineRed_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="WineRed_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
[data-bs-theme="dark"][data-color-theme="GreenishBlue_Theme"]:root,
[data-bs-theme="light"][data-color-theme="GreenishBlue_Theme"]:root {
    --bs-primary: #387478;
    --bs-primary-rgb: 56, 116, 120;
    --bs-light-primary: rgba(56, 116, 120, 0.1);
    --bs-primary-bg-subtle: rgba(56, 116, 120, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:56, 116, 120;
    --tp-chck-bfr-bg:#5da2a7;
    --hdr-chck-bg:#1f4446;
    --tp-chck-shdw:inset 0px -3px 5px -1px rgb(15, 36, 37);
    --sdbr-lnk-shdw:rgba(56, 116, 120, 0.231372549);
    --crd-header-title-bg:rgba(56, 116, 120, 0.22);
    --inpt-slct-fcus-bdr:rgba(56, 116, 120, 0.66);
    --mbl-vw-slct-brdr:#6baaae;
    --mbl-vw-slct-bgclr:#1d474a;
    --mbl-vw-slct-shdw:rgba(56, 116, 120, 0.81);
    --inr-bdg-bx-shdw1:rgb(56, 116, 120 / 10%);
    --inr-bdg-bx-shdw2:rgb(56, 116, 120 / 10%);
    --vw-brdr-clr:#38747859;
    --dfr-btn-shdw:#1d474a;
    --dfr-btn-brdr:#387478;
    --pymnt-nm-brdr:#1d474a;
    --dfr-btn-icn-shdw:#1d474a;
    --sldr-chck-bfr:#387478;
    --sldr-chck-shdw:rgba(56, 116, 120, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#1d474a;
    --pfl-bk-btn-bgclr:#225a5c;
    --pfl-bk-btn-brdr:#083838;
    --pfl-bk-btn-hvr-bgclr:#083838;
    --add-btn-brdr:#225a5c;
    --add-btn-hvr-bgclr:#225a5c;
    --add-btn-icn-clr:#083838;
    --vw-btn-bgclr:#e4feff;
    --tbl-srch-brdr:#b9eff1;
    --tbl-srch-bxshw: inset 0 0 11px rgb(56 116 120 / 18%);
    --flt-btn-brdr:rgba(56, 116, 120, 0.30);
    --dt-btn-brdr-clr:#b9eff1;
    --ovrvw-btn-brdr:#b9eff1;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #b9eff1 0%, #b9eff1 100%);
    --c-btn-brdr: #b9eff1;
    --inpt-focus:#89a6a7;
    --bs-tb-btns-shdw:rgb(172 207 221 / 65%);
    --bs-tb-btns-brdr:#b6c8cd38;
    --tsk-btn-brdr:#c3dadb;
    --tsk-btn-bgclr:#f4fdfd;
    --tsk-btn-shdw:#1f757821;
    --bs-intk-mdl-btn-hvr-clr:#083838;
    --hrzntl-mn-bgclr:#2d6164;

    --enq-chkbx-rw-brdr:#07544287;
    --enq-chkbx-rw-brdrTp:#093e23cf;
    --bs-chckmrk-shdw:rgb(16 78 52 / 60%);
    --chckmrk-after:#146036;
    /* --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2); */
}
[data-bs-theme="dark"][data-color-theme="GreenishBlue_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;

  --enq-chkbx-rw-brdr:#07544287;
    --enq-chkbx-rw-brdrTp:#093e23cf;
    --bs-chckmrk-shdw:rgb(16 78 52 / 60%);
    --chckmrk-after:#146036;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="GreenishBlue_Theme"]:root{
  --ovrvw-btn-shdw:#38747859;
}
[data-bs-theme="dark"][data-color-theme="GreenishBlue_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="GreenishBlue_Theme"]:root .btn-primary {
    --bs-btn-bg: #387478;
    --bs-btn-border-color: #387478;
    --bs-btn-hover-bg: #428b90;
    --bs-btn-hover-border-color: #428b90;
}
[data-bs-theme="dark"][data-color-theme="GreenishBlue_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="GreenishBlue_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
[data-bs-theme="dark"][data-color-theme="Pumpkin_Theme"]:root,
[data-bs-theme="light"][data-color-theme="Pumpkin_Theme"]:root {
    --bs-primary: #ff6500;
    --bs-primary-rgb: 255, 102, 0;
    --bs-light-primary: rgba(255, 102, 0, 0.1);
    --bs-primary-bg-subtle: rgba(255, 102, 0, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:255, 102, 0;
    --tp-chck-bfr-bg:#ff9046;
    --hdr-chck-bg:#c05107;
    --tp-chck-shdw:inset 0px -3px 5px -1px #7c3403;
    --sdbr-lnk-shdw:rgba(255, 102, 0, 0.231372549);
    --crd-header-title-bg:rgba(255, 102, 0, 0.22);
    --inpt-slct-fcus-bdr:rgba(255, 102, 0, 0.66);
    --mbl-vw-slct-brdr:#ff934c;
    --mbl-vw-slct-bgclr:#9d3f00;
    --mbl-vw-slct-shdw:rgba(255, 102, 0, 0.81);
    --inr-bdg-bx-shdw1:rgb(255, 102, 0 / 10%);
    --inr-bdg-bx-shdw2:rgb(255, 102, 0 / 10%);
    --vw-brdr-clr:#ff66006c;
    --dfr-btn-shdw:#9d3f00;
    --dfr-btn-brdr:#ff6500;
    --pymnt-nm-brdr:#9d3f00;
    --dfr-btn-icn-shdw:#9d3f00;
    --sldr-chck-bfr:#ff6500;
    --sldr-chck-shdw:rgba(255, 102, 0, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#9d3f00;
    --pfl-bk-btn-bgclr:#bd4b00;
    --pfl-bk-btn-brdr:#973c00;
    --pfl-bk-btn-hvr-bgclr:#973c00;
    --add-btn-brdr:#bd4b00;
    --add-btn-hvr-bgclr:#bd4b00;
    --add-btn-icn-clr:#973c00;
    --vw-btn-bgclr:#ffe6dc;
    --tbl-srch-brdr:#e7c7ba;
    --tbl-srch-bxshw: inset 0 0 11px rgb(255 102 0 / 18%);
    --flt-btn-brdr:rgba(255, 102, 0, 0.30);
    --dt-btn-brdr-clr:#e7c7ba;
    --ovrvw-btn-brdr:#e7c7ba;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #e7c7ba 0%, #e7c7ba 100%);
    --c-btn-brdr: #e7c7ba;
    --inpt-focus:#ffbca2;
    --bs-tb-btns-shdw:rgb(221 190 172 / 65%);
    --bs-tb-btns-brdr:#cdc6b638;
    --tsk-btn-brdr:#ebd4cc;
    --tsk-btn-bgclr:#fff8f5;
    --tsk-btn-shdw:#ff5e1e1a;
    --bs-intk-mdl-btn-hvr-clr:#973c00;
    --hrzntl-mn-bgclr:#d75500;

    --enq-chkbx-rw-brdr:#a3521987;
    --enq-chkbx-rw-brdrTp:#9f3c16cf;
    --bs-chckmrk-shdw:rgb(135 74 30 / 60%);
    --chckmrk-after:#953d13;
    /* --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2); */
}
[data-bs-theme="dark"][data-color-theme="Pumpkin_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;


  --enq-chkbx-rw-brdr:#a3521987;
    --enq-chkbx-rw-brdrTp:#9f3c16cf;
    --bs-chckmrk-shdw:rgb(135 74 30 / 60%);
    --chckmrk-after:#953d13;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="Pumpkin_Theme"]:root{
  --ovrvw-btn-shdw:#ff66006c;
}
[data-bs-theme="dark"][data-color-theme="Pumpkin_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="Pumpkin_Theme"]:root .btn-primary {
    --bs-btn-bg: #ff6500;
    --bs-btn-border-color: #ff6500;
    --bs-btn-hover-bg: #fc771e;
    --bs-btn-hover-border-color: #fc771e;
}
[data-bs-theme="dark"][data-color-theme="Pumpkin_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="Pumpkin_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
[data-bs-theme="dark"][data-color-theme="HotPink_Theme"]:root,
[data-bs-theme="light"][data-color-theme="HotPink_Theme"]:root {
    --bs-primary: #f7374f;
    --bs-primary-rgb: 247, 55, 78;
    --bs-light-primary: rgba(247, 55, 78, 0.1);
    --bs-primary-bg-subtle: rgba(247, 55, 78, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:247, 55, 78;
    --tp-chck-bfr-bg:#ff6c7d;
    --hdr-chck-bg:#9b1424;
    --tp-chck-shdw:inset 0px -3px 5px -1px #490b12;
    --sdbr-lnk-shdw:rgba(255, 102, 0, 0.231372549);
    --crd-header-title-bg:rgba(247, 55, 78, 0.22);
    --inpt-slct-fcus-bdr:rgba(247, 55, 78, 0.66);
    --mbl-vw-slct-brdr:#ff7182;
    --mbl-vw-slct-bgclr:#bc1428;
    --mbl-vw-slct-shdw:rgba(247, 55, 78, 0.81);
    --inr-bdg-bx-shdw1:rgb(247, 55, 78 / 10%);
    --inr-bdg-bx-shdw2:rgb(247, 55, 78 / 10%);
    --vw-brdr-clr:#f7374e49;
    --dfr-btn-shdw:#bc1428;
    --dfr-btn-brdr:#f7374f;
    --pymnt-nm-brdr:#bc1428;
    --dfr-btn-icn-shdw:#bc1428;
    --sldr-chck-bfr:#f7374f;
    --sldr-chck-shdw:rgba(247, 55, 78, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#bc1428;
    --pfl-bk-btn-bgclr:#ad0122;
    --pfl-bk-btn-brdr:#7c0118;
    --pfl-bk-btn-hvr-bgclr:#7c0118;
    --add-btn-brdr:#ad0122;
    --add-btn-hvr-bgclr:#ad0122;
    --add-btn-icn-clr:#7c0118;
    --vw-btn-bgclr:#ffe7eb;
    --tbl-srch-brdr:#f1bec8;
    --tbl-srch-bxshw: inset 0 0 11px rgb(247 55 78 / 18%);
    --flt-btn-brdr:rgba(247, 55, 78, 0.30);
    --dt-btn-brdr-clr:#f1bec8;
    --ovrvw-btn-brdr:#f1bec8;
     --tbl-rsi-bggdnt: linear-gradient(318deg, #f1bec8 0%, #f1bec8 100%);
    --c-btn-brdr: #f1bec8;
    --inpt-focus:#ffa6b7;
    --bs-tb-btns-shdw:rgb(221 172 186 / 65%);
    --bs-tb-btns-brdr:#cdb6bd38;
    --tsk-btn-brdr:#f3cdd4;
    --tsk-btn-bgclr:#fff7f9;
    --tsk-btn-shdw:#ff28511f;
    --bs-intk-mdl-btn-hvr-clr:#7c0118;
    --hrzntl-mn-bgclr:#d5273c;

    --enq-chkbx-rw-brdr:#a3193987;
    --enq-chkbx-rw-brdrTp:#9f1642cf;
    --bs-chckmrk-shdw:rgb(135 30 64 / 60%);
    --chckmrk-after:#951325;
    /* --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2); */
}
[data-bs-theme="dark"][data-color-theme="HotPink_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;
  --enq-chkbx-rw-brdr:#a3193987;
    --enq-chkbx-rw-brdrTp:#9f1642cf;
    --bs-chckmrk-shdw:rgb(135 30 64 / 60%);
    --chckmrk-after:#951325;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="HotPink_Theme"]:root{
  --ovrvw-btn-shdw:#f7374e49;
}
[data-bs-theme="dark"][data-color-theme="HotPink_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="HotPink_Theme"]:root .btn-primary {
    --bs-btn-bg: #f7374f;
    --bs-btn-border-color: #f7374f;
    --bs-btn-hover-bg: #fc4b60;
    --bs-btn-hover-border-color: #fc4b60;
}
[data-bs-theme="dark"][data-color-theme="HotPink_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="HotPink_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}
[data-bs-theme="dark"][data-color-theme="Cornflower_Theme"]:root,
[data-bs-theme="light"][data-color-theme="Cornflower_Theme"]:root {
    --bs-primary: #537EC5;
    --bs-primary-rgb: 83, 127, 197;
    --bs-light-primary: rgba(83, 127, 197, 0.1);
    --bs-primary-bg-subtle: rgba(83, 127, 197, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:83, 127, 197;
    --tp-chck-bfr-bg:#82a3d9;
    --hdr-chck-bg:#2d518b;
    --tp-chck-shdw:inset 0px -3px 5px -1px #0e1a2d;
    --sdbr-lnk-shdw:rgba(83, 127, 197, 0.231372549);
     --crd-header-title-bg:rgba(83, 127, 197, 0.22);
    --inpt-slct-fcus-bdr:rgba(83, 127, 197, 0.66);
    --mbl-vw-slct-brdr:#a0c1f7;
    --mbl-vw-slct-bgclr:#2c4d83;
    --mbl-vw-slct-shdw:rgba(83, 127, 197, 0.81);
    --inr-bdg-bx-shdw1:rgb(83, 127, 197 / 10%);
    --inr-bdg-bx-shdw2:rgb(83, 127, 197 / 10%);
    --vw-brdr-clr:#537fc54a;
    --dfr-btn-shdw:#2d518b;
    --dfr-btn-brdr:#537EC5;
    --pymnt-nm-brdr:#2d518b;
    --dfr-btn-icn-shdw:#2d518b;
    --sldr-chck-bfr:#537EC5;
    --sldr-chck-shdw:rgba(83, 127, 197, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#2d518b;
    --pfl-bk-btn-bgclr:#214b91;
    --pfl-bk-btn-brdr:#163364;
    --pfl-bk-btn-hvr-bgclr:#163364;
    --add-btn-brdr:#214b91;
    --add-btn-hvr-bgclr:#214b91;
    --add-btn-icn-clr:#163364;
    --vw-btn-bgclr:#dcedff;
    --tbl-srch-brdr:#bfdeff;
    --tbl-srch-bxshw: inset 0 0 11px rgb(83 127 197 / 18%);
    --flt-btn-brdr:rgba(83, 127, 197, 0.30);
    --dt-btn-brdr-clr:#bfdeff;
    --ovrvw-btn-brdr:#bfdeff;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #bfdeff 0%, #bfdeff 100%);
    --c-btn-brdr: #bfdeff;
    --inpt-focus:#9ec1e7;
    --bs-tb-btns-shdw:rgb(172 196 221 / 65%);
    --bs-tb-btns-brdr:#b6c6cd38;
    --tsk-btn-brdr:#cdddef;
    --tsk-btn-bgclr:#f7fbff;
    --tsk-btn-shdw:#417fc21a;
    --bs-intk-mdl-btn-hvr-clr:#214b91;
    --hrzntl-mn-bgclr:#4167a5;

    --enq-chkbx-rw-brdr:#1957a387;
    --enq-chkbx-rw-brdrTp:#16599fcf;
    --bs-chckmrk-shdw:rgb(30 67 135 / 60%);
    --chckmrk-after:#135f95;
    /* --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2); */
}
[data-bs-theme="dark"][data-color-theme="Cornflower_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;

  --enq-chkbx-rw-brdr:#1957a387;
    --enq-chkbx-rw-brdrTp:#16599fcf;
    --bs-chckmrk-shdw:rgb(30 67 135 / 60%);
    --chckmrk-after:#135f95;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="Cornflower_Theme"]:root{
  --ovrvw-btn-shdw:#537fc54a;
}
[data-bs-theme="dark"][data-color-theme="Cornflower_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="Cornflower_Theme"]:root .btn-primary {
    --bs-btn-bg: #537EC5;
    --bs-btn-border-color: #537EC5;
    --bs-btn-hover-bg: #5e8ad1;
    --bs-btn-hover-border-color: #5e8ad1;
}
[data-bs-theme="dark"][data-color-theme="Cornflower_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="Cornflower_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}

[data-bs-theme="dark"][data-color-theme="OliveDrab_Theme"]:root,
[data-bs-theme="light"][data-color-theme="OliveDrab_Theme"]:root {
    --bs-primary: #3e432e;
    --bs-primary-rgb: 62, 67, 46;
    --bs-light-primary: rgba(62, 67, 46, 0.1);
    --bs-primary-bg-subtle: rgba(62, 67, 46, 0.1);
    --bs-secondary: #0074ba;
    --bs-secondary-rgb: 0, 116, 186;
    --bs-light-secondary: rgba(0, 116, 186, 0.1);
    --bs-secondary-bg-subtle: rgba(0, 116, 186, 0.1);
    --bs-link-hover-color-rgb:62, 67, 46;
    --tp-chck-bfr-bg:rgb(139, 147, 110);
    --hdr-chck-bg:#1f2314;
    --tp-chck-shdw:inset 0px -3px 5px -1px rgb(23, 24, 16);
    --sdbr-lnk-shdw:rgba(62, 67, 46, 0.231372549);
     --crd-header-title-bg:rgba(62, 67, 46, 0.22);
    --inpt-slct-fcus-bdr:rgba(62, 67, 46, 0.66);
    --mbl-vw-slct-brdr:#898f75;
    --mbl-vw-slct-bgclr:#181b0f;
    --mbl-vw-slct-shdw:rgba(62, 67, 46, 0.81);
    --inr-bdg-bx-shdw1:rgb(62, 67, 46 / 10%);
    --inr-bdg-bx-shdw2:rgb(62, 67, 46 / 10%);
    --vw-brdr-clr:#3e432e66;
    --dfr-btn-shdw:#1f2314;
    --dfr-btn-brdr:#3e432e;
    --pymnt-nm-brdr:#1f2314;
    --dfr-btn-icn-shdw:#1f2314;
    --sldr-chck-bfr:#3e432e;
    --sldr-chck-shdw:rgba(62, 67, 46, 0.25);
    --sldr-chckd-bfr:#dfdef1;
    --slr-chchd-brdr:#1f2314;
    --pfl-bk-btn-bgclr:#333823;
    --pfl-bk-btn-brdr:#16180f;
    --pfl-bk-btn-hvr-bgclr:#16180f;
    --add-btn-brdr:#333823;
    --add-btn-hvr-bgclr:#333823;
    --add-btn-icn-clr:#16180f;
    --vw-btn-bgclr:#fcfff4;
    --tbl-srch-brdr:#c3cda5;
    --tbl-srch-bxshw: inset 0 0 11px rgb(62 67 46 / 18%);
    --flt-btn-brdr:rgba(62, 67, 46, 0.30);
    --dt-btn-brdr-clr:#c3cda5;
    --ovrvw-btn-brdr:#c3cda5;
    --tbl-rsi-bggdnt: linear-gradient(318deg, #c3cda5 0%, #c3cda5 100%);
    --c-btn-brdr: #c3cda5;
    --inpt-focus:#a2a599;
    --bs-tb-btns-shdw:rgb(195 221 172 / 65%);
    --bs-tb-btns-brdr:#c8cdb638;
    --tsk-btn-brdr:#c1c9aa;
    --tsk-btn-bgclr:#fcfff4;
    --tsk-btn-shdw:#3e432f24;
    --bs-intk-mdl-btn-hvr-clr:#16180f;
    --hrzntl-mn-bgclr:#343828;

    --enq-chkbx-rw-brdr:#3e432e66;
    --enq-chkbx-rw-brdrTp:#292c1e66;
    --bs-chckmrk-shdw:rgb(38 40 30 / 60%);
    --chckmrk-after:#313225;
    /* --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2); */
}
[data-bs-theme="dark"][data-color-theme="OliveDrab_Theme"]:root{
  --vw-btn-bgclr:#1a2537;
  --vw-brdr-clr:#1a2537;
  --dt-btn-brdr-clr:#1d3241;
  --ovrvw-btn-brdr:rgb(255 255 255 / 20%);
  --tbl-rsi-bggdnt: #0d0f14;
  --c-btn-brdr: rgba(255,255,255,0.1);
  --tsk-btn-brdr:#10171e;
  --tsk-btn-bgclr:#10171e;
  --tsk-btn-shdw:#10171e;

  --enq-chkbx-rw-brdr:#3e432e66;
    --enq-chkbx-rw-brdrTp:#292c1e66;
    --bs-chckmrk-shdw:rgb(38 40 30 / 60%);
    --chckmrk-after:#313225;
    --enq-chk-lbl-brdr:rgba(255, 255, 255, 0.2);
}
[data-bs-theme="light"][data-color-theme="OliveDrab_Theme"]:root{
  --ovrvw-btn-shdw:#3e432e66;
}
[data-bs-theme="dark"][data-color-theme="OliveDrab_Theme"]:root .btn-primary,
[data-bs-theme="light"][data-color-theme="OliveDrab_Theme"]:root .btn-primary {
    --bs-btn-bg: #3e432e;
    --bs-btn-border-color: #3e432e;
    --bs-btn-hover-bg: #53593f;
    --bs-btn-hover-border-color: #53593f;
}
[data-bs-theme="dark"][data-color-theme="OliveDrab_Theme"]:root .btn-secondary,
[data-bs-theme="light"][data-color-theme="OliveDrab_Theme"]:root .btn-secondary {
    --bs-btn-bg: #0074ba;
    --bs-btn-border-color: #0074ba;
    --bs-btn-hover-bg: #00639e;
    --bs-btn-hover-border-color: #00639e;
}



/* end add new color more */

.customizer-box.color-pallete label .color-box.skin-7 {
    background-color: #090040;
}
.customizer-box.color-pallete label .color-box.skin-8 {
    background-color: #1B4242;
}
.customizer-box.color-pallete label .color-box.skin-9 {
    background-color: #604652;
}
.customizer-box.color-pallete label .color-box.skin-10 {
    background-color: #3F3B6C;
}
.customizer-box.color-pallete label .color-box.skin-11 {
    background-color: #541212;
}
.customizer-box.color-pallete label .color-box.skin-12 {
    background-color: #387478;
}
.customizer-box.color-pallete label .color-box.skin-13 {
    background-color: #FF6500;
}
.customizer-box.color-pallete label .color-box.skin-14 {
    background-color: #F7374F;
}
.customizer-box.color-pallete label .color-box.skin-15 {
    background-color: #537EC5;
}
.customizer-box.color-pallete label .color-box.skin-16 {
    background-color: #3E432E;
}









html[data-layout="horizontal"] .topbar .navbar .navbar-nav .dropdown-menu {
    top: calc(70px - 30px);
}
html[data-layout="horizontal"] .app-header .navbar {
    min-height: 70px;
}
html[data-layout="horizontal"] .app-header .navbar .navbar-nav .nav-item .nav-link {
    line-height: 70px;
}
html[data-layout="horizontal"] #sidebarnav {
    list-style: none;
    padding-left: 0;
}
html[data-layout="horizontal"] .topbar{
  box-shadow: none;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
html[data-layout="horizontal"] .nav-logo{
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
@media (min-width: 1200px) {
    html[data-layout="horizontal"] .topbar {
        z-index: 999;
    }
     html[data-layout="horizontal"] #menu-right-mini-1{
      display: none!important;
     }
     html[data-layout="horizontal"] .topbar {
        width: calc(100% - (220px + 15px));
        right: 0;
    }

    html[data-layout="horizontal"] .with-horizontal {
        display: block;
    }
    html[data-layout="horizontal"] .body-wrapper > .container-fluid,
    html[data-layout="horizontal"] .body-wrapper > .container-lg,
    html[data-layout="horizontal"] .body-wrapper > .container-md,
    html[data-layout="horizontal"] .body-wrapper > .container-sm,
    html[data-layout="horizontal"] .body-wrapper > .container-xl,
    html[data-layout="horizontal"] .body-wrapper > .container-xxl {
        padding-top: 30px !important;
    }
}
html[data-layout="horizontal"] .notification {
    top: 20px;
}
html[data-layout="horizontal"] .body-wrapper {
    margin-top: 110px;
    min-height: auto;
}
html[data-layout="horizontal"] .body-wrapper > .container-fluid,
html[data-layout="horizontal"] .body-wrapper > .container-lg,
html[data-layout="horizontal"] .body-wrapper > .container-md,
html[data-layout="horizontal"] .body-wrapper > .container-sm,
html[data-layout="horizontal"] .body-wrapper > .container-xl,
html[data-layout="horizontal"] .body-wrapper > .container-xxl {
    padding: 15px;
}
@media (min-width: 992px) and (max-width: 1299.98px) {
    html[data-layout="horizontal"] .body-wrapper > .container-fluid,
    html[data-layout="horizontal"] .body-wrapper > .container-lg,
    html[data-layout="horizontal"] .body-wrapper > .container-md,
    html[data-layout="horizontal"] .body-wrapper > .container-sm,
    html[data-layout="horizontal"] .body-wrapper > .container-xl,
    html[data-layout="horizontal"] .body-wrapper > .container-xxl {
        padding: 20px 10px;
    }
}

@media (min-width: 1200px) {
    html[data-layout="horizontal"] .app-header {
        transition: 0s;
    }
    html[data-layout="horizontal"] .app-header .navbar {
        padding: 0;
    }
    html[data-layout="horizontal"] .body-wrapper > .container-fluid,
    html[data-layout="horizontal"] .body-wrapper > .container-lg,
    html[data-layout="horizontal"] .body-wrapper > .container-md,
    html[data-layout="horizontal"] .body-wrapper > .container-sm,
    html[data-layout="horizontal"] .body-wrapper > .container-xl,
    html[data-layout="horizontal"] .body-wrapper > .container-xxl,
    html[data-layout="horizontal"] .navbar,
    html[data-layout="horizontal"] .scroll-sidebar {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav {
        flex-wrap: wrap;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
        display: block;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover > .sidebar-link{
      background: rgba(255, 255, 255, 0.15);
    }
    html[data-layout="horizontal"] .left-sidebar {
        position: fixed;
        top: 47px;
        width: 100%;
        height: auto;
        padding-top: 6px;
        z-index: 998;
        transition: 0s;
        background: var(--hrzntl-mn-bgclr);
    }
    html[data-layout="horizontal"] .left-sidebar .scroll-sidebar {
        /* height: 65px; */
        overflow-y: unset;
        padding: 0 23px;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav {
        display: flex;
        width: 100%;
        margin: 0;
        /* gap: 20px; */
        justify-content: start;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item {
        border-bottom: 0;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item.arw-sbmn.selected{
      background: rgba(255, 255, 255, .15);
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:last-child {
        margin-right: 0;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .sidebar-link {
        margin: 0;
        gap: 5px;
        padding: 0;
        font-size: 13px;
        letter-spacing: inherit;
        color: #fff;
        padding: 10px 12px;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .sidebar-link .hrzntl-mn-icn {
        line-height: 1;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .sidebar-link .hrzntl-mn-icn i{
      font-size: 13px;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .sidebar-link.has-arrow {
        padding-right: 0 !important;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover > .sidebar-link.has-arrow .arw{
      transform: rotate(-180deg);
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .sidebar-link.has-arrow:after {
        right: 16px;
        top: 17px;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item {
        position: relative;
        width: auto;
        margin-bottom: 0;
        /* min-height: 65px; */
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level {
        padding: 10px 0;
        border-radius: 3px;
        animation: menuDropdownShow 0.3s ease-in-out;
        transition: background-color 0.3s;
        border-bottom: 2px solid var(--hrzntl-mn-bgclr);
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .sidebar-item > .sidebar-link .sidebar-icon {
        margin-right: 0;
        margin-left: 0;
        flex-shrink: 0;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .sidebar-item {
        position: relative;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .sidebar-item .sidebar-link {
        font-size: 13px;
        /* gap: 10px; */
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .sidebar-item .sidebar-link:hover {
        background-color: rgba(var(--bs-primary), 0.1);
        color: var(--bs-primary);
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .sidebar-item .sidebar-link .ti {
        font-size: 16px;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .sidebar-item:last-child {
        margin-bottom: 0;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
        transform: rotate(-135deg) translate(0, -50%);
        right: 9px;
        top: 15px;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level {
        right: 0;
        left: auto;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .two-column + .first-level {
        width: 400px;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .two-column + .first-level > .sidebar-item {
        float: left;
        vertical-align: top;
        width: 50%;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item ul {
        position: absolute;
        left: 0;
        top: calc(44px -  0px);
        width: 240px;
        padding-bottom: 0;
        display: none;
        z-index: 100;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
        background: var(--bs-body-bg);
        transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .mega-dropdown {
        position: static;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .mega-dropdown .first-level {
        width: 100%;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .mega-dropdown .first-level > li {
        width: 25%;
        float: left;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level,
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level.collapse {
        display: block;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item ul.second-level {
        left: 240px;
        top: 0;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .right-side-dd ul.second-level,
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level ul.second-level {
        right: 240px;
        top: 0;
        left: auto;
        border-radius: 7px;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav ul.first-level > .sidebar-item:hover ul.second-level {
        display: block;
    }
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav .badge,
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav .nav-small-cap,
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav .sidebar-footer,
    html[data-layout="horizontal"] .sidebar-nav #sidebarnav .user-pro {
        display: none;
    }
    html[data-layout="horizontal"] .sidebar-nav ul .sidebar-item .sidebar-link .arw{
      font-size: 15px;
    vertical-align: middle;
    line-height: 0;
    transition: transform 0.3s ease;
    }
    html[data-layout="horizontal"] .sidebar-nav ul .sidebar-item.selected > .sidebar-link{
      background: transparent!important;
      color: var(--bs-primary);
    }
    html[data-layout="horizontal"] .sidebar-nav ul .sidebar-item > .sidebar-link.active{
      background: transparent!important;
      color: var(--bs-primary);
      font-weight: inherit!important;
      box-shadow: none!important;
    }
    html[data-layout="horizontal"] .side-mini-panel{
      height: inherit;
    }
}
@media (max-width: 1299.98px) {
    html[data-layout="horizontal"] .body-wrapper {
        margin-top: 80px;
    }
    html[data-layout="horizontal"].show-sidebar .left-sidebar {
        left: 0;
    }
    html[data-layout="horizontal"] .side-mini-panel {
        z-index: 9999;
    }
    html[data-layout="horizontal"] .left-sidebar .sidebar-nav .sidebar-item .collapse .sidebar-item .sidebar-link .ti {
        font-size: 16px;
    }
    html[data-layout="horizontal"] .app-header .navbar .navbar-collapse {
        padding: 0;
    }
}
@keyframes menuDropdownShow {
    0% {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.customizer-btn {
    position: fixed;
    bottom: 20px;
    right: 26px;
    z-index: 99;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 17px;
}
.customizer-box label.btn {
    background: 0 0 !important;
    color: var(--bs-body-color);
    box-shadow: rgba(0, 0, 0, 0.05) 0 9px 17.5px !important;
    border: 1px solid var(--bs-border-color) !important;
    display: flex;
    align-items: center;
    transition: all 0.1s ease-in 0s;
    min-width: 80px;
}
.customizer-box label.btn:hover {
    color: var(--bs-primary);
    transform: scale(1.05);
}
.customizer-box .btn-check:checked + .btn,
.customizer-box .btn.active,
.customizer-box .btn.show,
.customizer-box .btn:first-child:active,
.customizer-box :not(.btn-check) + .btn:active {
    color: var(--bs-body-color);
}
.customizer-box .btn-check:checked + .btn .icon,
.customizer-box .btn.active .icon,
.customizer-box .btn.show .icon,
.customizer-box .btn:first-child:active .icon,
.customizer-box :not(.btn-check) + .btn:active .icon {
    color: var(--bs-primary);
}
.customizer-box.color-pallete .btn-check:checked + .btn .icon,
.customizer-box.color-pallete .btn.active .icon,
.customizer-box.color-pallete .btn.show .icon,
.customizer-box.color-pallete .btn:first-child:active .icon,
.customizer-box.color-pallete :not(.btn-check) + .btn:active .icon {
    opacity: 1;
}
.customizer-box.color-pallete label .color-box {
    width: 25px;
    height: 25px;
}
.customizer-box.color-pallete label .color-box .icon {
    opacity: 0;
}
.customizer-box.color-pallete label .color-box.skin-0 {
    background-color: #dd0c2b;
}
.customizer-box.color-pallete label .color-box.skin-1 {
    background-color: #635bff;
}
.customizer-box.color-pallete label .color-box.skin-2 {
    background-color: #0074ba;
}
.customizer-box.color-pallete label .color-box.skin-3 {
    background-color: #763ebd;
}
.customizer-box.color-pallete label .color-box.skin-4 {
    background-color: #0a7ea4;
}
.customizer-box.color-pallete label .color-box.skin-5 {
    background-color: #01c0c8;
}
.customizer-box.color-pallete label .color-box.skin-6 {
    background-color: #fa896b;
}
.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: var(--preloader-bg);
    text-align: center;
    margin: auto;

}
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 40px;
    position: absolute;
    top: calc(50% - 3.5px);
    left: 0;
    right: 0;
    margin: 0 auto;
}
[data-layout="vertical"] .link-sidebar .left-sidebar {
    width: 260px;
    flex-shrink: 0;
    z-index: 99;
    transition: 0.2s ease-in;
    position: fixed;
    left: 0;
    right: 0;
    height: 100%;
}
[data-layout="vertical"] .link-sidebar .brand-logo {
    padding: 0 24px;
}
[data-layout="vertical"] .link-sidebar .scroll-sidebar {
    overflow-y: auto;
    padding: 0 16px;
    height: calc(100vh - 66px);
}
[data-layout="vertical"] .link-sidebar .nav-small-cap .mini-icon {
    display: none;
}
@media (min-width: 1300px) {
    html[data-layout="vertical"] .link-sidebar .topbar {
        width: calc(100% - 260px);
    }
    html[data-layout="vertical"] .link-sidebar .page-wrapper {
        margin-left: 260px;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .topbar {
        width: calc(100% - 80px);
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .brand-logo {
        padding: 0 16px;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .brand-logo .logo-img {
        width: 40px;
        overflow: hidden;
        margin: 0 5px;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .left-sidebar {
        width: 80px;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .page-wrapper {
        margin-left: 80px;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .nav-small-cap {
        text-align: center;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .nav-small-cap .mini-icon {
        display: inline-block;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .nav-small-cap .hide-menu {
        display: none;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .sidebar-nav .has-arrow::after {
        display: none;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .sidebar-nav ul .sidebar-item .sidebar-link {
        padding: 13px 16px;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .sidebar-nav .sidebar-menu .sidebar-item .sidebar-link .hide-menu {
        display: none;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .left-sidebar:hover {
        width: 260px;
        background-color: var(--bs-body-bg);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.03);
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .left-sidebar:hover .brand-logo .logo-img {
        width: auto;
        overflow: unset;
        margin: 0;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .left-sidebar:hover .nav-small-cap {
        text-align: left;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .left-sidebar:hover .nav-small-cap .mini-icon {
        display: none;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .left-sidebar:hover .nav-small-cap .hide-menu {
        display: inline-block;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .left-sidebar:hover .sidebar-nav .has-arrow::after {
        display: inline-block;
    }
    html[data-layout="vertical"] [data-sidebartype="mini-sidebar"].link-sidebar .left-sidebar:hover .sidebar-nav .sidebar-menu .sidebar-item .sidebar-link .hide-menu {
        display: inline-block;
    }
}
@media (max-width: 1299.98px) {
    html[data-layout="horizontal"] .link-sidebar .left-sidebar,
    html[data-layout="horizontal"] .link-sidebar[data-sidebartype="mini-sidebar"] .left-sidebar,
    html[data-layout="vertical"] .link-sidebar .left-sidebar,
    html[data-layout="vertical"] .link-sidebar[data-sidebartype="mini-sidebar"] .left-sidebar {
        left: -260px;
        background-color: var(--bs-body-bg);
    }
    html[data-layout="horizontal"] .link-sidebar .left-sidebar {
        width: 260px;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.03);
        flex-shrink: 0;
        background-color: var(--bs-body-bg);
        z-index: 99;
        transition: 0.2s ease-in;
        position: fixed;
        left: 0;
        right: 0;
        height: 100%;
    }
    html[data-layout="horizontal"] .link-sidebar .scroll-sidebar {
        padding: 0 16px;
        overflow-x: auto;
        height: calc(100vh - 75px);
    }
    html[data-layout="horizontal"] .link-sidebar .nav-small-cap .mini-icon {
        display: none;
    }
}
.accordion-button:focus {
    box-shadow: none;
}
.btn.bg-primary-subtle:hover {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}
.btn.bg-secondary-subtle:hover {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-white) !important;
}
.btn.bg-warning-subtle:hover {
    background-color: var(--bs-warning) !important;
    color: var(--bs-white) !important;
}
.btn.bg-danger-subtle:hover {
    background-color: var(--bs-danger) !important;
    color: var(--bs-white) !important;
}
.btn.bg-success-subtle:hover {
    background-color: var(--bs-success) !important;
    color: var(--bs-white) !important;
}
.btn.bg-info-subtle:hover {
    background-color: var(--bs-info) !important;
    color: var(--bs-white) !important;
}
.btn-default {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}
.btn-white {
    background-color: var(--bs-card-bg);
    color: var(--bs-heading-color);
    box-shadow: 0 6px 24.2px -10px rgba(41, 52, 61, 0.22);
}
.btn-white:hover {
    background-color: var(--bs-dark);
    color: var(--bs-white);
}
.button-group .btn {
    margin-bottom: 12px;
    margin-right: 12px;
}
.btn .text-active {
    display: none;
}
.btn.active .text {
    display: none;
}
.btn.active .text-active {
    display: inline-block;
}
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.border-muted {
    --bs-border-opacity: 0.1 !important;
}
[data-card="border"] .card {
    border: 1px solid var(--bs-border-color);
    box-shadow: none;
}
.card {
    margin-bottom: var(--bs-gutter-x);
}
.card-title {
  font-size: 16px;
  margin-bottom: 8px;
  color: var(--bs-heading-color);
  padding-right: 5px;
}
.brdcrmb-wrp .card-title{
  margin-bottom: 0;
}
.card-subtitle {
    font-size: 15px;
    line-height: 24px;
}
.card-hover {
    transition: 0.2s ease-in;
}
.card-hover:hover {
    transform: translate3d(0, -5px, 0);
}
.cardwithborder .card {
    box-shadow: none;
    border: 1px solid var(--bs-border-color);
}
.card-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: auto;
}
.draggable-cards .card-header {
    cursor: move;
}
.card-moved .card {
    background: var(--bs-info);
    color: var(--bs-white);
}

.progress-bar {
    border-radius: 12px;
}
.progress {
    --bs-progress-bg: #f6f7f9;
}
.attendance .form-select {
    max-width: 120px;
}
.form-check-input.success:checked {
    background-color: var(--bs-success);
    border: var(--bs-success);
}
.form-check-input.danger:checked {
    background-color: var(--bs-danger);
    border: var(--bs-danger);
}
.form-check-input.warning:checked {
    background-color: var(--bs-warning);
    border: var(--bs-warning);
}
.form-check-input.primary:checked {
    background-color: var(--bs-primary);
    border: var(--bs-primary);
}
.form-check-input.secondary:checked {
    background-color: var(--bs-secondary);
    border: var(--bs-secondary);
}
.r-separator .form-group {
    border-bottom: 1px solid var(--bs-border-color);
}
.r-separator .form-group:last-child {
    border-bottom: none;
}
.striped-rows .row:nth-child(odd) {
    background-color: var(--bs-gray-200);
}
.b-form .row {
    border-bottom: 1px solid var(--bs-border-color);
    margin-bottom: 0;
    padding: 15px 0;
}
.b-form .row:last-child {
    border-bottom: none;
}
.b-label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.floating-labels .form-control {
    box-shadow: none;
}
.floating-labels .form-group {
    position: relative;
}
.floating-labels .form-control {
    padding: 10px 10px 10px 0;
    display: block;
    border: none;
    font-family: var(--bs-body-font-family);
    border-radius: 0;
    border-bottom: 1px solid var(--bs-gray-300);
}
.floating-labels .form-control:focus {
    box-shadow: none;
}
.floating-labels select.form-control > option {
    font-size: 14px;
}
.floating-labels .has-error .form-control {
    border-bottom: 1px solid var(--bs-danger) !important;
}
.floating-labels .has-warning .form-control {
    border-bottom: 1px solid var(--bs-warning) !important;
}
.floating-labels .has-success .form-control {
    border-bottom: 1px solid var(--bs-success) !important;
}
.floating-labels .form-control:focus {
    outline: 0;
    border: none;
}
.floating-labels label {
    color: var(--bs-body-color-rgb);
    position: absolute;
    cursor: auto;
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.floating-labels .focused label {
    top: -20px;
    font-size: 12px;
    color: var(--bs-heading-color);
}
.floating-labels .bar {
    position: relative;
    display: block;
}
.floating-labels .bar:after,
.floating-labels .bar:before {
    content: "";
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: var(--bs-primary);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.floating-labels .bar:before {
    left: 50%;
}
.floating-labels .bar:after {
    right: 50%;
}
.floating-labels .form-control:focus ~ .bar:after,
.floating-labels .form-control:focus ~ .bar:before {
    width: 50%;
}
.floating-labels .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}
.floating-labels .input-lg,
.floating-labels .input-lg ~ label {
    font-size: 24px;
}
.floating-labels .input-sm,
.floating-labels .input-sm ~ label {
    font-size: 16px;
}
.has-warning .bar:after,
.has-warning .bar:before {
    background: var(--bs-warning);
}
.has-success .bar:after,
.has-success .bar:before {
    background: var(--bs-success);
}
.has-error .bar:after,
.has-error .bar:before {
    background: var(--bs-danger);
}
.form-control-danger,
.form-control-success,
.form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right 0.5625rem;
    background-size: 1.125rem 1.125rem;
}
.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
    color: var(--bs-success);
}
.has-success .form-control-success {
    background-image: url(../images/svgs/success.svg);
}
.has-success .form-control {
    border-color: var(--bs-success);
}

.has-error .form-control {
    border-color: var(--red);
}


.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
    color: var(--bs-warning);
}
.has-warning .form-control-warning {
    background-image: url(../images/svgs/warning.svg);
}
.has-warning .form-control {
    border-color: var(--bs-warning);
}
.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
    color: var(--bs-danger);
}
.has-danger .form-control-danger {
    background-image: url(../images/svgs/danger.svg);
}
.has-danger .form-control {
    border-color: var(--bs-danger);
}
.dropzone {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--bs-primary) !important;
    border-radius: 12px;
    background-color: var(--bs-primary-bg-subtle) !important;
}
.dropzone .dz-preview .dz-error-message {
    background: var(--bs-danger) !important;
}
.dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid var(--bs-danger) !important;
}
.datepicker .day,
.datepicker .dow {
    padding: 5px 10px;
}
.error .form-control {
    border-color: var(--bs-danger);
}
.error .help-block {
    color: var(--bs-danger);
}
.validate .form-control {
    border-color: var(--bs-success);
}
.validate .help-block {
    color: var(--bs-success);
}
.ql-container {
    height: 300px !important;
    font-family: inherit !important;
}
.table > :not(caption) > * > * {
    border-color: var(--bs-table-border-color);
}
.table th {
    color: var(--bs-heading-color);
}
.table.table-dark th,
.table.table-dark.border {
    color: var(--bs-white);
    border-color: var(--bs-table-border-color) !important;
}
body div.dt-buttons > .dt-button,
body div.dt-buttons > div.dt-button-split .dt-button {
    background: var(--bs-primary);
    border-radius: var(--bs-border-radius-sm);
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    color: #fff;
}
body div.dt-buttons > .dt-button:hover,
body div.dt-buttons > div.dt-button-split .dt-button:hover,
body div.dt-buttons > .dt-button:focus,
body div.dt-buttons > div.dt-button-split .dt-button:focus {
    background: var(--bs-primary) !important;
    border-radius: var(--bs-border-radius-sm) !important;
    background-color: var(--bs-primary) !important;
    border: 1px solid var(--bs-primary) !important;
    color: #fff !important;
}
body table.dataTable.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
    box-shadow: inset 0 0 0 9999px var(--bs-light);
}
body table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px var(--bs-primary);
}
.user-profile-tab .nav-item .nav-link {
    background-color: transparent;
    color: var(--text-drk-color2);
    font-weight: 600;
    letter-spacing: 0.5px;
   font-size: 14px;
   padding: 0px 0;
}
.user-profile-tab .nav-item .nav-link.active {
    color: var(--bs-primary);
    border-bottom: 2px solid var(--bs-primary);
}
.nav-pills .nav-link,
.nav-tabs,
.nav-tabs .nav-link {
    border-radius: var(--bs-border-radius-sm);
}
.theme-tab.nav-tabs .nav-item:hover .nav-link {
    background-color: var(--bs-primary-bg-subtle) !important;
}
.theme-tab.nav-tabs .nav-item .nav-link {
    background-color: #f6f7f9;
    padding: 12px 24px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
}
.theme-tab.nav-tabs .nav-item .nav-link iconify-icon {
    color: var(--bs-body-color);
}
.theme-tab.nav-tabs .nav-item .nav-link.active {
    background-color: var(--bs-primary) !important;
}
.theme-tab.nav-tabs .nav-item .nav-link.active iconify-icon {
    color: var(--bs-white);
}
.form-check-input.secondary:checked {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.form-check-input.danger:checked {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}
.form-check-input.warning:checked {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}
.form-check-input.success:checked {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}
.dropdown-menu-animate-up {
    animation: animation-dropdown-menu-fade-in 0.5s ease 1, animation-dropdown-menu-move-up 0.5s ease-out 1;
}
@keyframes animation-dropdown-menu-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.min-width-40 {
    min-width: 40px !important;
}
.round-8 {
    width: 8px;
    height: 8px;
}
.round-10 {
    width: 10px;
    height: 10px;
}
.round-100 {
    width: 100px;
    height: 100px;
}
.round-16 {
    width: 16px;
    height: 16px;
}
.round-20 {
    width: 20px !important;
    height: 20px !important;
}
.round-32 {
    width: 32px;
    height: 32px;
}
.round-48 {
    width: 48px;
    height: 48px;
}
.round-54 {
    width: 54px;
    height: 54px;
}
.round-56 {
    width: 56px;
    height: 56px;
}
.round-40 {
    width: 40px !important;
    height: 40px;
}
.round {
    width: 45px;
    height: 45px;
}
.round-sm {
    width: 35px;
    height: 35px;
}
.rounded-circle-shape {
    width: 56px;
    height: 40px;
}
.circle-shape {
    width: 18px;
    height: 10px;
}
.custom-tooltip {
    --bs-tooltip-bg: var(--bs-secondary);
}
.nav-icon-hover-bg {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-icon-hover-bg:hover {
    background-color: rgba(255, 255, 255, 0.6);
    color: var(--bs-primary);
}
.radial-gradient {
    position: relative;
}
.radial-gradient::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    /* opacity: 0.3; */
    /* background: radial-gradient(#edfbf3, #dbf2ff, #e9f4ff) 0 0/400% 400%; */
    /* background: radial-gradient(#ffdde3, #fbebee, #ffebef) 0 0 / 400% 400%; */
    background: var(--bs-login-bg-clr);
    animation: 15s ease 0s infinite normal none running gradient;
}
.bg-hover-primary:hover {
    color: var(--bs-primary) !important;
}
.bg-hover-light-black:hover {
    background: var(--bs-light-bg-subtle);
}
hr {
    border-top: 1px solid var(--bs-border-color) !important;
}
.primary-gradient {
    background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 0.12) 0, rgba(var(--bs-primary-rgb), 0.03) 100%);
}
.warning-gradient {
    background: linear-gradient(180deg, rgba(var(--bs-warning-rgb), 0.12) 0, rgba(var(--bs-warning-rgb), 0.03) 100%);
}
.secondary-gradient {
    background: linear-gradient(180deg, rgba(var(--bs-secondary-rgb), 0.12) 0, rgba(var(--bs-secondary-rgb), 0.03) 100%);
}
.danger-gradient {
    background: linear-gradient(180deg, rgba(var(--bs-danger-rgb), 0.12) 0, rgba(var(--bs-danger-rgb), 0.03) 100%);
}
.success-gradient {
    background: linear-gradient(180deg, rgba(var(--bs-success-rgb), 0.12) 0, rgba(var(--bs-success-rgb), 0.03) 100%);
}
.z-index-5 {
    z-index: 5 !important;
}
.text-body-color {
    color: var(--bs-body-color) !important;
}
.title-part-padding {
    padding: 15px 30px;
}
label {
    font-weight: 500;
}
body .text-muted {
    color: #526b7a !important;
}
.form-select {
    --bs-form-select-bg-img: url(../images/svgs/caret-down.svg) !important;
    background-size: 24px 24px;
    background-position: right 11px center;
}
.cursor-pointer {
    cursor: pointer;
}

body .datepicker table tr td.active,
body .datepicker table tr td.active.disabled,
body .datepicker table tr td.active.disabled:hover,
body .datepicker table tr td.active:hover,
body .datepicker table tr td.selected,
body .datepicker table tr td.selected.disabled,
body .datepicker table tr td.selected.disabled:hover,
body .datepicker table tr td.selected:hover,
body .datepicker table tr td.today,
body .datepicker table tr td.today.disabled,
body .datepicker table tr td.today.disabled:hover,
body .datepicker table tr td.today:hover {
    background-color: var(--bs-primary) !important;
    background-image: unset;
    color: #fff;
}
body .datepicker table tr td.day.focused,
body .datepicker table tr td.day:hover,
body .datepicker table tr td.range,
body .datepicker table tr td.range.disabled,
body .datepicker table tr td.range.disabled:hover,
body .datepicker table tr td.range:hover {
    background: var(--bs-gray-100);
}
body .daterangepicker {
    font-family: Manrope, sans-serif;
    border: 1px solid var(--bs-border-color);
}
body .daterangepicker td.active {
    background-color: var(--bs-primary);
}
body .daterangepicker td.active:hover {
    background-color: var(--bs-primary);
}
body .daterangepicker td.in-range {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);
}
body .daterangepicker .drp-buttons {
    border-top: 1px solid var(--bs-border-color);
}
body .daterangepicker .drp-buttons .btn {
    margin-left: 12px;
    font-weight: 400;
    border-radius: var(--bs-border-radius-sm);
}
body .daterangepicker .calendar-table .next span {
    border: solid var(--bs-body-color);
    border-width: 0 2px 2px 0;
}
body .daterangepicker .calendar-table .prev span {
    border: solid var(--bs-body-color);
    border-width: 0 2px 2px 0;
}
body .dtp > .dtp-content {
    max-height: 530px;
}
body .dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: var(--bs-primary) !important;
}
body .dtp div.dtp-date {
    background: var(--bs-primary) !important;
}
body .dtp div.dtp-time {
    background: var(--bs-primary) !important;
}
body .dtp table.dtp-picker-days tr > td > a.selected {
    background: var(--bs-primary) !important;
}
body .dtp table.dtp-picker-days tr > th {
    color: var(--bs-body-color) !important;
}
body .dtp .dtp-actual-meridien a.selected {
    background: var(--bs-primary) !important;
}
body .dtp .p10 > a {
    color: var(--bs-white) !important;
}
body .dtp a.dtp-meridien-am {
    color: var(--bs-body-color) !important;
    background: var(--bs-body-bg) !important;
}
body .dtp a.dtp-meridien-pm {
    color: var(--bs-body-color) !important;
    background: var(--bs-body-bg) !important;
}
body .ql-container.ql-snow,
body .ql-toolbar.ql-snow {
    border: 1px solid var(--bs-border-color);
}
body .ql-container.ql-snow {
    border-radius: 0 0 var(--bs-border-radius-sm) var(--bs-border-radius-sm);
}
body .ql-toolbar.ql-snow {
    border-radius: var(--bs-border-radius-sm) var(--bs-border-radius-sm) 0 0;
}
.calendar-container {
    padding: 30px 30px;
    background-color: var(--bs-primary);
    border-radius: 8px;
    border: 1px solid #e0e6ed;
}
.app-calendar .fc .fc-daygrid-day-frame {
    max-height: 90px;
}
.app-calendar .fc-event-title {
    font-weight: 600;
}
.app-calendar .fc-toolbar-title {
    color: var(--bs-primary);
    font-size: 18px;
}
.app-calendar .fc-daygrid-event {
    border-radius: 4px 20px 20px 4px;
}
.app-calendar .fc .fc-col-header-cell-cushion,
.app-calendar .fc .fc-daygrid-day-number {
    color: var(--bs-body-color-rgb);
    text-decoration: none;
}
.app-calendar .fc .fc-button-primary {
    background-color: var(--bs-gray-100);
    border-color: var(--bs-gray-100);
    letter-spacing: 1px;
    font-size: 14px;
    color: var(--bs-heading-color);
}
.app-calendar .fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: var(--bs-dark);
    font-weight: 400;
    border-color: var(--bs-dark);
    color: #fff;
}
.app-calendar .fc .fc-button-primary:hover {
    background-color: var(--bs-dark);
    color: var(--bs-white);
    border-color: var(--bs-dark);
}
.app-calendar .fc .fc-button-primary:not(:disabled):active {
    background-color: var(--bs-border-color);
    border-color: var(--bs-border-color);
}
.app-calendar .fc .fc-button-primary:focus {
    box-shadow: none !important;
}
.app-calendar .fc .fc-button-primary:active:focus {
    box-shadow: none !important;
}
.app-calendar .fc .fc-list-sticky .fc-list-day > * {
    background-color: var(--bs-white);
}
.app-calendar .fc .fc-daygrid-body {
    width: 100% !important;
}
.app-calendar .fc .fc-scrollgrid-section table {
    width: 100% !important;
}
.app-calendar .fc .fc-scrollgrid-section-body table {
    width: 100% !important;
}
.app-calendar .fc .fc-button {
    border-radius: 12px;
    padding: 7px 20px;
    text-transform: capitalize;
    color: var(--bs-heading-color);
}
.app-calendar .fc .fc-button:hover {
    background-color: var(--bs-gray-300);
    color: var(--bs-dark);
    border-color: var(--bs-gray-300);
}
.app-calendar .fc .fc-next-button {
    border-radius: 0 12px 12px 0;
}
.app-calendar .fc .fc-prev-button {
    border-radius: 12px 0 0 12px;
}
.app-calendar .fc .fc-next-button,
.app-calendar .fc .fc-prev-button {
    padding: 7px 10px;
}
.app-calendar .fc .fc-toolbar > * > :not(:first-child) {
    margin-left: 4px !important;
}
.app-calendar .fc .fc-addEventButton-button {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
    font-weight: 400;
    margin-left: 12px !important;
}
.app-calendar .fc .fc-addEventButton-button:hover {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
    box-shadow: none;
    color: var(--bs-white);
}
.app-calendar .fc .fc-addEventButton-button:not(:disabled):active {
    background-color: var(--bs-primary);
    box-shadow: none;
    color: var(--bs-white);
}
.app-calendar .fc .fc-daygrid-day.fc-day-today {
    background-color: transparent;
    padding: 3px;
    border-radius: 23px;
}
.app-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
    background-color: var(--bs-gray-100);
    border-radius: 8px;
}
.app-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-number {
    font-size: 15px;
    font-weight: 800;
}
.app-calendar .fc .fc-list-event:hover td {
    background-color: var(--bs-gray-100);
}
.app-calendar .fc-theme-standard .fc-list-day-cushion {
    background-color: var(--bs-white);
}
.app-calendar .fc-theme-standard .fc-list {
    border: 1px solid var(--bs-border-color);
}
.app-calendar .fc-theme-standard .fc-scrollgrid {
    border: 0 solid var(--bs-border-color);
    border-width: 0;
}
.app-calendar .fc-theme-standard td {
    border: 1px solid var(--bs-border-color);
}
.app-calendar .fc-theme-standard th {
    border: 1px solid var(--bs-border-color);
    border-bottom: 0;
    border-width: 0;
    height: 56px;
    background-color: var(--bs-gray-100);
    vertical-align: middle;
    color: #526b7a;
}
.app-calendar .fc-v-event .fc-event-main {
    color: var(--bs-gray-200);
}
.app-calendar .fc-timegrid-event-harness-inset .fc-timegrid-event {
    box-shadow: none;
}
.app-calendar .fc-timegrid-event.fc-event-mirror {
    box-shadow: none;
}
.app-calendar .fc-timegrid-more-link {
    box-shadow: none;
}
.app-calendar .event-fc-color {
    background-color: var(--bs-secondary-bg-subtle);
    border-width: 0 0 0 4px;
    border-style: solid;
    padding: 8px 10px;
    margin-bottom: 1px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
.app-calendar .event-fc-color:hover {
    background-color: var(--bs-gray-100);
}
.app-calendar .fc-daygrid-event-dot {
    margin: 0 6px 0 0;
}
.app-calendar .fc-bg-primary {
    color: var(--bs-primary);
    background-color: var(--bs-primary-bg-subtle);
    border-color: var(--bs-primary);
}
.app-calendar .fc-bg-primary .fc-daygrid-event-dot {
    border-color: var(--bs-primary);
}
.app-calendar .fc-bg-primary.fc-h-event .fc-event-main {
    color: var(--bs-primary);
}
.app-calendar .fc-bg-success {
    color: var(--bs-success);
    background-color: var(--bs-success-bg-subtle);
    border-color: var(--bs-success);
}
.app-calendar .fc-bg-success .fc-daygrid-event-dot {
    border-color: var(--bs-success);
}
.app-calendar .fc-bg-success.fc-h-event .fc-event-main {
    color: var(--bs-success);
}
.app-calendar .fc-bg-warning {
    color: var(--bs-warning);
    background-color: var(--bs-warning-bg-subtle);
    border-color: var(--bs-warning);
}
.app-calendar .fc-bg-warning .fc-daygrid-event-dot {
    border-color: var(--bs-warning);
}
.app-calendar .fc-bg-warning.fc-h-event .fc-event-main {
    color: var(--bs-warning);
}
.app-calendar .fc-bg-danger {
    color: var(--bs-danger);
    background-color: var(--bs-danger-bg-subtle);
    border-color: var(--bs-danger);
}
.app-calendar .fc-bg-danger .fc-daygrid-event-dot {
    border-color: var(--bs-danger);
}
.app-calendar .fc-bg-danger.fc-h-event .fc-event-main {
    color: var(--bs-danger);
}
.app-calendar .btn-update-event {
    display: none;
}
@media (max-width: 1199px) {
    .app-calendar .calendar-container {
        padding: 30px 0 0 0;
    }
    .app-calendar .fc-theme-standard .fc-list {
        border: none;
    }
    .app-calendar .fc .fc-toolbar {
        align-items: center;
        flex-direction: column;
    }
    .app-calendar .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 50px;
    }
    .app-calendar .fc-toolbar-chunk:not(:first-child) {
        margin-top: 35px;
    }
}
body .apexcharts-tooltip {
    border-radius: 16px;
}
body .apexcharts-tooltip-marker {
    border-radius: 4px;
    width: 12px;
    height: 4px;
}
body .apexcharts-tooltip.apexcharts-theme-dark {
    background: rgba(17, 28, 45, 0.8);
}
body .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    border-bottom: 0;
    background: rgba(17, 28, 45, 0.7);
}
body .apexcharts-tooltip-series-group {
    padding: 0 14px;
}
body .apexcharts-tooltip-title {
    padding: 10px 14px;
}
.css-bar {
    position: relative;
    display: inline-block;
    font-size: 16px;
    border-radius: 50%;
    background-color: transparent;
    margin-bottom: 20px;
    box-sizing: content-box;
    width: 80px;
    height: 80px;
    font-size: 18px;
}
.css-bar:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: light;
    color: var(--bs-body-color);
    content: attr(data-label);
    background-color: var(--bs-gray-100);
    z-index: 1;
    width: 70px;
    height: 70px;
    margin-left: 5px;
    margin-top: 5px;
    line-height: 70px;
}
.css-bar > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: light;
    color: var(--bs-body-color);
    z-index: 2;
    width: 70px;
    height: 70px;
    margin-left: 5px;
    margin-top: 5px;
    line-height: 70px;
}
.css-bar > i {
    width: 70px;
    height: 70px;
    background: var(--bs-body-bg);
    line-height: 70px;
    position: absolute;
    border-radius: 100%;
    text-align: center;
    margin-left: 5px;
    margin-top: 5px;
    left: 0;
    right: 0;
    z-index: 2;
    font-size: 27px;
    color: var(--bs-body-color);
}
.css-bar-success.css-bar-20 {
    background-image: linear-gradient(90deg, var(--bs-gray-100) 50%, transparent 50%, transparent), linear-gradient(162deg, #36c76c 50%, var(--bs-gray-100) 50%, var(--bs-gray-100));
}
.css-bar-primary.css-bar-20 {
    background-image: linear-gradient(90deg, var(--bs-gray-100) 50%, transparent 50%, transparent), linear-gradient(162deg, var(--bs-primary) 50%, var(--bs-gray-100) 50%, var(--bs-gray-100));
}
.css-bar-danger.css-bar-20 {
    background-image: linear-gradient(90deg, var(--bs-gray-100) 50%, transparent 50%, transparent), linear-gradient(162deg, #ff6692 50%, var(--bs-gray-100) 50%, var(--bs-gray-100));
}
.css-bar-warning.css-bar-40 {
    background-image: linear-gradient(90deg, var(--bs-gray-100) 50%, transparent 50%, transparent), linear-gradient(234deg, #f8c20a 50%, var(--bs-gray-100) 50%, var(--bs-gray-100));
}
.css-bar-info.css-bar-60 {
    background-image: linear-gradient(306deg, #46caeb 50%, transparent 50%, transparent), linear-gradient(270deg, #46caeb 50%, var(--bs-gray-100) 50%, var(--bs-gray-100));
}
.checkout .wizard-content .tab-wizard .steps ul li.done .step {
    background-color: var(--bs-primary) !important;
}
.checkout .wizard-content .tab-wizard .steps ul li.current .step {
    background-color: var(--bs-primary) !important;
}
.checkout .wizard-content .tab-wizard .steps ul li.current a {
    color: var(--bs-muted);
}
.checkout .wizard-content .tab-wizard .steps ul li::after,
.checkout .wizard-content .tab-wizard .steps ul li::before {
    height: 1px;
    width: 44%;
}
.checkout .wizard-content .tab-wizard .steps ul li a {
    margin-top: 32px;
    padding-top: 36px;
    font-size: 12px;
}
.checkout .wizard-content .tab-wizard .steps ul li a .step {
    margin-left: -14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 0;
    font-size: 13px;
    color: #fff;
    background-color: rgba(41, 52, 61, 0.6);
}
.checkout .wizard-content .tab-wizard .actions ul li a:hover {
    background-color: var(--bs-primary);
    color: #fff;
}
.checkout .payment-method .btn-group-active .btn-group input:checked + label {
    background-color: var(--bs-primary-bg-subtle);
    border-color: var(--bs-primary);
    box-shadow: inherit;
}
.checkout .payment-method .btn-group-active .btn-group label {
    border-color: var(--bs-border-color);
}
.checkout .payment-method-list {
    display: none;
}
@media (max-width: 768px) {
    .checkout .wizard-content .tab-wizard .steps ul li {
        display: table-cell;
        width: auto;
        float: none;
    }
    .checkout .wizard-content .tab-wizard .steps ul li:first-child::before,
    .checkout .wizard-content .tab-wizard .steps ul li:last-child::after {
        display: none;
    }
}
@media (min-width: 992px) {
    .datatables .table-responsive {
        overflow-x: clip;
    }
}
.dataTables_wrapper .dataTables_length select {
  appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.625rem;
    cursor: pointer;
    border-radius: 5px;
    border-color: var(--dt-btn-brdr-clr);
    background-image: url('data:image/svg+xml;utf8,<svg fill="%234d4e78" height="10" viewBox="0 0 10 6" width="10" xmlns="http://www.w3.org/2000/svg"><path d="M0 0l5 6 5-6z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-size: 8px;
    height: 46px;
    outline: none;
    width: 50px !important;

}
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_length select{
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" height="10" viewBox="0 0 10 6" width="10" xmlns="http://www.w3.org/2000/svg"><path d="M0 0l5 6 5-6z"/></svg>');
}
/* .dataTables_wrapper .dataTables_length select:focus {
  outline: none;
  border-color: #008cff;
  box-shadow: 0 0 3px #008cff;
} */
 /* .dataTables_wrapper .dataTables_length select {
        padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.625rem;
    font-size: 0.765625rem;
    border-radius: 5px;
    border-color: var(--dt-btn-brdr-clr);
    outline: none;
    height: 46px;
    border-radius: 3px!important;
} */
.dataTables_wrapper .dataTables_length select option{
  background: var(--fltr-btn-bgclr);
  /* color: #fff; */
}
/* .dataTables_wrapper .dataTables_length select option:foucs{
  background: pink;
} */



.dataTables_wrapper .dataTables_filter input {
    padding: 0.25rem 0.5rem;
    font-size: 0.765625rem;
    border-radius: 5px;
    border: 1px solid var(--bs-border-color);
    background-color: #fff;
    box-shadow: 0px 1px 5px #c2c6d6;
}


.dataTables_wrapper .dataTables_filter input:active{
    border: 1px solid var(--bs-primary) !important;
    outline: none;
    box-shadow: none;
}



.dataTables_wrapper .dataTables_paginate .paginate_button {
    cursor: pointer !important;
    padding: 6px 12px !important;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius-sm) !important;
    margin: 0 3px;
    background-color: var(--tbl-prv-btn-bg)!important;
    box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.1),0px 7px 5px -3px rgba(0,0,0,0.1) !important;
    color: var(--tbl-prv-btn-clr)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button .previous {
    border-radius: 7px 0 0 7px;
    background-color: var(--bs-gray-200);

}


.wizard {
    display: block;
    width: 100%;
    overflow: hidden;
}
.wizard a {
    outline: 0;
}
.wizard ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.wizard ul > li {
    display: block;
    padding: 0;
}
.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
}
.wizard > .steps .current-info {
    position: absolute;
    left: -999em;
}
.wizard > .steps > ul > li {
    width: 25%;
    float: left;
}
.wizard > .steps a {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: var(--bs-border-radius-sm);
}
.wizard > .steps a:hover {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: var(--bs-border-radius-sm);
}
.wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 12px;
}
.wizard > .steps .disabled a {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    cursor: default;
}
.wizard > .steps .disabled a:hover {
    background: var(--bs-border-color);
    color: var(--bs-body-color);
    cursor: default;
}
.wizard > .steps .disabled a:active {
    background: var(--bs-border-color);
    color: var(--bs-body-color);
    cursor: default;
}
.wizard > .steps .current a {
    background: var(--bs-primary);
    color: var(--bs-white);
    cursor: default;
}
.wizard > .steps .current a:active {
    background: var(--bs-primary);
    color: var(--bs-white);
    cursor: default;
}
.wizard > .steps .done a {
    background: #9dc8e2;
    color: var(--bs-white);
}
.wizard > .steps .done a:hover {
    background: #9dc8e2;
    color: var(--bs-white);
}
.wizard > .steps .done a:active {
    background: #9dc8e2;
    color: var(--bs-white);
}
.wizard > .steps .error a {
    background: var(--bs-danger);
    color: var(--bs-white);
}
.wizard > .steps .error a:hover {
    background: var(--bs-danger);
    color: var(--bs-white);
}
.wizard > .steps .error a:active {
    background: var(--bs-danger);
    color: var(--bs-white);
}
.wizard > .content {
    background: var(--bs-body-bg);
    display: block;
    margin: 0.5em;
    overflow: hidden;
    position: relative;
    width: auto;
    border-radius: var(--bs-border-radius);
}
.wizard > .content > .title {
    position: absolute;
    left: -999em;
}
.wizard > .content > .body {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 2.5%;
}
.wizard > .content > .body ul {
    list-style: disc !important;
}
.wizard > .content > .body ul > li {
    display: list-item;
}
.wizard > .content > .body > iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}
.wizard > .content > .body input[type="checkbox"] {
    display: inline-block;
}
.wizard > .content > .body input.error {
    background: var(--bs-danger-bg-subtle);
    border: 1px solid var(--bs-danger-bg-subtle);
    color: var(--bs-danger);
}
.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
}
.wizard > .content > .body label.error {
    color: var(--bs-danger);
    display: inline-block;
    margin-left: 1.5em;
}
.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
    margin-top: 20px;
}
.wizard > .actions > ul {
    display: inline-block;
    text-align: right;
}
.wizard > .actions > ul > li {
    float: left;
    margin: 0 6px;
}
.wizard > .actions a {
    background: var(--bs-primary);
    color: var(--bs-white);
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: var(--bs-border-radius-sm);
}
.wizard > .actions a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: var(--bs-border-radius-sm);
}
.wizard > .actions a:active {
    background: var(--bs-primary);
    color: var(--bs-white);
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: var(--bs-border-radius-sm);
}
.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%;
}
.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%;
}
.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}
.wizard.vertical .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}
.wizard.vertical .actions ul li {
    margin: 0 0 0 1em;
}
.wizard .actions ul li a[href="#previous"] {
    background-color: rgba(41, 52, 61, 0.6);
    color: #fff;
    border: 0;
}
.wizard .actions ul li a[href="#previous"]:focus {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
}
.wizard .actions ul li a[href="#previous"]:hover {
    background-color: rgba(41, 52, 61, 0.6) !important;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
}
.wizard .actions ul li a[href="#previous"]:active {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
}
.wizard .actions ul li.disabled {
    opacity: 0.6;
}
.wizard-content .wizard {
    width: 100%;
    overflow: hidden;
}
.wizard-content .wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
}
.wizard-content .wizard > .steps > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    list-style: none;
}
.wizard-content .wizard > .steps > ul > li {
    float: none;
    display: table-cell;
    width: auto;
    vertical-align: top;
    text-align: center;
    position: relative;
}
.wizard-content .wizard > .steps > ul > li:after {
    content: "";
    z-index: 0;
    display: block;
    position: absolute;
    right: 0;
}
.wizard-content .wizard > .steps > ul > li:before {
    content: "";
    z-index: 0;
    display: block;
    position: absolute;
    left: 0;
}
.wizard-content .wizard > .steps > ul > li a {
    position: relative;
    padding-top: 52px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
}
.wizard-content .wizard > .steps > ul > li:first-child:before {
    content: none;
}
.wizard-content .wizard > .steps > ul > li:last-child:after {
    content: none;
}
.wizard-content .wizard > .steps > ul > li.current > a {
    color: var(--bs-muted);
    cursor: default;
}
.wizard-content .wizard > .steps > ul > li.current .step {
    border-color: var(--bs-primary);
    background-color: var(--bs-white);
    color: var(--bs-primary);
}
.wizard-content .wizard > .steps > ul > li.disabled a {
    color: var(--bs-muted);
    cursor: default;
}
.wizard-content .wizard > .steps > ul > li.disabled a:focus {
    color: var(--bs-muted);
    cursor: default;
}
.wizard-content .wizard > .steps > ul > li.disabled a:hover {
    color: var(--bs-muted);
    cursor: default;
}
.wizard-content .wizard > .steps > ul > li.done a {
    color: var(--bs-muted);
}
.wizard-content .wizard > .steps > ul > li.done a:focus {
    color: var(--bs-muted);
}
.wizard-content .wizard > .steps > ul > li.done a:hover {
    color: var(--bs-muted);
}
.wizard-content .wizard > .steps > ul > li.done .step {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}
.wizard-content .wizard > .steps > ul > li.error .step {
    border-color: var(--bs-danger);
    color: var(--bs-danger);
}
.wizard-content .wizard > .steps .current-info {
    position: absolute;
    left: -99999px;
}
.wizard-content .wizard > .steps .current a {
    background: 0 0;
}
.wizard-content .wizard > .steps .disabled a {
    background: 0 0;
}
.wizard-content .wizard > .steps .disabled a:hover {
    background: 0 0;
}
.wizard-content .wizard > .steps .disabled a:active {
    background: 0 0;
}
.wizard-content .wizard > .steps .done a {
    background: 0 0;
}
.wizard-content .wizard > .steps .done a:hover {
    background: 0 0;
}
.wizard-content .wizard > .steps .done a:active {
    background: 0 0;
}
.wizard-content .wizard > .steps .step {
    background-color: var(--bs-white);
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -24px;
    z-index: 1;
    text-align: center;
}
.wizard-content .wizard > .content {
    background: 0 0;
    overflow: hidden;
    position: relative;
    width: auto;
    padding: 0;
    margin: 0;
}
.wizard-content .wizard > .content > .title {
    position: absolute;
    left: -99999px;
}
.wizard-content .wizard > .content > .body {
    padding: 0 20px;
}
.wizard-content .wizard > .content > iframe {
    border: 0;
    width: 100%;
    height: 100%;
}
.wizard-content .wizard .content {
    margin-left: 0 !important;
}
.wizard-content .wizard .actions {
    position: relative;
    display: block;
    text-align: right;
    padding: 0 20px 20px;
}
.wizard-content .wizard .actions a {
    background: 0 0;
}
.wizard-content .wizard .actions a:hover {
    background: 0 0;
}
.wizard-content .wizard .actions > ul {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}
.wizard-content .wizard .actions > ul > li {
    float: none;
    float: left;
}
.wizard-content .wizard .actions > ul > li > a {
    background: var(--bs-primary);
    color: var(--bs-white);
    display: block;
    padding: 7px 12px;
    border-radius: 12px;
    border: 1px solid transparent;
}
.wizard-content .wizard .actions > ul > li > a:focus {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
}
.wizard-content .wizard .actions > ul > li > a:hover {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
}
.wizard-content .wizard .actions > ul > li > a:active {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
}
.wizard-content .wizard .actions > ul > li a[href="#previous"] {
    background-color: rgba(41, 52, 61, 0.6);
    color: #fff;
    border: 0;
}
.wizard-content .wizard .actions > ul > li a[href="#previous"]:focus {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
}
.wizard-content .wizard .actions > ul > li a[href="#previous"]:hover {
    background-color: rgba(41, 52, 61, 0.6) !important;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
}
.wizard-content .wizard .actions > ul > li a[href="#previous"]:active {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
}
.wizard-content .wizard .actions > ul:after {
    content: "";
    display: table;
    clear: both;
}
.wizard-content .wizard .actions > ul > li + li {
    margin-left: 6px;
}
.wizard-content .wizard .actions > ul > li.disabled > a {
    opacity: 0.5;
    color: var(--bs-primary);
}
.wizard-content .wizard .actions > ul > li.disabled > a:focus {
    color: var(--bs-primary);
}
.wizard-content .wizard .actions > ul > li.disabled > a:hover {
    color: var(--bs-primary);
}
.wizard-content .wizard .actions > ul > li.disabled > a[href="#previous"] {
    box-shadow: none;
}
.wizard-content .wizard .actions > ul > li.disabled > a[href="#previous"]:focus {
    box-shadow: none;
}
.wizard-content .wizard .actions > ul > li.disabled > a[href="#previous"]:hover {
    box-shadow: none;
}
.wizard-content .wizard .actions ul li.disabled a {
    color: var(--bs-white);
    background-color: rgba(41, 52, 61, 0.6);
    opacity: 0.6;
    border: 1px solid rgba(41, 52, 61, 0.6);
}
.wizard-content .wizard .actions ul li.disabled a:hover {
    color: var(--bs-white);
    background-color: rgba(41, 52, 61, 0.6) !important;
    opacity: 0.6;
    border: 1px solid rgba(41, 52, 61, 0.6);
}
.wizard-content .wizard .actions ul li a {
    background: var(--bs-primary);
}
.wizard-content .wizard .actions ul li a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}
.wizard-content .wizard.wizard-circle > .steps > ul > li:after {
    top: 45px;
    width: 50%;
    height: 3px;
    background-color: var(--bs-primary);
}
.wizard-content .wizard.wizard-circle > .steps > ul > li:before {
    top: 45px;
    width: 50%;
    height: 3px;
    background-color: var(--bs-primary);
}
.wizard-content .wizard.wizard-circle > .steps > ul > li.current:after {
    background-color: var(--bs-light);
}
.wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after {
    background-color: var(--bs-light);
}
.wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
    background-color: var(--bs-light);
}
.wizard-content .wizard.wizard-circle > .steps .step {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 3px solid var(--bs-light);
    font-size: 1.3rem;
    border-radius: 50%;
}
.wizard-content .wizard.wizard-notification > .steps > ul > li:after {
    top: 39px;
    width: 50%;
    height: 2px;
    background-color: var(--bs-primary);
}
.wizard-content .wizard.wizard-notification > .steps > ul > li:before {
    top: 39px;
    width: 50%;
    height: 2px;
    background-color: var(--bs-primary);
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.current .step {
    border: 2px solid var(--bs-primary);
    color: var(--bs-primary);
    line-height: 36px;
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.current .step:after {
    border-top-color: var(--bs-primary);
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.current:after {
    background-color: var(--bs-light);
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.done .step {
    color: var(--bs-white);
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.done .step:after {
    border-top-color: var(--bs-primary);
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.current ~ li:after {
    background-color: var(--bs-light);
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.current ~ li:before {
    background-color: var(--bs-light);
}
.wizard-content .wizard.wizard-notification > .steps .step {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.3rem;
    border-radius: 15%;
    background-color: var(--bs-light);
}
.wizard-content .wizard.wizard-notification > .steps .step:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    margin-bottom: -8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid var(--bs-light);
}
.wizard-content .wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 20%;
}
.wizard-content .wizard.vertical > .steps > ul > li {
    display: block;
    width: 100%;
}
.wizard-content .wizard.vertical > .steps > ul > li:after {
    background-color: transparent !important;
}
.wizard-content .wizard.vertical > .steps > ul > li:before {
    background-color: transparent !important;
}
.wizard-content .wizard.vertical > .steps > ul > li.current:after {
    background-color: transparent !important;
}
.wizard-content .wizard.vertical > .steps > ul > li.current:before {
    background-color: transparent !important;
}
.wizard-content .wizard.vertical > .steps > ul > li.current ~ li:after {
    background-color: transparent !important;
}
.wizard-content .wizard.vertical > .steps > ul > li.current ~ li:before {
    background-color: transparent !important;
}
.wizard-content .wizard.vertical.wizard > .content {
    min-width: 80%;
}
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}
.tabcontrol a {
    outline: 0;
}
.tabcontrol ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.tabcontrol ul > li {
    display: block;
    padding: 0;
}
.tabcontrol > .steps {
    position: relative;
    display: block;
    width: 100%;
}
.tabcontrol > .steps .current-info {
    position: absolute;
    left: -999em;
}
.tabcontrol > .steps > ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}
.tabcontrol > .steps > ul > li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tabcontrol > .steps > ul > li:hover {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    padding: 0;
}
.tabcontrol > .steps > ul > li > a {
    color: var(--bs-body-color);
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}
.tabcontrol > .steps > ul > li > a:hover {
    text-decoration: none;
}
.tabcontrol > .steps > ul > li.current {
    background: var(--bs-white);
    border: 1px solid var(--bs-border-color);
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}
.tabcontrol > .steps > ul > li.current > a {
    padding: 15px 30px 10px 30px;
}
.tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid var(--bs-border-color);
    padding-top: 20px;
}
.tabcontrol > .content > .title {
    position: absolute;
    left: -999em;
}
.tabcontrol > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}
.tabcontrol > .content > .body ul {
    list-style: disc !important;
}
.tabcontrol > .content > .body ul > li {
    display: list-item;
}
@media (max-width: 768px) {
    .wizard-content .wizard > .steps > ul {
        margin-bottom: 20px;
    }
    .wizard-content .wizard > .steps > ul > li {
        display: block;
        float: left;
        width: 50%;
    }
    .wizard-content .wizard > .steps > ul > li > a {
        margin-bottom: 0;
    }
    .wizard-content .wizard > .steps > ul > li:first-child:before {
        content: "";
    }
    .wizard-content .wizard > .steps > ul > li:last-child:after {
        content: "";
        background-color: var(--bs-primary);
    }
    .wizard-content .wizard.vertical > .steps {
        width: 15%;
    }
}
@media (max-width: 480px) {
    .wizard-content .wizard > .steps > ul > li {
        width: 100%;
    }
    .wizard-content .wizard > .steps > ul > li.current:after {
        background-color: var(--bs-primary);
    }
    .wizard-content .wizard.vertical > .steps {
        width: 100%;
        float: none;
    }
    .wizard-content .wizard.vertical > .steps > ul > li {
        display: block;
        float: left;
        width: 50%;
    }
}
@media (max-width: 600px) {
    .wizard .steps ul li {
        width: 100%;
    }
    .wizard.vertical .steps {
        width: 100%;
    }
}
svg {
    touch-action: none;
}
.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none;
}
.jvectormap-tip {
    position: absolute;
    display: none;
    border: 0;
    border-radius: 12px;
    background: #0a2540;
    color: #fff;
    font-family: inherit;
    font-size: smaller;
    padding: 3px;
}
.jvectormap-goback,
.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 12px;
    background: #0a2540;
    padding: 3px;
    color: #fff;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 10px;
    height: 10px;
}
.jvectormap-zoomin {
    top: 10px;
}
.jvectormap-zoomout {
    top: 30px;
}
.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}
.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat
        url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}
.jvectormap-legend-title {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}
.jvectormap-legend-cnt {
    position: absolute;
}
.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}
.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}
.jvectormap-legend {
    background: #0a2540;
    color: #fff;
    border-radius: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}
.jvectormap-legend-tick-text {
    font-size: 12px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}
circle.jvectormap-marker {
    stroke-width: 2px;
    stroke: #fff;
    filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.25));
}
.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 600px;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}
.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dd-list .dd-list {
    padding-left: 30px;
}
.dd-collapsed .dd-list {
    display: none;
}
.dd-empty,
.dd-item,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}
.dd-handle {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    cursor: move;
    color: var(--bs-body-color);
    text-decoration: none;
    font-weight: 700;
    border: 1px solid var(--bs-border-color);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd-item > button {
    display: block;
    position: absolute;
    cursor: pointer;
    height: 25px;
    margin: 5px;
    width: 25px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: 500;
}
.dd-item > button:before {
    content: "+";
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
    content: "-";
}
.dd3-handle:before {
    color: var(--bs-body-color) !important;
}
.dd-empty,
.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: var(--bs-body-bg);
    border: 1px dashed var(--bs-border-color);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd-empty {
    border: 1px dashed var(--bs-border-color);
    min-height: 100px;
    background-color: var(--bs-body-bg);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}
.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
    margin-top: 0;
}
.dd-dragel .dd-handle {
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.dd3-content {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px 5px 40px;
    color: var(--bs-body-color);
    text-decoration: none;
    font-weight: 700;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd3-content:hover {
    color: var(--bs-body-color);
    background: #fff;
}
.dd-dragel > .dd3-item > .dd3-content {
    margin: 0;
}
.dd3-item > button {
    margin-left: 30px;
}
.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before {
    content: "\ec42";
    font-family: tabler-icons;
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    text-indent: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--bs-body-color);
    top: 7px;
}
.myadmin-dd .dd-list .dd-item .dd-handle {
    background: var(--bs-light);
    border: 1px solid var(--bs-border-color);
    padding: 8px 16px 8px 30px;
    height: auto;
    font-family: inherit;
    font-weight: 400;
    border-radius: var(--bs-border-radius-sm);
}
.myadmin-dd-empty .dd-list .dd3-content {
    height: auto;
    border: 1px solid #e0e6eb;
    padding: 8px 16px 8px 46px;
    background: var(--bs-light);
    font-weight: 400;
    border-radius: var(--bs-border-radius-sm);
}
.myadmin-dd-empty .dd-list .dd3-handle {
    border: 1px solid #e0e6eb;
    border-bottom: 0;
    background: var(--bs-light);
    height: 36px;
    width: 36px;
    border-radius: var(--bs-border-radius-sm);
}
body .circle-filled .noUi-handle {
    background: var(--bs-primary);
    border-radius: 50%;
}
body .circle-filled .noUi-handle:after {
    display: none;
}
body .circle-filled .noUi-handle:before {
    display: none;
}
body .noUi-handle {
    box-shadow: none;
    border-radius: 50%;
    background: #fff;
    border: 5px solid var(--bs-primary);
}
body .noUi-handle:after {
    display: none;
}
body .noUi-handle:before {
    display: none;
}
body .noUi-background {
    background: var(--bs-gray-100);
}
body .noUi-target {
    background-color: var(--bs-gray-100);
    border: none;
    box-shadow: none;
    border-radius: 1rem;
}
body .noUi-target.noUi-connect {
    box-shadow: none;
}
body .noUi-horizontal {
    height: 10px;
    padding-right: 17px;
}
body .noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    top: -5px;
    left: -1px;
}
body .noUi-horizontal .noUi-origin {
    left: 17px;
    right: -17px;
}
body .noUi-horizontal.slider-xl {
    height: 14px;
}
body .noUi-horizontal.slider-xl .noUi-handle {
    width: 28px;
    height: 28px;
    top: -7px;
}
body .noUi-horizontal.slider-lg {
    height: 12px;
}
body .noUi-horizontal.slider-lg .noUi-handle {
    width: 24px;
    height: 24px;
    top: -6px;
}
body .noUi-horizontal.slider-sm {
    height: 6px;
}
body .noUi-horizontal.slider-sm .noUi-handle {
    top: -7px;
}
body .noUi-horizontal.slider-xs {
    height: 3px;
}
body .noUi-horizontal.slider-xs .noUi-handle {
    top: -8px;
}
body .noUi-vertical.square .noUi-handle {
    background: var(--bs-primary);
    border-radius: 3px;
}
body .noUi-vertical.square .noUi-handle:before {
    display: block;
    width: 12px;
    height: 2px;
    left: -1px;
    top: 2px;
}
body .noUi-vertical.square .noUi-handle:after {
    display: block;
    width: 12px;
    height: 2px;
    left: -1px;
    top: 7px;
}
body .square .noUi-handle {
    background: var(--bs-primary);
    border-radius: 3px;
}
body .square .noUi-handle:before {
    display: block;
    width: 2px;
    height: 10px;
    left: 2px;
    top: 0;
}
body .square .noUi-handle:after {
    display: block;
    width: 2px;
    height: 10px;
    left: 7px;
    top: 0;
}
body .square.slider-xl .noUi-handle:before {
    left: 5px;
    top: 4px;
}
body .square.slider-xl .noUi-handle:after {
    left: 10px;
    top: 4px;
}
body .square.slider-lg .noUi-handle:before {
    left: 3px;
    top: 2px;
}
body .square.slider-lg .noUi-handle:after {
    left: 8px;
    top: 2px;
}
body .noUi-connect {
    background: var(--bs-primary);
    box-shadow: none;
}
body .noUi-vertical {
    display: inline-block;
    width: 8px;
    height: 150px;
}
body .noUi-vertical .noUi-handle {
    width: 20px;
    height: 20px;
    top: -5px;
    left: -6px;
}
body .select2-container .select2-search--inline .select2-search__field {
    font-family: inherit;
}
body .select2-container--classic .select2-search--dropdown .select2-search__field,
body .select2-container--default .select2-search--dropdown .select2-search__field,
body .select2-container--default.select2-container--focus .select2-selection--multiple,
body .select2-dropdown {
    border: 1px solid var(--bs-border-color);
}

body .select2-container--classic .select2-selection--single,
body .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: var(--bs-white);
    background-image: unset !important;
}
body .select2-container--classic .select2-selection--single .select2-selection__arrow {
    border: 0;
}
body .select2-container--classic .select2-selection--single .select2-selection__arrow,
body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
    right: 14px;
    width: auto;
}
body .select2-container .select2-search--inline .select2-search__field {
    height: 24px;
}
body .select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
    color: var(--bs-body-color);
}
body .select2-container .select2-search--inline .select2-search__field::placeholder {
    color: var(--bs-body-color);
}
body .select2-container .flag-icon {
    margin-right: 6px;
}

body .select2-results__option {
    padding: 8px 10px;
    color: var(--bs-heading-color);
    font-size: 0.75rem;
}
body .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: var(--bs-light);
}

body .select2-container--default .select2-selection--multiple {
    line-height: 27px;
    height: auto;
}
body .select2-container--classic .select2-selection--multiple .select2-selection__choice,
body .select2-container--default .select2-selection--multiple .select2-selection__choice,
body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: var(--bs-border-radius-sm);
}
[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}
.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}
.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}
.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
.simplebar-content:after {
    content: " ";
    display: table;
}
.simplebar-content:before {
    content: " ";
    display: table;
}
.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}
.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}
[data-simplebar].simplebar-dragging {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}
.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}
.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s 0.5s linear;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
}
.simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.5;
    transition-delay: 0s;
    transition-duration: 0s;
}
.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}
.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto;
}
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}
.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
}
.simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0;
}
body div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: var(--bs-primary) !important;
    border-radius: var(--bs-border-radius-sm);
}
body div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: unset;
}
body div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    background-color: #ff6692 !important;
    border-radius: var(--bs-border-radius-sm);
}
body div:where(.swal2-container) .h2:where(.swal2-title),
body div:where(.swal2-container) h2:where(.swal2-title) {
    color: var(--bs-heading-color);
}
body div:where(.swal2-icon).swal2-success .swal2-success-ring {
    border: 0.25em solid rgba(54, 199, 108, 0.3);
}
body div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] {
    background-color: var(--bs-success);
}
.toastr {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    color: #fff;
}
.toast-title {
    font-weight: 700;
}
.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.toast-message a,
.toast-message label {
    color: #fff;
}
.toast-message a:hover {
    color: var(--bs-body-color);
    text-decoration: none;
}
.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    line-height: 1;
}
.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
}
.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}
.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-left {
    top: 12px;
    left: 12px;
}
.toast-top-right .toast {
    position: fixed;
    top: 12px;
    right: 12px;
}
.toast-bottom-right .toast {
    position: fixed;
    right: 12px;
    bottom: 12px;
}
.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}
.toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    width: 100% !important;
}
.toast-container * {
    box-sizing: border-box;
}
.toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    color: #fff;
    opacity: 1;
}
.toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}
.toast-container > .toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}
.toast-container > .toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
.toast-container > .toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
.toast-container > .toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}
.toast-container.toast-bottom-center > div,
.toast-container.toast-top-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.toast-container.toast-bottom-full-width > div,
.toast-container.toast-top-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.toast-success {
    background-color: #36c76c !important;
}
.toast-error {
    background-color: #ff6692 !important;
}
.toast-info {
    background-color: #46caeb !important;
}
.toast-warning {
    background-color: #f8c20a !important;
}
.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: 0.4;
}
@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }
    .toast-container > div.rtl {
        padding: 8px 50px 8px 8px;
    }
    .toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
    .toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}
@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
    .toast-container > div.rtl {
        padding: 15px 50px 15px 15px;
    }
}
.toast-container .toast {
    max-width: 100%;
}
.twitter-typeahead {
    width: 100%;
}
.twitter-typeahead .tt-menu {
    width: 100%;
    background: var(--bs-white);
    border: 1px solid var(--bs-gray-100);
    border-radius: 5px;
    padding: 0.75rem 0;
}
.twitter-typeahead .tt-menu .tt-suggestion {
    padding: 0.25rem 0.75rem;
    cursor: pointer;
}
.twitter-typeahead .tt-menu .tt-suggestion:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}
.twitter-typeahead .empty-message {
    padding: 5px 10px;
    text-align: center;
}
.twitter-typeahead .rtl-typeahead .tt-menu {
    text-align: right;
}
.twitter-typeahead .league-name {
    margin: 0 10px 5px;
    padding: 7px 5px 10px;
    border-bottom: 1px solid var(--bs-gray-200);
}
.scrollable-dropdown .twitter-typeahead .tt-menu {
    max-height: 80px;
    overflow-y: auto;
}
.bootstrap-maxlength {
    margin-top: 0.5rem;
}
body :not(pre) > code[class*="language-"],
body pre[class*="language-"] {
    background: #1f2a3d;
}
.auth-bg {
    background: url(../images/login-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.auth-login {
    max-width: 1160px;
}
.auth-carousel.carousel .carousel-indicators {
    margin-bottom: -5rem;
    opacity: 1;
}
.auth-carousel.carousel .carousel-indicators button {
    background-color: var(--bs-primary-bg-subtle);
    width: 7px;
    height: 7px;
    border-radius: 100%;
    border-top: 0;
    border-bottom: 0;
}
.auth-carousel.carousel .carousel-indicators button.active {
    width: 32px;
    background-color: var(--bs-primary);
    border-radius: 20px;
}
.mh-n100 {
    max-height: calc(100vh - 100px);
}
.h-n150 {
    height: calc(100vh - 150px);
}
.h-n280 {
    height: calc(100vh - 280px);
}
.h-n80 {
    height: calc(100vh - 80px);
}
.action-btn.show-btn {
    display: none;
}
.parent-chat-box.app-chat-right .chat-box {
    width: 100%;
}
.parent-chat-box.app-chat-right .app-chat-offcanvas {
    width: 0;
}
@media (max-width: 991.98px) {
    .parent-chat-box .app-chat-offcanvas {
        width: 0;
    }
    .parent-chat-box.app-chat-right .app-chat-offcanvas {
        width: 300px;
        position: absolute;
        z-index: 9;
    }
}
@media (max-width: 575.98px) {
    .parent-chat-box.app-chat-right .app-chat-offcanvas {
        left: 0;
        position: absolute;
        z-index: 9;
    }
}
.cht-filter ul{
  margin: 0;
    text-align: right;
    margin-bottom: 11px;
}
.cht-filter ul li{
  display: inline-block;
  /* margin-left: 8px; */
}
.cht-filter ul li a{
      display: block;
    /* background: ; */
    line-height: 1;
    padding: 6px 12px;
    border-radius: 25px;
    font-size: 12px;
    border: 1px solid var(--bs-primary-bg-subtle);
}
.cht-filter ul li a.active{
  background: var(--bs-primary-bg-subtle);
}
.nm-fst-ltr{
  width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 50%;
}
.email-box {
    width: 100% !important;
}
.chat-box {
    width: 100%;
}
.chat-box .chat-box-inner {
     height: calc(100vh - 265px);
    /* max-height: 800px; */
}
.chat-box .chat {
    display: none;
}
.chat-box .chat.active-chat {
    display: block;
}
.app-chat-offcanvas {
    flex-shrink: 0;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    z-index: 2;
    background-color: var(--bs-card-bg);
    visibility: visible;
}
.file-chat-hover:hover .download-file {
    display: block;
}
.file-chat-hover .download-file {
    display: none;
}
@media (max-width: 991.98px) {
    .app-chat .chat-users {
        height: calc(100vh - 295px) !important;
    }
}
.min-width-340 {
    min-width: 340px;
}
@media (max-width: 991.98px) {
    .app-email-chatting-box {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--bs-card-bg);
    }
    .min-width-340 {
        min-width: 100%;
    }
}
.note-has-grid .nav-link {
    padding: 0.5rem;
}
.note-has-grid .single-note-item .favourite-note {
    cursor: pointer;
}
.note-has-grid .single-note-item .side-stick {
    position: absolute;
    width: 3px;
    height: 35px;
    left: 0;
    background-color: var(--bs-gray-700);
}
.note-has-grid .single-note-item .category-dropdown.dropdown-toggle:after {
    display: none;
}
.note-has-grid .single-note-item .category [class*="category-"] {
    height: 15px;
    width: 15px;
    display: none;
}
.note-has-grid .single-note-item .category .category-business {
    background-color: var(--bs-success-bg-subtle);
    border: 2px solid var(--bs-success);
}
.note-has-grid .single-note-item .category .category-social {
    background-color: var(--bs-info-bg-subtle);
    border: 2px solid var(--bs-info);
}
.note-has-grid .single-note-item .category .category-important {
    background-color: var(--bs-danger-bg-subtle);
    border: 2px solid var(--bs-danger);
}
.note-has-grid .single-note-item.all-category .point {
    color: rgba(var(--bs-gray-700), 0.5);
}
.note-has-grid .single-note-item.note-business .point {
    color: var(--bs-success-bg-subtle);
}
.note-has-grid .single-note-item.note-business .side-stick {
    background-color: var(--bs-success);
}
.note-has-grid .single-note-item.note-business .category .category-business {
    display: inline-block;
}
.note-has-grid .single-note-item.note-favourite .favourite-note {
    color: var(--bs-warning);
}
.note-has-grid .single-note-item.note-social .point {
    color: var(--bs-info-bg-subtle);
}
.note-has-grid .single-note-item.note-social .side-stick {
    background-color: var(--bs-info);
}
.note-has-grid .single-note-item.note-social .category .category-social {
    display: inline-block;
}
.note-has-grid .single-note-item.note-important .point {
    color: var(--bs-danger-bg-subtle);
}
.note-has-grid .single-note-item.note-important .side-stick {
    background-color: var(--bs-danger);
}
.note-has-grid .single-note-item.note-important .category .category-important {
    display: inline-block;
}
.note-has-grid .single-note-item.all-category .more-options,
.note-has-grid .single-note-item.all-category.note-favourite .more-options {
    display: block;
}
.note-has-grid .single-note-item.all-category.note-business .more-options,
.note-has-grid .single-note-item.all-category.note-favourite.note-business .more-options,
.note-has-grid .single-note-item.all-category.note-favourite.note-important .more-options,
.note-has-grid .single-note-item.all-category.note-favourite.note-social .more-options,
.note-has-grid .single-note-item.all-category.note-important .more-options,
.note-has-grid .single-note-item.all-category.note-social .more-options {
    display: none;
}
.app-invoice .invoice-users {
    height: calc(100vh - 262px);
}
.invoice-inner-part .invoiceing-box #custom-invoice #printableArea {
    display: none;
}
.hover-img img {
    transition: transform 0.2s;
}
.hover-img:hover img {
    transform: scale(1.09);
}
.btn-custom-fill .form-check-input {
    position: absolute;
    top: 30px;
    z-index: 99;
}
.btn-custom-fill .btn-outline-primary:hover {
    background-color: var(--bs-primary-bg-subtle);
}
/*.search-table tr > td:first-child,
.search-table tr > th:first-child {
    padding-left: 0;
}*/
.search-table tr > td:last-child,
.search-table tr > th:last-child {
    padding-right: 0;
}
.growl-notification-example {
    cursor: default;
    display: none;
}
.blog-img-one {
    background-image: url(../images/blog/blog-img9.jpg);
}
.blog-img-two {
    background-image: url(../images/blog/blog-img10.jpg);
}
.blog {
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}
.blog::before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(33, 33, 33, 0.6);
}
.labels-chart .label-1 {
    position: absolute;
    width: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -3px;
}
.labels-chart .label-2 {
    position: absolute;
    right: -15px;
    top: 50%;
}
.labels-chart .label-3 {
    position: absolute;
    width: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    text-align: center;
}
.labels-chart .label-4 {
    position: absolute;
    left: -15px;
    top: 50%;
}
@media (min-width: 1500px) {
    .labels-chart .label-2 {
        right: 0;
    }
    .labels-chart .label-4 {
        left: 0;
    }
}
.badge-custom-dark {
    background-color: rgba(41, 52, 61, 0.2);
    padding: 7px 12px;
}
.bg-primary-gt {
    background: linear-gradient(261.23deg, var(--bs-primary) 0.42%, #5a52ff 100%);
    position: relative;
}
.bg-primary-gt:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/backgrounds/welcome-bg2.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.rounded-bars .apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path {
    clip-path: inset(0 0 5% 0 round 20px);
}
.rounded-pill-bars .apexcharts-rangebar-area {
    clip-path: inset(9% 0 11% round 24px);
}
.h-280 {
    height: 280px;
}
.timeline-widget .timeline-item {
    min-height: 60px;
}
.timeline-widget .timeline-item .timeline-time {
    padding: 4px 12px 4px 0;
    min-width: 58px;
}
.timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background-color: transparent;
}
.timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge-border {
    width: 1px;
    height: 100%;
    background-color: var(--bs-border-color);
}
.timeline-widget .timeline-item .timeline-desc {
    padding: 4px 12px;
}
.timeline-widget .timeline-item .timeline-badge.badge-primary {
    border: 2px solid var(--bs-primary);
}
.last-items-borderless tr:last-child td {
    border-bottom: 0;
}
.toast-onload {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 999;
    max-width: 294px;
    width: 100%;
    transition: all 0.5s;
}
.el-element-overlay .white-box {
    padding: 0;
}
.el-element-overlay .el-card-item .el-overlay-1 {
    cursor: default;
}
.el-element-overlay .el-card-item .el-overlay-1 img {
    height: auto;
    transition: all 0.4s linear;
}
.el-element-overlay .el-card-item .el-overlay-1:hover img {
    transform: scale(1.2) translateZ(0);
    -ms-transform: scale(1.2) translateZ(0);
    -webkit-transform: scale(1.2) translateZ(0);
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0);
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link {
    padding: 12px 15px 10px;
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link:hover {
    border-color: var(--bs-primary);
    background: var(--bs-primary);
}
.el-element-overlay .el-card-item .el-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;
}
.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
    opacity: 1;
    transform: translateZ(0);
}
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
    top: 0;
}
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
    top: 0;
    height: 100%;
}
.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
    top: -100%;
}
.el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
    top: 100%;
    height: 0;
}
@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0;
    }
    100% {
        background-position: 0 0;
    }
}
body .edit-list,
body .edit-tsk {
    display: none;
}
body .task-list-section {
    display: flex;
    gap: 24px;
    flex-wrap: nowrap;
}
body .task-list-container {
    width: 265px;
    flex-shrink: 0;
}
body .connect-sorting-todo {
    background: var(--bs-gray-200);
}
body .connect-sorting-inprogress {
    background-color: var(--bs-secondary-bg-subtle) !important;
}
body .connect-sorting-pending {
    background-color: var(--bs-info-bg-subtle) !important;
}
body .connect-sorting-done {
    background-color: var(--bs-success-bg-subtle) !important;
}
body .connect-sorting {
    padding: 20px;
    background: var(--bs-gray-200);
    border-radius: var(--bs-border-radius);
}
body .connect-sorting .task-container-header {
    display: flex;
    justify-content: space-between;
    padding: 6px 3px 18px;
}
body .connect-sorting .task-container-header .dropdown-toggle::after {
    display: none;
}
body .connect-sorting .task-container-header .dropdown .dropdown-toggle {
    width: 24px;
    height: 24px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-shadow: var(--bs-box-shadow);
    border-radius: 100%;
    background-color: var(--bs-body-bg);
    font-weight: var(--font-weight-bolder);
}
body .connect-sorting .add-s-task .addTask {
    width: 24px;
    height: 24px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-shadow: var(--bs-box-shadow);
    border-radius: 100%;
    background-color: var(--bs-body-bg);
    font-weight: var(--font-weight-bolder);
}
body .scrumboard .task-header {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 11px 13px;
}
body .scrumboard .task-header .dropdown .dropdown-toggle::after {
    display: none;
}
body .scrumboard .task-header .h4,
body .scrumboard .task-header h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
body .scrumboard .task-header .h4:hover,
body .scrumboard .task-header h4:hover {
    cursor: move;
}
body .scrumboard .task-content {
    padding: 11px 13px;
}
body .scrumboard .card {
    background: var(--bs-body-bg);
    border: none;
    border-radius: var(--bs-border-radius);
    margin-bottom: 15px;
}
body .scrumboard .card .card-body {
    padding: 0;
}
body .scrumboard .card .card-body .task-body .task-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
}
body .scrumboard .card .card-body .task-body .task-bottom div.tb-section-1 span:hover {
    color: var(--bs-primary);
    cursor: pointer;
}
body .scrumboard .card .card-body .task-body .task-bottom div.tb-section-2 i.ti-pencil:hover {
    color: var(--bs-primary);
}
body .scrumboard .card.img-task .card-body .task-content img {
    height: 106px;
    width: 100%;
}
body .scrumboard .card.simple-title-task .card-body .task-header {
    margin-bottom: 0;
    padding: 11px 13px;
}
body .scrumboard .card.simple-title-task .card-body .task-header div:nth-child(1) {
    width: 70%;
}
body .scrumboard .card.simple-title-task .card-body .task-header div:nth-child(2) {
    width: 30%;
    text-align: right;
}
body .scrumboard .card.simple-title-task .card-body .task-body .task-bottom {
    padding: 3px 15px 11px 15px;
}
body .ui-state-highlight {
    position: relative;
    border-color: var(--bs-primary);
    height: 141px;
    margin-bottom: 36px;
    border-radius: 15px;
    border: 2px dashed var(--bs-primary);
    background-color: var(--bs-body-bg);
    box-shadow: var(--card-box-shadow);
    background-image: linear-gradient(45deg, rgba(93, 135, 255, 0.09) 25%, transparent 25%, transparent 50%, rgba(93, 135, 255, 0.09) 50%, rgba(93, 135, 255, 0.09) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    animation: progress-bar-stripes 1s linear infinite;
}
body .connect-sorting-content {
    min-height: 60px;
}
a {
    text-decoration: none;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal !important;
}
.round-75 {
    width: 75px;
    height: 75px;
}
.border-dashed {
    border-style: dashed !important;
}
.btn-hover-shadow:hover {
    box-shadow: rgba(0, 0, 0, 0.31) 0 0 1px 0, rgba(0, 0, 0, 0.25) 0 3px 4px -2px;
}
.btn-hover-white:hover {
    background-color: var(--bs-white);
    color: var(--bs-primary) !important;
}
.text-hover-primary:hover {
    color: var(--bs-primary) !important;
}
.demo-badge {
    position: relative;
    z-index: 9;
    bottom: -15px;
}
.hero-section .hero-img-slide {
    min-width: 2000px;
    height: 800px;
}
.hero-section .hero-img-slide .banner-img-1 {
    height: 820px;
    animation: 35s linear 0s infinite normal none running slideup;
}
.hero-section .hero-img-slide .banner-img-2 {
    height: 1033px;
    animation: 35s linear 0s infinite normal none running slideDown;
}
@keyframes slideup {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideDown {
    0% {
        transform: translate3d(0, -100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slide {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
.sliding-wrapper .slide-background .slide {
    animation: 45s linear 0s infinite normal none running slide;
}
.domo-contect::after {
    content: "";
    position: absolute;
    top: -40px;
    right: -96px;
    width: 267px;
    height: 252px;
    z-index: -1;
    background-image: url(../images/shapes/shape-1.svg);
    background-repeat: no-repeat;
}
.domo-contect::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -32px;
    width: 388px;
    height: 382px;
    z-index: -1;
    background-image: url(../images/shapes/shape-2.svg);
    background-repeat: no-repeat;
}
.domo-contect .demos-view .lp-demos-box .lp-demos-btn {
    opacity: 0;
    width: -moz-max-content;
    width: max-content;
    display: block;
}
.domo-contect .demos-view .lp-demos-box:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(55, 114, 255, 0.2);
}
.domo-contect .demos-view .lp-demos-box:hover .lp-demos-btn {
    opacity: 1;
}
.demo-app-tabs nav .nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
}
.demo-app-tabs nav .nav-tabs::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -400%;
    height: 1px;
    width: 400%;
    display: block;
    background-color: var(--bs-border-color);
}
.demo-app-tabs nav .nav-tabs::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: auto;
    right: -400%;
    height: 1px;
    width: 400%;
    display: block;
    background-color: var(--bs-border-color);
}
.demo-app-tabs nav .nav-tabs .nav-link.active {
    background-color: var(--bs-white);
    color: #0a2540;
    border: 1px solid var(--bs-border-color);
    border-bottom: 0;
}
.review-section .review-slider .owl-carousel .owl-stage-outer {
    padding-bottom: 20px;
}
.review-section .review-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item {
    padding: 15px;
}
.review-section .review-slider .owl-carousel .owl-dots {
    text-align: center;
    bottom: 0;
    position: relative;
}
.review-section .review-slider .owl-carousel .owl-dots .owl-dot {
    background-color: var(--bs-black);
    border-radius: 50%;
    height: 9px;
    width: 9px;
    opacity: 0.25;
    margin: 0 5px;
}
.review-section .review-slider .owl-carousel .owl-dots .owl-dot.active {
    opacity: 0.75;
}
.review-section .review-slider .owl-carousel .owl-dots .owl-dot:hover {
    background-color: var(--bs-black);
    opacity: 0.75;
}
.c2a-box {
    background-image: url(../images/backgrounds/line-bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.moneyback-guarantee {
    background-image: url(../images/backgrounds/line-bg-2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.matdash-lp-offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle::after {
    display: none;
}
.matdash-lp-offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link {
    padding: 5px 15px;
}
.matdash-lp-offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu {
    position: relative !important;
    transform: none !important;
    box-shadow: none !important;
    padding: 0;
}
.comment-widgets .comment-row {
    background: 0 0;
}
.comment-widgets .comment-row.active,
.comment-widgets .comment-row:hover {
    --bs-dropdown-link-hover-bg: #f6f9fc;
}
.comment-text.active .comment-footer .action-icons,
.comment-text:hover .comment-footer .action-icons {
    visibility: visible;
}
.comment-footer .action-icons {
    visibility: hidden;
}
.comment-footer .action-icons a {
    color: var(--bs-secondary-color);
}
.comment-footer .action-icons a.active,
.comment-footer .action-icons a:hover {
    color: var(--bs-info);
}
.stylish-table tbody tr {
    border-left: 4px solid transparent;
}
.stylish-table tbody tr.active,
.stylish-table tbody tr:hover {
    border-left: 4px solid var(--bs-info);
}
.stylish-table tbody td .small,
.stylish-table tbody td small {
    line-height: 12px;
}
.todo-list li .assignedto li {
    margin-right: 2px;
}
.todo-list li .assignedto li img {
    width: 30px;
}
@media (max-width: 991.98px) {
    .w-xs-100 {
        width: 100% !important;
    }
}
.shop-part .shop-filters {
    width: 250px;
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item {
    width: 24px;
    height: 24px;
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-1 {
    background-color: var(--bs-primary);
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-2 {
    background-color: var(--bs-secondary);
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-3 {
    background-color: var(--bs-danger);
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-4 {
    background-color: var(--bs-warning);
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-5 {
    background-color: var(--bs-success);
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-6 {
    background-color: #000;
}
.shop-part .shop-filters .by-colors .shop-color-list .shop-colors-item.shop-colors-7 {
    background-color: pink;
}
.circle-top {
    position: absolute;
    top: -45%;
    left: -20%;
    border: 120px solid #0b2947;
    height: 700px;
    width: 700px;
    display: block;
    background: 0 0;
    border-radius: 100%;
    z-index: 1;
}
.circle-bottom {
       position: absolute;
    bottom: 4%;
    right: 0;
    /* height: 450px; */
    width: 500px;
    display: block;
    background: 0 0;
    z-index: 1;
    opacity: 0.5;
}
.border-transparent {
    border-color: var(--bs-card-bg) !important;
}
.auth-card {
    max-width: 490px !important;
}
.tech-shadow {
    box-shadow: 0 12px 30px -2px rgba(58, 75, 122, 0.1411764706);
}
.shadow-sm {
    box-shadow: 0 8px 20px -8px rgba(77, 91, 236, 0.231372549);
}
.tabs-shadow {
    box-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0.0509803922);
}
.plan-cards {
    box-shadow: 0 8px 32px -16px rgba(42, 53, 71, 0.2);
}
.dashed-border {
    border: 1px dashed #dfe7ed;
}
.rounded-24 {
    border-radius: 24px;
}
.top-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    transition: 0.3s;
}
.meet-our-team:hover .leadership-card {
    bottom: 0;
}
.leadership-card {
    position: absolute;
    bottom: -100%;
    transition: all 0.3s;
}
.banner-image {
    min-width: 1300px;
    max-height: 700px;
    height: calc(100vh - 100px);
}
.header-fp.header-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: var(--bs-body-bg);
    z-index: 9;
}
.header-fp.header-sticky .navbar {
    padding: 18px 0 !important;
}
.header-fp .navbar .navbar-nav .nav-link {
    border-radius: var(--bs-border-radius);
}
.header-fp .navbar .navbar-nav .nav-link.active {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-primary) !important;
}
.tabs-pills .nav-item .nav-link {
    color: var(--bs-dark);
    background-color: var(--bs-body-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 8px;
    box-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0.0509803922);
}
.tabs-pills .nav-item .nav-link.active {
    background-color: var(--bs-primary);
    color: var(--bs-body-bg);
}
.tabs-pills .nav-item .nav-link:hover {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);
}
.testimonial-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 25px;
}
.testimonial-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    opacity: 0.6;
    border-radius: 10px;
    background-color: var(--bs-gray-900);
}
.testimonial-carousel .owl-dots .owl-dot.active {
    width: 30px;
    opacity: 1;
}
.request-callback:hover {
    border-color: var(--bs-primary) !important;
}
.text-underline {
    text-decoration: underline !important;
}
.text-underline:hover {
    text-decoration: none !important;
}
.tabs-accordion .accordion-item {
    background-color: transparent;
    border-radius: 0 !important;
}
.tabs-accordion .accordion-item .accordion-button {
    background-color: transparent;
}
.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.faq-accordion .accordion-item {
    border: 0;
}
.faq-accordion .accordion-item .accordion-header .accordion-button {
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    box-shadow: none !important;
}
.faq-accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
}
.faq-accordion .accordion-item .accordion-header .accordion-button[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
.faq-accordion .accordion-item .accordion-collapse .accordion-body {
    border: 1px solid var(--bs-border-color);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 3px 0 0 rgba(235, 241, 246, 0.2509803922);
}
.faq-accordion .accordion-item .accordion-collapse.show .accordion-body {
    border-top: 0;
}
.topbar-image {
    background-image: url(../images/frontend-pages/topbar-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.slide-animation1 {
    animation: 25s linear 0s infinite normal none running marquee;
}
.slide-animation1 .feature-item {
    width: 270px;
    height: 64px;
    flex-shrink: 0;
}
.slide-animation2 {
    animation: 25s linear 0s infinite normal none running marquee2;
}
.slide-animation2 .feature-item {
    width: 270px;
    height: 64px;
    flex-shrink: 0;
}
@keyframes marquee {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-2086px, 0, 0);
    }
}
@keyframes marquee2 {
    0% {
        transform: translate3d(-2086px, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
.process-shadow {
    box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.0509803922);
}
.blog-bg {
    min-height: 366px;
    background-image: url(../images/frontend-pages/blog-10.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-circle::after {
    content: "";
    position: absolute;
    width: 325px;
    height: 325px;
    background: linear-gradient(90.87deg, #749aff 16.89%, #7198ff 55.1%, #6978ff 96.62%);
    right: -162px;
    top: -81px;
    border-radius: 50%;
    opacity: 20%;
}
/*----------------------------------*/


.form-control::placeholder,
.form-select::placeholder {
  color: var(--frm-plchldclr)!important;
}


/*----------loader-----spiner------wrap-------start-------*/

.spinner-border,
.spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
.spinner-border {
    --bs-spinner-width: 3rem;
    --bs-spinner-height: 3rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.45em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
}
.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}
.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0;
}
.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s;
    }
}

/*----------loader-----spiner----wrap-------end----------*/


/*---------add-------students------tabs-----wrap-----start-------*/

.all-tabs-wrp .nav-tabs{
  margin-bottom: 10px;
  border-radius: 0px;
  justify-content: space-between;
  position: relative;
  z-index: 1;

}

.all-tabs-wrp .nav-tabs:after{
    content: '';
  width: 100%;
  height: 1px;
  border: 1px dashed var(--bs-primary);
  position: absolute;
  top: 21px;
  z-index: -1;
}

.all-tabs-wrp .nav-tabs .nav-item .nav-link{
  border-radius: 25px;
  font-size: 13px;
  letter-spacing: 0.6px;
  background-color: var(--tb-btns-bgclr);
  color: var(--text-drk-color);
  box-shadow: inset 0px 0px 13px 0px var(--bs-tb-btns-shdw) ;
  border: 4px solid var(--bs-tb-btns-brdr);
  padding: 7px 13px;
}

.all-tabs-wrp .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color) !important;
  background-color: var(--bs-primary) !important;
}


/*---------add-------students------tabs-----wrap-----end-------*/


/*----------global------searchbar-----wrap---start--------*/

.globl-srchbar-bx {
  position: relative;
  width: 280px;
  background-color: #f3f4f6;
  border-radius: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 4px 6px;
  transition: all 0.15s ease-in-out;
  border-left: 3px solid #ced0ec;
}

.globl-srchbar-bx:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.search-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  display: flex;
  align-items: center;
  pointer-events: none;
  opacity: 0.5;
}

.search-input {
  width: 100%;
  padding: 7px 71px 7px 28px;
  font-size: 13px;
  color: var(--text-drk-color);
  background-color: transparent;
  border: none;
  border-radius: 0.5rem;
  outline: none;
}



.srch-btn-bx{
    position: absolute;
    top: 3px;
    right: 3px;
}

.search-button {
  padding:8px 12px;
  font-size: 12px;
  background-color: #5044e4;
  color: #fff;
  font-weight: 500;
  border: none;
  border-left: 3px solid #342f9c;
  border-bottom: 3px solid #342f9c;
  border-radius:  0.75rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 1;
  letter-spacing: 0.7px;
}


.search-button:after {
 content: "";
 background-color:#342f9c;
 position: absolute;
 left: -20%;
 right: -20%;
 top: 0;
 bottom: 0;
 z-index: -1;
 transform: skewX(-45deg) scale(0, 1);
 transition: all 0.5s;
}

.search-button:hover:after {
 transform: skewX(-45deg) scale(1, 1);
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}

/*----------global------searchbar-----wrap----end-------*/


/*-------------------------------------------------------*/

.view-tbl-top-badge-wrp {
    display: flex;
  column-gap: 7px;
  justify-content: end;
  align-items: center;
}


.innr-badge-bx{
  background-color: var(--vw-btn-bgclr);
  color: var(--vw-btn-clr) ;
  font-size: 11px;
  letter-spacing: 0.4px;
  padding: 4px 6px;
  border-radius: 3px;
  /* box-shadow: inset 0px 8px 11px 0px  var(--inr-bdg-bx-shdw1) ,0px 6px 9px -3px var(--inr-bdg-bx-shdw2) ; */
  font-weight: 500;
  border: 1px solid var(--vw-brdr-clr);
  position: relative;
  cursor:pointer;
}

.innr-badge-bx.active{
    background-color: var(--bs-primary);
    color: var(--bs-white);
}


/*-------------------------------------------------------*/




.filter-search-box label{
  font-size: 12px;
  padding-bottom: 2px;
  letter-spacing: 0.5px;
  color: var(--text-drk-color);
}


.filter-search-box .select2-container--default .select2-selection--single{
  padding-left: 0px !important;
  height: 38px !important;
  border: var(--bs-border-width) solid #e0e6eb;
  /*width: 155px;*/
}

table.table-bordered.dataTable td .select2-container--default .select2-selection--single{
  padding-left: 0px !important;
  height: 38px !important;
  border: var(--bs-border-width) solid #e0e6eb;
}


.filter-search-box .select2-container--default .select2-selection--single .select2-selection__rendered,
table.table-bordered.dataTable td .select2-container--default .select2-selection--single .select2-selection__rendered
{
    padding-left: 5px !important;
    line-height: 35px !important;
}


.filter-search-box .form-control{
  padding: 9px 6px;
  background-color: var(--bs-white);
}

.filter-search-box .addmssn-inpt-btn .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px !important;
  padding-left: 7px !important;
}


.fltr-srch-rst-bttn-wrp{
    margin-top: 21px;
  display: flex;
  column-gap: 11px;
  justify-content: end;
}


.fltr-srch-rst-bttn-wrp button{
    border-radius: 3px;
    padding: 8px 14px;
    letter-spacing: 0.5px;
}


.select2-container--default .select2-results > .select2-results__options {
  scrollbar-width: thin;
}


.select2-search--dropdown .select2-search__field {
  height: 34px !important;
  border-radius: var(--brdr-radius1) !important;
}

/*----------filter-------------wrap------------end----------------*/


/*-----------toggle---switch----wrap----start---------*/

.switch .checkbox {
  display: none;
}

label.switch{
    padding-bottom: 0px;
}

.slider {
  width: 33px;
  height: 16px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  transition: .3s;
  box-shadow: 0 0 7px 0 var(--sldr-chck-shdw) rgba(98, 121, 249, 0.25) inset;
  cursor: pointer;
}

.slider::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--sldr-chck-bfr);
  transform: translateX(-16px);
  border-radius: 20px;
  transition: .3s;
  box-shadow: 0 0 12px 2px rgba(96, 98, 227, 0.4);
}

.checkbox:checked ~ .slider::before {
  transform: translateX(16px);
  box-shadow: 0 0 10px 3px rgb(0, 0, 0, 0.25);
  background-color: var(--sldr-chckd-bfr);
}

.checkbox:checked ~ .slider {
  background-color: var(--sldr-chck-bfr);
  border: 3px solid var(--slr-chchd-brdr);
}

.checkbox:active ~ .slider::before {
  transform: translate(0);
}

/*------toggle-----switch--------wrap-----end---------*/

/*-------------table---whatsapp---button---wrap----start----*/

.whtsapp-chat-btn button{
    border-radius: 3px;
  border: 1px solid #399131;
  padding: 1px 6px;
  margin-top: 8px;
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #399131;
  background-color: var(--whtsapp-bg);
  box-shadow: var(--whtsapp-shdw);
}

/*-------------table---whatsapp---button---wrap-----end-----*/



/*-------table---history----note----register---button---wrap-----start-----*/

.hstry-note-reg-btn-wrp{
  display: flex;
  column-gap: 7px;
  flex-wrap: wrap;
  row-gap: 5px;
  justify-content: center;
  position: relative;
}


.c-button {
  border-radius: 3px;
  font-size: 10px;
  text-align: left;
  padding:2px 2px 2px 2px;
  border: 1px solid var(--c-btn-brdr)!important;
  border-style: outset;
  box-shadow: var(--cbtn-shdw);
  cursor: pointer;
  font-weight: 600;
}

.c-button .c-main {
  border-radius: 3px;
  color: var(--text-drk-color);
  padding: 2px;
  box-shadow: inset 0px 0px 5px rgba(17, 17, 17, 0);
  transition: all 0.5s ease-in-out;
  border: 1px solid #635bff00;
  line-height: 1;
  font-weight: 500;
}

.c-ico .c-blur {
 background: var(--tbl-rsi-bggdnt) ;
  border-radius: 100%;
  margin-left: 0;
  padding: 0px 8px;
  filter: blur(1px);
  text-align: center;
}

.c-ico {
 position: relative;
  margin-right: 2px;
}

.c-ico .ico-text {
 position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 9px;
}

/* Hovering */

.c-button .c-main:hover {
  color: var(--dfr-btn-shdw);
}


.note-num{
  border: 1px solid var(--nt-nm-brdr);
  border-radius: var(--brdr-radius1);
  font-size: 10px;
  font-weight: 500;
  padding: 0px 2px;
  height: 13px;
  display: inline-block;
  line-height: 10px;
  position: absolute;
  top: -2px;
  background-color: var(--nt-nm-bgclr);
  right: -9px;
}

.note-btn{
    position: relative;
}

/*-------table---history----note----register---button---wrap-----end-----*/


/*----------upload-------file-----------wrap--------start---------*/

    .sample-download {
      background-color: var(--smpl-dwnld-btn-bgclr);
      border: 1px solid var(--bs-primary);
      border-radius: 7px;
      padding: 0px 0px 0px 9px;
      color: var(--text-drk-color);
      text-decoration: none;
      font-size: 12px;
      display: flex;
      align-items: center;
      column-gap: 4px;
      letter-spacing: 0.4px;
      justify-content: space-between;
    }


    /*--------------------------*/

.dwnld_Btn {
  width: 25px;
  height: 25px;
  border: none;
  border-radius: 7px;
  background-color:var(--bs-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition-duration: .3s;
}

.svgIcon {
  fill: rgb(252, 252, 253);
  font-size: 11px;
}

.icon2 {
  width: 16px;
  height: 4px;
  border-bottom: 2px solid rgb(243, 239, 250);
  border-left: 2px solid rgb(243, 239, 250);
  border-right: 2px solid rgb(243, 239, 250);
}



.sample-download:hover .dwnld_Btn {
  background-color: var(--hdr-chck-bg);
  transition-duration: .3s;
}

.sample-download:hover .dwnld_Btn .icon2 {
  border-bottom: 2px solid rgb(235, 235, 235);
  border-left: 2px solid rgb(235, 235, 235);
  border-right: 2px solid rgb(235, 235, 235);
}

.sample-download:hover .dwnld_Btn .svgIcon {
  fill: rgb(255, 255, 255);
  animation: slide-in-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}

@keyframes slide-in-top {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}


    /*------------------------------*/





    .upload-area {
  border: 2px dashed var(--upld-fl-brdr) ;
  margin: 25px auto 15px;
  padding: 38px 10px;
  text-align: center;
  border-radius: 38px;
  background-color: var(--upld-fl-bgclr) ;
  transition: border-color 0.2s;
  width:85%;
  justify-content: center;
  display: flex;
  box-shadow: var(--upld-fl-shdw);
/*  background-image: url(../images/drop-file-img.png);*/
/*  background-size: contain;*/
    }

    .upload-area.dragover {
      border-color: #5044e4;
      background-color: #f0f0ff;
    }

    .upload-icon img {
      width: 27%;
    }

    .upload-text {
      margin-top: 10px;
      font-size: 14px;
      color: var(--all-label-txt);
    }

    .file-name {
      border-radius: var(--brdr-radius1);
      font-weight: 600;
      color: var(--text-drk-color);
      background-color: var(--file-nm-bgclr);
      width: fit-content;
      padding: 0px 7px;
      margin: 10px auto 0px;
    }

    .upload-footer {
      display: flex;
      padding: 0px 0px 16px;
      column-gap: 9px;
      justify-content: center;
    }

    .inpt-file-hide{
        width: 100%;
    }


    .inpt-file-hide input[type="file"] {
      display: none;
    }

    .red-alert-msg .alert{
       padding: 10px 15px;
      border-radius: 10px;
      color: rgb(221, 51, 51) !important;
      background-color: var(--rd-alrt-msg-bgclr);
      border-color: var(--rd-alrt-msg-brdr);
    }

    .red-alert-msg .bttn-close{
        position: absolute;
          right: 12px;
          border: none;
          background-color: transparent;
          font-size: 15px;
          color: var(--red);
    }





/*-------------upload-------file-----------wrap-----end-------*/

/*-------small------upload-------file-----------wrap----start------*/

.smll-imprt-inpt{
    border-radius: 12px;
  padding: 0px 7px;
  border: 1px solid var(--light-bdr-colr2);
  margin-bottom: 0px;

}


.smll-imprt-inpt .upload-area {
  margin: 10px auto 10px;
  padding: 13px 10px 20px !important;
  border-radius: 12px;
  width: 100%;
  border: 1px dashed #635bff5c;
}

.smll-imprt-inpt .upload-icon img {
  width: 10%;
}


/*-------small------upload-------file-----------wrap-----end-------*/




/*------------------------*/

.name-desg-title{
    text-align: left;
}

.name-desg-title h6{
    margin-bottom: 0px;
    font-size: 13px;
}
.name-desg-title p{
  margin: 0;
}

.designation-title{
    font-size: 11px;
}


/*---------intake-------calander------start------------*/

.datepicker table tr td span {
  width: 23% !important;
  height: 32px !important;
  line-height: 33px !important;
  font-size: 12px;
  color: var(--text-drk-color);
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: var(--bs-primary) !important;
  color: var(--bs-white);
}

/*---------intake-------calander------end-----------*/


.bttn-styl{
    border-radius: 5px;
  padding: 6px 11px;
  font-size: 12px;
  letter-spacing: 0.5px;
  transition: 0.5s ease;
  border: 1px solid;
}


.btn-save{
    background-color: var(--sv-btn-bg);
    color: var(--green);
    border-color:var(--sv-btn-brdr);
}


.btn-save:hover{
    background-color: var(--green-hover);
    color: var(--bs-white);
}


.btn-cancel{
    background-color: var(--cncl-btn-bg);
  color: var(--red);
  border-color: var(--clcl-btn-brdr);
}

.btn-cancel:hover{
    background-color: var(--red-hover);
    color: var(--bs-white);
}


.smll-bttn{
  font-size: 11px;
  letter-spacing: 0.7px;
  padding: 3px 5px;
  border-radius: 4px;
  box-shadow: 0px 4px 8px -5px rgba(0, 0, 0, 0.67);
}

.open-btn{
  background-color: var(--bs-primary);
  color: var(--bs-white);

}

.finalze-btn{
  background-color: var(--green);
  color: var(--bs-white);
}


.high-bdge{
   border: 1px solid #df4a0f;
  color: #df4a0f;
  width: fit-content;
  padding: 1px 5px;
  border-radius: var(--brdr-radius1);
  font-size: 10px;
  letter-spacing: 0.9px;
  font-weight: 700;
}

.cmpltd-bdge{
    border: 1px solid #2c8629;
  color: #2c8629;
  width: fit-content;
  padding: 1px 5px;
  border-radius: var(--brdr-radius1);
  font-size: 10px;
  letter-spacing: 0.9px;
  font-weight: 700;
}

.self-bdge{
  border: 1px solid #295286;
  color: #295286;
  width: fit-content;
  padding: 1px 5px;
  border-radius: var(--brdr-radius1);
  font-size: 10px;
  letter-spacing: 0.9px;
  font-weight: 700;
  cursor: pointer;
}



/*-------------------------------------------------------*/


   .sidebar-nav ul .sidebar-item .nvbr-icon i{
      border-radius: var(--brdr-radius2);
      width: 24px;
      height: 23px;
      text-align: center;
    }




.sidebar-link.active {
  color: var(--bs-primary);
  font-weight: 600 !important;
}



/*---------mobile-----flag------country---code--start--------*/
.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 4px !important;
  font-size: 11px;
}
.iti__selected-flag {
    padding: 0 3px 0 6px !important;
}
.iti__flag.iti__in {
    width: 19px;
}
.iti__selected-flag {
    width:67px;
    border-radius: 12px 0 0 12px;
}
.iti__arrow {
  margin-left: 3px !important;
}

.cntrycodesrchbx{
  background: var(--bs-primary-bg-subtle);
    z-index: 10;
    padding: 5px;
}
.cntrycodesrchbx input{
   width: 100%;
    padding: 3px 6px;
    margin: 0px auto;
    display: block;
    box-sizing: border-box;
    border: 1px solid var(--bs-border-color);
    font-size: 11px;
    border-radius: var(--brdr-radius2) !important;
    height: 35px !important;
    outline: none;
}

.mobile, .alternate_no{
    padding-left: 71px !important;
}


.modal-backdrop {
  z-index: 1040 !important;
}

.modal.show {
  z-index: 1050 !important;
}
.iti__country {
  padding: 7px 10px !important;
}
.iti__country.iti__highlight {
  background-color: var(--bs-primary) !important;
  color: var(--bs-white);
}

.iti__country.iti__highlight .iti__dial-code {
    color: var(--bs-white) !important;
}

.iti__dial-code {
  color: var(--text-drk-color) !important;
}


    .iti__flag.iti__al {
  height: 13px !important;
  background-position: -133px -1px !important;
}

.iti__flag {
  width: 17px !important;
}
.iti__country {
  padding: 5px 10px;
  font-size: 12px;
  color: var(--text-drk-color);
  letter-spacing: 0.5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.iti__country-list {
   width: 210px;
}



/*---------mobile-----flag------country---code-----end--------*/


/*--------time---picker-----start--------*/

.ui-timepicker, .ui-timepicker-viewport {
    scrollbar-width: thin;
}

.ui-timepicker-container {
  z-index: 1 !important;
}


.ui-timepicker-standard {
  z-index: 11 !important;
  font-size: 12px !important;
  border: 1px solid var(--light-bdr-colr2) !important;
  color: var(--text-drk-color) !important;
  border-radius: 4px;
  height: 150px !important;
  padding: 0px !important;
}

.ui-timepicker {
  padding: 0px !important;
  text-align: left !important;
}

.ui-timepicker-standard a {
  color: var(--text-drk-color) !important;
  padding: 8px 6px !important;
}

.ui-timepicker-standard .ui-state-hover{
    background-color: var(--bs-primary)!important;
    color: var(--bs-white) !important;
}


/*--------time---picker-----end--------*/


/*---------date-------picker----start--------*/



.datepicker table tr td.new, .datepicker table tr td.old {
  color: var(--text-drk-color) !important;
}


.datepicker .day, .datepicker .dow {
  padding: 3px 5px !important;
}

.datepicker td, .datepicker th {
  -webkit-border-radius: var(--brdr-radius1);
  -moz-border-radius: var(--brdr-radius1);
  border-radius: var(--brdr-radius1);
  font-size: 12px !important;
}

.datepicker .datepicker-switch {
  background-color: var(--bs-primary-bg-subtle) !important;
  color: var(--bs-primary);
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: var(--bs-primary) !important;
  color: var(--bs-white);
  padding-top: 0px;
}

/*---------date-------picker----end--------*/

.admission-select-bx .select2-container--default .select2-selection--single {
  border: 1px solid var(--light-bdr-colr3);
  border-radius: var(--brdr-radius2);
}


.admission-select-bx .select2-icon {
    border-radius: 5px 0px 0px 5px;
}


 .simillar-all-inpt-selct-wrp .without-icon-inpt-slct input,
.simillar-all-inpt-selct-wrp .without-icon-inpt-slct  select,
.simillar-all-inpt-selct-wrp .without-icon-inpt-slct .select2-container--default .select2-selection--single{
    padding: 9px 6px 9px 6px !important;
    border-radius: 8px !important;
}


.simillar-all-inpt-selct-wrp .without-icon-inpt-slct .addmssn-inpt-btn .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 20px !important;
  padding-left: 3px !important;
}

.cstm-wdth20{
    width: 20%;
}


.cstm-four-inpt-bx {
  width: 24%;
}

 .select2{
    width: 100% important;
}


.datepicker{
    z-index: 1 !important;
}



#academic_details .addmssn-inpt-btn .select2-container{
    width: 150px !important;
}



/*-----proficiency-----test----wrap----start-------*/


    .proficiency-checkbx-grd {
      display: flex;
      flex-wrap: wrap;
      column-gap: 10px;
      row-gap: 10px;
      margin-bottom: 6px;
      justify-content: space-between;
      background-color: var(--prfcy-chck-bg);
      padding: 5px 7px;
      border-radius: var(--brdr-radius2);
      border: 1px solid var(--light-bdr-colr);
    }

    .checkbx-labl {
      background: var(--chckbk-lbl-bgclr);
      padding: 4px 6px !important;
      border-radius: 5px;
      display: flex;
      align-items: center;
      cursor: pointer;
      justify-content: space-between;
      font-size: 14px !important;
      color: var(--text-drk-color);
      column-gap: 2px;
      width: 108px;
    }

    .tst-checkbx {
      appearance: none;
      width: 20px !important;
      height: 20px !important;
      border: 2px solid var(--bs-primary) !important;
      border-radius: var(--brdr-radius2) !important;
      background-color: transparent;
      display: inline-block;
      position: relative;
      cursor: pointer;
      padding: 0px !important;
    }

    .tst-checkbx:before {
      content: "";
      background-color: var(--inpt-focus);
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      width: 8px;
      height: 8px;
      border-radius: 2px;
      transition: all 0.3s ease-in-out;
    }

    .tst-checkbx:checked:before {
      transform: translate(-50%, -50%) scale(1);
    }

    .test-row {
      display: none;
      margin-bottom: 10px;
      gap: 10px;
    }

    .test-row.active {
      display: flex !important;
      margin-top: 16px;
      justify-content: space-between;
    }

    .test-row input {
     padding: 5px;
      width: 100%;
      border-radius: var(--brdr-radius2) !important;
      color: var(--text-drk-color);
      height: 36px;
    }

    .test-row input[readonly] {
      background: var(--chckbk-lbl-bgclr);
    }

    .prfcncy-inpt-bx h6{
       font-size: 12px;
        margin-bottom: 4px;
        letter-spacing: 0.7px;
    }


    /*---------proficiency-------test-------wrap---------end-------*/


    /*--------------modal------nav--------tabs-------wrap---------start----------*/

    .modal-all-tabs-wrp{
        padding: 14px 12px;
    }

    .modal-all-tabs-wrp .nav-tabs{
        display: flex;
          column-gap: 70px;
          border-bottom: 2px solid var(--bs-primary);
          border-radius: 0px;
    }

    .modal-all-tabs-wrp .nav-tabs .nav-item .nav-link{
        border-radius: 7px 7px 0px 0px;
        font-size: 13px;
        letter-spacing: 0.5px;
        background-color: var(--flwup-tb-bg);
        border: 1px solid var(--flwup-tb-brdr);
        border-bottom: none;
    }


    /*------trash----bin-----style----start------*/

    .modal-all-tabs-wrp .nav-tabs .nav-item:last-child{
        margin: 0px 0px 0px auto;
    }

    .drop-btn{
        margin-top: 5px;
    }

    .drop-btn button{
      background-color: var(--red);
      color: var(--bs-white);
      border-radius: var(--brdr-radius2);
      padding: 5px 7px;
      font-size: 12px;
      letter-spacing: 1.5px;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 6px;
      border: 1px solid rgb(155, 18, 18);
      transition-duration: 0.3s;
    }


.bin-bottom {
  width: 12px;
}
.bin-top {
  width: 13px;
  transform-origin: right;
  transition-duration: 0.3s;
}
.bin-button:hover .bin-top {
  transform: rotate(25deg);
}
.bin-button:hover {
  background-color:var(--hvr-dang-bttn);
}
.bin-button:active {
  transform: scale(0.9);
}


.bin-icon{
    display: flex;
     flex-direction: column;
}


/*-------------trash----bin--------style----end------*/

body.modal-open .datepicker-dropdown,
body.modal-open .daterangepicker,
body.modal-open .ui-timepicker-container {
  z-index: 9999 !important;

}




.tbl-simpl-btn a{
   box-shadow: var(--bl-smpl-btn-shdw) ;
  font-size: 11px;
  color: var(--text-drk-color);
  padding: 5px 7px;
  border-radius: var(--brdr-radius1);
  border: 1px solid var(--tbl-smpl-btn-brdr);
  font-weight: 500;
  background-color: var(--tbl-smpl-btn-bgclr);
}


/*--------------------------------*/

.mdl-nrml-tbl .form-check .form-check-input{
   width: unset;
  height: unset;
  padding: 8px 8px;
  border-radius: 2px !important;
}

/*---------------------------------*/


/*----------tooltip---------wrap------------start-------------*/

.tooltip-btn {
  width: 25px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  /* background-color: var(--ovrvw-btn); */
  border: 1px solid var(--ovrvw-btn-brdr);
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  overflow: hidden;
  box-shadow:inset -2px -1px 7px 1px var(--ovrvw-btn-shdw);
}
.tooltip-btn svg {
  width: 50%;
}

.tooltip-btn:hover svg {
  fill:#fff;
}


.tooltip-btn:hover {
  background-color: rgb(var(--bs-primary-rgb));
  overflow: visible;
  box-shadow: none;
}
.bin path {
  transition: all 0.2s;
}
.tooltip-btn:hover .bin path {
  fill: #fff;
}
.tooltip-btn:active {
  transform: scale(0.98);
}
.tooltip {
 --tooltip-color: var(--bs-primary);
  position: absolute;
  bottom: -25px;
  background-color: var(--bs-primary);
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  padding: 4px 5px;
  font-weight: 600;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.105);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.5s;
}
.tooltip::before {
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  content: "";
  background-color: var(--tooltip-color);
  top: -10%;
  z-index: -1;
  left: 0px;
  right: 0px;
  margin: auto;
}

.tooltip-btn:hover .tooltip {
  opacity: 1;
}


/*----------tooltip---------wrap-----------end-------------*/

/*------go-----to---profile----bttn----wrap-----start-------*/

.go-to-btn-close-btn-wrp{
    display: flex;
    column-gap: 5px;
}


/*--------------------------------*/


.mdl-profile-btn {
  cursor: pointer;
  position: relative;
  padding: 7px 14px;
  border: 1px solid var(--bs-primary);
  border-radius: 34px;
  background-color: #edeef9;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
  overflow: hidden;
}

.mdl-profile-btn a{
    color: var(--bs-primary);
     font-size: 13px;
     font-weight: 500;
}

.mdl-profile-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: inherit;
  scale: 0;
  z-index: -1;
  background-color:var(--bs-primary);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.mdl-profile-btn:hover::before {
  scale: 3;
}

.mdl-profile-btn:hover{
  scale: 1;
  box-shadow: 0 0px 20px rgba(193, 163, 98,0.4);
}

.mdl-profile-btn:hover a{
     color: var(--bs-white);
}


.mdl-profile-btn:active {
  scale: 1;
}


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





/*------go-----to---profile----bttn----wrap-----end-------*/


/*--------------modal------nav--------tabs-------wrap--------end------------*/

.total-upld-btn{
    border: 1px solid var(--bs-primary);
  border-radius:var(--brdr-radius1);
  padding: 0px 5px;
  color: var(--bs-primary)!important;
  font-size: 10px;
  font-weight: 600;
  /*box-shadow: 0px 2px 3px 1px #8989a7;*/
}

.upld-btn{
  border: 1px solid var(--red);
  border-radius: var(--brdr-radius1);
  padding: 0px 5px;
  color: var(--red)!important;
  font-size: 10px;
  font-weight: 600;
  /*box-shadow: 0px 2px 3px 1px #eb9696;*/
}

.duplct-btn{
  border: 1px solid var(--green);
  border-radius: var(--brdr-radius1);
  padding: 0px 5px;
  color: var(--green)!important;
  font-size: 10px;
  font-weight: 600;
  /*box-shadow: 0px 2px 3px 1px #a8dc9d;*/
}


.compltd-btn{
    border: 1px solid var(--green);
    border-radius: var(--brdr-radius1);
    padding: 4px 7px;
    color: var(--green)!important;
    font-size: 10px;
    font-weight: 600;
}


.pndng-btn{
    border: 1px solid var(--red);
    border-radius: var(--brdr-radius1);
    padding: 2px 6px;
    color: var(--red)!important;
    font-size: 10px;
    font-weight: 600;
}


/*-------datatables------wrap------start---------*/
/*
.dataTables_wrapper {
  width: 100%;
  overflow-x: auto;
}*/


table.dataTable > thead > tr > th{
    border: 1px solid var(--light-bdr-colr) !important;
    border-bottom: none !important;
    color: var(--tbl-th-txt-clr) ;
    background-color: var(--tblTh-clr) !important;
}

.data_tbl{
    width: 100%;
}


.data_tbl tr th,
.data_tbl td {
  border: 1px solid var(--tbl-brdr-clr);
  vertical-align: middle;
  padding: 8px 10px;
  white-space: nowrap;
}

.data_tbl tr th {
   font-size: 13px;
  letter-spacing: 0.6px;
  background-color: var(--tblTh-clr);
  color: var(--tbl-th-txt-clr);
  text-align: center !important;
}


.data_tbl td {
    font-size: 12px;
    color: var(--text-drk-color);
    background-color: var(--tbl-td-bgclr)!important;
    letter-spacing: 0.5px;
    text-align: center;
}



.table-bordered {
  border-collapse: collapse;
  width: 100%;
}


th.sorting::after,
th.sorting_asc::after,
th.sorting_desc::after {
  font-family: 'fontawesome';
  font-weight: 900;
  padding-left: 8px;
  display: inline-block;
}

th.sorting::after {
  content: "\f0dc";
}

th.sorting_asc::after {
  content: "\f0de";
}

th.sorting_desc::after {
  content: "\f0dd";
}

#empTable th:nth-child(11),
#empTable td:nth-child(11) {
    min-width: 130px;
    width: 130px;
  }



/*
.cstm-shw-entries-drpdwn{
    margin-right: 15px;
}*/

.cstm-shw-entries-drpdwn label,
.cstm-fltr-srchbar label{
   font-size: 12px;
  letter-spacing: 0.5px;
}



.cstm-buttons button{
    padding: 3px 5px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  letter-spacing: 0.5px;
  border: 1px solid #342f9c !important;
  box-shadow: 1px 2px 2px #7f7fc0;
  transition: 0.5s ease;
}

.cstm-table-info{
   font-size: 13px;
  letter-spacing: 0.5px;
  color: var(--text-drk-color) !important;
  padding-top: 0px !important;
}


.cstm-pagination .paginate_button{
  border: 1px solid var(--bs-border-color) !important;
  color: var(--text-drk-color) !important;
  font-size: 13px;
  letter-spacing: 0.5px;
  transition: 0.4s ease;
}


.dataTables_wrapper .dataTables_paginate.cstm-pagination .paginate_button.current,
.dataTables_wrapper .dataTables_paginate.cstm-pagination .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate.cstm-pagination .paginate_button.disabled:hover{
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}


.cstm-tbl-bttm-wrp{
    margin-top: 12px;
}

.cstm-tbl-top-wrp{
    margin-bottom: 45px;
    width: 100%;
}


.data_tbl .select2-container--default .select2-selection--single {
  padding-left: 0px !important;
  height: 35px !important;
}

.data_tbl .addmssn-inpt-btn .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 4px !important;
  text-align: left;
}

.data_tbl  .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px !important;
}

.data_tbl .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-left: 0px;
  margin-top: -4px;
}




/*-------datatables------wrap-----end--------*/

/*-----------form-validation-----required-----start------*/

.mdl-inpt-flex .input-group,
.updte-inpt-block .input-group{
    display: block;
  }

    .mdl-inpt-flex .input-group input,
    .updte-inpt-block .input-group input{
    width:100% ;
    }

    .input-group.has-error small{
     color: var(--red);
    font-size: 10px;
    letter-spacing: 0.8px;
    font-weight: 600;

    }
/*-----------form-validation-----required----end-----*/


/*-------defer------student----------button-------start---------*/


.defer-btn {
 background: var(--bs-primary);
  color: var(--bs-white);
  padding: 4px 35px 4px 6px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  box-shadow: inset 0 0 1.6em -0.6em var(--dfr-btn-shdw) ;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--dfr-btn-brdr);
}

.defer-btn .icon {
  background: var(--bs-white-icn);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border-radius: var(--brdr-radius1);
  box-shadow: 0.1em 0.1em 0.6em 0.2em var(--dfr-btn-icn-shdw);
  right: 0.3em;
  transition: all 0.3s;
}

/* .defer-btn:hover .icon {
  width: calc(100% - 0.6em);
} */

.defer-btn .icon i {
  font-size: 10px;
  /* transition: transform 0.3s; */
  color: var(--bs-primary);
}

/* .defer-btn:hover .icon i {
  transform: translateX(0.1em);
} */

.defer-btn:active .icon {
  transform: scale(0.95);
}


/*-------defer-------------student------button------end--------*/


/*-----------datatable-----identfiy--row---colorbox-with-name---start---------*/

.status-legend{
    display: inline-flex
;
    align-items: center;
    column-gap: 2px;
    position: absolute;
    top: 14px;
    /* right: 0; */
    margin-left: 275px;
}


.data-tbl-identfy-txt{
   font-weight: 600;
  font-size: 12px;
  color: var(--text-drk-color);
  margin-right: 13px;
  letter-spacing: 0.5px;
}


.data-tbl-identfy-smll-bx{
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:5px;
    border-radius: var(--brdr-radius1);
}

/*-----------datatable-----identfiy--row---colorbox-with-name---end--------*/


/*-----table----application----button---start----------*/

.tbl-applctn-btn{
    text-align: center;
}

.tbl-applctn-btn div{
    margin-bottom: 7px;
}

.tbl-applctn-btn div:last-child{
    margin-bottom: 0px;
}

/*-----table----application----button---end----------*/



/*---------add-------reminder---------checkbox--------start------------*/

.custom-checkbox-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  padding: 6px 8px;
  border: 1px solid var(--light-bdr-colr2);
  margin: 5px auto 15px;
  border-radius: var(--brdr-radius2);
}

.custom-checkbox-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-checkbox-label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 28px;
  transition: all 0.2s ease;
}

/* Checkbox box */
.custom-checkbox-label:before {
  content: "";
  position: absolute;
  left: 0;
  width: 19px;
  height: 19px;
  border-radius: 5px;
  background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
  border: 1px solid var(--light-bdr-colr3);
  transition: all 0.3s ease;
  z-index: 1;
}

/* Checkmark */
.custom-checkbox-label:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid var(--bs-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  opacity: 0;
  transition: all 0.2s ease;
  z-index: 3;
}

/* Checked state */
.custom-checkbox-input:checked + .custom-checkbox-label:before {
  background: linear-gradient(135deg, #34c759 0%, #2db54d 100%);
  border-color: #2db54d;
  overflow: hidden;
}

/* Shine effect */
.custom-checkbox-label span.custom-checkbox-shine {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
  pointer-events: none;
}

.custom-checkbox-input:checked
  + .custom-checkbox-label
  span.custom-checkbox-shine:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 20px;
  height: 100px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: rotate(45deg);
  animation: shine 0.6s ease-in-out infinite;
}

/* Checkmark animation */
.custom-checkbox-input:checked + .custom-checkbox-label:after {
  transform: rotate(45deg) scale(1);
  opacity: 1;
}

/* Hover effect */
.custom-checkbox-container:hover .custom-checkbox-label:before {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transform: scale(1.05);
}

/* Text styling */
.cstm-chkbx-remnd-text {
  color: var(--text-drk-color);
  font-size: 13px;
  transition: color 0.2s ease;
  position: relative;
  z-index: 4;
}

.custom-checkbox-container:hover .cstm-chkbx-remnd-text {
  color: #2db54d;
}

/* Focus state with transition */
.custom-checkbox-input:focus + .custom-checkbox-label:before {
  outline: 1px solid #34c759;
  outline-offset: 2px;
  transition: outline 0.1s ease-in-out;
}

/* Ensure outline is initially off with transition readiness */
.custom-checkbox-label:before {
  outline: 0 solid transparent; /* Initial state for smooth transition */
}

/* Shine animation keyframes */
@keyframes shine {
  0% {
    left: -100%;
  }
  40% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

.remind-inpt-bx{
   display: none;
  background-color: var(--rmnd-inpt-bx-bgclr);
  margin: 0px auto 15px;
  padding: 10px 15px 0px;
  border-radius: 9px;
  border: 1px solid #cbcae7;
}


/*---------add-------reminder---------checkbox-------end------------*/


.course-int-txt p{
    margin-bottom: 2px;
}


.offr-lttr-btn{
    margin-bottom: 10px;
}


.datepicker-dropdown {
  z-index: 997 !important;
}



/*----------multiselect2----select----------start---------*/

/* Container scrollable horizontally */
.multiselect-container.dropdown-menu {
  max-height: 240px;
  overflow-y: scroll;
  padding-right: 5px;
  box-shadow: -3px 1px 10px -1px rgba(109, 106, 130, 0.51);
  border-radius: 5px;
}


.multiselect-scrollable {
  max-height: 200px; /* adjust as needed */
  overflow-y: auto;
  overflow-x: hidden;
}

/* Optional: improve scrollbar look */
.multiselect-scrollable::-webkit-scrollbar {
  width: 6px;
}
.multiselect-scrollable::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}



/*--------------------*/

.simillar-all-inpt-selct-wrp .multiselect{
    justify-content: space-between !important;
  display: flex;
  align-items: center;
  color: var(--select2-plc-clr) !important;
}

.multiselect-container > li > a > label > input[type="checkbox"] {
  width: auto;
  height: auto;
  margin-right: 6px;
  margin-bottom: 0px !important;
}

.multiselect-container > li > a > label {
  padding: 7px 10px !important;
  width: 100%;
  display: flex;
  height: 100px;
}

.multiselect-container > li > a > label:hover {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

.multiselect-search {
  display: flex;
  align-items: center;
  margin: 6px auto 7px;
  position: sticky;
  top: 0px;
  z-index: 2;
  background-color: #fff;
  padding: 3px 0px 0px 9px;
  justify-content: center;
  width: 100%;
}


.multiselect-clear-filter {
  cursor: pointer;
  color: #999;
  position: absolute;
  right: 10px;
  top: 12px;
}

.multislct-srch-icon{
    position: absolute;
  left: 16px;
  color: var(--bs-primary);
  font-size: 14px;
  z-index: 1;
  opacity: 0.4;
}

.multiselect-search input {
  padding: 5px 5px 5px 26px;
  position: relative;
  border-radius: 5px !important;
  height: 41px;
}

.multiselect-clear-filter {
  font-size: 11px;
  cursor: pointer;
  color: #aaa9c2;
  position: absolute;
  top: 14px;
  right: 7px;

}


.multiselect-search-input {
  border: none;
  outline: none;
  background: transparent;
  padding-left: 5px;
}


.multiselect .caret {
  border-top: 4px solid #888 !important;
  border-right: 4px solid transparent !important;
  border-left: 4px solid transparent !important;
  width: 0;
  height: 0;
  display: inline-block;
   transition: transform 0.2s ease;
}



.multiselect.show-caret-up .caret {
  transform: rotate(180deg);
}


.multiselect-container.dropdown-menu {
    width: 100%;
  z-index: 1050; /* Ensure it's above modals or cards if needed */
}


.multiselect.dropdown-toggle::after{
    display: none !important;
}




/*----------multiselect2----select----------end---------*/


.select2-container--default .select2-selection--single {
    border: 1px solid var(--bs-border-color) !important;
    transition: 0.3s;

}

  .select2-container--default .select2-selection--single:hover,
  .select2-container--default .select2-selection--single:focus,
  textarea:hover,
  textarea:focus{
    border: 1px solid var(--bs-primary) !important;
    outline: none;
  }


  /*---------------------------------------------------*/

  .uni-applctn-slct-wrp{
    display: flex;
    column-gap: 15px;
    align-items: center;
    justify-content: center;
  }

  .uni-applctn-slct-wrp .input-group{
    margin-bottom: 0px;
  }


  .uni-applctn-slct-bttn-bx{
    display: flex;
    column-gap: 10px;
    margin-top: 19px;
  }

  .uni-applctn-slct-wrp .input-group .btn-group{
    width: 455px !important;
  }

.uni-applctn-slct-wrp .input-group .select2-container .select2-selection--multiple {
    display: none !important;
  }


  .uni-applctn-slct-wrp .multiselect{
    border-radius: var(--brdr-radius2) !important;
  }


  .uni-applctn-slct-wrp .input-group .input-group-text{
    border-radius: 5px 0 0 5px !important;
  }

  .uni-applctn-slct-bttn-bx .bttn-styl{
    padding: 10px 11px;
  }

  .btn-rest{
    background-color: var(--red);
    color: var(--bs-white);
    border-color: #b0171a
  }

  .btn-apply{
    background-color: var(--green);
    color: var(--bs-white);
    border-color: #147939;
  }


  .btn-rest:hover{
    background-color: #c62225;
  }

  .btn-apply:hover{
    background-color: #0e913e;
  }


  /*---==============================------*/

  .univsty-multislect-bx .multiselect{
    padding: 9px 6px 9px 7px;
  }


  .selected-country-box{
    border: 1px dashed #b3bbd9;
  border-radius: 5px;
  padding: 20px 15px;
  margin: 25px auto 15px;
  display: flex;
  column-gap: 22px;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  }


  .cntry-uni-txt h5{
    margin-bottom: 0px;
  font-size: 17px;
  color: var(--text-drk-color);
  letter-spacing: 0.5px;

  }


  .uni-slct-bx-close{
    position: absolute;
      right: -4px;
      top: -2px;
      box-shadow: -1px 1px 1px 1px #2a276f;
      width: 25px;
      height: 25px;
      text-align: center;
      border-radius: 50%;
      line-height: 23px;
      color: var(--bs-white);
      background-color: var(--bs-primary);
      cursor: pointer;
      transition: 0.2as ease-in;
    }

    .uni-bottm-line{
       width: 100%;
  border-bottom: 1px solid #b0acc18a;
  box-shadow: 0px 1px 4px 1px #dddddd75;
  margin: 23px auto 13px;
    }


    .collage-name-with-inpt-box{
        display: flex;
          column-gap: 13px;
          align-items: center;
          width: 100%;
    }

        .innr-collge-name{
            width: 23%;
        }

    .innr-collge-name h6{
        margin-bottom: 0px;
        font-size: 14px;
    }


    .collge-bx-trash-icn{
       width: 40px;
  height: 38px;
  background-color: var(--red);
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  line-height: 38px;
}

    .without-icon-inpt-fld .form-control,
    .without-icon-inpt-fld .select2-container--default .select2-selection--single{
        padding-left: 8px !important;
    }

    .without-icon-inpt-fld .addmssn-inpt-btn .select2-container--default .select2-selection--single .select2-selection__rendered {
         padding-left: 0px !important;
    }


    .collge-inpt-slct-bx{
        width: 19%;
    }

    .associate-tbl-txt p{
        margin-bottom: 3px;
    }



    /*-----------------------------*/

     .recipt-pymnt-bttn a{
        font-size: 10px;
        padding: 1px 3px;
        border-radius: var(--brdr-radius1);
        border: 1px solid;
        font-weight: 600;
        letter-spacing: 0.5px;
     }

     .recipt-pymnt-bttn  .view-rcpt-btn{
        margin-bottom: 7px;
     }

     .view-rcpt-btn a{
        border-color: var(--bs-primary);
        color: var(--bs-primary);
     }


     .add-pymnt-btn a{
         border-color:var(--bs-orange);
         color:var(--bs-orange);
     }

    /*--------------------------------*/

    .partial-paid-btn{
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 0.5px;
        border: 1px solid var(--bs-orange);
        padding: 1px 3px;
        border-radius: var(--brdr-radius1);
        color:var(--bs-orange);
        cursor:pointer;

    }

    .pnding-paid-btn{
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 0.5px;
        border: 1px solid var(--red);
        padding: 1px 3px;
        border-radius: var(--brdr-radius1);
        color:var(--red);
        cursor:pointer;
    }


    .fully-paid-btn{
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 0.5px;
        border: 1px solid var(--green);
        padding: 1px 3px;
        border-radius: var(--brdr-radius1);
        color:var(--green);
        cursor:pointer;
    }


    .invoice-amnt-bx span {
      border: 1px solid var(--invc-amt-brdrclr);
      box-shadow: var(--invc-amt-shdw);
      padding: 1px 4px;
      border-radius: var(--brdr-radius1);
      font-size: 11px;
      font-weight: 600;
      color: var(--text-drk-color);
      margin-right: 8px;
      letter-spacing: 0.5px;
    }


    /*----------------------------------------------------*/


    .crt-stndt-invc-top-bx{
      background-color: var(--stdnt-invc-bgclr);
      padding: 16px 30px;
      margin-bottom: 38px;
      border-top: 2px solid var(--bs-primary);
      box-shadow: 0px 8px 9px -3px rgba(131, 127, 146, 0.14);
    }


    .paymnt-name-numb-hdr ul{
      display: flex;
      column-gap: 18px;
      justify-content: center;
      background-color: var(--bs-primary);
      padding: 9px 5px;
      border-radius: 10px 10px 0px 0px;
      margin-bottom: 15px;
      border: 2px solid var(--pymnt-nm-brdr);
      border-top: 0;
    }

    .paymnt-name-numb-hdr ul li{
       color: var(--bs-white);
      font-size: 14px;
      letter-spacing: 0.5px;
      position: relative;
    }

    .paymnt-name-numb-hdr ul li:first-child:after{
        content: '';
        position: absolute;
        top: 0px;
        border-right: 1px solid #bfbecf96;
        height: 21px;
        margin-left: 8px;;
    }


    .paymnt-name-numb-bx{
        border: 1px solid #635bff59;
        border-radius: 10px;
    }


    .numb-stdnt-bx{
        text-align: center;
    }

    .numb-stdnt-bx div:first-child{
        margin-bottom: 3px;
    }


    .generate-invoice-btn{
       font-size: 11px;
      letter-spacing: 0.5px;
      box-shadow: 0px 6px 7px -3px rgba(0,0,0,0.1);
      border: 1px solid var(--bs-primary);
      border-radius: 4px;
      background-color: var(--bs-white);
      color: var(--text-drk-color);
      transition: 0.2s ease;
    }


    .generate-invoice-btn:hover{
        background-color: var(--bs-primary);
        color: var(--bs-white);
    }


    .tbl-invoice-close-btn{
        background-color: var(--red);
        color: var(--bs-white);
        font-size: 13px;
        border:1px solid #b21212;
        border-radius: var(--brdr-radius1);
    }


    /*----------------integrations--------wrap--------start-------------*/

    .intgrtn-crd-bdy{
        padding: 19px 13px;
        border: 1px solid var(--intgrtn-crd-brdr);
        border-radius: 23px;
        background-color: var(--bs-white);
        margin-bottom: 25px;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }
    .intgrtn-crd-bdy::after{
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--bs-primary-bg-subtle);
      backdrop-filter: blur(15px);
      z-index: -1;
      transition: top 0.5s ease;
    }
    .intgrtn-crd-bdy:hover{
      cursor: pointer;
      border: 1px solid  rgba(var(--bs-primary-rgb), .5);
    }
    .intgrtn-crd-bdy:hover::after{
      top: 0;
    }
    .intgrtn-crd-bdy:hover h6{
      color: var(--bs-primary);
    }
    .intgrtn-crd-bdy h6{
      font-size: 16px;
      color: var(--text-drk-color);
      letter-spacing: 0.5px;
    }

    .intgrtn-crd-bdy p{
        font-size: 13px;
        color: #636877;
        line-height: 20px;
        letter-spacing: 0.5px;
        margin-bottom: 0px;
    }


    .intgrtn-icon{

       text-align: center;
        width: 40px;
        height: 40px;
        display: block;
        line-height: 39px;
        border-radius: 10px;
        font-size: 21px;
        margin-bottom: 10px;
    }


    .whtsapp-icn{
        background-color: #26af3c;
        color: var(--bs-white);
        box-shadow: 0px 0px 0px 2px #26af3c;
        border: 1px solid var(--bs-white);
    }


    .facebk-icn{
        background-color: #3b5998;
        color: var(--bs-white);
        box-shadow: 0px 0px 0px 2px #3b5998;
        border: 1px solid var(--bs-white);
    }

    .smtp-icn{
        background-color: #e66c30;
        color: var(--bs-white);
        box-shadow: 0px 0px 0px 2px #e66c30;
        border: 1px solid var(--bs-white);
    }


    .sms-icn{
        background-color: #dd9f0d;
        color: var(--bs-white);
        box-shadow: 0px 0px 0px 2px #dd9f0d;
        border: 1px solid var(--bs-white);
    }


    .web-icn{
        background-color: #17b1b1;
        color: var(--bs-white);
        box-shadow: 0px 0px 0px 2px #17b1b1;
        border: 1px solid var(--bs-white);
    }

    .dialer-icn{
        background-color: #c81a5c;
        color: var(--bs-white);
        box-shadow: 0px 0px 0px 2px #c81a5c;
        border: 1px solid var(--bs-white);
    }

    .qr-icn{
        background-color: #1753b1;
        color: var(--bs-white);
        box-shadow: 0px 0px 0px 2px #1753b1;
        border: 1px solid var(--bs-white);
    }


    /*-------integrations--------wrap-------------------end-------------*/

.add-button{
  background-color: var(--bs-primary);
  color: #fff;
  border: 1px solid var(--add-btn-brdr);
  border-radius: 5px;
  text-align: right;
  transition: all 0.6s ease;
  padding: 3px 5px;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.add-button:hover {
  background-color: var(--add-btn-hvr-bgclr);
}

.add-button i {
  transition: all 0.6s ease;
  background-color: var(--add-btn-icn-clr);
  padding: 3px;
  border-radius: 50%;
  font-size: 9px;
}


.score_bx p{
    margin-bottom: 4px;
    text-align: left;
}


.add-intk-mdl-btn a{
    background-color: var(--bs-primary);
  color: var(--bs-white);
  font-size: 11px;
  letter-spacing: 0.7px;
  padding: 3px 5px;
  border-radius: 4px;
  box-shadow: 0px 4px 8px -5px rgba(0, 0, 0, 0.67);
  transition: 0.3s ease;
}

.add-intk-mdl-btn a:hover{
    background-color: var(--bs-intk-mdl-btn-hvr-clr);
}

.add-intk-mdl-btn p{
    margin-top: 4px;
  margin-bottom: 3px;
}


.ovrflw-visble-slct{
    overflow: visible !important;
}


.tsk_name p{
    margin-bottom: 4px;
    letter-spacing: 0.8px;
}

.tsk-cmnt-cmplt-btn button{
    border: 1px solid var(--tsk-btn-brdr);
  background-color: var(--tsk-btn-bgclr);
  font-size: 11px;
  letter-spacing: 0.8px;
  border-radius: var(--brdr-radius1);
  box-shadow: inset 1px 2px 3px 2px var(--tsk-btn-shdw);
}


.toggle-wrapper{
    display: flex;
    column-gap: 13px;
}


.toggle-wrapper .module-switch-bx{
    margin-top: 0px;
    column-gap: 13px;
}

.toggle-wrapper .module-switch-bx h5 {
  font-size: 13px;
  letter-spacing: 0.5px;
}

#assignedContent .uni-applctn-slct-wrp .input-group .btn-group {
  /* width: 284px !important; */
}

.multiselect-search .form-control{
    padding-left: 30px !important;
}

/*----------------report----------accodian--------wrap----------start-------------*/


.report-accdn-wrp .accordion-button{
   padding: 8px 27px;
  font-size: 17px;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: var(--ardn-tb-hdg-clr);
}

.report-accdn-wrp .accordion-button:not(.collapsed) {
    border-bottom: 1px solid var(--rprt-acdn-clsp-brdr)!important;
}

.report-accdn-wrp .accordion-button i{
   margin-right: 7px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: var(--tb-btns-bgclr);
  text-align: center;
  line-height: 38px;
  box-shadow: inset 2px 1px 7px 2px var(--rpts-tb-icns-shwclr);
  border: 3px solid var(--rpts-tb-icns-brdr);
  font-size: 13px;
  color: var(--bs-primary);
}

.report-accdn-wrp .accordion-button:focus {
    box-shadow: none;
}

.rprts-accdn-bx {
  row-gap: 18px;
}

.box {
  position: relative;
  border-radius: 3px;
  background: var(--bx-bgclr);
  border-top:  3px solid var(--bx-brdr);
  width: 100%;
  box-shadow: 0 3px 4px var(--bx-shdw);
  cursor: pointer;
}

.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 20px 8px;
  text-align: center;
}

.box-body h3{
    font-size: 15px;
    color: var(--text-drk-color2);
    margin-bottom: 10px;
    text-decoration: underline;
}



.box-body p{
  font-size: 12px;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
  color: var(--text-drk-color);
}


.tbl-txt-center.dataTable > thead > tr > th {
    text-align: center;
}


/*---------mail-----template---wrap-----start-------------*/

.add-stdnt-tab .mail-temp-nv-tabs {
  border-bottom: 1px solid var(--ml-tmp-nv-tb-brdr-btm);
  border-radius: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
}


.mail-temp-nv-tabs a.nav-link {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ml-tmp-tb-clr)!important;
  letter-spacing: 0.4px;
  background-color: var(--ml-tmp-tb-bgclr);
  border-bottom: 3px solid var(--ml-tmp-tb-btm-brdr)!important;
  padding: 7px 16px;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid var(--ml-tmp-tb-brdr);
}

.mail-temp-nv-tabs a.nav-link:hover, .mail-temp-nv-tabs a.nav-link.active {
  background-color:var(--mbl-vw-slct-bgclr) !important;
  border-bottom: 3px solid #9998dc82 !important;
  color: #fff !important;
  border-radius: 5px 5px 0px 0px !important;
}


.innr-mail-temp-wrap{
    border: 1px solid var(--ml-tmp-wrp-brdr);
  border-radius: var(--brdr-radius2);
  margin-top: 12px;
}


.innr-mail-temp-wrap .mstr-title-wrp{
    background-color: var(--crd-header-title-bg);
    border-bottom: 1px solid var(--inpt-slct-fcus-bdr);
}

/*------------------------------------------------------*/


.yes-no-chkbx-wrp{
    display: flex;
    column-gap: 12px;
    margin-top: 18px;
}

.innr-radio-btn-bx{
    display: flex;
    align-items: center;
}

.innr-radio-btn-bx .radio-custom {
    opacity: 0;
    position: absolute;
}


.innr-radio-btn-bx .radio-custom, .radio-custom-label {
    cursor: pointer;
    font-size: 13px;
}

.innr-radio-btn-bx .radio-custom-label {
    position: relative;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.radio-custom + .radio-custom-label:before {
    content: '';
    background: var( --tbl-hdr-white);
    border: 1px solid var(--ntbx-brdr);
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    line-height: 17px;
    margin-right: 4px;
    text-align: center;
    border-radius: 3px;
}


.innr-radio-btn-bx .radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
}

.innr-radio-btn-bx .radio-custom:checked + .yes-chk:before{
     border: 2px solid var(--green);
}

.innr-radio-btn-bx .radio-custom:checked + .yes-chk:before{
    color: var(--green);
}

.innr-radio-btn-bx .radio-custom:checked + .no-chk:before{
     border: 2px solid var(--red);
}


.innr-radio-btn-bx .radio-custom:checked + .no-chk:before{
    color: var(--red);
}


.mail_autmtn-tab-cntnt{
    margin: 10px 10px;
}


.mail-autmtn-bx{
  margin: 0px auto 11px;
  border: 1px solid var(--ml-atmtn-bx-brdr)!important;
  padding: 7px 6px;
  border-radius: 5px !important;
  background-color: var(--ml-atmtn-bx-bgclr)!important;
  box-shadow: inset -1px -9px 8px -6px var(--ml-atmtn-bx-shdw);
}


.mail-autmtn-bx button {
  border-radius: 4px !important;
  width: 100%;
  text-align: left;
  font-size: 14px;
  position: relative;
  padding: 10px 10px;
  letter-spacing: 0.5px;
}

.mail-autmtn-bx button:focus{
    box-shadow: none;
}

/*---------mail-----template---wrap-----end-------------*/


/*-----------student------detail-----wrap------start--------*/


.stdnt-dtl-profile-wrp{
    position: relative;
}


.stdnt-dtl-profile-wrp img{
  height:270px;
  width: 100%;
  object-fit: contain;
  object-position: top;
  background-color: var(--bs-primary);
}

.innr-stdnt-prfile-bx{
     position: absolute;
  top: 22%;
  left: 0px;
  right: 0px;
}

.stdnt-prfile-dtl h5{
   font-size: 16px;
  color: var(--bs-white);
  letter-spacing: 0.7px;
  margin-bottom: 5px;
}


.stdnt-prfile-dtl ul{
  width: 85%;
  background-color: rgba(83, 58, 137, 0.3);
  padding: 12px 13px;
  border-radius: 10px;
  position: relative;

}


.innr-stdnt-prfile-bx ul li{
  text-align: left;
  font-size: 13px;
  color: var(--bs-white);
  line-height: 27px;
  letter-spacing: 0.5px;
  position: relative;
  padding-left: 20px;
}

.innr-stdnt-prfile-bx ul li:before{
    content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 2px solid var(--yellow);
  display: block;
  position: absolute;
  left: 0px;
  top: 10px;
}

.prfile-back-btn{
    padding-right: 27px;
}


.prfile-back-btn button{
    background-color: var(--pfl-bk-btn-bgclr);
  color: var(--bs-white);
  border: 1px solid var(--pfl-bk-btn-brdr);
  padding: 5px 10px;
  border-radius: 5px;
  letter-spacing: 0.8px;
  transition: 0.4s ease;
}

.prfile-back-btn button:hover{
    background-color: var(--pfl-bk-btn-hvr-bgclr);
}

.all-stdnt-dtl-tabs .nav-pills{
    justify-content: space-around;
    margin-top: 5px;
    column-gap:10px;
}


.all-stdnt-dtl-tabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: transparent;
}


.tab-cntnt-all-stdnt-dtl-wrp{
    width: 100%;
  padding: 10px 15px;
  background-color: var(--bs-white);
  border-radius: 10px;
  margin-bottom: 15px;
}

.all-tab-pane-crd{
    border: 1px solid #c6c2db;
    border-radius: 6px;
    margin-bottom: 15px;
}


.all-tab-pane-crd .card-header{
    background-color: var(--crd-header-title-bg);
  padding:5px 12px;
  border-bottom: 1px solid var(--inpt-slct-fcus-bdr);
  border-radius: 6px 6px 0px 0px !important;
  color: var(--text-drk-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

.all-tab-pane-crd .card-header h5{
    margin-bottom: 0px;
  font-size: 14px;
  letter-spacing: 0.5px;
}


.stdnt-dtl-table table{
    width: 100%;
    /*margin-top: 15px;*/
}



.stdnt-dtl-table table tbody tr{
    border-bottom: 1px solid var(--ntbx-brdr);
  display: flex;
  justify-content: space-between;
  padding: 9px 12px;
  align-items: center;
}

.stdnt-dtl-table table tbody tr:last-child {
  border-bottom: none;
}


.stdnt-dtl-table table tbody tr th,
.stdnt-dtl-table table tbody tr td{
   color: var(--text-drk-color2);
  font-size: 13px;
}


.tbl-tr-reduce-pddng{
    padding: 0px 12px !important;
}

.tbl-tr-reduce-pddng .name-desg-title{
    text-align: end !important;
}


.tbl-para{
    text-align: left !important;
    white-space: wrap !important;
}



/*----------modal-----select2----width-----start--------*/

#add_acdmic_modal .addmssn-inpt-btn .select2-container,
#updte_acdmic_modal .addmssn-inpt-btn .select2-container{
  /* width: 175px !important; */
  width: 100%!important;
}

/*----------modal-----select2----width-----end--------*/


.appl-upld-box ul{
   display: flex;
  column-gap: 5px;
  align-items: center;
  margin: 15px auto;
  padding: 0px 12px 16px;
  border-bottom: 1px dashed #c2c3dc;
  flex-wrap: wrap;
}


.appl-upld-box ul li{
    font-size: 13px;
  letter-spacing: 0.6px;
  color: var(--text-drk-color2);
  border: 1px solid var(--ntbx-brdr);
  border-radius: 5px;
  padding: 3px 5px;
  box-shadow: inset 1px 1px 7px 2px var(--apl-bx-shdw);
  background-color: var(--apl-bx-bgclr);
}



 .any-doc-upld-bx{
    padding: 13px 12px;
    width: 100%;
    position: relative;
 }


 .add-doc-upld-two-btn-wrp{
    display: flex;
    column-gap:11px;
 }


 .add-doc-btn{
 padding: 7px 6px;
  border-radius: 5px;
  background-color: var(--add-dc-btn-bgclr);
  border: 2px solid var(--bs-primary);
  font-size: 13px;
  letter-spacing: 0.5px;
  transition: 0.4s ease;
  color: var(--bs-primary);
 }

 .add-doc-btn:hover{
    background-color: var(--bs-primary);
    color: var(--bs-white);
  }


  .upld-doc-btn{
      padding: 8px 6px;
      border-radius: 5px;
      background-color: var(--green);
      border: 1px solid #077731;
      font-size: 13px;
      letter-spacing: 0.5px;
      transition: 0.4s ease;
      color: var(--bs-white);
  }

    .upld-doc-btn:hover{
        background-color:#077731;
        border-color: var(--green);
    }

    .tbl-td-txt-left td, .any-doc-upld-bx .edt-dlt-btn-wrp, .tbl-td-txt-left tr th {
        text-align: left !important;
    }



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


.one-td-txt-bx p{
    margin: 4px 0px;
}


.login-detl-bx{
  width: 55%;
  margin: 20px auto;
  background-color: var(--lgn-dtls-bx-bgclr);
  padding: 17px 32px 28px;
  border-radius: 17px;
  border: 1px dashed var(--lgn-dtls-bx-brdr);
  box-shadow: inset 3px 3px 24px 7px var(--lgn-dtls-bx-shdw);
}

.login-detl-title h6{
   font-size: 19px;
  border-bottom: 1px solid var(--lgn-dtl-brdr-btm);
  text-align: center;
  padding-bottom: 5px;
  text-transform: capitalize;
  color: var(--bs-primary);
  margin-bottom: 20px;

}


.login-detl-list ul li{
    font-size: 14px;
  color: var(--text-drk-color2);
  padding-bottom: 10px;
  text-align: center;
}

.login-detl-btn-bx{
   justify-content: center;
  border-top: 1px solid var(--lgn-dtl-brdr-btm);
  padding-top: 18px;
  display: flex;
  column-gap: 10px;
}

.login-detl-btn-bx button{
  font-size: 12px;
  padding: 7px 8px;
  border: 1px solid var(--bs-primary);
  background-color: var(--lgn-dtl-bts-bgclr);
  border-radius: var(--brdr-radius2);
  letter-spacing: 0.7px;
  color: var(--text-drk-color2);
  transition: 0.4s ease;
}

.login-detl-btn-bx button:hover{
    background-color: var(--bs-primary);
    color: var(--bs-white);
}


/*-----------student------detail-----wrap------end--------*/

.show-sidebar .vertical-overlay-bx {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  transition: left 0.4s ease-in-out;
  z-index: 11;
}

.sidebartoggler {
    display: none;
}


/*-----menubar---ellipsis----start--------*/




.navbar-toggler i{
    color: var(--bs-white);
}




.sidebar-nav .offcanvas-header{
    background: var(--bs-primary);
}


.sidebar-nav .offcanvas-header a h6{
  margin-bottom: 0px;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: var(--bs-white);
}


.sidebar-nav .offcanvas-header .bttn-close{
    color: var(--bs-white);
    background-color: transparent;
    border: none;
}

/*------menubar---ellipsis----end---------*/


.modal .modal-header .modal-title{
    font-size: 17px;
    letter-spacing: 0.5px;
    color: var(--text-drk-color);
}


.smll-slct-wdth2 .select2{
    width: 150px !important;
}

.file-display{
    border-radius: 5px !important;
}

.lft_tbl_cntnt thead tr th,
.lft_tbl_cntnt tbody td{
    text-align: left !important;
}


.lrng_resource_tbl-crd{
   border: 1px solid #dee0e7;
  padding: 0.40rem 0.60rem;
  border-radius: 5px;
}


.lrng_resource_title h5{
    font-size: 0.90rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.70rem;
  color: var(--text-drk-color2);
  margin-bottom: 1rem;
}


.compltd-btn {
  border: 1px solid var(--green);
  border-radius: var(--brdr-radius1);
  padding: 4px 7px;
  color: var(--green);
  font-size: 10px;
  font-weight: 600;
}

.incompltd-btn {
  border: 1px solid var(--bs-teal);
  border-radius: var(--brdr-radius1);
  padding: 4px 7px;
  color: var(--bs-teal);
  font-size: 10px;
  font-weight: 600;
}


.voilet-btn {
  border: 1px solid var(--bs-primary);
  border-radius: var(--brdr-radius1);
  padding: 4px 7px;
  color: var(--bs-primary);
  font-size: 10px;
  font-weight: 600;
}


.ornge-btn{
  border: 1px solid var(--bs-orange);
  border-radius: var(--brdr-radius1);
  padding: 4px 7px;
  color: var(--bs-orange);
  font-size: 10px;
  font-weight: 600;
}

/*.iti {
    width: 100%;
}*/

.iti--separate-dial-code .iti__selected-flag {
  background-color: var(--inpt-slct-icon-bg) !important;
}

.vrfy-bttn{
    padding-right: 5px;
    position: absolute;
    right: 0px;
}


.vrfy-bttn a{
    background-color: var(--red);
    color: var(--bs-white);
    border:1px solid var(--dang-bdr-col);
    border-radius: var(--brdr-radius1);
    padding: 1px 2px;
    font-size: 11px;
    letter-spacing: .08rem;
}


/* .anchr:hover {
  color: inherit;
  text-decoration: underline;
} */


.cstm-four-inpt-bx .input-group .select2-container{
    width: 100% !important;
}

.updte-hdr{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.updte-hdr h6{
    margin-bottom: 0px;
}

.updte-hdr a.btn{
  font-size: 0.70rem;
  padding: 0.47rem 0.45rem;
  border-radius: 0.30rem;
}

.visa-outcm-dtl p{
    margin-bottom: 2px;
}



/*------------switch----module----wrap---------start------------*/

.software-switch-indicator{
  display: flex;
  align-items: center;
  border-radius: 0.30rem;
  margin-left: 17%;
  column-gap: 6px;
  /*border: 1px solid #eeeeee1c;*/
}

.innr-swtch-mdul-bx{
  color:var(--bs-white);
  letter-spacing: 0.04rem;
  font-size: 0.80rem;
  display: flex;
  align-items: center;
  column-gap: 6px;
  padding: 7px 7px;
  font-weight: 600;
  position: relative;
}



.software-switch-indicator .switch input {
  display: none;
}

.software-switch-indicator .slider {
  cursor: pointer;
  background-color:#c8c5e14a;
  border-radius: 34px;
  /*border: 2px solid #97a5fb70;*/
  position: relative;
  overflow: visible;
}

.software-switch-indicator .slider:before {
  content: "";
  height: 10px;
  width: 10px;
  background-color: #ffffff78;
  border-radius: 50%;
  position: absolute;
  left: 20px;

}


.software-switch-indicator .switch input:checked + .slider {
  background-color: var(--bs-green);
  border-color: #309556;
}

.software-switch-indicator .switch input:checked + .slider:before {
  transform: translateX(0px);
  background-color: var(--bs-white);
}


.software-switch-indicator .slider.round {
  border-radius: 34px;
}

.software-switch-indicator .slider.round:before {
  border-radius: 50%;
}

.software-switch-indicator input:checked + .slider + span,
.switch input:checked ~ span {
  font-weight: bold;
  color: #635bff;
}


/*----------new----module-------design-------start---------*/



.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}


.toggle {
  display: flex;
  min-width: 47px;
  height: 23px;
  border-radius: 7px;
  padding: 0.25rem;
  transition: background 0.3s ease;
  background-color: var(--hdr-chck-bg) ;
  position: relative;
  box-shadow: var(--tp-chck-shdw);
}

.toggle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  width: 21px;
  height: 19px;
  border-radius: 4px;
  background-color: var(--tp-chck-bfr-bg);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #dfdef4;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 45'%3E%3Cpath d='M48.7498 2.28142C51.3913 -0.359957 55.6739 -0.359921 58.3153 2.28153C60.7556 4.72181 60.9404 8.55699 58.8749 11.2134L58.8041 11.3044L58.3963 11.7663L27.5701 42.5925C25.1298 45.0327 21.2946 45.2175 18.6382 43.152L18.5472 43.0812L18.0853 42.6734L2.63175 27.2198C-0.00973761 24.5784 -0.00973773 20.2957 2.63175 17.6542C5.07203 15.2139 8.9072 15.0291 11.5636 17.0946L11.6546 17.1654L12.1164 17.5731L22.7871 28.2419L48.7498 2.28142C48.7498 2.28138 48.7497 2.28146 48.7498 2.28142Z'/%3E%3C/svg%3E") no-repeat center/60%;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 45'%3E%3Cpath d='M48.7498 2.28142C51.3913 -0.359957 55.6739 -0.359921 58.3153 2.28153C60.7556 4.72181 60.9404 8.55699 58.8749 11.2134L58.8041 11.3044L58.3963 11.7663L27.5701 42.5925C25.1298 45.0327 21.2946 45.2175 18.6382 43.152L18.5472 43.0812L18.0853 42.6734L2.63175 27.2198C-0.00973761 24.5784 -0.00973773 20.2957 2.63175 17.6542C5.07203 15.2139 8.9072 15.0291 11.5636 17.0946L11.6546 17.1654L12.1164 17.5731L22.7871 28.2419L48.7498 2.28142C48.7498 2.28138 48.7497 2.28146 48.7498 2.28142Z'/%3E%3C/svg%3E") no-repeat center/60%;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.toggle:has(input[type=radio]:checked) {
  background-color:var(--bs-green);
}

.toggle:has(input[type=radio]:checked)::after {
  opacity: 1;
  transform: translate(76%, -49%);
}

.toggle:has(input[type=radio]:checked)::before {
  background-color: #389346;
  transform: translate(95%, -52%);
}

/*--------new------module-------design-------end---------*/



/*------switch----------module--------wrap-----end----------*/


/*----------dark---------color-------mode-----start-------*/

[data-bs-theme="dark"] .iti__country-list,
[data-bs-theme="dark"] .ui-timepicker-standard{
  border-color: #404763;
  color: rgba(255, 255, 255, 0.6);
  background-color: #1f2b40;
}


[data-bs-theme="dark"] .iti__arrow{
    border-top: 4px solid rgba(255, 255, 255, 0.6);
}



[data-bs-theme="dark"] .globl-srchbar-bx {
  background-color: #374359;
}

/*----------dark---------color-------mode-----end-------*/

/*--------------22-09-25--------style--------wrap-------start----------*/

.cstm-fltr-srchbar{
    float: none !important;
    display: flex;
  align-items: center;
  column-gap: 13px;
  justify-content: end;
}



 .mobile-view {
    display: block;
    margin-left: 64%;
  }


  .mobile-view select {
    border: 1px solid var(--mbl-vw-slct-brdr);
    background-color: var(--mbl-vw-slct-bgclr);
    color: #fff;
    border-radius: 5px;
    padding: 4px 5px;
    font-size: 12px;
    letter-spacing: 0.5px;
    box-shadow: var(--mbl-vw-slct-shdw) 0px -50px 36px -28px inset;
    outline: none;
    cursor: pointer;
  }
  .mobile-view select:hover,
  .mobile-view select:focus{
    border: 1px solid var(--mbl-vw-slct-brdr)!important;
     outline: none;
     cursor: pointer;
  }



.agrmnt-signd-btn a{
   color: var(--bs-white);
  background-color: #53953c;
  padding: 3px 4px;
  font-size: 10px;
  border-radius: 3px;
  font-weight: 500;
  cursor: not-allowed;
}

.agremnt-sent-btn a{
  color: #b94010;
  border: 1px solid #b94010;
  padding: 3px 4px;
  font-size: 10px;
  border-radius: 3px;
  font-weight: 500;
  cursor: not-allowed;

}

.vva-name-id-bx p{
    margin-bottom: 0px;
}


/*--------------22-09-25--------style--------wrap-------end---------*/



/* =============== lalit by ========== */
.dt-buttons.cstm-buttons-img{
     display: flex;
    gap: 10px;
    background: var(--dt-btn-bg);
    padding: 7px 12px;
    border: 1px solid var(--dt-btn-brdr-clr);
    /* box-shadow: inset 0 0 10px rgb(89 93 249 / 23%), inset 20px 0 60px rgb(95 96 118 / 10%); */
}
.dt-buttons.cstm-buttons-img .tbl-actn-btn{

        outline: none;
    margin: 0;
    background: var(--dt-btns-bgclr);
    border-radius: 3px !important;
    /* border: 0; */
    position: relative;
    overflow: inherit;
    padding: 0px!important;
    font-size: 13px;
    /* background-color: #fff; */
    width: 30px;
    height: 30px;
    line-height: 29px;
    /* border-radius: 8px; */
    color: var(--dt-btns-clr);
    box-shadow: var(--dt-btns-shdw);
  border: 1px solid var(--c-btn-brdr)!important;

}

 .dt-buttons.cstm-buttons-img .tbl-actn-btn .tltp {
    width: max-content;
    position: absolute;
    background: var(--bs-primary);
    z-index: 229;
    top: 10px;
    left: 50%;
    padding: 6px 8px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    text-shadow: 0 2px 1px #52546c;
    color: #fff;
    transform: translate(-50%,0) scale(0.1);;
    visibility: hidden;
    opacity: 0;
    /* transform: scale(0.1); */
     transition: opacity 0.01s ease, top .2s ease;
}

.dt-buttons.cstm-buttons-img .tbl-actn-btn:hover .tltp {
  top: -31px;
    visibility: visible;
    opacity: 1;
    animation: tooltipZoomSlide 0.3s ease forwards;
}

@keyframes tooltipZoomSlide {
    0% {
        transform: translate(-50%,0) scale(0.1);
    }
    50% {
        transform: translate(-50%,0) scale(1.1);
    }
    100% {
        transform: translate(-50%,0) scale(1);
    }
}

.dt-buttons.cstm-buttons-img .tbl-actn-btn .tltp::after{
    position: absolute;
    content: '';
    border-width: 7px;
    border-style: solid;
    left: 50%;
    bottom: -12px;
    border-color: var(--bs-primary) transparent transparent transparent;
    transform: translate(-50%, 0);
}

.dt-buttons.cstm-buttons-img .tbl-actn-btn span img{
    width: 20px;
    filter: drop-shadow(0 0 10px rgb(107 102 143 / 31%));
}
.dt-buttons.cstm-buttons-img .btn-group .dt-button-background{
  opacity: 0;
  z-index: 2;
}
.dt-buttons.cstm-buttons-img .btn-group .dt-button-collection{
    margin: 0;
    padding: 15px;
    border: 0;
    top: 42px !important;
    border-radius: 10px;
    z-index: 111;
    box-shadow: 0px 8px 20px rgb(141 142 167 / 19%);
    width: 350px;
    border: 1px solid #e3e3e3;
}
.dt-buttons.cstm-buttons-img .btn-group .buttons-collection.dropdown-toggle.buttons-colvis{
       gap: 5px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    outline: none;
    margin: 0;
    background: #fff;
    border-radius: 5px !important;
    border: 0;
    position: relative;
    overflow: inherit;
    padding: 0px;
    font-size: 13px;
    background-color: #fff;
    width: 45px;
    height: 30px;
    line-height: 29px;
    border-radius: 8px;
    color: #4d4e78;
    box-shadow: rgb(109 104 149 / 8%) 0px -13px 15px 0px inset, rgb(122 119 157 / 10%) 0px -16px 10px 0px inset, rgba(158, 151, 185, 0.1) 0px -39px 9px 0px inset, rgba(163, 161, 193, 0.06) 0px 2px 1px, rgba(131, 129, 162, 0.09) 0px 4px 2px, rgba(164, 161, 179, 0.09) 0px 5px 4px, rgba(0, 0, 0, 0.09) 0px 0px 5px, rgba(168, 170, 189, 0.09) 0px 2px 2px;
    border: 1px solid #ddd;
}
.dt-buttons.cstm-buttons-img .btn-group .buttons-collection.dropdown-toggle.buttons-colvis span{
  padding-left: 9px;
    line-height: 1;
    display: inline-block;
    padding-top: 1px;
}
.dt-buttons.cstm-buttons-img .btn-group .buttons-collection.dropdown-toggle.buttons-colvis .tltp{
  width: max-content;
    position: absolute;
    background: rgb(25 29 177 / 83%);
    z-index: 229;
    top: 10px;
    left: 50%;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    text-shadow: 0 2px 1px #52546c;
    color: #fff;
    transform: translate(-50%, 0) scale(0.1);
    visibility: hidden;
    opacity: 0;

    transition: opacity 0.01s ease, top .2s ease;
}
.dt-buttons.cstm-buttons-img .btn-group .buttons-collection.dropdown-toggle.buttons-colvis .tltp::after{
   position: absolute;
    content: '';
    border-width: 7px;
    border-style: dotted;
    left: 50%;
    bottom: -12px;
    border-color: rgb(25 29 177 / 83%) transparent transparent transparent;
    transform: translate(-50%, 0);
}
.dt-buttons.cstm-buttons-img .btn-group .buttons-collection.dropdown-toggle.buttons-colvis:hover{
  border: 1px solid #aeb0ff !important;
}
.dt-buttons.cstm-buttons-img .btn-group .buttons-collection.dropdown-toggle.buttons-colvis:hover .tltp {
    top: -31px;
    visibility: visible;
    opacity: 1;
    animation: tooltipZoomSlide 0.3s ease forwards;
}

@keyframes tooltipZoomSlide {
    0% {
        transform: translate(-50%,0) scale(0.1);
    }
    50% {
        transform: translate(-50%,0) scale(1.1);
    }
    100% {
        transform: translate(-50%,0) scale(1);
    }
}
.dt-buttons.cstm-buttons-img .btn-group .buttons-collection.dropdown-toggle.buttons-colvis::after{
    content: '\f078';
    font-family: 'fontAwesome';
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 9px;
    line-height: 30px;
    padding-right: 5px;
}

.dt-buttons.cstm-buttons-img .btn-group .buttons-collection.dropdown-toggle.buttons-colvis[aria-expanded="true"]::after{
   content: '\f077';
    font-family: 'fontAwesome';
}
/* .dt-buttons.cstm-buttons-img .btn-group .buttons-collection.dropdown-toggle.buttons-colvis:hover{
  background: #574ff7;
  color: #fff;
} */
.dt-buttons.cstm-buttons-img .btn-group .dt-button-collection >div{
  display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 5px;
    flex-wrap: wrap;
}
.dt-buttons.cstm-buttons-img .btn-group .dt-button-collection >div .dt-button:first-child{
  display: none;
}
.dt-buttons.cstm-buttons-img .btn-group .dt-button-collection >div .dt-button{
  width: fit-content;
    color: #61606c;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 10px;
    border: 1px solid #dbd6d6;
    border-radius: 12px;
    line-height: 1;
    background: #f3f3f3;
}
.dt-buttons.cstm-buttons-img .btn-group .dt-button-collection >div .dt-button:hover{
  border: 1px solid #dbd6d6!important;
  background: #f1f1f1!important;
  text-decoration: inherit!important;
  color: #61606c!important;
}
.dt-buttons.cstm-buttons-img .btn-group .dt-button-collection >div .dt-button.dt-button-active{

  background: transparent;
  padding-left: 30px;
}

.dt-buttons.cstm-buttons-img .btn-group .dt-button-collection >div .dt-button.dt-button-active::after{
  left: 6px;
    margin-top: -10px;
    color: #fff;
    width: 18px;
    height: 18px;
    background: var(--bs-primary);
    border-radius: 50%;
    display: grid
;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
.dt-buttons.cstm-buttons-img{
  display: flex;
  gap: 10px;
  border-radius: 3px;
}
.dt-buttons.cstm-buttons-img .dt-button{
    outline: none;
    padding: 0;
    margin: 0;
    background: #fff;
    padding: 3px;
    border-radius: 5px;
    border: 1px solid #dfe0ff;
    position: relative;
    overflow: inherit;
}
.dt-buttons.cstm-buttons-img .dt-button .tltp{
position: absolute;
    background: rgb(25 29 177 / 83%);
    z-index: 229;
    bottom: -32px;
    left: 0px;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    text-shadow: 0 2px 1px #52546c;
    display: none;
}
.dt-buttons.cstm-buttons-img .dt-button:hover .tltp{
  display: block;
}
.dt-buttons.cstm-buttons-img .dt-button .tltp::after{
      position: absolute;
    content: '';
    border-width: 7px;
    border-style: dotted;
    left: 7px;
    top: -13px;
    border-color: transparent transparent rgb(25 29 177 / 83%) transparent;
}
.dt-buttons.cstm-buttons-img .dt-button:hover{
  background: #fff!important;
  border: 1px solid #aeb0ff!important;

}
.dt-buttons.cstm-buttons-img .dt-button span img{
  width: 20px;
    filter: drop-shadow(0 0 10px rgb(107 102 143 / 31%));
}


/*---------offcanvas----filter-------wrap------start-------------*/

/*--------filter--------button-------start------------*/

.fltr-btn {
  border: 1px solid var(--flt-btn-brdr);
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 3px;
  background: var(--fltr-btn-bgclr);
  line-height: 1;
  overflow: hidden;
  width: 90px;
  transition: width 0.3s ease, background 0.3s ease, transform 0.3s ease;
  height: 46px;
}

/* .fltr-btn:hover {
  color: #fff;
  width: 90px;
} */

.fltr-btn .txt {
    color: var(--fltr-txt-clr);
    padding-right: 10px;
}


.fltr-btn .icn img {
  width: 15px;
  filter: var(--fltr-img-clr);
}

/*--------filter--------button-------end------------*/


/*------offcanvas-------header----start--------*/

.offcanvs-fltr-hdr{
      border-bottom: 1px dashed var(--fltr-mdl-brdr-btm);
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background: var(--bs-primary);
}


.offcanvs-fltr-hdr h5{
    display: flex;
  align-items: center;
  border-radius: 0.30rem;
  /* margin-left: 19%; */
  column-gap: 1px;
  color: #fff;
}

.offcanvs-fltr-hdr button{
  background: transparent;
    border: none;
    color: rgb(255 255 255 / 90%);
    padding: 0;
    margin: 0;
    width: 27px;
    height: 27px;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 4px;
    font-size: 16px;
    line-height: 26px;
}

.offcanvs-fltr-hdr button:hover{
  background: rgb(255 255 255 / 20%);
  color: #fff;
}

/*-------offcanvas----header------end------*/


.offcanvs-fltr-sidebar{
  width: 500px !important;
}

/*-----offcanvas------bottom----wrap----start------*/



.fltr-btn-btm {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--fltr-btn-bgclr);
    z-index: 1;
    padding: 8px 20px;
    border-top: 1px dashed var(--fltr-mdl-brdr-btm);
}

.fltr-btn-btm .fltr-srch-rst-bttn-wrp{
  justify-content: space-between;
  margin: 0;
}

.fltr-btn-btm .fltr-srch-rst-bttn-wrp button{
  width: 50%;
}

/*-----offcanvas------bottom----wrap----end------*/

/*---------------------------------------------*/



/*---------offcanvas----filter-------wrap------end---------------*/

.srvc-typ-bdg{
    display: flex;
    column-gap: 5px;
    align-items: center;
}

/*--------------------------------------*/

.c-s-d-bttn-bx{
    margin-top: 10px;
    display: flex;
    column-gap: 7px;
}

.c-s-d-bttn-bx a{
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 800;
    transition: 0.3s ease;
}

.copy-btn{
    border: 1px solid #e65b17;
    color: #e65b17;
}

.share-btn{
    border: 1px solid #4756a6;
    color: #4756a6;
}

.download-btn{
    border: 1px solid #11622d;
    color: #11622d;
}



.copy-btn:hover{
    background-color:#e65b17;
    color: var(--bs-white);
}

.share-btn:hover{
    background-color: #4756a6;
    color: var(--bs-white);
}

.download-btn:hover{
    background-color: #11622d;
    color: var(--bs-white);
}

/*----------------------------------------------*/

.enq-chkbx-lbl-row{
    border-radius: 4px;
    border: 1px solid var(--enq-chkbx-rw-brdr);
    padding: 11px 10px 0px;
    border-top: 2px solid var(--enq-chkbx-rw-brdrTp);
    margin-top: 9px;
}

.enq-chk-lbl{
  border-radius: 3px;
  border: 1px solid var(--enq-chk-lbl-brdr);
  font-size: 12px;
  padding: 5px 7px;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  column-gap: 0px;
  color: #536180;
  letter-spacing: 0.5px;
  box-shadow: rgba(100, 100, 111, 0.62) 0px 1px 1px 0px;
  font-weight: 600;
  align-items: center;
}

/*------------------*/

.enq-chk-lbl input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.checkmark {
  position: relative;
  box-shadow: var(--bs-chckmrk-shdw) 0px 0px 0px 2px;
  background-color: rgba(221, 207, 207, 0.5);
  height: 15px;
  width: 15px;
  flex-shrink: 0;
  transition: all 0.2s ease 0s;
  cursor: pointer;
  transform-origin: 0px 10px;
  border-radius: 1px;
  margin: 0px 7px 0px 0px;
  padding: 0px;
  box-sizing: border-box;
}

.enq-chk-lbl input:checked ~ .checkmark {
  /* box-shadow: var(--enq-chk-chkd-chckmrk-shdw) 0px 0px 0px 2px; */
  /* background-color: var(--enq-chk-chkd-chckmrk-bgclr); */
  height: 15px;
  width: 15px;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all 0.2s ease 0s;
  cursor: pointer;
  transform-origin: 0px 10px;
  border-radius: 1px;
  margin:0px 7px 0px 0px;
  padding: 0px;
  box-sizing: border-box;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.enq-chk-lbl input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.enq-chk-lbl .checkmark:after {
  left: 0px;
  right: 0px;
  margin: auto;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid var(--chckmrk-after);
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
  transition: all 500ms ease-in-out;
}

/*-----------------------------------*/

.four-btn-wrp a{
    margin-bottom: 5px;
}

/*-------============================================-----*/


.table-responsive.fixed-scrollbar.rmv-sclbr {
    scrollbar-width: none;
}
.table-responsive.fixed-scrollbar.rmv-sclbr.zidx-btns {
    overflow-x: inherit;
}
.table-responsive.fixed-scrollbar.rmv-sclbr.zidx-btns .dataTables_wrapper {
    overflow-x: inherit;
}
.rmv-sclbr.zidx-btns .dataTables_wrapper>.row:first-child {
    z-index: 11;
    position: relative;
    align-items: center;
    background: var(--tbl-hdr-white);
    padding: 7px 15px;
    border-radius: 8px;
    box-shadow: 0 3px 3px rgb(114 107 153 / 14%);
}
.dataTables_filter.cstm-fltr-srchbar label {
    position: relative;

}
.dataTables_filter.cstm-fltr-srchbar label input {
    width: 270px!important;
    outline: none;
    margin: 0;
    box-shadow: none;
    height: 46px;
    border-radius: 25px;
    padding: 8px 8px 8px 42px;
    border: 1px solid #cecfff;
    box-shadow: inset 0 0 11px rgb(89 93 249 / 18%);
}
.dataTables_filter.cstm-fltr-srchbar label::after {
    position: absolute;
    content: '\f002';
    font-family: "fontAwesome";
    left: 23px;
    top: 12px;
    font-size: 15px;
    color: #b9bacd;
}


.dt-buttons.cstm-buttons-img .buttons-collection.buttons-colvis {
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    outline: none;
    margin: 0;
    border-radius: 3px !important;
    border: 0;
    position: relative;
    overflow: inherit;
    padding: 0px;
    font-size: 13px;
    background-color:var(--dt-btns-bgclr);
    width: 45px;
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
    color: var(--dt-btns-clr);
    box-shadow: var(--dt-btns-shdw);
    border: 1px solid var(--c-btn-brdr)!important;
}
/* .dt-buttons.cstm-buttons-img .buttons-collection.buttons-colvis:hover{
      border: 1px solid #aeb0ff !important;
} */
.dt-buttons.cstm-buttons-img .buttons-collection.buttons-colvis span:nth-child(1){
  padding-left: 8px;
}
.dt-buttons.cstm-buttons-img .buttons-collection.buttons-colvis .dt-button-down-arrow{
  display: none;
}
.dt-buttons.cstm-buttons-img .buttons-collection.buttons-colvis::after{
      content: '\f078';
    font-family: 'fontAwesome';
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 9px;
    line-height: 30px;
    padding-right: 5px;
}
.dt-buttons.cstm-buttons-img .buttons-collection.buttons-colvis[aria-expanded="true"]::after{
  content: '\f077';
    font-family: 'fontAwesome';
}
.dt-buttons.cstm-buttons-img  .dt-button-background {
    opacity: 0;
    z-index: 1!important;
}
.dt-buttons.cstm-buttons-img .dt-button-collection {
    margin: 0;
    padding: 15px;
    border: 0;
    top: 42px !important;
    border-radius: 10px;
    z-index: 111;
    box-shadow: 0px 8px 20px rgb(141 142 167 / 19%);
    width: 350px;
    border: 1px solid var(--dt-btns-mdl-brdrclr);
    background: var(--dt-btns-mdl-bg);
}

.dt-buttons.cstm-buttons-img  .dt-button-collection >div {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 5px;
    flex-wrap: wrap;
}
.dt-buttons.cstm-buttons-img  .dt-button-collection >div .dt-button-active, .dt-buttons.cstm-buttons-img  .dt-button-collection >div .buttons-columnVisibility  {
    width: fit-content;
    color: var(--dt-mdl-btns-clr);
    font-size: 13px !important;
    font-weight: 600;
    padding: 7px 10px !important;
    border: 1px solid var(--dt-mdl-btns-brdrclr) !important;
    border-radius: 3px !important;
    line-height: 1;
    position: relative;
    box-shadow: none;
    transition: none!important;
}
.dt-buttons.cstm-buttons-img  .dt-button-collection >div .dt-button-active:hover, .dt-buttons.cstm-buttons-img  .dt-button-collection >div .buttons-columnVisibility:hover{
    border: 1px solid var(--dt-mdl-hvr-brdr)!important;
    background: var(--dt-mdl-hvr-bg)!important;
    text-decoration: inherit !important;
    color: var(--dt-mdl-hvr-clr)!important;
}

.dt-buttons.cstm-buttons-img  .dt-button-collection >div .dt-button-active:first-child {
    display: none;
}
.dt-buttons.cstm-buttons-img .dt-button-collection >div .dt-button-active {
    background: transparent!important;
    padding-left: 30px!important;
}
.dt-buttons.cstm-buttons-img .dt-button-collection >div .dt-button-active::after {
    left: 6px;
    margin-top: -9px;
    color: #fff;
    width: 18px;
    height: 18px;
    background: var(--bs-primary);
    border-radius: 50%;
    display: grid
;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
div.dataTables_wrapper div.dataTables_filter label{
  position: relative;
}
div.dataTables_wrapper div.dataTables_filter input{
      width: 260px !important;
    outline: none!important;
    margin: 0!important;
    height: 46px!important;
    border-radius: 3px!important;
    padding: 8px 8px 8px 35px!important;
    border: 1px solid var(--tbl-srch-brdr)!important;
    box-shadow: var(--tbl-srch-bxshw) !important;
    background: var(--dttbl-srch-bgclr);
}
div.dataTables_wrapper div.dataTables_filter label::after {
        position: absolute!important;
    content: '\f002';
    font-family: "fontAwesome";
    left: 13px!important;
    top: 13px!important;
    font-size: 13px !important;
    color: #b9bacd !important;
}
.status-legend.invoice-amnt-bx{
  margin-left: 120px;
}

div.dataTables_wrapper div.dataTables_filter input::placeholder{
  color: var(--tbl-fltr-plchldr);
}
div.dataTables_wrapper div.dataTables_filter input::-moz-placeholder{
  color: var(--tbl-fltr-plchldr);
}
div.dataTables_wrapper div.dataTables_filter input::-ms-placeholder{
  color: var(--tbl-fltr-plchldr);
}
div.dataTables_wrapper div.dataTables_filter input::-webkit-placeholder{
  color: var(--tbl-fltr-plchldr);
}
div.dataTables_wrapper div.dataTables_filter input::-o-placeholder{
  color: var(--tbl-fltr-plchldr);
}
/* start  header search */
.src_icn a{
  color: #fff!important;
}
.modal-content.srch_mdl .form-control{
   background: #fff;
    padding: 12px 20px;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
}
.modal-content.srch_mdl .modal-header.border-bottom{
  padding: 13px 15px;
}
.modal-content.srch_mdl .modal-header.border-bottom .srch_hd_btn{
  padding-left: 15px;
}

.mnSrch_mdl{
  position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 84%);
    top: 0;
    left: 0;
    transform: scale(0.3);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s linear;
}
.mnSrch_mdl.showSrch{
  transform: scale(1);
  z-index: 99999;
  visibility: visible;
  opacity: 1;
}
.mnSrch_mdl .srchInpt{
 width: 50%;
    display: flex
;
    align-items: center;
    gap: 25px;
    justify-content: space-between;
}
.mnSrch_mdl .srchInpt input{
        padding: 10px;
    outline: none;
    background: transparent;
    border: 0;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    border-bottom: 2px solid rgb(255 255 255 / 40%);
}
.mnSrch_mdl .cls_btn button{
  position: absolute;
    top: 10%;
    right: 10%;
    border: none;
        background: rgb(255 255 255 / 75%);
    margin: 0;
    padding: 0;
    line-height: 1;
    width: 33px;
    height: 33px;
    font-size: 16px;
    border-radius: 4px;
    line-height: 34px;
    backdrop-filter: blur(10px);
  color: var(--bs-primary);
  }




.srchInpt .button {
  --black-700:var(--bs-primary);
  --border_radius: 9999px;
  --transtion: 0.3s ease-in-out;
  --offset: 2px;

  cursor: pointer;
  position: relative;

  display: flex;
  align-items: center;
  gap: 0.5rem;

  transform-origin: center;

  padding: 0.7rem 1.5rem;
  background-color: transparent;

  border: none;
  border-radius: var(--border_radius);
  transform: scale(calc(1 + (var(--active, 0) * 0.1)));

  transition: transform var(--transtion);
}

.srchInpt .button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;
  background-color: var(--black-700);

  border-radius: var(--border_radius);
  box-shadow: inset 0 0.5px hsl(0, 0%, 100%), inset 0 -1px 2px 0 hsl(0, 0%, 0%),
    0px 4px 10px -4px hsla(0 0% 0% / calc(1 - var(--active, 0))),
    0 0 0 calc(var(--active, 0) * 0.375rem) hsla(241, 100%, 66%, 0.75);

  transition: all var(--transtion);
  z-index: 0;
}

.srchInpt .button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;
  background-color: hsla(246, 100%, 65%, 0.75);
  background-image: radial-gradient(
      at 51% 89%,
      rgb(159, 160, 219) 0px,
      transparent 50%
    ),
    radial-gradient(at 100% 100%, rgb(116, 121, 190) 0px, transparent 50%),
    radial-gradient(at 22% 91%, rgb(116, 123, 190) 0px, transparent 50%);
  background-position: top;

  opacity: var(--active, 0);
  border-radius: var(--border_radius);
  transition: opacity var(--transtion);
  z-index: 2;
}

.srchInpt .button:is(:hover, :focus-visible) {
  --active: 1;
}
.srchInpt .button:active {
  transform: scale(1);
}

.srchInpt .button .dots_border {
  --size_border: calc(100% + 2px);

  overflow: hidden;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: var(--size_border);
  height: var(--size_border);
  background-color: transparent;

  border-radius: var(--border_radius);
  z-index: -10;
}

.srchInpt .button .dots_border::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left;
  transform: rotate(0deg);

  width: 100%;
  height: 2rem;
  background-color: white;

  mask: linear-gradient(transparent 0%, white 120%);
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.srchInpt .button .sparkle {
  position: relative;
  z-index: 10;

  width: 1.75rem;
}

.srchInpt .button .sparkle .path {
  fill: currentColor;
  stroke: currentColor;

  transform-origin: center;

  color: hsl(0, 0%, 100%);
}

.srchInpt .button:is(:hover, :focus) .sparkle .path {
  animation: path 1.5s linear 0.5s infinite;
}

.srchInpt .button .sparkle .path:nth-child(1) {
  --scale_path_1: 1.2;
}
.srchInpt .button .sparkle .path:nth-child(2) {
  --scale_path_2: 1.2;
}
.srchInpt .button .sparkle .path:nth-child(3) {
  --scale_path_3: 1.2;
}

@keyframes path {
  0%,
  34%,
  71%,
  100% {
    transform: scale(1);
  }
  17% {
    transform: scale(var(--scale_path_1, 1));
  }
  49% {
    transform: scale(var(--scale_path_2, 1));
  }
  83% {
    transform: scale(var(--scale_path_3, 1));
  }
}

.srchInpt .button .text_button {
  position: relative;
  z-index: 10;

  background-image: linear-gradient(
    90deg,
    hsla(0 0% 100% / 1) 0%,
    hsla(0 0% 100% / var(--active, 0)) 120%
  );
  background-clip: text;

  font-size: 1rem;
  color: transparent;
}
.dataTables_filter.cstm-fltr-srchbar.remvesrch label{
  display: none;
}
.dataTables_filter.cstm-fltr-srchbar.remvesrch{
      justify-content: end;
}
.btnTblwthoutTltp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
}

/* end header search */
/*---------whatsapp------wrap--------start---------*/

.whtsapp-wrp{
  display: flex;
  width: 100%;
  height: 540px;
  position: sticky;
}

.user-chat-box{
    width: 30%;
}

.chat-container{
    width: 70%;
    /* background: url(../images/whatsapp-chat-bg.png); */
    position: relative;
    z-index: 1;
}
.chat-container::after{
 content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/whatsapp-chat-bg.png);
    z-index: -1;
    top: 0;
    left: 0;
    opacity: .4;
    background-repeat: repeat;
    background-size: 500px;
    background-position: top;
}
.cht-usr-tp{
     background: var(--bs-body-bg);
    padding: 10px 15px;
    box-shadow: 3px 2px 6px rgb(0 0 0 / 10%);
    border-bottom: 1px solid var(--tbl-brdr-clr)
}
.chat-send-message-footer{
  background: var(--bs-body-bg);
}
.chat-users{
  height: calc(100vh - 265px);
   overflow-y: scroll;
}

.chat-title{
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .chat-user.active{
  background: var(--bs-primary-bg-subtle);
 }
 .chat-user >div {
  width: 80%;
 }
 .nm-bx .name-ltr{
  width: 40px;
 }
 .nm-bx .nm-pc-bx{
  width: 90%;
 }
 .chat-user >p{
  width: 20%;
  text-align: right;
 }
.search-chat{
    position: relative;
    margin-bottom: 5px;
    padding-left: 38px;
}

.search-chat input{
    padding: 5px 10px 5px 36px;
    height: 47px;
}

.search-chat i{
  position: absolute;
  top: 0px;
  font-size: 14px;
  left: 0px;
  width: 45px;
  text-align: center;
  height: 47px;
  line-height: 48px;
}
.current-chat-user-name{
  width: 60%;
  justify-content: start !important;
}
.current-chat-user-name >div{
  width: 100%;
}
.list-unstyledn{
  display: inline-block;
}
.list-unstyledn .snd_btn{
  background: var(--bs-primary);
    width: 36px;
    height: 36px;
    display: flex;
    border-radius: 50%;
    color: #fff !important;
    font-size: 14px !important;
    margin-left: 8px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bs-primary);
}
.list-unstyledn .snd_btn:hover{
  background: transparent;
  color: var(--bs-primary)!important;
}
.message-type-box{
  width: 100%;
  background: transparent;
  border: none;
outline: none;
}
.strt-chat-use-icn-bx{
    display: flex;
    column-gap: 15px;
    align-items: center;
    margin-bottom: 0px;
}

.strt-chat-use-icn-bx li a{
    font-size: 17px;
}

.read-unrd-wrp li a{
  font-size: 13px;
  padding: 5px 12px;
  border-radius: 5px !important;
}



/* add new css */
.status-legend {
    top: 11px;
}
.invoice-amnt-bx span{white-space: nowrap;}
.status-legend {white-space: nowrap;}
.dt-buttons.cstm-buttons-img {position: relative;}


.uni-applctn-slct-wrp.mltislc{
  width: 100%;
}
.uni-applctn-slct-wrp.mltislc .univsty-multislect-bx{
  width: 100%;
}
.uni-applctn-slct-wrp.mltislc .univsty-multislect-bx .multiselect{
  border-radius: 12px !important;
    background: transparent;
    padding-left: 40px;
}
.uni-applctn-slct-wrp.mltislc.wthut-icn .univsty-multislect-bx .multiselect{
  padding-left: 15px;
}
.uni-applctn-slct-wrp.mltislc .univsty-multislect-bx .btn-group.show .dropdown-toggle{
  box-shadow: none!important;
}
.uni-applctn-slct-wrp.mltislc .input-group .btn-group{
  width: 100%!important;
}
.uni-applctn-slct-wrp.mltislc .univsty-multislect-bx .multiselect-container li a label.checkbox{
      display: flex
;
    align-items: center;
    justify-content: flex-start;
    /* line-height: 0; */
    height: inherit;
}
.uni-applctn-slct-wrp.mltislc .multiselect-search{
     background: var(--bs-primary-bg-subtle);
    margin: 0;
    padding: 4px;
}
.uni-applctn-slct-wrp.mltislc .multiselect-search .multislct-srch-icon{
    left: 14px;
    font-size: 11px;
    top: 15px;
}
.uni-applctn-slct-wrp.mltislc .multiselect-search .form-control{
    border-radius: 4px !important;
    height: 36px!important;
    padding-left: 25px !important;
}
.input-group.mltSlct{
  z-index: 11;
}
.mltSlct .multiselect-container li a label.checkbox{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: inherit;
}
.mltSlct .multiselect-search{
     background: var(--bs-primary-bg-subtle);
    margin: 0;
    padding: 4px;
}
.mltSlct .multiselect-search .multislct-srch-icon{
    left: 14px;
    font-size: 11px;
    top: 15px;
}
.mltSlct .multiselect-search .form-control{
    border-radius: 4px !important;
    height: 36px!important;
    padding-left: 25px !important;
}
.mltSlct .btn-group.show .dropdown-toggle{
  box-shadow: none!important;
}
.mdl-inpt-flex {
    column-gap: 8px;
    justify-content: space-between;
  }
  .mdl-inpt-flex>div{
     flex: 1;
  }
  .mdl-inpt-flex>div.with-lbl-sve-dlt-btn{
    flex: 0 0 40px;
   }
   .test-row>div{
    flex: 1;
   }
   .smillar-card .card .lbl-form-wrp{
    box-shadow: none;
   }
   .mdl-inpt-flex>div.text-end{
    flex: 0 0 40px;
   }
   /* start extra css date 22/10/2025 */
   @media (max-width:767px) {
      .dt-buttons.cstm-buttons-img {width: fit-content;}
   }
   .iti-mobile .iti--container {
    bottom: inherit!important;
    right: inherit!important;
    height: 200px!important;
}
.input-group .iti {
    width: 100%;
}

.cursor {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 2px solid var(--bs-primary);
  border-radius: 50%;
  pointer-events: none;
  z-index: 99999999999;
  overflow: visible;
  opacity: .8;
}

.cursor::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  background: var(--bs-primary);
  border-radius: 50%;
  opacity: 0;
  animation: pulseBurst 0.8s ease-out infinite;
}

@keyframes pulseBurst {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  50% {
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0.3;
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}

/* @keyframes pulseShadow {
  0% {
    box-shadow: 0 0 0 rgba(0, 123, 255, 0);
  }
  50% {
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.8),
                0 0 40px rgba(0, 123, 255, 0.6),
                0 0 60px rgba(0, 123, 255, 0.4);
  }
  100% {
    box-shadow: 0 0 0 rgba(0, 123, 255, 0);
  }
} */

.cursor.hover {
  transform: scale(2);
}