/* ---------------  Boiler Plate CSS  --------------- */

:root {
	--font-primary: 'Client Font-family', Arial, Helvetica, sans-serif;
	--color-primary: hsl(225, 13%, 18%);
	--dark-color-primary: #e0e2e2;
	--btn-primary-text-color: #ffffff;
	--dark-btn-primary-text-color: hsl(225, 13%, 18%);
	--btn-header-text-color: #ffffff;
	--dark-btn-header-text-color: hsl(225, 13%, 18%);
	--btn-secondary-text-color: transparent;

	--color-danger: hsl(355, 74%, 48%);
	--color-success: hsl(88, 60%, 40%);
	--color-warning: hsl(20.09, 100%, 45.69%);
	--border-color: #4d4d4d;

	--bg-secondary: #f3f5f6;
}

@font-face {
	font-family: 'Client Font-family';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/client-fontfamily/client-light.otf');
}

@font-face {
	font-family: 'Client Font-family';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/client-fontfamily/client-regular.otf');
}

@font-face {
	font-family: 'Client Font-family';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/client-fontfamily/client-bold.otf')
}

@font-face {
	font-family: 'Client Font-family';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/client-fontfamily/client-black.otf')
}

.font-thin {
	font-family: 'Client Font-family' !important;
	font-weight: 300 !important;
}

.font-regular {
	font-family: 'Client Font-family' !important;
	font-weight: 400 !important;
}

.font-bold {
	font-family: 'Client Font-family' !important;
	font-weight: 700 !important;
}

.font-black {
	font-family: 'Client Font-family' !important;
	font-weight: 900 !important;
}

body {
	font-family: var(--font-primary) !important;
	color: var(--color-primary) !important;
	background: unset !important;
	background-color: var(--btn-primary-text-color);
	font-size: 14px;
	font-weight: 400;
	overflow: auto;
	--bg-color: #fff;
	--text-color: #303030;
	--switch-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1) inset;
	--transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

.dark .header-bg-update {
	background: #d6c7ee !important;
}

.dark body {
	color: var(--dark-color-primary) !important;
	background-color: var(--dark-btn-primary-text-color) !important;
	--bg-color: #292639;
	--text-color: #ebeaf7;
	--switch-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.5) inset;
}

@media (prefers-color-scheme: dark) {
	body {
		--bg-color: #292639;
		--text-color: #ebeaf7;
		--switch-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.5) inset;
	}

	.light body {
		--bg-color: #fff;
		--text-color: #303030;
		--switch-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1) inset;
	}
}

.theme-switch {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}

.theme-switch .checkbox {
	opacity: 0;
	position: absolute;
}

.theme-switch .label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	border-radius: 50px;
	position: relative;
	height: 30px;
	width: 70px;
	cursor: pointer;
	box-shadow: var(--switch-shadow);
	transition: var(--transition);
	margin: 0;
	background: #fff;
}

.theme-switch .label:hover .moon,
.theme-switch .label:hover .sun {
	transform: rotate(360deg);
}

.theme-switch .ball {
	transition: var(--transition);
	background-color: var(--text-color);
	position: absolute;
	border-radius: 50%;
	top: 4px;
	left: 8px;
	height: 22px;
	width: 22px;
}

.theme-switch .moon {
	color: #f1c40f;
	transform-origin: center center;
	transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
	transform: rotate(0);
}

.theme-switch .sun {
	color: #ff6b00;
	transform-origin: center center;
	transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
	transform: rotate(0);
}

.theme-switch .ball {
	transform: translatex(0);
}

.dark .theme-switch .ball {
	transform: translatex(30px);
}

@media (prefers-color-scheme: dark) {
	.theme-switch .ball {
		transform: translatex(30px);
	}

	.dark .theme-switch .ball {
		transform: translatex(0px);
	}

	.light .theme-switch .ball {
		transform: translatex(0);
	}
}

table {
	font-family: var(--font-primary) !important;
}

/* ---------------  Buttons CSS  --------------- */

.btn-primary,
.ui-searchFilter .ui-state-default {
	background: unset !important;
	background-color: var(--color-primary) !important;
	color: var(--btn-primary-text-color) !important;
	border: 1px solid var(--color-primary) !important;
	border-radius: 0 !important;
}

.dark .btn-primary,
.dark .ui-searchFilter .ui-state-default,
.dark .btn-primary .form-control {
	background: unset !important;
	background-color: var(--dark-color-primary) !important;
	color: var(--dark-btn-primary-text-color) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: 0 !important;
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.ui-searchFilter .ui-state-default:active,
.ui-searchFilter .ui-state-default:focus {
	background: unset !important;
	background-color: var(--color-primary) !important;
	color: var(--btn-primary-text-color) !important;
	border: 1px solid var(--color-primary) !important;
	border-radius: 0 !important;
}

.dark .btn.btn-primary:active,
.dark .btn.btn-primary:focus,
.dark .ui-searchFilter .ui-state-default:active,
.dark .ui-searchFilter .ui-state-default:focus {
	background: unset !important;
	background-color: var(--dark-color-primary) !important;
	color: var(--dark-btn-primary-text-color) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: 0 !important;
}

.btn.btn-primary:hover,
.ui-searchFilter .ui-state-default:hover {
	border-color: var(--color-primary) !important;
	background: unset !important;
	color: var(--color-primary) !important;
}

.dark .btn.btn-primary:hover,
.dark .ui-searchFilter .ui-state-default:hover {
	border-color: var(--dark-color-primary) !important;
	background: unset !important;
	color: var(--dark-color-primary) !important;
}

.btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid var(--color-primary) !important;
	border-radius: 0 !important;
	color: var(--color-primary) !important;
}

.dark .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid var(--border-color) !important;
	border-radius: 0 !important;
	color: var(--dark-color-primary) !important;
}

.csv-btn {
	margin-bottom: 15px;
}

/* ---------------  Inputs CSS  --------------- */

