body {
/*	--bs-body-bg: #18191d !important;*/

	--shRed: #e4032e !important;
	--shRedStrong: #AF0021 !important;
	--shRedLight: #FED0D0 !important;

	--bs-primary: var(--shRed) !important;
	--bs-primary-active: var(--shRedStrong) !important;

	--bs-text-primary: var(--shRed) !important;
	--btn-active-light-danger: var(--shRed) !important;
	--bs-danger: var(--shRed) !important;
	--bs-danger-light: var(--shRedLight) !important;
	
	--bs-component-active-bg: var(--shRed) !important;
	--bs-component-hover-color: var(--shRed) !important;

	background-image: url('../../../../images/hero-heroui.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.card {
/*	--bs-card-bg: #18191d !important;*/
}

@media (min-width: 992px) {
.app-header {
  height: 100px;
}
}

.app-header {
	background:none;
}
 @media (min-width: 992px) {
	[data-kt-app-header-minimize="on"] .app-header {
		transition: none;
		z-index: 100;
		background-color: #18191d !important;
	}
 }

.app-header .app-header-menu .menu > .menu-item > .menu-link .menu-title {
	color: var(--bs-white);
}
.app-header .app-header-menu .menu > .menu-item.here > .menu-link {
	background-color: var(--shRed);
}
.app-header .app-header-menu .menu > .menu-item.show > .menu-link .menu-title {
	color: var(--bs-white);
}


.btn-topbar {
	background-color: rgba(255, 255, 255, 0.95);/*var(--bs-topbar-btn-bg-color);*/
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
	border-bottom: 1px solid var(--shRed);
}
/*.nav-line-tabs .nav-item .nav-link {
	color: var(--bs-white);
}*/
#kt_toolbar_container .text-gray-700,
#kt_toolbar_container .text-gray-900 {
	color: var(--bs-white) !important;
}

.btn.btn-color-gray-900 i, .btn.btn-color-gray-900 .svg-icon {
  color: var(--bs-white);
}

table.dataTable > tbody > tr.selected > * a:not([class="btn"]) {
  color: var(--bs-light-inverse) !important;
}

.btn.btn-active-light-danger {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.form-check-input {
	background-color: var(--bs-gray-200);
	background-size: 60% 60%;
	height: 1.55rem;
	width: 1.55rem;	
}


.daterangepicker, .daterangepicker > .ranges, .daterangepicker.ltr .calendar.left .calendar-table, .daterangepicker.ltr .calendar.right .calendar-table {
	background-color: #1e1e2d !important;
}
.daterangepicker td.off {
	background-color: #ADADAD;
	color: #ffffff !important;
}

.daterangepicker td.active {
	background-color: #e4032e !important;
}