.light-mode:before {
	background: linear-gradient(180deg, rgba(255, 255, 255, .95) 0, #e6e6e6 100%);
	background: #ddd;
}
.light-mode .app-header .brand .brand-logo .brand-img {
	background-image: url(/assets/css/images/logo-black.png);
}
.light-mode .h1, 
.light-mode .h2, 
.light-mode .h3,  
.light-mode .h4,  
.light-mode .h5,  
.light-mode .h6,  
.light-mode h1,  
.light-mode h2,  
.light-mode h3,  
.light-mode h4,  
.light-mode h5,  
.light-mode h6,
.light-mode .app-sidebar .app-sidebar-content .menu .menu-header {
	color: var(--bs-dark);
}
.light-mode .card {
  --bs-border-color: #000000; 
}
.light-mode .text-white {
	color: var(--bs-dark) !important;
}
.light-mode .bg-white {
	background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
}
.light-mode:root {
	/*
	--bs-theme: #007aff;
	--bs-theme-rgb: 0, 122, 255;
	
	--bs-theme: #1cb18f;
	--bs-theme-rgb: 28, 177, 143;
	*/
	
	--bs-theme: #6200ff;
	--bs-theme-rgb: 98, 0, 255;
}
.light-mode .btn-check:focus+.btn-outline-theme, 
.light-mode .btn-outline-theme:focus {
  box-shadow: 0 0 0 0.25rem rgba(98, 0, 255, .5);
  border-color: --bs-theme;
}
.light-mode .btn-outline-theme:hover,
.light-mode .btn-outline-theme:focus {
	color: #fff;
}
.light-mode .badge.bg-theme {
	background-color: #37a105 !important;
	color: #fff !important;
}
.light-mode .text-success {
	color: #37a105 !important;
}
.light-mode .nav-tabs .nav-item.show .nav-link, 
.light-mode .nav-tabs .nav-link.active {
	color: var(--bs-dark);
	border-color: var(--bs-dark);
}
.light-mode .app-sidebar .app-sidebar-content .menu .menu-item.active>.menu-link .menu-icon {
	color: inherit;
}
.light-mode .bg-theme.text-black {
	color: #fff !important;
}
.light-mode .form-control,
.light-mode .form-select {
	border-color: #999;
	color: var(--bs-dark);
}
.light-mode .form-control:focus,
.light-mode .form-select:focus {
	color: var(--bs-dark);
	background-color: transparent;
	border-color: var(--bs-theme);
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-theme-rgb), .25);
}
.light-mode .form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0, 0.75%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}
.light-mode .app-header {
	background: var(--bs-white);
}
.light-mode body:before,
.light-mode body:after {
	filter: invert(1);
	opacity: .5;
	opacity: 0;
}
.light-mode .app-header .brand .brand-logo {
	color: var(--bs-dark);
	font-weight: 400;
}
.light-mode .app-header .menu-toggler .bar {
	background: var(--bs-dark);
}
.light-mode body,
.light-mode .form-control,
.light-mode .form-select,
.light-mode .app-sidebar .app-sidebar-content .menu .menu-item.active:not(.has-sub)>.menu-link,
.light-mode body table.dataTable,
.light-mode .app-header .menu .menu-item .menu-link {
	color: var(--bs-dark);
	font-weight: 400;
}
.light-mode .app-sidebar .app-sidebar-content .menu .menu-item .menu-link {
	color: rgba(var(--bs-dark-rgb), .45);
}
.light-mode .app-sidebar .app-sidebar-content .menu .menu-item .menu-link:hover,
.light-mode .app-sidebar .app-sidebar-content .menu .menu-item .menu-link:focus {
	color: rgba(var(--bs-dark-rgb), 1);
}

