@media screen {
    html.neo-dark {
        color-scheme: dark;
        background: #0f141b;
    }

    html.neo-dark body,
    html.neo-dark main,
    html.neo-dark #scrollable-container,
    html.neo-dark .content-wrapper,
    html.neo-dark .right-side,
    html.neo-dark .content {
        background-color: #0f141b !important;
        color: #dbe5ef !important;
    }

    html.neo-dark .side-bar,
    html.neo-dark .main-sidebar,
    html.neo-dark .left-side,
    html.neo-dark .tw-bg-white,
    html.neo-dark .tw-dw-bg-base-100,
    html.neo-dark .bg-white {
        background-color: #151c25 !important;
    }

    html.neo-dark .box,
    html.neo-dark .info-box,
    html.neo-dark .small-box,
    html.neo-dark .panel,
    html.neo-dark .card,
    html.neo-dark .well,
    html.neo-dark .thumbnail,
    html.neo-dark .modal-content,
    html.neo-dark .popover,
    html.neo-dark .dropdown-menu,
    html.neo-dark .tw-dw-dropdown-content,
    html.neo-dark .select2-dropdown,
    html.neo-dark .daterangepicker,
    html.neo-dark .datepicker,
    html.neo-dark .ui-datepicker,
    html.neo-dark .tox .tox-editor-container,
    html.neo-dark .tox .tox-toolbar,
    html.neo-dark .tox .tox-toolbar__primary {
        background-color: #18212b !important;
        color: #dbe5ef !important;
        border-color: #344252 !important;
        box-shadow: none;
    }

    html.neo-dark .box-header,
    html.neo-dark .box-footer,
    html.neo-dark .panel-heading,
    html.neo-dark .panel-footer,
    html.neo-dark .modal-header,
    html.neo-dark .modal-footer,
    html.neo-dark .popover-title {
        background-color: #1d2834 !important;
        color: #edf4fa !important;
        border-color: #344252 !important;
    }

    html.neo-dark h1,
    html.neo-dark h2,
    html.neo-dark h3,
    html.neo-dark h4,
    html.neo-dark h5,
    html.neo-dark h6,
    html.neo-dark label,
    html.neo-dark legend,
    html.neo-dark strong,
    html.neo-dark .box-title,
    html.neo-dark .info-box-number,
    html.neo-dark .tw-text-black,
    html.neo-dark .tw-text-gray-900,
    html.neo-dark .text-black {
        color: #edf4fa !important;
    }

    html.neo-dark .text-muted,
    html.neo-dark .help-block,
    html.neo-dark small,
    html.neo-dark .tw-text-gray-500,
    html.neo-dark .tw-text-gray-600,
    html.neo-dark .tw-text-gray-700 {
        color: #aab8c5 !important;
    }

    html.neo-dark p,
    html.neo-dark dt,
    html.neo-dark dd,
    html.neo-dark li,
    html.neo-dark span:not(.label):not(.badge):not(.info-box-icon) {
        border-color: #344252;
    }

    html.neo-dark hr,
    html.neo-dark fieldset,
    html.neo-dark .border,
    html.neo-dark [class*="tw-border-gray"],
    html.neo-dark [class*="tw-ring-gray"] {
        border-color: #344252 !important;
    }

    html.neo-dark .table,
    html.neo-dark table {
        color: #dbe5ef;
        background-color: transparent;
    }

    html.neo-dark .table > thead > tr > th,
    html.neo-dark .table > tbody > tr > th,
    html.neo-dark .table > tfoot > tr > th {
        color: #edf4fa !important;
        background-color: #202c38 !important;
        border-color: #3b4a5a !important;
    }

    html.neo-dark .table > tbody > tr > td,
    html.neo-dark .table > tfoot > tr > td {
        color: #dbe5ef !important;
        background-color: #18212b !important;
        border-color: #344252 !important;
    }

    html.neo-dark .table-striped > tbody > tr:nth-of-type(odd) > td,
    html.neo-dark .table-hover > tbody > tr:hover > td {
        background-color: #202c38 !important;
    }

    html.neo-dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    html.neo-dark select,
    html.neo-dark textarea,
    html.neo-dark .form-control,
    html.neo-dark .select2-selection,
    html.neo-dark .select2-search__field,
    html.neo-dark .input-group-addon,
    html.neo-dark .bootstrap-tagsinput {
        color: #edf4fa !important;
        background-color: #101820 !important;
        border-color: #415164 !important;
    }

    html.neo-dark input::placeholder,
    html.neo-dark textarea::placeholder,
    html.neo-dark .select2-selection__placeholder {
        color: #8292a3 !important;
    }

    html.neo-dark input[disabled],
    html.neo-dark input[readonly],
    html.neo-dark select[disabled],
    html.neo-dark textarea[disabled],
    html.neo-dark .form-control[disabled],
    html.neo-dark .form-control[readonly] {
        color: #aab8c5 !important;
        background-color: #25313d !important;
    }

    html.neo-dark .select2-results__option,
    html.neo-dark .dropdown-menu > li > a,
    html.neo-dark .tw-dw-menu a {
        color: #dbe5ef !important;
        background-color: transparent !important;
    }

    html.neo-dark .select2-results__option--highlighted,
    html.neo-dark .select2-results__option[aria-selected="true"],
    html.neo-dark .dropdown-menu > li > a:hover,
    html.neo-dark .dropdown-menu > li > a:focus,
    html.neo-dark .tw-dw-menu a:hover {
        color: #fff !important;
        background-color: #2d3d4d !important;
    }

    html.neo-dark .btn-default,
    html.neo-dark .tw-dw-btn-outline {
        color: #dbe5ef !important;
        background-color: #24313e !important;
        border-color: #46586a !important;
    }

    html.neo-dark .pagination > li > a,
    html.neo-dark .pagination > li > span,
    html.neo-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
        color: #dbe5ef !important;
        background: #18212b !important;
        border-color: #344252 !important;
    }

    html.neo-dark .pagination > .active > a,
    html.neo-dark .pagination > .active > span,
    html.neo-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        color: #fff !important;
        background: #2563a6 !important;
    }

    html.neo-dark .dataTables_info,
    html.neo-dark .dataTables_length,
    html.neo-dark .dataTables_filter,
    html.neo-dark .dataTables_processing {
        color: #c7d3de !important;
    }

    html.neo-dark .nav-tabs {
        border-color: #344252 !important;
    }

    html.neo-dark .nav-tabs > li > a {
        color: #b8c6d3 !important;
    }

    html.neo-dark .nav-tabs > li.active > a,
    html.neo-dark .nav-tabs > li.active > a:hover,
    html.neo-dark .nav-tabs > li.active > a:focus {
        color: #fff !important;
        background-color: #202c38 !important;
        border-color: #415164 !important;
    }

    html.neo-dark .list-group-item,
    html.neo-dark .ui-menu-item,
    html.neo-dark .autocomplete-suggestions {
        color: #dbe5ef !important;
        background-color: #18212b !important;
        border-color: #344252 !important;
    }

    html.neo-dark .ui-state-focus,
    html.neo-dark .ui-state-active,
    html.neo-dark .autocomplete-selected {
        background-color: #2d3d4d !important;
    }

    html.neo-dark .alert-info {
        color: #cdeafa;
        background-color: #15364a;
        border-color: #245b75;
    }

    html.neo-dark .alert-warning {
        color: #f9e4b7;
        background-color: #493815;
        border-color: #725923;
    }

    html.neo-dark .alert-danger {
        color: #ffd2d2;
        background-color: #4b2024;
        border-color: #74343a;
    }

    html.neo-dark .alert-success {
        color: #c9f3dc;
        background-color: #173c2a;
        border-color: #276344;
    }

    html.neo-dark .pos-header > div,
    html.neo-dark #pos_table,
    html.neo-dark #product_list_body,
    html.neo-dark .pos-form-actions,
    html.neo-dark .product_list {
        background-color: #151c25 !important;
        border-color: #344252 !important;
    }

    html.neo-dark #side-bar {
        color: #c7d3de !important;
        background-color: #151c25 !important;
        border-color: #344252 !important;
    }

    html.neo-dark #side-bar a,
    html.neo-dark #side-bar svg,
    html.neo-dark #side-bar i {
        color: #b8c6d3 !important;
    }

    html.neo-dark #side-bar a:hover,
    html.neo-dark #side-bar a:focus {
        color: #fff !important;
        background-color: #243341 !important;
    }

    html.neo-dark #side-bar .tw-bg-gray-200,
    html.neo-dark #side-bar [class*="tw-bg-gray-200"] {
        color: #8fc5ff !important;
        background-color: #263b50 !important;
    }

    html.neo-dark #side-bar .tw-bg-gray-200 a,
    html.neo-dark #side-bar .tw-text-primary-700 {
        color: #8fc5ff !important;
    }

    html.neo-dark img {
        filter: brightness(.92);
    }

    html.neo-dark .invoice,
    html.neo-dark #receipt_section {
        color: #111 !important;
        background: #fff !important;
    }

    .neo-theme-toggle {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: rgba(255, 255, 255, .1);
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 7px;
        cursor: pointer;
        transition: background-color .2s, border-color .2s, color .2s;
    }

    .neo-theme-toggle:hover,
    .neo-theme-toggle:focus {
        color: #fff;
        background: rgba(255, 255, 255, .2);
        outline: none;
    }

    .neo-theme-toggle-pos {
        color: #4b5563;
        background: #fff;
        border-color: #d5dce4;
    }

    .neo-theme-toggle-pos:hover,
    .neo-theme-toggle-pos:focus {
        color: #111827;
        background: #eef2f6;
    }

    html.neo-dark .neo-theme-toggle,
    html.neo-dark .neo-theme-toggle-pos {
        color: #f8d56b;
        background: #263442;
        border-color: #526579;
    }

    html.neo-dark .neo-theme-toggle:hover,
    html.neo-dark .neo-theme-toggle-pos:hover {
        color: #ffe28a;
        background: #314354;
    }
}