/* Dream Bulut shell — dashboard palette applied to the whole app */
:root {
	--dh-ink: #1c1917;
	--dh-muted: #78716c;
	--dh-line: #e7e5e4;
	--dh-orange: #1c1917;
	--dh-orange-deep: #0f766e;
	--dh-orange-soft: #f5f5f4;
	--dh-navy: #1c1917;
	--dh-navy-2: #292524;
	--dh-paper: #f6f5f2;
}

html, body, #kt_body {
	background: var(--dh-paper) !important;
	color: var(--dh-ink);
	font-family: Poppins, Arial, sans-serif;
}

#kt_content,
.content,
.wrapper {
	background: var(--dh-paper);
}

a {
	color: var(--dh-orange-deep);
}
a:hover {
	color: #a3560d;
}

/* Primary actions follow the orange accent */
.btn-primary,
.btn.btn-primary {
	background-color: var(--dh-orange) !important;
	border-color: #d3741c !important;
	color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:hover {
	background-color: #292524 !important;
	border-color: #292524 !important;
}
.btn-light-primary {
	background: var(--dh-orange-soft) !important;
	color: var(--dh-orange-deep) !important;
	border-color: transparent !important;
}
.btn-light-primary:hover {
	background: #ffe6cf !important;
	color: #a3560d !important;
}
.text-primary,
.btn-text-primary {
	color: var(--dh-orange-deep) !important;
}
.bg-primary {
	background-color: var(--dh-navy) !important;
}
.border-primary,
.border-bottom-primary,
.border-top-primary {
	border-color: var(--dh-line) !important;
}
.badge-primary,
.label-primary {
	background: var(--dh-orange) !important;
	color: #fff !important;
}
.badge-danger {
	background: #c2410c !important;
}

.form-control:focus,
.custom-select:focus {
	border-color: var(--dh-orange) !important;
	box-shadow: 0 0 0 0.15rem rgba(28, 25, 23, 0.12) !important;
}

.page-item.active .page-link,
.dataTables_wrapper .page-item.active .page-link {
	background: var(--dh-orange) !important;
	border-color: var(--dh-orange) !important;
	color: #fff !important;
}
.page-link {
	color: var(--dh-orange-deep);
}

.card {
	border: 1px solid var(--dh-line) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	background: #fff !important;
}
.card-header {
	background: transparent;
	border-bottom-color: var(--dh-line);
}

#kt_subheader.subheader,
.subheader {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
.subheader h5,
.subheader .text-dark {
	color: var(--dh-ink) !important;
}
.subheader .text-muted,
.breadcrumb .text-muted {
	color: var(--dh-muted) !important;
}

.pace .pace-progress {
	background: var(--dh-orange) !important;
}

/* Header */
#kt_header.header,
#kt_header_mobile.header-mobile {
	background: #fffefb !important;
	box-shadow: none !important;
	border-bottom: 1px solid var(--dh-line) !important;
}

.dream-nav {
	align-items: center;
}
.dream-brand {
	display: flex;
	align-items: center;
	margin-right: 8px;
}
.dream-brand img {
	height: 32px;
	width: auto;
}
.dream-nav .menu-item {
	margin: 0 2px;
}
.dream-nav .menu-link {
	border-radius: 999px !important;
	padding: 8px 14px !important;
	min-height: 0 !important;
}
.dream-nav .menu-text {
	color: #57534e !important;
	font-weight: 600 !important;
	font-size: 13.5px !important;
}
.dream-nav > .menu-item:hover > .menu-link .menu-text,
.dream-nav > .menu-item.is-on > .menu-link .menu-text {
	color: #1c1917 !important;
}
.dream-nav > .menu-item.is-on > .menu-link {
	background: transparent !important;
	box-shadow: inset 0 -2px 0 #1c1917;
}
.dream-nav > .menu-item:hover > .menu-link {
	background: transparent !important;
}
.dream-nav .menu-arrow {
	display: none !important;
}
#kt_header .header-menu-wrapper,
#kt_header .header-menu,
#kt_header .menu-nav,
.dream-api,
.dream-api .dropdown {
	overflow: visible !important;
}
.dream-api .dropdown-toggle {
	background: transparent;
	border: 0;
	cursor: pointer;
}
.dream-api .dropdown-toggle:after {
	display: none !important;
}
.dream-api-menu {
	display: none;
	min-width: 180px;
	margin-top: 6px !important;
	padding: 4px 0 !important;
	background: #fff !important;
	border: 1px solid #e7edf4 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}
.dream-api .dropdown.show .dream-api-menu {
	display: block !important;
}
.dream-api-menu .dropdown-item {
	display: block !important;
	color: #172033 !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	border-radius: 0 !important;
	padding: 7px 14px !important;
	background: transparent !important;
}
.dream-api-menu .dropdown-item:hover {
	background: #f4f6f9 !important;
	color: #172033 !important;
}

#kt_header .topbar,
#kt_header .dream-topbar {
	align-items: center;
}
#kt_header .dream-quiet,
#kt_header .topbar .btn,
#kt_header .topbar .btn-clean,
#kt_header .topbar .btn-default,
#kt_header .topbar .btn-icon {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #44403c !important;
	font-weight: 600 !important;
	font-size: 13.5px !important;
	border-radius: 0 !important;
	padding: 8px 10px !important;
	height: auto !important;
	line-height: 1.2 !important;
}
#kt_header .dream-quiet:after,
#kt_header .dropdown-toggle:after {
	display: none !important;
}
#kt_header .dream-quiet:hover,
#kt_header .topbar .btn:hover {
	background: transparent !important;
	color: #1c1917 !important;
}
#kt_header .text-light,
#kt_header .text-white {
	color: #1c1917 !important;
}
#kt_header .svg-icon svg g [fill],
#kt_header .svg-icon svg [fill] {
	fill: #44403c !important;
}
#kt_header .pulse-ring {
	display: none !important;
}
#kt_header .symbol-label {
	background: #f5f5f4 !important;
	color: #1c1917 !important;
	width: 32px !important;
	height: 32px !important;
}
#kt_header .text-primary {
	color: #44403c !important;
}
.dream-topbar .dropdown-menu {
	border: 1px solid var(--dh-line);
	border-radius: 14px;
	box-shadow: 0 16px 40px rgba(21, 32, 51, 0.12);
	overflow: hidden;
}
.dream-topbar .dropdown-header {
	color: var(--dh-muted);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.dream-topbar .dropdown-item {
	color: var(--dh-ink);
	font-weight: 550;
}
.dream-topbar .dropdown-item:hover {
	background: #f5f5f4;
	color: var(--dh-ink);
}
.dream-topbar .rounded-top,
.topbar .bgi-size-cover.rounded-top {
	background: #fafaf9 !important;
	background-image: none !important;
}
.dream-topbar .rounded-top .text-white,
.dream-topbar .rounded-top h4,
.topbar .bgi-size-cover .text-white,
.topbar .bgi-size-cover h4 {
	color: #1c1917 !important;
}
.dream-org {
	max-width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Aside */
#kt_aside.aside,
#kt_aside.dreambg,
#kt_brand.brand {
	background: #fffefb !important;
	border-right: 1px solid var(--dh-line);
}
#kt_brand.brand {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	height: 78px;
}
#kt_brand .brand-logo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1;
}
.dream-aside-mark {
	display: block;
	margin-top: 2px;
	color: #0f766e;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.aside-minimize .dream-aside-mark {
	display: none;
}
#kt_aside_toggle,
#kt_aside_toggle .svg-icon svg g [fill] {
	color: #44403c !important;
	fill: #44403c !important;
}