.light-mode body table.dataTable thead tr>.dtfc-fixed-left, 
.light-mode body table.dataTable thead tr>.dtfc-fixed-right, 
.light-mode body table.dataTable tbody tr>.dtfc-fixed-left, 
.light-mode body table.dataTable tbody tr>.dtfc-fixed-right, 
.light-mode body table.dataTable tfoot tr>.dtfc-fixed-left, 
.light-mode body table.dataTable tfoot tr>.dtfc-fixed-right,
.light-mode body table.dataTable thead, 
.light-mode body table.dataTable tfoot,
.light-mode body table.dataTable thead tr>.dtfc-fixed-left, 
.light-mode body table.dataTable thead tr>.dtfc-fixed-right, 
.light-mode body table.dataTable tbody tr>.dtfc-fixed-left, 
.light-mode body table.dataTable tbody tr>.dtfc-fixed-right, 
.light-mode body table.dataTable tfoot tr>.dtfc-fixed-left, 
.light-mode body table.dataTable tfoot tr>.dtfc-fixed-right,
.light-mode .w-110px {
	background: #ededed !important;
}
.light-mode .border-end {
  border-right: 1px solid #ccc!important;
}
.light-mode .border-bottom {
  border-bottom: 1px solid #ccc!important;
}
.light-mode .card-body > .row > .col-xl-4 > .d-flex + .d-flex {
	border-top: 1px solid #ccc;
}
.light-mode table.table {
	border-color: #ccc;
	color: var(--bs-dark);
	
	--bs-table-striped-bg: #eee;
	--bs-table-striped-color: #333;
}
.light-mode .card {
	background: #fff;
}
.light-mode .card-header {
	border-color: #ccc;
}
.light-mode .card-body > .row > .col-xl-4 {
	padding: 0 0 0 !important;
	font-size: 12px;
}
.light-mode table.dataTable {
	background: #fff;
}

.light-mode body div.dataTables_scrollFootInner table.table-bordered tr th:first-child, 
.light-mode body div.dataTables_scrollHeadInner table.table-bordered tr th:first-child, 
.light-mode body div.dataTables_scrollBody {
	border-left-color: #ccc !important;
}
.light-mode .btn-outline-default {
	color: #666;
	border-color: #666;
}
.light-mode .btn-outline-default:hover,
.light-mode .btn-outline-default:focus {
	background: #666 !important;
	color: #fff;
}
.light-mode .btn.btn-theme {
	color: #fff;
}
.light-mode .dropdown-menu {
	color: var(--bs-dark);
	background: var(--bs-white);
}
.light-mode .dropdown-item {
	color: var(--bs-dark);
}
.light-mode .dropdown-item:hover,
.light-mode .dropdown-item:focus {
	background: var(--bs-gray-100);
}
.light-mode .dropdown-divider {
	border-color: rgba(var(--bs-dark-rgb), .15);
}
.light-mode .row.row-grid>[class*=col-]+[class*=col-] {
	border-left: 1px solid rgba(var(--bs-dark-rgb), .15);
}
.light-mode .row.row-grid+.row-grid {
  border-top: 1px solid rgba(var(--bs-dark-rgb), .15);
}
.light-mode .toast-header {
	background: var(--bs-gray-100);
}
.light-mode .toast {
	background: #fff;
}
.light-mode .card-body > .row > .col-xl-4 > .d-flex .form-control,
.light-mode .card-body > .row > .col-xl-4 > .d-flex .form-select {
  border-color: transparent;
}
.light-mode .card-body.p-0 > .row {
	padding-left: 1px;
	padding-bottom: 1px;
}
.row > .col-xl-4 > .d-flex .form-select {
	padding-top: 0;
	padding-bottom: 0;
}
@media (max-width: 767.98px) {
	.light-mode .app-sidebar {
		background: #fff;
	}
}
.light-mode .tooltip .tooltip-inner {
	box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
.light-mode .modal-backdrop {
	background: #fff;
}
.light-mode .modal-content,
.light-mode .modal-header,
.light-mode .modal-body,
.light-mode .modal-footer {
	border-color: rgba(0,0,0,0.3);
}
.light-mode .btn:not([class*="btn-"]) {
	color: inherit;
}
html {
	--bs-inverse: #ffffff;
	--bs-inverse-rgb: 255, 255, 255;
}
.light-mode {
	--bs-inverse: #000000;
	--bs-inverse-rgb: 0, 0, 0;
}
.bg-inverse {
	background-color: rgba(var(--bs-inverse-rgb),var(--bs-bg-opacity)) !important;
}
.text-inverse {
	color: rgba(var(--bs-inverse-rgb),var(--bs-text-opacity)) !important;
}
.light-mode .page-link {
	background-color: rgba(0,0,0,.15);
	border: 0 solid rgba(0,0,0,.3);
	color: #000;
}
.light-mode .page-item.disabled .page-link {
	color: rgba(0,0,0,.2);
	pointer-events: none;
	background-color: rgba(0,0,0,.1);
	border-color: rgba(0,0,0,0);
}
.light-mode .page-item.active .page-link {
	color: #fff;
}