/* ---------------  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 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;
}

.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 {
	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 {
    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 {
    color: var(--dark-color-primary);
    background-color: transparent !important;
    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/primeid-certify-bright.svg) no-repeat 0 !important;
    /* background: url(../images/client-assets/logos/emca-bright.svg) no-repeat 0 !important; */
    height: 40px;
}

.dark h1.logo {
    background: url(../images/client-assets/logos/primeid-certify-dark.svg) no-repeat 0 !important;
   /*  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;
}

.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;
}

.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;
}

.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);
    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 .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);
}
.dark .mtrxTbl td, .dark .mtrxTbl th, .dark .table>tbody>tr>td, .dark .table>thead>tr>th {
    border: 1px solid var(--border-color);
}
.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;
}
.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%);
}

/***select2 changes********/
.dark .select2-container .select2-selection--single{
 color: #fff !important;
    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) !important;
}
.dark .select2-results{
 color: var(--color-primary) !important;
}
.dark .select2-search--dropdown .select2-search__field{
 color: var(--color-primary) !important;
}
.dark .select2-container--default.select2-container--disabled .select2-selection--single{
	background-color: #898a91 !important;
    color: var(--color-primary) !important;
}