@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800); /*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */

@font-face {
    font-family: weathericons;
    src: url(icons/weather-icons/fonts/weathericons-regular-webfont.eot);
    src: url(icons/weather-icons/fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(icons/weather-icons/fonts/weathericons-regular-webfont.woff2) format('woff2'),url(icons/weather-icons/fonts/weathericons-regular-webfont.woff) format('woff'),url(icons/weather-icons/fonts/weathericons-regular-webfont.ttf) format('truetype'),url(icons/weather-icons/fonts/weathericons-regular-webfont.svg#weather_iconsregular) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: bootstrap-icons;
    src: url(icons/bootstrap-icons/fonts/bootstrap-icons.woff2?231ce25e89ab5804f9a6c427b8d325c9) format("woff2"),url(icons/bootstrap-icons/fonts/bootstrap-icons.woff?231ce25e89ab5804f9a6c427b8d325c9) format("woff")
}

body[data-theme=dark] .accordion-button, body[data-theme=dark] .accordion-item, body[data-theme=dark] .breadcrumb-item.active, body[data-theme=dark] .chat-list .chat-item .chat-content .box, body[data-theme=dark] .chat-list .chat-item .chat-content .box.bg-light, body[data-theme=dark] .cke_reset_all, body[data-theme=dark] .cke_reset_all *, body[data-theme=dark] .cke_reset_all a, body[data-theme=dark] .cke_reset_all textarea, body[data-theme=dark] .custom-file-label::after, body[data-theme=dark] .daterangepicker select.ampmselect, body[data-theme=dark] .daterangepicker select.hourselect, body[data-theme=dark] .daterangepicker select.minuteselect, body[data-theme=dark] .daterangepicker select.monthselect, body[data-theme=dark] .daterangepicker select.secondselect, body[data-theme=dark] .daterangepicker select.yearselect, body[data-theme=dark] .dropdown-item, body[data-theme=dark] .dropdown-menu, body[data-theme=dark] .dtp .dtp-picker-time > a, body[data-theme=dark] .dtp table.dtp-picker-days tr > td > a, body[data-theme=dark] .email-app .list-group .list-group-item .list-group-item-action, body[data-theme=dark] .form-control, body[data-theme=dark] .form-select, body[data-theme=dark] .input-group-text, body[data-theme=dark] .list-group-item, body[data-theme=dark] .list-group-item-action, body[data-theme=dark] .lobilists .btn-link, body[data-theme=dark] .lobilists .lobilist-item-title, body[data-theme=dark] .mailbox .message-center .message-item .message-title, body[data-theme=dark] .mce-container, body[data-theme=dark] .mce-container *, body[data-theme=dark] .mce-ico, body[data-theme=dark] .mce-menubar .mce-menubtn button span, body[data-theme=dark] .mce-reset, body[data-theme=dark] .mce-widget, body[data-theme=dark] .mce-widget *, body[data-theme=dark] .nav-tabs .nav-item.show .nav-link, body[data-theme=dark] .nav-tabs .nav-link.active, body[data-theme=dark] .nav-tabs .nav-link:focus, body[data-theme=dark] .nav-tabs .nav-link:hover, body[data-theme=dark] .noUi-tooltip, body[data-theme=dark] .note-btn, body[data-theme=dark] .note-editor.note-frame .note-editing-area .note-editable, body[data-theme=dark] .page-wrapper, body[data-theme=dark] .picker, body[data-theme=dark] .popover-body, body[data-theme=dark] .ql-formats button, body[data-theme=dark] .ql-snow .ql-picker.ql-header .ql-picker-item::before, body[data-theme=dark] .ql-snow .ql-picker.ql-header .ql-picker-label::before, body[data-theme=dark] .select2-container--classic .select2-selection--single, body[data-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field, body[data-theme=dark] .select2-container--default .select2-selection--multiple, body[data-theme=dark] .select2-container--default .select2-selection--single, body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow, body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered, body[data-theme=dark] .swal2-input, body[data-theme=dark] .swal2-popup .swal2-content, body[data-theme=dark] .swal2-popup .swal2-title, body[data-theme=dark] .table, body[data-theme=dark] .table .thead-light th, body[data-theme=dark] .table-hover tbody tr:hover, body[data-theme=dark] .table-light, body[data-theme=dark] .table-striped > tbody > tr:nth-of-type(odd), body[data-theme=dark] .toast-header, body[data-theme=dark] a.link, body[data-theme=dark] button.list-group-item, body[data-theme=dark] input::placeholder, body[data-theme=dark] ul.list-style-none li a {
    color: #b2b9bf
}

body[data-theme=dark] .cke_button_icon {
    filter: brightness(0) invert(1)
}

body[data-theme=dark] #main-wrapper, body[data-theme=dark] .accordion-button, body[data-theme=dark] .accordion-item, body[data-theme=dark] .bg-light, body[data-theme=dark] .chat-list .chat-item .chat-content .box.bg-light-info, body[data-theme=dark] .cke_toolbar_separator, body[data-theme=dark] .custom-file-label::after, body[data-theme=dark] .customizer, body[data-theme=dark] .daterangepicker .ranges li:hover, body[data-theme=dark] .daterangepicker td.available:hover, body[data-theme=dark] .daterangepicker th.available:hover, body[data-theme=dark] .dropdown-menu, body[data-theme=dark] .form-select, body[data-theme=dark] .icon-hover:hover, body[data-theme=dark] .input-group-text, body[data-theme=dark] .jumbotron, body[data-theme=dark] .list-group-item.active, body[data-theme=dark] .mce-panel, body[data-theme=dark] .myadmin-dd .dd-list .dd-item .dd-handle, body[data-theme=dark] .myadmin-dd-empty .dd-list .dd3-content, body[data-theme=dark] .myadmin-dd-empty .dd-list .dd3-handle, body[data-theme=dark] .note-modal-content, body[data-theme=dark] .note-toolbar, body[data-theme=dark] .offcanvas, body[data-theme=dark] .page-wrapper, body[data-theme=dark] .progress, body[data-theme=dark] .ql-snow .ql-picker-options, body[data-theme=dark] .select2-container--classic .select2-search--dropdown .select2-search__field, body[data-theme=dark] .select2-container--classic .select2-selection--single, body[data-theme=dark] .select2-container--default .select2-results__option[aria-selected=true], body[data-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field, body[data-theme=dark] .select2-container--default .select2-selection--multiple, body[data-theme=dark] .select2-container--default .select2-selection--single, body[data-theme=dark] .select2-dropdown, body[data-theme=dark] .table .thead-light th, body[data-theme=dark] .table-hover tbody tr:hover, body[data-theme=dark] .toast-header, body[data-theme=dark] .wizard-content .wizard > .actions > ul > li > a[href="#previous"], body[data-theme=dark] .wizard-content .wizard > .steps .step, body[data-theme=dark] .wizard:not(.wizard-circle) > .actions .disabled a, body[data-theme=dark] .wizard:not(.wizard-circle) > .actions .disabled a:active, body[data-theme=dark] .wizard:not(.wizard-circle) > .actions .disabled a:hover, body[data-theme=dark] .wizard:not(.wizard-circle) > .content, body[data-theme=dark] .wizard:not(.wizard-circle) > .steps .disabled a, body[data-theme=dark] .wizard:not(.wizard-circle) > .steps .disabled a:active, body[data-theme=dark] .wizard:not(.wizard-circle) > .steps .disabled a:hover, body[data-theme=dark] pre[class*=language-] {
    background-color: #323743 !important
}

body[data-theme=dark] .note-btn {
    background-color: #272b34
}

body[data-theme=dark] .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: $theme-dark-bg-layout !important
}

body[data-theme=dark] .table-light {
    --bs-table-bg: $theme-dark-bg-layout
}

body[data-theme=dark] .bootstrap-switch .bootstrap-switch-label, body[data-theme=dark] .cd-horizontal-timeline .events a::after, body[data-theme=dark] .cke_top, body[data-theme=dark] .css-bar > i, body[data-theme=dark] .datepicker .datepicker-switch:hover, body[data-theme=dark] .datepicker .next:hover, body[data-theme=dark] .datepicker .prev:hover, body[data-theme=dark] .datepicker table tr td.day.focused, body[data-theme=dark] .datepicker table tr td.day:hover, body[data-theme=dark] .datepicker tfoot tr th:hover, body[data-theme=dark] .daterangepicker, body[data-theme=dark] .daterangepicker .calendar-table, body[data-theme=dark] .daterangepicker td.off, body[data-theme=dark] .daterangepicker td.off.end-date, body[data-theme=dark] .daterangepicker td.off.in-range, body[data-theme=dark] .daterangepicker td.off.start-date, body[data-theme=dark] .dp-off, body[data-theme=dark] .email-app .list-group .list-group-item .list-group-item-action.active, body[data-theme=dark] .email-app .list-group .list-group-item .list-group-item-action:hover, body[data-theme=dark] .fc-toolbar .fc-button.fc-state-active, body[data-theme=dark] .fc-unthemed td.fc-today, body[data-theme=dark] .feed-widget .feed-body .feed-item:hover, body[data-theme=dark] .footable-odd, body[data-theme=dark] .jsgrid-alt-row > .jsgrid-cell, body[data-theme=dark] .jsgrid-filter-row > .jsgrid-cell, body[data-theme=dark] .mailbox .message-center .message-item.active, body[data-theme=dark] .mailbox .message-center .message-item:hover, body[data-theme=dark] .mce-menu-item.mce-disabled, body[data-theme=dark] .mce-menu-item.mce-disabled:hover, body[data-theme=dark] .noUi-target, body[data-theme=dark] .noUi-tooltip, body[data-theme=dark] .picker--time .picker__box, body[data-theme=dark] .picker__box, body[data-theme=dark] .picker__list-item, body[data-theme=dark] .striped-rows .row:nth-child(odd), body[data-theme=dark] .swal2-popup, body[data-theme=dark] .table-hover > tbody > tr:hover, body[data-theme=dark] div.mce-edit-area {
    background: #323743 !important
}

body[data-theme=dark] .card-header {
    background: #3c424e
}

body[data-theme=dark] .footable .pagination li a, body[data-theme=dark] .footable .pagination li.disabled a, body[data-theme=dark] .toast, body[data-theme=dark] .twitter-typeahead .tt-menu {
    background-color: #323743
}

body[data-theme=dark] .breadcrumb {
    background-color: transparent
}

body[data-theme=dark] .daterangepicker select.ampmselect, body[data-theme=dark] .daterangepicker select.hourselect, body[data-theme=dark] .daterangepicker select.minuteselect, body[data-theme=dark] .daterangepicker select.monthselect, body[data-theme=dark] .daterangepicker select.secondselect, body[data-theme=dark] .daterangepicker select.yearselect {
    background: #323743;
    border: 1px solid #323743
}

body[data-theme=dark] .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: -webkit-linear-gradient(top,#272b34 50%,#272b34 100%)
}

body[data-theme=dark] .accordion-button:not(.collapsed), body[data-theme=dark] .card, body[data-theme=dark] .card-footer, body[data-theme=dark] .css-bar:after, body[data-theme=dark] .dtp > .dtp-content, body[data-theme=dark] .form-control, body[data-theme=dark] .form-select, body[data-theme=dark] .jsgrid-header-row > .jsgrid-header-cell, body[data-theme=dark] .jsgrid-row > .jsgrid-cell, body[data-theme=dark] .left-part, body[data-theme=dark] .list-group-item, body[data-theme=dark] .lobilists .lobilist, body[data-theme=dark] .modal-content, body[data-theme=dark] .nav-tabs .nav-item.show .nav-link, body[data-theme=dark] .nav-tabs .nav-link.active, body[data-theme=dark] .note-editor.note-frame .note-editing-area .note-editable, body[data-theme=dark] .note-editor.note-frame .note-statusbar, body[data-theme=dark] .page-item.disabled .page-link, body[data-theme=dark] .page-link, body[data-theme=dark] .popover, body[data-theme=dark] .popover-header, body[data-theme=dark] .right-part.mail-compose, body[data-theme=dark] .right-part.mail-details, body[data-theme=dark] .right-part.mail-list, body[data-theme=dark] .select2-container--classic .select2-selection--single, body[data-theme=dark] .select2-container--default .select2-selection--multiple, body[data-theme=dark] .select2-container--default .select2-selection--single, body[data-theme=dark] .select2-dropdown, body[data-theme=dark] .typeahead.form-control {
    background-color: #272b34 !important
}

    body[data-theme=dark] .form-control:disabled {
        background-color: #323743 !important
    }

body[data-theme=dark] .dropdown-item:focus, body[data-theme=dark] .dropdown-item:hover, body[data-theme=dark] .dropzone, body[data-theme=dark] .jsgrid-grid-header, body[data-theme=dark] .mailbox .message-center .message-item:hover, body[data-theme=dark] .picker__button--clear, body[data-theme=dark] .picker__button--close, body[data-theme=dark] .picker__button--today {
    background: #272b34
}

body[data-theme=dark] .fc-unthemed .fc-divider, body[data-theme=dark] .fc-unthemed .fc-list-heading td, body[data-theme=dark] .fc-unthemed .fc-popover .fc-header {
    background: #b2b9bf
}

body[data-theme=dark] .form-control.form-input-bg {
    background-color: rgba(0,0,0,.05) !important;
    border: 0
}

    body[data-theme=dark] .form-control.form-input-bg:focus {
        background-color: rgba(0,0,0,.09) !important
    }

body[data-theme=dark] .accordion-button, body[data-theme=dark] .accordion-collapse, body[data-theme=dark] .b-form .row, body[data-theme=dark] .bootstrap-switch, body[data-theme=dark] .border, body[data-theme=dark] .border-bottom, body[data-theme=dark] .border-end, body[data-theme=dark] .border-start, body[data-theme=dark] .border-top, body[data-theme=dark] .card-group .card, body[data-theme=dark] .cd-horizontal-timeline .events a::after, body[data-theme=dark] .cd-timeline-navigation a, body[data-theme=dark] .cke_chrome, body[data-theme=dark] .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after, body[data-theme=dark] .cke_toolgroup a.cke_button:last-child:after, body[data-theme=dark] .custom-file-label, body[data-theme=dark] .custom-file-label::after, body[data-theme=dark] .datepaginator .pagination li a, body[data-theme=dark] .datepaginator-lg .pagination li a, body[data-theme=dark] .datepaginator-sm .pagination li a, body[data-theme=dark] .daterangepicker, body[data-theme=dark] .daterangepicker .calendar-table, body[data-theme=dark] .daterangepicker .drp-buttons, body[data-theme=dark] .dropdown-divider, body[data-theme=dark] .dropdown-menu, body[data-theme=dark] .dropzone, body[data-theme=dark] .e-campaign .c-cost, body[data-theme=dark] .fixed-table-container, body[data-theme=dark] .footable .pagination li a, body[data-theme=dark] .footable .pagination li.disabled a, body[data-theme=dark] .form-check-input, body[data-theme=dark] .form-control, body[data-theme=dark] .form-select, body[data-theme=dark] .input-group-text, body[data-theme=dark] .jsgrid-edit-row > .jsgrid-cell, body[data-theme=dark] .jsgrid-filter-row > .jsgrid-cell, body[data-theme=dark] .jsgrid-grid-body, body[data-theme=dark] .jsgrid-grid-header, body[data-theme=dark] .jsgrid-header-row > .jsgrid-header-cell, body[data-theme=dark] .jsgrid-insert-row > .jsgrid-cell, body[data-theme=dark] .jsgrid-pager-current-page, body[data-theme=dark] .jsgrid-pager-nav-button a, body[data-theme=dark] .jsgrid-pager-page a, body[data-theme=dark] .left-part, body[data-theme=dark] .list-group-item, body[data-theme=dark] .lobilists .lobilist, body[data-theme=dark] .lobilists .lobilist-footer, body[data-theme=dark] .lobilists .lobilist-form-footer, body[data-theme=dark] .lobilists .lobilist-item, body[data-theme=dark] .lobilists .lobilist-item .drag-handler, body[data-theme=dark] .mailbox .message-center .message-item, body[data-theme=dark] .mailbox .nav-link, body[data-theme=dark] .mce-btn-group:not(:first-child), body[data-theme=dark] .mce-btn:active, body[data-theme=dark] .mce-btn:hover, body[data-theme=dark] .mce-menubar, body[data-theme=dark] .mce-panel, body[data-theme=dark] .mce-splitbtn:hover .mce-open, body[data-theme=dark] .modal-footer, body[data-theme=dark] .modal-header, body[data-theme=dark] .nav-tabs, body[data-theme=dark] .nav-tabs .nav-item.show .nav-link, body[data-theme=dark] .nav-tabs .nav-link.active, body[data-theme=dark] .nav-tabs .nav-link:focus, body[data-theme=dark] .nav-tabs .nav-link:hover, body[data-theme=dark] .noUi-tooltip, body[data-theme=dark] .note-btn, body[data-theme=dark] .note-editor.note-frame, body[data-theme=dark] .note-editor.note-frame .note-statusbar, body[data-theme=dark] .note-toolbar, body[data-theme=dark] .page-link, body[data-theme=dark] .picker__button--clear, body[data-theme=dark] .picker__button--close, body[data-theme=dark] .picker__button--today, body[data-theme=dark] .picker__list-item, body[data-theme=dark] .popover-header, body[data-theme=dark] .profiletimeline, body[data-theme=dark] .ql-container.ql-snow, body[data-theme=dark] .ql-toolbar.ql-snow, body[data-theme=dark] .r-separator .form-group, body[data-theme=dark] .select2-container--classic .select2-selection--single, body[data-theme=dark] .select2-container--default .select2-selection--multiple, body[data-theme=dark] .select2-container--default .select2-selection--single, body[data-theme=dark] .select2-dropdown, body[data-theme=dark] .steamline, body[data-theme=dark] .steamline .sl-item, body[data-theme=dark] .table td, body[data-theme=dark] .table th, body[data-theme=dark] .table-bordered, body[data-theme=dark] .table-bordered td, body[data-theme=dark] .table-bordered th, body[data-theme=dark] .timeline > .timeline-item > .timeline-panel, body[data-theme=dark] .twitter-typeahead .tt-menu, body[data-theme=dark] .wizard-content .wizard.wizard-circle > .steps .step, body[data-theme=dark] .wizard-content .wizard > .actions > ul > li > a[href="#previous"], body[data-theme=dark] blockquote, body[data-theme=dark] pre[class*=language-], body[data-theme=dark] table.footable, body[data-theme=dark] table.footable-details {
    border-color: rgba(255,255,255,.2) !important
}

body[data-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #272b34
}

body[data-theme=dark] .css-bar-danger.css-bar-30 {
    background-image: linear-gradient(90deg,#323743 50%,transparent 50%,transparent),linear-gradient(198deg,#fc4b6c 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-primary.css-bar-20 {
    background-image: linear-gradient(90deg,#323743 50%,transparent 50%,transparent),linear-gradient(162deg,#2c63ff 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-primary.css-bar-50 {
    background-image: linear-gradient(270deg,#2c63ff 50%,transparent 50%,transparent),linear-gradient(270deg,#2c63ff 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-danger.css-bar-20 {
    background-image: linear-gradient(90deg,#323743 50%,transparent 50%,transparent),linear-gradient(162deg,#fc4b6c 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-warning.css-bar-40 {
    background-image: linear-gradient(90deg,#323743 50%,transparent 50%,transparent),linear-gradient(234deg,#ffbc34 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-info.css-bar-60 {
    background-image: linear-gradient(306deg,#1e88e5 50%,transparent 50%,transparent),linear-gradient(270deg,#1e88e5 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-success.css-bar-20 {
    background-image: linear-gradient(162deg,#26c6da 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2))
}

body[data-theme=dark] .css-bar-success.css-bar-10 {
    background-image: linear-gradient(90deg,#323743 50%,transparent 50%,transparent),linear-gradient(126deg,#26c6da 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-purple.css-bar-10 {
    background-image: linear-gradient(90deg,#323743 50%,transparent 50%,transparent),linear-gradient(126deg,#7266ba 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-primary.css-bar-45 {
    background-image: linear-gradient(90deg,#323743 50%,transparent 50%,transparent),linear-gradient(252deg,#2c63ff 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-danger.css-bar-25 {
    background-image: linear-gradient(90deg,#323743 50%,transparent 50%,transparent),linear-gradient(180deg,#fc4b6c 50%,#323743 50%,#323743)
}

body[data-theme=dark] .css-bar-success.css-bar-35 {
    background-image: linear-gradient(90deg,#323743 50%,transparent 50%,transparent),linear-gradient(216deg,#26c6da 50%,#323743 50%,#323743)
}

body[data-theme=dark] .ql-snow .ql-stroke {
    stroke: #b2b9bf
}

body[data-theme=dark] .timeline:before {
    background-color: #343a40
}

body[data-theme=dark] .cd-horizontal-timeline .events {
    background: #343a40
}

body[data-theme=dark] .timeline > .timeline-item > .timeline-panel:after {
    border-right: rgba(255,255,255,.2);
    border-left: rgba(255,255,255,.2)
}

body[data-theme=dark] .mce-menubar .mce-menubtn.mce-active, body[data-theme=dark] .mce-menubar .mce-menubtn:focus, body[data-theme=dark] .mce-menubar .mce-menubtn:hover {
    background: #343a40;
    border-color: rgba(255,255,255,.2)
}

body[data-theme=dark] .mce-btn {
    background: #343a40;
    text-shadow: none
}

    body[data-theme=dark] .mce-btn button {
        color: #b2b9bf
    }

/*  body[data-theme=dark] .wizard-content .wizard > .steps > ul > li.current .step {
        border-color: #2962ff !important;
        background-color: #000
    }*/

body[data-theme=dark] .wizard-content .wizard > .steps > ul > li.current > a {
    color: #fff
}

body[data-theme=dark] .wizard-content .wizard.wizard-circle > .steps > ul > li.current:after, body[data-theme=dark] .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after, body[data-theme=dark] .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
    background-color: rgba(255,255,255,.2)
}

body[data-theme=dark] .wizard-content .wizard.vertical > .steps > ul > li.current:after, body[data-theme=dark] .wizard-content .wizard.vertical > .steps > ul > li.current:before, body[data-theme=dark] .wizard-content .wizard.vertical > .steps > ul > li.current ~ li:after, body[data-theme=dark] .wizard-content .wizard.vertical > .steps > ul > li.current ~ li:before, body[data-theme=dark] .wizard-content .wizard.vertical > .steps > ul > li:after, body[data-theme=dark] .wizard-content .wizard.vertical > .steps > ul > li:before {
    background-color: transparent
}

body[data-theme=dark] .custom-select.is-valid, body[data-theme=dark] .form-control.is-valid, body[data-theme=dark] .was-validated .custom-select:valid, body[data-theme=dark] .was-validated .form-control:valid {
    border-color: #0bb7af !important
}

body[data-theme=dark] .custom-select.is-invalid, body[data-theme=dark] .form-control.is-invalid, body[data-theme=dark] .was-validated .custom-select:invalid, body[data-theme=dark] .was-validated .form-control:invalid {
    border-color: #f64e60 !important
}

body[data-theme=dark] .ct-label {
    fill: #b2b9bf;
    color: #b2b9bf
}

body[data-theme=dark] .ct-grid {
    stroke: #2b2b2b
}

body[data-theme=dark] .c3 text {
    stroke: #b2b9bf
}

body[data-theme=dark] #morris-donut-chart path {
    stroke: #272b34
}

body[data-theme=dark] #morris-donut-chart text tspan {
    fill: #b2b9bf
}

body[data-theme=dark] .app-calendar .fc .fc-header-toolbar .fc-toolbar-chunk .fc-next-button, body[data-theme=dark] .app-calendar .fc .fc-header-toolbar .fc-toolbar-chunk .fc-prev-button {
    background-color: #323743;
    border-color: #323743;
    color: #b2b9bf
}

body[data-theme=dark] .app-calendar .fc .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button {
    background-color: #323743;
    border-color: #323743;
    color: #b2b9bf
}

body[data-theme=dark] .app-calendar .fc .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button-active {
    background-color: #3699ff;
    color: #fff
}

body[data-theme=dark] .app-calendar .fc .fc-daygrid-day.fc-day-today {
    background-color: #323743
}

    body[data-theme=dark] .app-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
        background-color: #323743
    }

body[data-theme=dark] .app-calendar .fc-theme-standard td {
    border-color: #323743
}

body[data-theme=dark] .ct-label {
    fill: #b2b9bf;
    color: #b2b9bf
}

body[data-theme=dark] .ct-grid {
    stroke: #2b2b2b
}

body[data-theme=dark] .c3 text {
    stroke: #b2b9bf
}

body[data-theme=dark] #morris-donut-chart path {
    stroke: #272b34
}

body[data-theme=dark] #morris-donut-chart text tspan {
    fill: #b2b9bf
}

body[data-theme=dark] .table-responsive .dataTables_wrapper .dataTables_length select {
    background-color: #3c424e;
    border-color: #3c424e;
    color: #fff
}

body[data-theme=dark] .table-responsive .dataTables_wrapper .dataTables_filter input {
    background-color: #3c424e;
    border-color: #3c424e;
    color: #fff
}

body[data-theme=dark] .table-responsive .dataTables_wrapper table.dataTable tbody tr td .custom-select {
    background-color: #3c424e;
    border-color: #3c424e;
    color: #fff
}

body[data-theme=dark] .table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #3c424e
}

body[data-theme=dark] #editable-datatable_wrapper .dataTables_length select {
    background-color: #3c424e;
    border-color: #3c424e;
    color: #fff
}

body[data-theme=dark] #editable-datatable_wrapper .dataTables_filter input {
    background-color: #3c424e;
    border-color: #3c424e;
    color: #fff
}

body[data-theme=dark] #editable-datatable_wrapper .dataTables_paginate .paginate_button {
    border-color: #3c424e
}

body[data-theme=dark] .swal2-container .swal2-popup .swal2-html-container {
    color: #fff
}
/*!
 * Bootstrap  v5.3.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root, [data-bs-theme=light] {
    --bs-blue: #2962ff;
    --bs-indigo: #6610f2;
    --bs-purple: #7460ee;
    --bs-pink: #e83e8c;
    --bs-red: #f64e60;
    --bs-orange: #fb8c00;
    --bs-yellow: #ee9d01;
    --bs-green: #0bb7af;
    --bs-teal: #20c997;
    --bs-cyan: #4fc3f7;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #a1aab2;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #4f5467;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #3699ff;
    --bs-secondary: #6c757d;
    --bs-success: #0bb7af;
    --bs-info: #2962ff;
    --bs-warning: #ee9d01;
    --bs-danger: #f64e60;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-cyan: #4fc3f7;
    --bs-orange: #fb8c00;
    --bs-purple: #7460ee;
    --bs-light-primary: #e1f0ff;
    --bs-light-info: #b9cbff;
    --bs-light-warning: #fbeccd;
    --bs-light-danger: #f7b3bf;
    --bs-light-success: #abece1;
    --bs-light-secondary: #e4eaef;
    --bs-light-cyan: #aae1fb;
    --bs-primary-rgb: 54,153,255;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 11,183,175;
    --bs-info-rgb: 41,98,255;
    --bs-warning-rgb: 238,157,1;
    --bs-danger-rgb: 246,78,96;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 52,58,64;
    --bs-cyan-rgb: 79,195,247;
    --bs-orange-rgb: 251,140,0;
    --bs-purple-rgb: 116,96,238;
    --bs-light-primary-rgb: 225,240,255;
    --bs-light-info-rgb: 185,203,255;
    --bs-light-warning-rgb: 251,236,205;
    --bs-light-danger-rgb: 247,179,191;
    --bs-light-success-rgb: 171,236,225;
    --bs-light-secondary-rgb: 228,234,239;
    --bs-light-cyan-rgb: 170,225,251;
    --bs-primary-text: #214ecc;
    --bs-secondary-text: #6c757d;
    --bs-success-text: #09928c;
    --bs-info-text: #2f7594;
    --bs-warning-text: #8f5e01;
    --bs-danger-text: #c53e4d;
    --bs-light-text: #6c757d;
    --bs-dark-text: #4f5467;
    --bs-primary-bg-subtle: #d4e0ff;
    --bs-secondary-bg-subtle: #f8f9fa;
    --bs-success-bg-subtle: #cef1ef;
    --bs-info-bg-subtle: #dcf3fd;
    --bs-warning-bg-subtle: #fcebcc;
    --bs-danger-bg-subtle: #fddcdf;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #a9c0ff;
    --bs-secondary-border-subtle: #e9ecef;
    --bs-success-border-subtle: #9de2df;
    --bs-info-border-subtle: #b9e7fc;
    --bs-warning-border-subtle: #f8d899;
    --bs-danger-border-subtle: #fbb8bf;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #a1aab2;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 62,85,105;
    --bs-body-bg-rgb: 238,245,249;
    --bs-font-sans-serif: "Nunito Sans",sans-serif;
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #3e5569;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(62, 85, 105, 0.75);
    --bs-secondary-color-rgb: 62,85,105;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(62, 85, 105, 0.5);
    --bs-tertiary-color-rgb: 62,85,105;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-body-bg: #eef5f9;
    --bs-body-bg-rgb: 238,245,249;
    --bs-heading-color: inherit;
    --bs-link-color: #3699ff;
    --bs-link-color-rgb: 54,153,255;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #2b7acc;
    --bs-link-hover-color-rgb: 43,122,204;
    --bs-code-color: #e83e8c;
    --bs-highlight-bg: #fcebcc;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #e9ecef;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 4px;
    --bs-border-radius-sm: 1px;
    --bs-border-radius-lg: 5px;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
    --bs-emphasis-color: #000;
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-highlight-bg: #fcebcc;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px
}

[data-bs-theme=dark] {
    --bs-body-color: #a1aab2;
    --bs-body-color-rgb: 161,170,178;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #f8f9fa;
    --bs-emphasis-color-rgb: 248,249,250;
    --bs-secondary-color: rgba(161, 170, 178, 0.75);
    --bs-secondary-color-rgb: 161,170,178;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(161, 170, 178, 0.5);
    --bs-tertiary-color-rgb: 161,170,178;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-emphasis-color: #fff;
    --bs-primary-text: #7fa1ff;
    --bs-secondary-text: #dee2e6;
    --bs-success-text: #6dd4cf;
    --bs-info-text: #95dbfa;
    --bs-warning-text: #f5c467;
    --bs-danger-text: #fa95a0;
    --bs-light-text: #f8f9fa;
    --bs-dark-text: #dee2e6;
    --bs-primary-bg-subtle: #081433;
    --bs-secondary-bg-subtle: #212529;
    --bs-success-bg-subtle: #022523;
    --bs-info-bg-subtle: #102731;
    --bs-warning-bg-subtle: #301f00;
    --bs-danger-bg-subtle: #311013;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #193b99;
    --bs-secondary-border-subtle: #4f5467;
    --bs-success-border-subtle: #076e69;
    --bs-info-border-subtle: #204e63;
    --bs-warning-border-subtle: #5f3f00;
    --bs-danger-border-subtle: #942f3a;
    --bs-light-border-subtle: #4f5467;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: #fff;
    --bs-link-color: #7fa1ff;
    --bs-link-hover-color: #a9c0ff;
    --bs-link-color-rgb: 127,161,255;
    --bs-link-hover-color-rgb: 169,192,255;
    --bs-code-color: #f18bba;
    --bs-border-color: #4f5467;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15)
}

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}



.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
        background: 0 0;
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills {
    --bs-nav-pills-border-radius: 4px;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #2962ff
}

    .nav-pills .nav-link {
        background: 0 0;
        border: 0;
        border-radius: var(--bs-nav-pills-border-radius)
    }

        .nav-pills .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

    .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
        width: 100%
    }

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3359375rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.09375rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.09375rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2862, 85, 105, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: 4px;
    --bs-navbar-toggler-focus-width: 0;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
        color: var(--bs-navbar-active-color)
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

    .navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
        color: var(--bs-navbar-active-color)
    }

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-sm .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-md .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-lg .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

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

        .navbar-expand .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.8);
    --bs-navbar-hover-color: white;
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}