body.hr-theme-mjspi {
	--hr-primary: #142f6f;
	--hr-primary-dark: #0d214f;
	--hr-primary-soft: #e9eef9;
	--hr-secondary: #d6a03d;
	--hr-sidebar: #142033;
	--hr-sidebar-active: #1f3f84;
	--hr-text-on-primary: #ffffff;
	--hr-focus-shadow: rgba(20, 47, 111, 0.18);
	--hr-auth-start: #eef2fb;
	--hr-sidebar-muted: rgba(255, 255, 255, 0.72);
}

body.hr-theme-dsc {
	--hr-primary: #b4000b;
	--hr-primary-dark: #7f0008;
	--hr-primary-soft: #fff0f1;
	--hr-secondary: #6b7280;
	--hr-sidebar: #17191f;
	--hr-sidebar-active: #8f1119;
	--hr-text-on-primary: #ffffff;
	--hr-focus-shadow: rgba(180, 0, 11, 0.18);
	--hr-auth-start: #fff1f2;
	--hr-sidebar-muted: rgba(255, 255, 255, 0.68);
}

body.hr-theme-dssc {
	--hr-primary: #070a68;
	--hr-primary-dark: #02033a;
	--hr-primary-soft: #eef0ff;
	--hr-secondary: #374151;
	--hr-sidebar: #111827;
	--hr-sidebar-active: #17217a;
	--hr-text-on-primary: #ffffff;
	--hr-focus-shadow: rgba(7, 10, 104, 0.22);
	--hr-auth-start: #f1f3ff;
	--hr-sidebar-muted: rgba(255, 255, 255, 0.7);
}

body.hr-theme-kmzd {
	--hr-primary: #2454a6;
	--hr-primary-dark: #173a76;
	--hr-primary-soft: #eef7ff;
	--hr-secondary: #45aee0;
	--hr-sidebar: #142033;
	--hr-sidebar-active: #2454a6;
	--hr-text-on-primary: #ffffff;
	--hr-focus-shadow: rgba(36, 84, 166, 0.18);
	--hr-auth-start: #eef7ff;
	--hr-sidebar-muted: rgba(255, 255, 255, 0.72);
}

body.hr-theme-zdrc {
	--hr-primary: #a66f1c;
	--hr-primary-dark: #704612;
	--hr-primary-soft: #fff6e6;
	--hr-secondary: #111111;
	--hr-sidebar: #1c1a17;
	--hr-sidebar-active: #8a5a17;
	--hr-text-on-primary: #ffffff;
	--hr-focus-shadow: rgba(166, 111, 28, 0.2);
	--hr-auth-start: #fff6e6;
	--hr-sidebar-muted: rgba(255, 255, 255, 0.7);
}

body[class*="hr-theme-"] a {
	color: var(--hr-primary);
}

body[class*="hr-theme-"] .btn-primary,
body[class*="hr-theme-"] .btn-outline-user.btn-primary,
body[class*="hr-theme-"] .swal2-confirm {
	background-color: var(--hr-primary) !important;
	border-color: var(--hr-primary) !important;
	color: var(--hr-text-on-primary) !important;
}

body[class*="hr-theme-"] .btn-primary:hover,
body[class*="hr-theme-"] .btn-primary:focus,
body[class*="hr-theme-"] .btn-primary:active,
body[class*="hr-theme-"] .btn-outline-user.btn-primary:hover,
body[class*="hr-theme-"] .btn-outline-user.btn-primary:focus,
body[class*="hr-theme-"] .btn-outline-user.btn-primary:active {
	background-color: var(--hr-primary-dark) !important;
	border-color: var(--hr-primary-dark) !important;
	box-shadow: 0 0 0 0.2rem var(--hr-focus-shadow) !important;
}

body[class*="hr-theme-"] .bg-primary,
body[class*="hr-theme-"] .badge.bg-blue,
body[class*="hr-theme-"] .badge.bg-green,
body[class*="hr-theme-"] .bg-gradient-info {
	background-color: var(--hr-primary) !important;
	background-image: none !important;
	color: var(--hr-text-on-primary) !important;
}

body[class*="hr-theme-"] .text-primary {
	color: var(--hr-primary) !important;
}

body[class*="hr-theme-"] .form-control:focus,
body[class*="hr-theme-"] .form-select:focus,
body[class*="hr-theme-"] .nice-select.open,
body[class*="hr-theme-"] .input:focus {
	border-color: var(--hr-primary) !important;
	box-shadow: 0 0 0 0.2rem var(--hr-focus-shadow) !important;
}