input[type="text"],
input[type="number"],
input[type="password"],
select,
textarea,
.form-control,
.form-select,
.dropdown-toggle {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-primary);
	background-color: transparent;
	background-clip: padding-box;
	border: 1px solid var(--color-primary) !important;
	border-radius: 0 !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* .dark .form-control{
	background-color: transparent;
} */
.dark input[type="text"],
.dark input[type="number"],
.dark input[type="password"],
.dark select,
.dark textarea,
.dark .form-select,
.dark .dropdown-toggle,
.dark .form-control {
	color: var(--dark-color-primary);
	background-color: transparent;
	border: 1px solid var(--border-color) !important;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
	box-shadow: 0 0 0 .01rem rgba(13, 110, 253, .25) !important;
}

.custom-file-input::before {
	background: var(--color-primary);
	border-radius: 0;
}

.dark .custom-file-input::before {
	background: var(--dark-color-primary);
	border-radius: 0;
	color: var(--color-primary);
}

/* ---------------  Reusable ClassNames CSS  --------------- */

.px-0 {
	padding-inline: 0px;
}

.px-1 {
	padding-inline: 4px;
}

.px-2 {
	padding-inline: 8px;
}

.px-3 {
	padding-inline: 16px;
}

.px-4 {
	padding-inline: 24px;
}

.py-0 {
	padding-block: 0px;
}

.py-1 {
	padding-block: 4px;
}

.py-2 {
	padding-block: 8px;
}

.py-3 {
	padding-block: 16px;
}

.py-4 {
	padding-block: 24px;
}

.ec-text-success {
	color: var(--color-success) !important;
}

.ec-text-danger {
	color: var(--color-danger) !important;
}

.ec-text-warning {
	color: var(--color-warning) !important;
}

.text-white {
	color: #ffffff !important;
}

.text-dark {
	color: #000000 !important;
}

.dark .text-dark {
	color: #ffffff !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.overflow-x-auto {
	overflow-x: auto !important;
}

.overflow-y-auto {
	overflow-y: auto !important;
}

.align-items-stretch {
	align-items: stretch !important;
}

.align-items-end {
	align-items: end !important;
}

.border {
	border: 1px solid var(--border-color) !important;
}

.rounded-0 {
	border-radius: 0 !important;
}

/* ---------------  Header CSS  --------------- */

header {
	background: var(--color-primary) !important;
	padding-inline: 12px;
}

.dark header {
	background: var(--dark-color-primary) !important;
	padding-inline: 12px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.page-topbar .logo-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

h1.logo {
	background: url(../images/client-assets/logos/emca-bright.svg) no-repeat 0 !important;
	height: 40px;
}

.dark h1.logo {
	background: url(../images/client-assets/logos/emca-dark.svg) no-repeat 0 !important;
	height: 40px;
}

h1.logo a {
	height: auto;
}

.page-topbar .info-menu {
	display: flex;
	align-items: center;
}

.dark .language-selection {
	color: var(--btn-header-text-color);
	gap: 0;
}

.dark .language-selection {
	color: var(--dark-btn-header-text-color);
	gap: 0;
}

.header-right_sections .toggle-language {
	padding: 10px;
	/*  margin-top: 16px; */
	border: 0;
}

#encription_whitebg {
	margin-top: 60px;
	border-radius: 0;
}

.note {
	border-radius: 0;
}

.page-topbar .info-menu li.profile img {
	height: 20px;
	width: 20px;
	background-color: transparent;
}

/* ---------------  Main CSS  --------------- */

.bg-red {
	background: #D5202F;
}

.bg-revocation {
	background: #6AA329;
}

.bg-pending {
	background: #E94E00;
}

.initial_Box {
	flex-wrap: wrap !important;
	flex-direction: row !important;
	justify-content: start;
	align-items: start;
}

.watermark {
	right: 12px;
	bottom: 8px;
}

.initial_Box-whiteBg {
	width: auto !important;
}

.initial_Box img {
	width: auto;
}

.initial_Box .div-or span {
	left: 47%;
	top: -12px;
	padding: 6px;
	font-size: 10px;
}

.userBlk li:nth-child(even),
.formBlk.selectedFields li:nth-child(even) {
	margin-inline: 0;
	padding-inline: 0;
}

.userBlk li:nth-child(odd),
.formBlk.selectedFields li:nth-child(odd) {
	margin-inline: 0;
	padding-inline: 0;
}

.error,
.errors {
	color: var(--color-danger) !important;
	font-weight: 700;
}

.wizardpills-steps .progress.active .progress-bar {
	background: var(--color-primary) !important;
}

.dark .wizardpills-steps .progress.active .progress-bar {
	background: var(--dark-color-primary) !important;
}

.step-wizard li.active div {
	background: var(--color-primary) !important;
}

.dark .step-wizard li.active div {
	background: var(--dark-color-primary) !important;
	color: var(--color-primary);
}

.inner-wrap.loginBox .step-wizard li div {
	border-color: var(--color-primary) !important;
}

.dark .inner-wrap.loginBox .step-wizard li div {
	border-color: var(--dark-color-primary) !important;
}

.step-wizard li div,
.step-progress {
	background: #F3F5F6;
}

.warning,
.alertModal .modal-body p.warning {
	color: var(--color-warning) !important;
}

.emCA-loginBox {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 9px 0px !important;
	border-radius: 0;
}

.logo-language-section {
	padding-inline: 0px;
}

.logo-language-section .logo img {
	width: 190px;
}

.credentails-section {
	padding-inline: 0px;
	max-height: 100%;
}

.Login {
	font-size: 24px;
}

.dark .Login {
	color: #fff;
}

.loginDivider span {
	width: 24px;
	height: 24px;
	font-size: 10px;
	line-height: 22px;
	left: 50%;
	top: -11px;
}

.captchaTxtBox {
	min-width: 43%;
	background: unset !important;
	border-radius: 0;
	border-color: var(--color-primary);
	color: var(--color-primary) !important;
	background-color: #F3F5F6 !important;
}

