/* ==================================== Dark mode overrides for fixed utility classes =============================== */

/* --- lite-purple.min.css (Bootstrap & Base) --- */
@charset "UTF-8";
/*@import "../../fonts/iconsmind/iconsmind.css";*/
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --bs-dark-body-bg: #0a0a0a;
    --bs-dark-body-color: #f3f4f6;
    --bs-dark-border-color: #374151;
    --bs-dark-link-color: #3b82f6;
    --bs-dark-link-hover-color: #60a5fa;
    --bs-dark-highlight-bg: #374151;

    --bs-dark-primary: #1e3a8a;
    --bs-dark-secondary: #334155;
    --bs-dark-success: #22c55e;
    --bs-dark-info: #38bdf8;
    --bs-dark-warning: #facc15;
    --bs-dark-danger: #ef4444;
    --bs-dark-light: #6b7280;
    --bs-dark-dark: #000;

    --bs-dark-table-bg: #1f2937;
    --bs-dark-table-striped-bg: #374151;
    --bs-dark-table-hover-bg: #4b5563;

    --bs-dark-form-control-bg: #1f2937;
    --bs-dark-form-control-color: #f3f4f6;
    --bs-dark-form-control-border-color: #4b5563;
}

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

body.dark {
    background-color: var(--bs-dark-body-bg);
    color: var(--bs-dark-body-color);
}
/* load screen */

body.dark .loadscreen {
    background-color: #0a0a0a !important;
}

/* Backgrounds */
body.dark .bg-white,
body.dark .bg-light,
body.dark .bg-gray-100,
body.dark .bg-gray-200 {
    background-color: #0a0a0a !important;
}

/* Text */
body.dark .text-dark,
body.dark .text-body,
body.dark .text-black,
body.dark .text-primary{
    color: #f3f4f6 !important;
}

/* icon */
body.dark .bi,body.dark .metismenu .has-arrow:after,body.dark .spinner-bubble-primary{
    color: #f3f4f6 !important;
}

body.dark .text-muted {
    color: #9ca3af !important;
}

/* Border */
body.dark .border,
body.dark .border-light {
    border-color: #4b5563 !important;
}

/* Dropdowns */
body.dark .dropdown-menu {
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
    border-color: #374151 !important;
}

/* Cards, modals, etc. */
body.dark .card,
body.dark .modal-content,
body.dark .navbar,
body.dark .app-footer {
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
    border-color: #ffffff !important;
}

body.dark .bg-transparent{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
}

body.dark .card .list-group-item h5,
body.dark .card .list-group-item h4{
    color: black !important;
}

/* Input and forms */
body.dark .form-control {
  background-color: #0a0a0a !important;
  color: #f3f4f6 !important;
  border-color: #374151 !important;
}

body.dark .form-control::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

body.dark .pricingtxt{
    color: #f3f4f6 !important;
}

body.dark .pricecard h4 {
    color:#f3f4f6 !important;
}

body.dark .form-control::placeholder {
    color: #9ca3af !important;
}

/* Override bg-off-white if it's a custom class */
body.dark .bg-off-white {
    background-color: #151616 !important;
}

/* Dark mode title and breadcrumb text overrides */
body.dark h1,
body.dark .h1,
body.dark h2,
body.dark .h2,
body.dark h3,
body.dark .h3,
body.dark h4,
body.dark .h4,
body.dark h5,
body.dark .h5,
body.dark h6,
body.dark .h6,
body.dark .card-title,
body.dark .text-title {
    color: #f3f4f6 !important; /* light text for dark mode */
}

body.dark .breadcrumb ul li a {
    color: #f3f4f6 !important;
}
body.dark .form-group label {
    color: #f3f4f6 !important;
}
body.dark .main-header .search-bar{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
    border-radius: 8px !important;
    border: 2px solid #374151 !important;
}

body.dark .border-gray-300{
    border-color: #374151 !important;
    color: #f3f4f6 !important;
}

body.dark .select2-container--default .select2-selection--single{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
    border: 2px solid #374151 !important;
    border-radius: 8px !important;
}
body.dark .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #f3f4f6 !important;
}
body.dark .input-group-text{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
    border-color: #374151 !important;
}
body.dark thead {
    --bs-dark-table-bg: #0a0a0a !important;
}

body.dark .select2-dropdown,
body.dark .select2-container--default,
body.dark .select2-search--dropdown,
body.dark .select2-search__field{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
    border-color: #374151 !important;
}

body.dark .select2-container--default .select2-results__option--selected{
    background-color: #374151 !important;
    color: #f3f4f6 !important;
}

/* body.dark .bootstrap-table .fixed-table-container .table thead th .asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==);
}
body.dark .bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=);
} */