#kt_aside .menu-section .menu-text {
	color: #78716c !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
#kt_aside .menu-link {
	border-radius: 10px;
	margin: 2px 10px;
}
#kt_aside .menu-text,
#kt_aside .menu-link .menu-text {
	color: #44403c !important;
	font-weight: 550;
}
#kt_aside .menu-arrow {
	color: #a8a29e !important;
}
#kt_aside .svg-icon svg g [fill] {
	fill: #44403c !important;
}
#kt_aside .menu-item:hover > .menu-link,
#kt_aside .menu-link:hover {
	background: #f5f5f4 !important;
}
#kt_aside .menu-item-active > .menu-link,
#kt_aside .menu-item-here > .menu-link,
#kt_aside .menu-item-open > .menu-link {
	background: #f5f5f4 !important;
}
#kt_aside .menu-submenu {
	background: transparent;
}
#kt_aside .menu-subnav .menu-link .menu-text {
	color: #57534e !important;
	font-size: 13px;
}
.aside-menu .menu-submenu.menu-submenu-up,
body.aside-minimize .aside-menu .menu-submenu {
	background: #fff !important;
	border: 1px solid var(--dh-line) !important;
	border-radius: 12px;
}

/* Footer */
#kt_footer.dream-footer {
	background: #fffefb !important;
	border-top: 1px solid var(--dh-line) !important;
	min-height: 52px;
}
#kt_footer.dream-footer,
#kt_footer.dream-footer a,
#kt_footer.dream-footer b,
#kt_footer.dream-footer .nav-link {
	color: #78716c !important;
}
#kt_footer.dream-footer a {
	color: #1c1917 !important;
	font-weight: 650;
}
.dream-footer-note {
	font-size: 13px;
	font-weight: 600;
}

/* Account drawer */
#kt_quick_user.offcanvas {
	background: var(--dh-paper);
}
#kt_quick_user .symbol-label {
	background: var(--dh-navy) !important;
	color: #fff !important;
}
#kt_quick_user .symbol-badge {
	background: var(--dh-orange) !important;
}

/* Login shares the same palette */
.login .btn-primary,
body .btn-primary {
	background: var(--dh-orange);
	border-color: #1c1917;
}
.dreamloginbg {
	background: #f6f5f2 !important;
}
.login-form,
.login .login-form {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}