.dark .captchaTxtBox {
	min-width: 43%;
	background: unset !important;
	border-radius: 0;
	border-color: var(--dark-color-primary);
	color: var(--color-primary) !important;
	background-color: #F3F5F6 !important;
}

.loginBox-image {
	min-height: 525px;
}

.emCA-loginBox {
	min-height: 525px;
}

.grayBgOverlay {
	background: #fff;
}

.dark .grayBgOverlay {
	background: var(--color-primary);
}

.steupMenu,
.whiteBg {
	border: 1px solid var(--border-color);
	border-radius: 0;
}

.sidebar li.header {
	background: var(--color-primary);
	border-bottom: var(--color-primary);
}

.dark .sidebar li.header {
	background: var(--dark-color-primary);
	border-bottom: var(--border-color);
}

.inner-wrap {
	background: var(--btn-primary-text-color);
}

.dark .inner-wrap {
	background: var(--dark-btn-primary-text-color);
}

.success {
	font-size: 18px;
	color: var(--color-success);
}

.dashboardBox .dashboard-card {
	border: 1px solid var(--border-color);
	border-radius: 0;
	background: var(--btn-primary-text-color);
}

.dark .dashboardBox .dashboard-card {
	border: 1px solid var(--border-color);
	border-radius: 0;
	background: var(--dark-btn-primary-text-color);
}

.dashboardBox .dashboard-card:hover {
	box-shadow: none !important;
}

.sidebar li.panel a:hover,
.sidebar li.panel a.active,
.sidebar li.panel a[aria-expanded=true] {
	background: var(--color-primary);
}

.dark .sidebar li.panel a:hover,
.dark .sidebar li.panel a.active,
.dark .sidebar li.panel a[aria-expanded=true] {
	background: var(--dark-color-primary);
	color: var(--color-primary) !important;
}

.sidebar li.panel,
aside .whiteBg {
	background-color: var(--bg-secondary);
}

.dark .sidebar li {
	border-bottom: 1px solid var(--border-color);
}

.dark .sidebar li.panel,
.dark aside .whiteBg {
	background-color: var(--color-primary);
}

.dark aside .whiteBg {
	border-right: 1px solid var(--border-color);
}

.sidebar ul {
	margin-inline: 10px;
}

.sidebar li.panel {
	border-bottom: 1px solid var(--border-color);
	border-radius: 0;
}

.sidebar li.panel li a.active,
.sidebar li.panel li a[aria-expanded=true] {
	color: var(--color-primary);
}

.dark .sidebar li.panel li a.active,
.dark .sidebar li.panel li a[aria-expanded=true] {
	color: var(--dark-color-primary);
}

.sidebar li.panel li a:hover {
	color: var(--color-primary);
}

.dark .sidebar li.panel li a:hover {
	color: var(--dark-color-primary);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background-color: var(--color-primary);
	border: 1px solid #563d7c !important;
	border-bottom: 1px solid #fff !important;
	color: var(--dark-color-primary);
}

.dark .nav-tabs>li.active>a,
.dark .nav-tabs>li.active>a:focus,
.dark .nav-tabs>li.active>a:hover {
	background-color: var(--dark-color-primary);
	border: 1px solid #563d7c !important;
	border-bottom: 1px solid var(--border-color) !important;
	color: var(--color-primary);
}

.nav-tabs>li.active>a .dashbordTabCount {
	background-color: var(--dark-color-primary);
	color: var(--color-primary);
}

.dark .nav-tabs>li.active>a .dashbordTabCount {
	background-color: var(--color-primary);
	color: var(--dark-color-primary);
}

.nav-tabs>li>a {
	border-radius: 0;
	background-color: #fff;
	color: var(--color-primary);
}

.dark .nav-tabs>li>a {
	border-radius: 0;
	background-color: var(--dark-btn-primary-text-color);
	color: var(--dark-color-primary);
	border-color: var(--border-color);
}

.dashbordTabCount {
	background-color: var(--color-primary);
	color: var(--dark-color-primary);
	border-radius: 0;
}

.dark .dashbordTabCount {
	background-color: var(--dark-color-primary);
	color: var(--color-primary);
	;
	border-radius: 0;
}

.nav-tabs>li>a:hover {
	background: var(--color-primary);
}

.dark .nav-tabs>li>a:hover {
	background: var(--dark-color-primary);
	color: var(--color-primary);
}

.nav-tabs>li>a:hover .dashbordTabCount {
	background-color: var(--dark-color-primary);
	color: var(--color-primary);
}

.dark .nav-tabs>li>a:hover .dashbordTabCount {
	background-color: var(--color-primary);
	color: var(--dark-color-primary);
}

.dashboardBox .icon-rounded {
	border-radius: 0;
}

.bg-blue {
	background: var(--color-primary);
}

.dark .bg-blue {
	background: var(--dark-color-primary);
	color: var(--color-primary);
}