body.dark .table > tbody > tr > * {
    color: #f3f4f6 !important;
}
body.dark .table tbody .status-success {
    background-color: #3a974c94 !important;
}
body.dark .table tbody span.status-danger {
    background-color: #ff00008a !important;
}
body.dark .bootstrap-table table thead input.form-control:read-only{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
    border-color: #374151 !important;
}
body.dark .daterangepicker{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
}
body.dark .daterangepicker .calendar-table{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
}
body.dark .daterangepicker td.off{
    background-color: #0a0a0a !important;
}

body.dark .daterangepicker td.available:hover{
    background-color: #357ebd !important;
    color: #f3f4f6 !important;
}

body.dark .dropdown-item{
    color: #f3f4f6 !important;
}
body.dark .dropdown-item:hover{
    background-color: #1967d2 !important;
    color: #f3f4f6 !important;
}
body.dark .notification-dropdown .dropdown-item:hover,body.dark div#notification-list .dropdown-item:hover{
    background-color: #151616 !important;
}
body.dark .select2-container--default .select2-results .select2-results__options .select2-results__option{
    color: #f3f4f6 !important;
}
body.dark .fileuploader {
    background-color: #151616 !important;
    color: #f3f4f6 !important;
}
body.dark .fileuploader-input-caption{
    color: #f3f4f6 !important;
    background-color: #0a0a0a !important;
}
body.dark .note-editor.note-frame{
border: 1px solid rgb(255 255 255) !important;
}
body.dark .note-toolbar{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
}
body.dark .note-editable {
    background: #151616 !important;
}
body.dark  tbody.table-head-left .editBtn.delete svg,body.dark  tbody.table-head-left .editBtn.delete svg * {
    fill: #FFFFFF !important;
}
/* body.dark .note-btn{
    background-color: #1c354c !important;
    color: #f3f4f6 !important;
} */

body.dark .select2-container--default .select2-results
body.dark .select2-results__options .select2-results__option:hover{
    background-color: #1967d2 !important;
    color: #f3f4f6 !important;
}
body.dark .note-dropdown-menu{
    background-color: #151616 !important;
}
body.dark .bootstrap-table .fixed-table-container .table thead th .th-inner {
    color: #f3f4f6 !important;
    filter: none !important;
    opacity: 1 !important;
}
body.dark .bg-primary{
    background-color: #151616 !important;
}
body.dark .nav {
        --bs-dark-nav-link-color: #f3f4f6 !important;
    --bs-dark-nav-link-hover-color: #f3f4f6 !important;
}
body.dark .deposit-option .btn-secondary{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
}
/* body.dark a{
    color: #f3f4f6 !important;
} */
/* body.dark a:hover{
    color: #f3f4f6 !important;
} */
body.dark [type=checkbox]:checked {
    background-color: #1c3750 !important;
}
body.dark .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #f3f4f6 !important;
    background-color: #151616 !important;
}
body.dark .daterangepicker .drp-buttons .btn {
    color: #0a0a0a !important;
}
body.dark #progressbar li.active:before,
body.dark #progressbar li.active:after {
    background: #5e5e5e !important;
    color: #FFFFFF !important;
}
body.dark #google2fa fieldset{
    background-color: #151616 !important;
}
body.dark .pricecard{
    background-color: #0a0a0a !important;
    color: #f3f4f6 !important;
}

body.dark .pricecard .producttitles{
    color: #f3f4f6 !important;
}

body.dark .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading{
    background-color: #151616 !important;
    color: #f3f4f6 !important;
}
/* body.dark button:not(:disabled){
    color:#f3f4f6 !important;
} */
body.dark .linked:hover {
    color: #9B8B75 !important;
}
body.dark #progressbar li:before{
    color:#000000 !important;
}
body.dark .btn-close {
    filter: invert(1) !important;
}
body.dark .card .card-header .nav-link{
    color:#FFFFFF !important;
}
body.dark .dropdown-item:hover a {
    color: #FFFFFF !important;
}
body.dark .btn-primary{
   background:#ffffff;
   border-color: #FFFFFF;
   color: #0a0a0a !important;
}
body.dark .btn .bi{
    color: #0a0a0a !important;
}
body.dark .btn-danger {
    background-color:#ffffff !important;
    /* box-shadow: 0 8px 25px -8px #ffffff; */
    border-color: #FFFFFF !important;
    color:#0a0a0a !important;
}
body.dark .table tbody span.status-orange{
    color: #0a0a0a !important;
}
body.dark .voucher-img {
    filter: invert(1) !important;
}
body.dark .card.bgcyan {
    background: #1e1e1e !important;
    border: 1px solid #ffffff !important;
    box-shadow: unset !important;
}
body.dark .btn-outline-primary{
    color:#FFFFFF;
    border-color: #ffffff;
}
body.dark .btn.btn-outline-primary .bi{
    color:#FFFFFF !important;
}
body.dark .btn.btn-outline-primary:hover .bi{
    color: #0a0a0a !important;
}
body.dark .btn-outline-primary:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #0a0a0a !important;
}
body.dark .ul-widget-s7__item-time,body.dark .ul-widget-s7__item-text {
    color: #ffffff !important;
}