body[class*="hr-theme-"] .authincation {
	background:
		linear-gradient(135deg, var(--hr-auth-start) 0%, #ffffff 48%),
		var(--hr-primary-soft);
}

body[class*="hr-theme-"] .authincation-content {
	box-shadow: 0 16px 45px rgba(15, 23, 42, 0.12);
}

body[class*="hr-theme-"] .nav-header,
body[class*="hr-theme-"] .dlabnav {
	background-color: var(--hr-sidebar) !important;
}

body[class*="hr-theme-"] .nav-header {
	background: #ffffff !important;
	border-right: 1px solid #e5e7eb;
	box-shadow: 0 2px 14px rgba(15, 23, 42, 0.08);
}

body[class*="hr-theme-"] .nav-control .hamburger .line {
	background: var(--hr-text-on-primary) !important;
}

body[class*="hr-theme-"] .nav-control .hamburger .line {
	background: #111827 !important;
}

body[class*="hr-theme-"] .dlabnav .metismenu > li > a {
	color: var(--hr-sidebar-muted, rgba(255, 255, 255, 0.78)) !important;
}

body[class*="hr-theme-"] .dlabnav .metismenu > li > a i,
body[class*="hr-theme-"] .dlabnav .metismenu > li > a svg {
	color: var(--hr-sidebar-muted, rgba(255, 255, 255, 0.82)) !important;
}

body[class*="hr-theme-"] .dlabnav .metismenu > li:hover > a,
body[class*="hr-theme-"] .dlabnav .metismenu > li:focus > a,
body[class*="hr-theme-"] .dlabnav .metismenu > li.mm-active > a,
body[class*="hr-theme-"] .dlabnav .metismenu a.mm-active {
	background-color: var(--hr-sidebar-active) !important;
	color: var(--hr-text-on-primary) !important;
}

body[class*="hr-theme-"] .dlabnav .metismenu > li:hover > a i,
body[class*="hr-theme-"] .dlabnav .metismenu > li:focus > a i,
body[class*="hr-theme-"] .dlabnav .metismenu > li.mm-active > a i,
body[class*="hr-theme-"] .dlabnav .metismenu > li:hover > a svg,
body[class*="hr-theme-"] .dlabnav .metismenu > li:focus > a svg,
body[class*="hr-theme-"] .dlabnav .metismenu > li.mm-active > a svg {
	color: #ffffff !important;
}

body[class*="hr-theme-"] .dlabnav .metismenu ul a:hover,
body[class*="hr-theme-"] .dlabnav .metismenu ul a:focus,
body[class*="hr-theme-"] .dlabnav .metismenu ul a.mm-active {
	color: var(--hr-text-on-primary) !important;
}

body[class*="hr-theme-"] #preloader .lds-ripple div {
	border-color: var(--hr-primary) !important;
}

body[class*="hr-theme-"] .brand-logo img,
body[class*="hr-theme-"] .auth-form img {
	object-fit: contain;
}

body[class*="hr-theme-"] .login-brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: min(360px, 82%);
	min-height: 120px;
	text-decoration: none;
}

body[class*="hr-theme-"] .login-brand img {
	display: block;
	max-width: 100%;
	width: auto;
	max-height: 180px;
	height: auto;
	object-fit: contain;
}

body[class*="hr-theme-"] .login-logo-missing {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-height: 96px;
	padding: 16px 18px;
	border: 2px solid var(--hr-primary);
	border-radius: 8px;
	background: #ffffff;
	color: var(--hr-primary);
}

body[class*="hr-theme-"] .login-logo-missing strong {
	font-size: 36px;
	line-height: 1;
	font-weight: 800;
}

body[class*="hr-theme-"] .login-logo-missing small {
	color: #4b5563;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
}

body[class*="hr-theme-"] .brand-logo {
	justify-content: center;
	padding: 10px 16px;
}

body[class*="hr-theme-"] .brand-logo {
	background: #ffffff;
	padding: 12px 18px;
}

body[class*="hr-theme-"] .hr-nav-logo {
	display: block;
	max-width: 100%;
	max-height: 68px;
	width: auto;
	height: auto;
	object-fit: contain;
}

body[class*="hr-theme-"] .hr-nav-logo {
	max-width: 88%;
	max-height: 86px;
	filter: none;
}

body[class*="hr-theme-"] .is-sp.hr-nav-logo {
	max-height: 58px;
	padding: 6px;
}

body.hr-theme-dsc .hr-nav-logo,
body.hr-theme-zdrc .hr-nav-logo {
	max-width: 94%;
	max-height: 76px;
}

body.hr-theme-dssc .hr-nav-logo,
body.hr-theme-kmzd .hr-nav-logo {
	max-width: 78%;
	max-height: 92px;
}

body[class*="hr-theme-"] .hr-nav-logo-missing {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 6px;
	color: #ffffff;
	font-weight: 800;
	letter-spacing: 0;
}

body.hr-theme-dsc .login-brand,
body.hr-theme-zdrc .login-brand {
	width: min(520px, 92%);
}

body.hr-theme-dsc .login-brand img,
body.hr-theme-zdrc .login-brand img {
	max-height: 150px;
}

body.hr-theme-kmzd .login-brand {
	width: min(340px, 76%);
	min-height: 190px;
}

body.hr-theme-kmzd .login-brand img {
	max-height: 230px;
}

body.hr-theme-dssc .authincation {
	background:
		linear-gradient(135deg, #f7f8ff 0%, #ffffff 46%),
		linear-gradient(180deg, #ffffff 0%, #eef0ff 100%);
}

body.hr-theme-dssc .authincation-content {
	box-shadow: 0 18px 50px rgba(9, 11, 22, 0.16);
}

body.hr-theme-dssc .login-brand {
	width: min(300px, 74%);
	min-height: 190px;
}

body.hr-theme-dssc .login-brand img {
	max-height: 240px;
	filter: drop-shadow(0 10px 14px rgba(9, 11, 22, 0.18));
}