.ico1 {
	background: url(../images/client-assets/icons/ca-hierarchy.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico1 {
	background: url(../images/client-assets/icons/ca-hierarchy-bright.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico1,
.sidebar li.panel a.active .ico1,
.sidebar li.panel a[aria-expanded=true] .ico1 {
	background: url(../images/client-assets/icons/ca-hierarchy-bright.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .sidebar li.panel a:hover .ico1,
.dark .sidebar li.panel a.active .ico1,
.dark .sidebar li.panel a[aria-expanded=true] .ico1 {
	background: url(../images/client-assets/icons/ca-hierarchy.svg) no-repeat 0 0;
}

.ico2 {
	background: url(../images/client-assets/icons/manage-profiles.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico2 {
	background: url(../images/client-assets/icons/manage-profiles-bright.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico2,
.sidebar li.panel a.active .ico2,
.sidebar li.panel a[aria-expanded=true] .ico2 {
	background: url(../images/client-assets/icons/manage-profiles-bright.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .sidebar li.panel a:hover .ico2,
.dark .sidebar li.panel a.active .ico2,
.dark .sidebar li.panel a[aria-expanded=true] .ico2 {
	background: url(../images/client-assets/icons/manage-profiles.svg) no-repeat 0 0;
}

.ico3 {
	background: url(../images/client-assets/icons/manage-user-certificates.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico3 {
	background: url(../images/client-assets/icons/manage-user-certificates-bright.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico3,
.sidebar li.panel a.active .ico3,
.sidebar li.panel a[aria-expanded=true] .ico3 {
	background: url(../images/client-assets/icons/manage-user-certificates-bright.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .sidebar li.panel a:hover .ico3,
.dark .sidebar li.panel a.active .ico3,
.dark .sidebar li.panel a[aria-expanded=true] .ico3 {
	background: url(../images/client-assets/icons/manage-user-certificates.svg) no-repeat 0 0;
}

.ico4 {
	background: url(../images/client-assets/icons/manage-ca-certificates.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico4 {
	background: url(../images/client-assets/icons/manage-ca-certificates-bright.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico4,
.sidebar li.panel a.active .ico4,
.sidebar li.panel a[aria-expanded=true] .ico4 {
	background: url(../images/client-assets/icons/manage-ca-certificates-bright.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .sidebar li.panel a:hover .ico4,
.dark .sidebar li.panel a.active .ico4,
.dark .sidebar li.panel a[aria-expanded=true] .ico4 {
	background: url(../images/client-assets/icons/manage-ca-certificates.svg) no-repeat 0 0;
}

.ico5 {
	background: url(../images/icons/ico5B.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico5 {
	background: url(../images/icons/ico5B-h.svg) no-repeat 0 0;
	background-size: 100%;
}

.dark .sidebar li.panel a:hover .ico5,
.dark .sidebar li.panel a.active .ico5,
.dark .sidebar li.panel a[aria-expanded=true] .ico5 {
	background: url(../images/icons/ico5B.svg) no-repeat 0 0;
	background-size: 100%;
}

.ico6 {
	background: url(../images/client-assets/icons/manage-ocsp-certificates.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico6 {
	background: url(../images/client-assets/icons/manage-ocsp-certificates-bright.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico6,
.sidebar li.panel a.active .ico6,
.sidebar li.panel a[aria-expanded=true] .ico6 {
	background: url(../images/client-assets/icons/manage-ocsp-certificates-bright.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .sidebar li.panel a:hover .ico6,
.dark .sidebar li.panel a.active .ico6,
.dark .sidebar li.panel a[aria-expanded=true] .ico6 {
	background: url(../images/client-assets/icons/manage-ocsp-certificates.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.ico7 {
	background: url(../images/client-assets/icons/recover-user-keypair.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico7 {
	background: url(../images/client-assets/icons/recover-user-keypair-bright.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico7,
.sidebar li.panel a.active .ico7,
.sidebar li.panel a[aria-expanded=true] .ico7 {
	background: url(../images/client-assets/icons/recover-user-keypair-bright.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .sidebar li.panel a:hover .ico7,
.dark .sidebar li.panel a.active .ico7,
.dark .sidebar li.panel a[aria-expanded=true] .ico7 {
	background: url(../images/client-assets/icons/recover-user-keypair.svg) no-repeat 0 0;
}

.ico8 {
	background: url(../images/client-assets/icons/manage-users-and-groups.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico8 {
	background: url(../images/client-assets/icons/manage-users-and-groups-bright.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico8,
.sidebar li.panel a.active .ico8,
.sidebar li.panel a[aria-expanded=true] .ico8 {
	background: url(../images/client-assets/icons/manage-users-and-groups-bright.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .sidebar li.panel a:hover .ico8,
.dark .sidebar li.panel a.active .ico8,
.dark .sidebar li.panel a[aria-expanded=true] .ico8 {
	background: url(../images/client-assets/icons/manage-users-and-groups.svg) no-repeat 0 0;
}

.ico9 {
	background: url(../images/client-assets/icons/reports.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico9 {
	background: url(../images/client-assets/icons/reports-bright.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico9,
.sidebar li.panel a.active .ico9,
.sidebar li.panel a[aria-expanded=true] .ico9 {
	background: url(../images/client-assets/icons/reports-bright.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .sidebar li.panel a:hover .ico9,
.dark .sidebar li.panel a.active .ico9,
.dark .sidebar li.panel a[aria-expanded=true] .ico9 {
	background: url(../images/client-assets/icons/reports.svg) no-repeat 0 0;
}

.ico10 {
	background: url(../images/client-assets/icons/backup-dark.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico10 {
	background: url(../images/client-assets/icons/lb.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico10,
.sidebar li.panel a:hover .ico10,
.sidebar li.panel a[aria-expanded=true] .ico10 {
	background: url(../images/client-assets/icons/lb.svg) no-repeat 0 0 !important;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
	filter: unset;
}

.dark .sidebar li.panel a:hover .ico10,
.dark .sidebar li.panel a:hover .ico10,
.dark .sidebar li.panel a[aria-expanded=true] .ico10 {
	background: url(../images/client-assets/icons/lb.svg) no-repeat 0 0 !important;
	filter: invert(100%);
}

.ico11 {
	background: url(../images/client-assets/icons/application-settings.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .ico11 {
	background: url(../images/client-assets/icons/application-settings-bright.svg) no-repeat 0 0;
}

.sidebar li.panel a:hover .ico11,
.sidebar li.panel a.active .ico11,
.sidebar li.panel a[aria-expanded=true] .ico11 {
	background: url(../images/client-assets/icons/application-settings-bright.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.dark .sidebar li.panel a:hover .ico11,
.dark .sidebar li.panel a.active .ico11,
.dark .sidebar li.panel a[aria-expanded=true] .ico11 {
	background: url(../images/client-assets/icons/application-settings.svg) no-repeat 0 0;
}

.ico12 {
	background: url(../images/icons/ico12-1.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}
.ico15 {
	background: url(../images/icons/approval_black.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
	height:21px !important;
}

.dark .ico15 {
	background: url(../images/icons/approval_white.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
}


.dark .ico12 {
	background: url(../images/icons/ico12-1.svg) no-repeat 0 0;
	filter: invert(100%);
}

.sidebar li.panel a:hover .ico12,
.sidebar li.panel a.active .ico12 {
	background-size: 100%;
	transition: all 0.3s ease-in-out 0s;
	filter: invert(100%);
}

.dark .sidebar li.panel a:hover .ico12,
.dark .sidebar li.panel a.active .ico12 {
	background: url(../images/icons/ico12-1.svg) no-repeat 0 0;
	filter: unset;
}
.sidebar li.panel a:hover .ico15,
.sidebar li.panel a.active .ico15 {
	background: url(../images/icons/approval_white.svg) no-repeat 0 0;
	filter: unset;
}
.dark .sidebar li.panel a:hover .ico15,
.dark .sidebar li.panel a.active .ico15 {
	background: url(../images/icons/approval_black.svg) no-repeat 0 0;
	filter: unset;
}

.searchBox {
	height: 26px;
	border-color: var(--color-primary);
	border-radius: 0;
}

.dark .searchBox {
	height: 26px;
	border-color: var(--dark-color-primary);
	border-radius: 0;
}

.searchBox input[type="text"] {
	border: 0 !important;
}

.ui-paging-info {
	font-weight: 700 !important;
}

.certificateStatisticsHeight {
	border: 1px solid var(--border-color);
	border-radius: 0 !important;
}

.timeFrameChartBtns {
	background-color: var(--bg-secondary);
}

.dark .timeFrameChartBtns {
	background-color: var(--bg-secondary);
	color: var(--color-primary);
}

.icon-rounded {
	border-radius: 0 !important;
}

.bg-blue-200 {
	background-color: #767f88 !important;
}

.listItem {
	border-radius: 0;
}

.multiselect-native-select .dropdown-toggle {
	border-radius: 0;
}

.plusBtn,
.removeBtn,
.rmCpBtn {
	height: 34px;
}

.loginbg header {
	height: auto;
}

.loginbg .logo {
	height: auto;
	width: 190px;
	min-height: 60px;
}

.loginfooter {
	position: fixed;
	bottom: 0;
}

.ui-jqgrid .ui-pg-button span {
	font-weight: bold;
}

.ui-widget-header {
	color: var(--color-primary) !important;
}

.dark .ui-widget-header {
	color: var(--dark-color-primary) !important;
}

.ui-pg-button {
	border-radius: 0 !important;
}

.ui-paging-info {
	text-align: right;
	max-width: 250px;
	white-space: normal;
	height: 50px !important;

}

.dark .radio input[type="radio"]+.radio-label:before {
	background-color: transparent !important;
}

.radio input[type="radio"]:disabled+.radio-label:before,
html input[type="text"][disabled],
html input[type="password"][disabled] {
	background-color: #f4f4f4 !important;
}

.dark .radio input[type="radio"]:checked+.radio-label:before {
	/* background-color: #563d7c !important; */
	background-color: var(--dark-color-primary) !important;
	border-color: var(--dark-color-primary);
	box-shadow: inset 0 0 0 2px var(--color-primary);
}

.login-bg {
	background: #fff;
}

.dark .login-bg {
	background: #282b34;
}

.globe-light {
	display: inline-block;
}

.globe-dark {
	display: none;
}

.dark .globe-light {
	display: none;
}

.dark .globe-dark {
	display: inline-block;
}

.dark a,
.dark .watermark {
	color: #fff;
	opacity: 1;
}

.page-topbar .info-menu.left-links a {
	color: var(--btn-primary-text-color);
}

.dark .page-topbar .info-menu.left-links a {
	color: var(--dark-btn-primary-text-color);
}

.page-topbar .info-menu li a.toggle,
.page-topbar .info-menu li a.toggle_chat,
.page-topbar .info-menu li a.sidebar_toggle {
	color: var(--btn-primary-text-color);
}

.dark .page-topbar .info-menu li a.toggle,
.dark .page-topbar .info-menu li a.toggle_chat,
.dark .page-topbar .info-menu li a.sidebar_toggle {
	color: var(--dark-btn-primary-text-color);
}

.user-light {
	display: inline-block;
}

.user-dark {
	display: none;
}

.dark .user-light {
	display: none;
}

.dark .user-dark {
	display: inline-block;
}

.inner-wrap .titleBlk h2 {
	color: var(--color-primary);
}

.dark .inner-wrap .titleBlk h2 {
	color: var(--dark-color-primary);
}

.whiteBg {
	background: var(--btn-primary-text-color);
}

.dark .whiteBg {
	background: var(--dark-btn-primary-text-color);
}

h3 {
	color: var(--color-primary);
}

.dark h3 {
	color: var(--dark-color-primary);
}

.dark .ui-widget-content {
	border-bottom: 1px solid var(--border-color) !important;
	/* background: var(--color-primary) !important; */
	color: var(--dark-color-primary);
}

.dark .ui-jqgrid .ui-paging-info {
	color: var(--dark-color-primary) !important;
}

.dark .sidebar li.panel a {
	color: var(--dark-color-primary);
}

.dark .sidebar li.active a {
	color: var(--color-primary);
}

.dark .sidebar li.panel a[aria-expanded=false]:after,
.dark .sidebar li.panel a[aria-expanded=true]:after {
	color: var(--dark-color-primary);
}

.dark .sidebar li.panel a:hover[aria-expanded=false]:after,
.dark .sidebar li.panel a:hover[aria-expanded=true]:after {
	color: var(--color-primary);
}

.dark .nav-tabs {
	border-bottom: 1px solid var(--border-color);
}

.dark .searchBox {
	color: var(--dark-color-primary);
}

.dark .breadcrumb,
.dark .breadcrumb>.active,
.dark .breadcrumb>li+li:before {
	color: var(--dark-color-primary);
}

.dark .userBlk,
.dark .modalUserBlk .validBlk,
.dark .formBlk.selectedFields li .formlabel,
.dark #privateKeyDesc,
.dark .searchBlk .formField,
.dark .searchBlk input[type="text"] {
	color: var(--dark-color-primary) !important;
}

.dark .form-select {
	color: var(--dark-color-primary) !important;
	/* background-color: #222; */
	border: 1px solid #666;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 11.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
}

.dark .btn-close {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M2.146 2.146a.5.5 0 01.708 0L8 7.293l5.146-5.147a.5.5 0 11.708.708L8.707 8l5.147 5.146a.5.5 0 01-.708.708L8 8.707l-5.146 5.147a.5.5 0 01-.708-.708L7.293 8 2.146 2.854a.5.5 0 010-.708z'/%3E%3C/svg%3E");
}

/* .dark .form-select {
    color: var(--bs-white) !important;
    background-color: #1e1e2e !important; 
    border: 1px solid #666 !important;
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 2rem;
    position: relative;
}

.dark .form-select::after {
    content: "\25BE";        
    font-size: 0.9rem;
    color: #fff !important; 
    position: absolute;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; 
} */

.dark .searchBlk .formField option,
.dark .form-control option,
.dark .form-select option {
	color: var(--color-primary) !important;
}

.dark .userBlk li:nth-child(even),
.dark .formBlk.selectedFields li:nth-child(even),
.dark .jstree-default .jstree-clicked {
	background: var(--color-primary);
}

.dark .sidebar li.panel a[aria-expanded=true]:after {
	color: var(--color-primary);
}

.dark .sidebar li.panel a[aria-expanded=true]+div li a:hover,
.dark .sidebar li.panel a[aria-expanded=true]+div li a.active {
	color: var(--color-primary);
}

.dark .modal-backdrop {
	background-color: var(--dark-color-primary);
}

.dark .alertModal .modal-header,
.dark .modal-header {
	background: var(--color-primary);
	color: var(--dark-color-primary);
	border-bottom: 1px solid var(--border-color);
}

.dark .alertModal .modal-body,
.dark .alertModal .modal-footer,
.dark .modal-body,
.dark .modal-footer,
.dark #accessTypeTable tr th {
	background: var(--color-primary);
}

.dark .alertModal button.close,
.dark .alertModal .modal-header h4,
.dark button.close,
.dark .modal-header h4,
.dark .ui-jqgrid .ui-paging-info {
	color: var(--dark-color-primary);
}

.dark .bg-white {
	background-color: var(--color-primary) !important;
}

.dark .apexcharts-tooltip *,
.dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
	background-color: var(--color-primary);
}

.dark .note,
.dark .note h4,
.dark .note a {
	color: var(--color-primary) !important;
}

.dark .text-muted,
.dark h4,
.dark .apexcharts-legend-text {
	color: var(--dark-color-primary) !important;
}

.dark .apexcharts-xaxis text,
.dark .apexcharts-yaxis text {
	fill: var(--dark-color-primary);
}

.dark .mtrxTbl th,
.dark .mtrxTbl td {
	background: var(--color-primary);
	color: var(--dark-color-primary);
}

.dark .userBlk .heading,
.dark .formBlk li .heading,
.dark .selectedFields .heading,
.dark .regBlk .heading {
	background: var(--color-primary);
}

.dark .userBlk .title,
.dark .formBlk li .title,
.dark .selectedFields .title,
.dark .regBlk .title {
	background: var(--color-primary);
}

.dark .userBlk .heading:before,
.dark .formBlk li .heading:before,
.dark .selectedFields .heading:before,
.dark .regBlk .heading:before,
.dark .emca-section-heading h5:before {
	background: var(--dark-color-primary);
}

.dark .formBlk li .formField.med,
.dark .dateField .formField.med,
.dark .formBlk li input[type="text"].med {
	color: var(--dark-color-primary);
}

.dark .formBlk li .formField.med option,
.dark .dateField .formField.med,
.dark .formBlk li input[type="text"].med {
	color: var(--color-primary);
}

.dark .formBlk li .formField,
.dark .dateField .formField,
.dark .formBlk li input[type="text"] {
	color: var(--dark-color-primary);
}

.dark .step-wizard li.active span,
.dark .step-wizard li span {
	color: var(--dark-color-primary);
}

.dark .step-wizard li div,
.dark .step-progress {
	background: #5a6072;
}

.dark .radio input[type="radio"]:disabled+.radio-label:before,
html.dark input[type="text"][disabled],
html.dark input[type="password"][disabled],
.dark .form-control[disabled] {
	background-color: #898a91 !important;
	color: var(--color-primary);
}

.dark .inner-wrap h2 {
	color: var(--dark-color-primary);
}

.dark .setup-wrapper .setup-steps {
	background: var(--color-primary);
	border: 1px solid var(--border-color);
}

.dark .setup-wrapper .setup-steps .steps-count span {
	border: 1px solid var(--border-color);
}

.dark .page-topbar .info-menu li .dropdown-menu .profile-account {
	color: var(--color-primary);
}

input[type="file"].custom-file-input {
	color: var(--color-primary);
}

.dark input[type="file"].custom-file-input {
	color: var(--dark-color-primary) !important;
	border: 1px solid var(--border-color) !important;
}

.dark .icoBlk .ico1 {
	background: url(../images/ico-1.png) no-repeat 0 0 #0563ae;
}

.dark .icoBlk .ico2 {
	background: url(../images/ico-2.png) no-repeat 0 0 #0563ae;
}

.dark .icoBlk .ico3 {
	background: url(../images/ico-3.png) no-repeat 0 0 #0563ae;
}

.dark .icoBlk .ico4 {
	background: url(../images/ico-4.png) no-repeat 0 0 #0563ae;
}

.dark .icoBlk .title {
	color: var(--dark-color-primary);
}

.dark .changePwd-section {
	background: var(--color-primary);
}

.dark .initial_Box h5 {
	color: var(--dark-color-primary);
}

.dark .initial_Box .div-or span {
	color: var(--color-primary);
}

.dark .userBlk li.whitebg,
.dark .formBlk.selectedFields li.whitebg {
	background: var(--color-primary);
}

.dark input[type="radio"] {
	accent-color: #fff;
}

.dark .jstree-default .jstree-hovered {
	background: unset;
	color: var(--dark-color-primary);
}

.dark #extAppCfgForm table tr td {
	background: var(--color-primary) !important;
}

.dark input[type="radio"] {
	accent-color: #fff;
}

.dark .sidebar.setup-sidebar li a {
	color: var(--dark-color-primary);
}

.dark .sidebar.setup-sidebar li.header {
	color: var(--color-primary);
}

.dark .warning .table th,
.dark .warning .table td {
	/* color: var(--dark-color-primary); */
}

.dark .file-explorer #sidebar .sidebar-header {
	background-color: rgb(40 43 52 / 40%);
}

.dark .file-explorer #sidebar {
	background: var(--color-primary);
}

.dark .file-explorer .file-explorer .file-path {
	color: var(--color-primary);
}

.dark .ui-th-column,
.dark .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
	border-right: 1px solid var(--border-color);
}

.dark .ui-jqgrid .ui-jqgrid-view {
	border: 1px solid var(--border-color);
}

.dark .ui-jqgrid .ui-jqgrid-hdiv {
	border-bottom: 1px solid var(--border-color);
}

.dark .ui-jqgrid .ui-jqgrid-pager {
	border-right: 1px solid var(--border-color) !important;
	border-left: 1px solid var(--border-color) !important;
}

.dark th {
	border: 1px solid var(--border-color);
}

.dark .ui-jqgrid tr.ui-row-ltr td {
	border-right-color: var(--border-color);
	border-bottom-color: var(--border-color);
	background: var(--color-primary) !important;
	color: var(--dark-color-primary);
}

.dark .mtrxTbl td,
.dark .mtrxTbl th,
.dark .table>tbody>tr>td,
.dark .table>thead>tr>th {
	border: 1px solid var(--border-color);
}

.dark #tableDiv1 th {
	border: 1px solid var(--border-color) !important;
}

.dark .btn-close {
	color: var(--dark-color-primary) !important;
}

.dark select option {
	color: var(--color-primary);
}


.dark .ui-searchFilter .ui-widget-header {
	color: var(--color-primary) !important;
}

.dark .listItem {
	border: 1px solid var(--border-color);
}

.dark .ui-jqgrid .ui-pager-control {
	color: var(--dark-color-primary) !important;
}

.dark .tabulator .tabulator-header {
	color: var(--dark-color-primary);
}

.dark .tabulator .tabulator-header .tabulator-col {
	background-color: var(--color-primary);
}

.dark .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
	border-right: 2px solid var(--border-color);
}

.dark .tabulator {
	background-color: var(--color-primary);
	border: 1px solid var(--border-color);
}

.dark .tabulator-row {
	border-bottom: 1px solid var(--border-color);
}

.dark .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
	border-right: 2px solid var(--border-color);
}

.dark .tabulator-row .tabulator-cell.tabulator-frozen {
	background-color: var(--color-primary);
}

.tabulator-cell.tabulator-frozen {
	border-top: 1px solid var(--border-color);
}

.dark .tabulator-row,
.dark .tabulator .tabulator-footer {
	background-color: var(--color-primary);
}

.dark .tabulator .tabulator-footer {
	border-top: 1px solid var(--border-color);
}

.dark .tabulator .tabulator-tableholder .tabulator-table {
	color: var(--dark-color-primary);
}

.dark .tabulator .tabulator-footer .tabulator-paginator {
	color: var(--dark-color-primary);
}

.dark .tabulator-row.tabulator-selectable:hover .tabulator-cell.tabulator-frozen {
	background: #E0E0E0 !important;
	color: var(--color-primary);
}

.dark .tabulator-row.tabulator-selectable:hover .fa-eye {
	color: var(--color-primary);
}

.dark .formBlk li .fa-question-circle {
	color: var(--dark-color-primary);
}

.dark #emCAUserMatrixForm th {
	border-top: 1px solid var(--border-color) !important;
}

.dark .form-control:hover {
	border-color: #ffffff !important;
}

.dark .ui-widget-header,
.dark .ui-icon-close {
	background-color: var(--dark-color-primary) !important;
}

.dark .ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
	background-color: var(--dark-color-primary) !important;
	border: 1px solid #563d7c !important;
	border-bottom: 1px solid var(--border-color) !important;
	color: var(--color-primary);
}

.dark .ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover {
	background-color: #fff !important;
}

.dark .dropdown-actions li a i {
	background-color: var(--dark-color-primary) !important;
}

.dark .ui-state-highlight,
.dark .ui-widget-content .ui-state-highlight,
.dark .ui-widget-header .ui-state-highlight {
	background: #f0f6fc !important;
	color: var(--color-primary) !important;
}

.createNewUserTableWrap .table>thead:first-child>tr:first-child>th {
	border-top: 1px solid #ececec;
}

.dark .createNewUserTableWrap .table>thead>tr>th {
	border-top: 1px solid #4d4d4d !important;
}


.dark .ui-widget-content {
	background: none !important;
	border: 1px solid #808080 !important;
}

.dark .group {
	border: none !important;
}

.dark .ui-widget-content .EditButton .ui-state-default {
	background: #f6f6f6 !important;
	color: #333 !important;
	border: 1px solid #cccccc !important;
}

.dark #searchcntfbox_grid {
	border: none !important;
	background: var(--color-primary) !important;
}

.dark .ui-jqdialog-title {
	color: #333 !important;
}

.dark .ui-th-column,
.dark .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
	border-right: 1px solid #808080 !important;
}

.dark .ui-state-default,
.dark .ui-widget-content .ui-state-default {
	background: none !important;
}

.dark .ui-state-default,
.dark .ui-widget-content .ui-state-default,
.dark .ui-widget-header .ui-state-default,
.dark .ui-button,
html .dark .ui-button.ui-state-disabled:hover,
html .dark .ui-button.ui-state-disabled:active {
	color: #fff !important;
	border: none !important;
}

.dark .ui-state-hover,
.dark .ui-widget-header .ui-state-hover,
.dark .ui-state-focus,
.dark .ui-widget-header .ui-state-focus,
.dark .ui-button:hover,
.dark .ui-button:focus {
	color: #fff !important;
	border: none !important;
}

.dark .ui-widget-content .ui-jqgrid-htable .ui-state-hover,
.dark .ui-widget-content .ui-jqgrid-htable .ui-state-hover {
	border: none !important;
}

.dark .ui-widget-content .ui-state-hover,
.dark .ui-widget-content .ui-state-focus {
	border: 1px solid #808080 !important;
}

.dark .page-inst {
	color: #fff !important;
}

.dark .page-inst>a+span:before,
.dark .page-inst>a+a:before {
	color: #fff !important;
}

.dark .collapse-sidebar,
.dark .expand-sidebar {

	background: var(--dark-color-primary) !important;
	color: #333;
}

.dark .panel-heading .panel-title {
	color: var(--color-primary) !important;
}

.dark .multiselect-selected-text .slctdbox {
	background: transparent !important;
	border: 1px solid var(--border-color) !important;
}

.dark .multiselect-native-select .dropdown-menu {
	background: var(--color-primary) !important;
	border: 1px solid var(--border-color);
}

.dark .multiselect-container>li>a>label.checkbox {
	color: #fff !important;
}

.dark .form-control::placeholder {
	color: var(--dark-color-primary) !important;
	opacity: 0.5 !important;
}

.dark select.disable {
	color: #ccc !important;
	opacity: 0.5 !important;
}

.dark select {
	color: #ccc !important;
	opacity: 1 !important;
}

.dark #CountrydefaultValue.form-control[disabled] {
	background-color: #2c2f38 !important;
	/* match your form background */
	color: #eee !important;
	/* text color */
	opacity: 1 !important;
	/* stop auto-fading */
}

.dark .page-topbar .info-menu.left-links a:after {
	background: var(--color-primary) !important;
	transition: width .5s ease, background-color .5s ease;
}

@media only screen and (max-width: 600px) {

	.dark .mobile-dropdown-menu {
		background: var(--color-primary) !important;

	}

	.dark .language-selection span,
	.dark .language-selection i,
	.dark .language-selection img {
		color: #fff !important;
	}

	.mobile-dropdown-menu {
		background-color: var(--bg-secondary);
		border: 1px solid var(--border-color) !important;
		position: absolute;
		top: 60px;
		right: 0px;
		z-index: 1000;
		padding: 10px;
		width: 200px;
	}

	/* .language-selection span, .language-selection i{
	color: var(--color-primary) !important;
} */

	.mobile-dropdown-menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.mobile-dropdown-menu li {
		padding: 5px 0;
	}

	.expand-scroll {
		display: block;
	}

	.expand-sidebar {
		left: 254px;
		right: 0px;
	}

	.dark .initialSetup-language-selection span {
		color: #fff important;
	}

	.dark .footer-section {
		color: #fff !important;
	}

}

@media (min-width: 768px) and (max-width: 991.98px) {
	.dark .mobile-dropdown-menu {
		background: var(--color-primary) !important;

	}

	.dark .language-selection span,
	.dark .language-selection i,
	.dark .language-selection img {
		color: #fff !important;
	}

	.mobile-dropdown-menu {
		background: var(--dark-color-primary) !important;
		border: 1px solid var(--border-color) !important;
		position: absolute;
		top: 50px;
		right: 10px;
		z-index: 1000;
		padding: 10px;
		width: 200px;
	}

	.dark .language-selection span,
	.language-selection i {
		color: var(--color-primary) !important;
	}

	.mobile-dropdown-menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.mobile-dropdown-menu li {
		padding: 5px 0;
	}

	.expand-scroll {
		display: block;
	}

	.collapse-sidebar,
	.expand-sidebar {
		position: fixed;
		left: 0px;
		z-index: 999;
		top: 70px;
		background: #999;
		color: #fff;
		line-height: 34px;
		height: 36px;
		border-radius: 0 6px 6px 0;
		right: 5px;
		font-size: 24px !important;
		cursor: pointer;
		width: 30px;
		text-align: center;
	}

	.expand-sidebar {
		left: 254px;
		right: 0px;
	}
}

.dark input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 13px;
	height: 13px;
	border: 1.3px solid #aaa;
	border-radius: 50%;
	background: #333;
	cursor: pointer;
	position: relative;
}

.dark input[type="radio"]:checked {
	border-color: #e8e4e0;
	background: radial-gradient(circle, #e8e4e0 40%, transparent 45%);
}

.dark input[type="radio"]:disabled {
	opacity: 0.8;
	cursor: not-allowed;
}


.dark input[type="radio"]:checked:disabled {
	border-color: #e8e4e0;
	background: radial-gradient(circle, #e8e4e0 46%, transparent 45%);
}

/* =============== Notification Bell Styles =============== */

/* Notification pulse animation */
@keyframes notificationPulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

.notification-pulse {
	animation: notificationPulse 0.5s ease-in-out;
}

/* Notification count badge styling */
.notification-count {
	display: none; /* Hidden by default, shown when count > 0 */
}

/* Notification bell hover effect */
.notification-bell {
	position: relative;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 50%;
	transition: background-color 0.3s ease;
	display: inline-block;
}

.notification-bell:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.dark .notification-bell:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.dark #refreshUserLink{
	background: none !important;
}

.dark .select2-container--default .select2-selection--single{
	color: var(--dark-color-primary);
    background-color: transparent;
    border: 1px solid var(--border-color) !important;
}
.dark .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: var(--dark-color-primary);
}
.dark .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-color: var(--dark-color-primary) transparent transparent transparent;
}
.dark .input-group-text{
	color: var(--dark-color-primary);
}
.select2-container--default.select2-container--disabled .select2-selection--single{
	    background-color: #898a91 !important;
    color: var(--color-primary) !important;
}
.dark .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{
	color: var(--color-primary) !important;
}
.dark .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b{
	color: var(--color-primary) !important;
}
.dark .formBlk .backup-head:before{
	    background: #fff !important;
}