@charset "UTF-8";

:root {
	--ct-primary: #2562ab;
	--ct-secondary: #008639;
	--ct-success: #1abc9c;
	--ct-info: #43bfe5;
	--ct-warning: #f7b84b;
	--ct-danger: #f1556c;
	--ct-light: #f3f7f9;
	--ct-dark: #323a46;
	--ct-pink: #f672a7;
	--ct-blue: #4a81d4;
	--ct-primary-text: #2562ab;
	--ct-secondary-text: #008639;
	--ct-success-text: #12a185;
	--ct-info-text: #287389;
	--ct-warning-text: #946e2d;
	--ct-danger-text: #e76b7d;
	--ct-light-text: #98a6ad;
	--ct-dark-text: #1f2a37;
	--ct-primary-rgb: 37, 98, 171;
	--ct-secondary-rgb: 0, 134, 57;
	--ct-success-rgb: 26, 188, 156;
	--ct-info-rgb: 67, 191, 229;
	--ct-warning-rgb: 247, 184, 75;
	--ct-danger-rgb: 241, 85, 108;
	--ct-light-rgb: 243, 247, 249;
	--ct-dark-rgb: 31, 42, 55;
	--ct-pink-rgb: 246, 114, 167;
	--ct-blue-rgb: 74, 129, 212;
	--ct-logo-lg-height: 110px;
	--ct-logo-sm-height: 55px;
	--ct-leftbar-width: 260px;
	--ct-leftbar-width-md: 175px;
	--ct-leftbar-width-sm: 80px;
	--ct-leftbar-condensed-height: 1600px;
	--ct-twocolumn-sidebar-width: 220px;
	--ct-twocolumn-sidebar-iconview-width: 70px;
	--ct-twocolumn-sidebar-iconview-size: 22px;
	--ct-topbar-height: 70px;
	--ct-logoBox-height: 130px;
	--ct-logoBox-sm-height: 70px;
	--ct-horizontal-menu-height: 55px;
	--ct-menu-transition: all .2s ease-in-out;
	--ct-menu-item-padding-x: 10px;
	--ct-menu-item-gap: 0;
	--ct-menu-link-padding-x: 15px;
	--ct-menu-link-padding-y: 9px;
	--ct-menu-link-item-gap: 8px;
	--ct-menu-item-icon-size: 22px;
	--ct-menu-item-font-size: 13px;
	--ct-footer-height: 60px;
	--ct-boxed-layout-width: 1300px;
	--ct-pagination-active-bg: #008639;
	--ct-pagination-active-border-color: #008639;
	--ct-menu-bg: #fff;
	--ct-menu-item-color: var(--ct-dark);
	--ct-menu-item-hover-color: #fff;
	--ct-menu-item-active-color: var(--ct-primary);
	--ct-menu-icon-twotone-fill: rgba(102, 88, 221, 0.2);
	--ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
	--ct-topbar-bg: #fff;
	--ct-topbar-item-color: #737791;
	--ct-topbar-item-hover-color: #2562ab;
	--ct-topbar-search-bg: #f5f6f8;
	--ct-border-radius: 5px;


	--status-rejected: #c45850;
    --status-active: #3e95cd;
    --status-new: #3cba9f;
    --status-ended: #e8c3b9;
    --status-canceled: #bdbdbd;
    --status-modifications: #8e5ea2;
    --status-pending: #8e5ea2;

	/* '#3cba9f',//جديد
	'#3e95cd',//سارى
	 '#c45850', //مرفوض
	 '#8e5ea2',//قيد المراجعة
	  '#e8c3b9'//منتهى */
}

body {
	font-family: "Ministry of Energy", Fedra Sans Pro;
	font-size: 11px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Ministry of Energy", Fedra Sans Pro;
}

a {
	color: var(--ct-primary);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

a:hover {
	color: #3777c3;
}

[type="email"], [type="number"], [type="tel"], [type="url"] {
	direction: inherit !important;
  }

.form-control,
.form-select,
.selectize-control.single .selectize-input {
	background-color: var(--ct-inut-bg);
	border: 1px solid #e7e7e7;
	color: #4b5675;
	transition: color .2s ease;
	min-height: calc(1.5em + 1.65rem + 2px);
	padding: 12px 15px;
	font-size: 11px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 2%);
	-webkit-box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 2%);
	box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 2%);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

.col-form-label {
	font-weight: 600;
}

.form-control[type=file] {
	direction: ltr;
	padding: 13px 20px;
}

.dropdown.show>.form-control,
.form-control.active,
.form-control.focus,
.form-control:active,
.form-control:focus,
.form-select:focus,
.selectize-control.single .selectize-input.input-active {
	border: 1px solid #dddddd;
	background-color: var(--ct-inut-focus-bg);
	box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 4%);
	-webkit-box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 4%);
	box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 5%);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
	-webkit-box-shadow: 0 0 0 .15rem rgba(var(--ct-danger-rgb), .1);
	box-shadow: 0 0 0 .15rem rgba(var(--ct-danger-rgb), .1);
}

.invalid-feedback {
	font-size: .65rem;
	font-weight: 300;
}

:root,
html[data-bs-theme=light] {
	--ct-box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
	--ct-box-shadow-sm: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	--ct-box-shadow-lg: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	--ct-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--ct-theme-border-width: 0px;
	--ct-border-color: #f1f3f5;
	--ct-border-even-color: #e6e9ed;
	--ct-inut-bg: #fdfdfd;
	--ct-inut-focus-bg: #fff;
}

html[data-bs-theme=light] {
	--ct-body-bg: #FAFBFC;
}

html[data-bs-theme=dark] {
	--ct-gray-100: #323a46;
	--ct-gray-200: #36404a;
	--ct-gray-300: #424e5a;
	--ct-gray-400: #5d7186;
	--ct-gray-500: #8c98a5;
	--ct-gray-600: #cedeef;
	--ct-gray-700: #dee2e6;
	--ct-gray-800: #f7f7f7;
	--ct-gray-900: #f3f7f9;
	--ct-light: #424e5a;
	--ct-light-rgb: 66, 78, 90;
	--ct-dark: #f3f7f9;
	--ct-dark-rgb: 243, 247, 249;
	--ct-gray: #8c98a5;
	--ct-box-shadow: 0px 0px 35px 0px rgba(66, 72, 80, 0.15);
	--ct-box-shadow-sm: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
	--ct-box-shadow-lg: 0 0 45px 0 rgba(0, 0, 0, 0.12);
	--ct-box-shadow-inset: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.075);
}

.btn-primary {
	--ct-btn-color: #fff;
	--ct-btn-bg: #2562ab;
	--ct-btn-border-color: #2562ab;
	--ct-btn-hover-color: #fff;
	--ct-btn-hover-bg: #3777c3;
	--ct-btn-hover-border-color: #3777c3;
	--ct-btn-focus-shadow-rgb: 125, 113, 226;
	--ct-btn-active-color: #fff;
	--ct-btn-active-bg: #3668a5;
	--ct-btn-active-border-color: #3668a5;
	--ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--ct-btn-disabled-color: #fff;
	--ct-btn-disabled-bg: #2562ab;
	--ct-btn-disabled-border-color: #2562ab;
}

.btn-outline-primary {
	--ct-btn-color: #2562ab;
	--ct-btn-border-color: #2562ab;
	--ct-btn-hover-color: #fff;
	--ct-btn-hover-bg: #2562ab;
	--ct-btn-hover-border-color: #2562ab;
	--ct-btn-focus-shadow-rgb: 102, 88, 221;
	--ct-btn-active-color: #fff;
	--ct-btn-active-bg: #2562ab;
	--ct-btn-active-border-color: #2562ab;
	--ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--ct-btn-disabled-color: #2562ab;
	--ct-btn-disabled-bg: transparent;
	--ct-btn-disabled-border-color: #2562ab;
	--ct-gradient: none;
}

.btn-secondary {
	--ct-btn-color: #fff;
	--ct-btn-bg: #008639;
	--ct-btn-border-color: #008639;
	--ct-btn-hover-color: #fff;
	--ct-btn-hover-bg: #05a348;
	--ct-btn-hover-border-color: #05a348;
	--ct-btn-focus-shadow-rgb: 125, 113, 226;
	--ct-btn-active-color: #fff;
	--ct-btn-active-bg: #42b071;
	--ct-btn-active-border-color: #42b071;
	--ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--ct-btn-disabled-color: #fff;
	--ct-btn-disabled-bg: #008639;
	--ct-btn-disabled-border-color: #008639;
}

.btn-outline-secondary {
	--ct-btn-color: #008639;
	--ct-btn-border-color: #008639;
	--ct-btn-hover-color: #fff;
	--ct-btn-hover-bg: #008639;
	--ct-btn-hover-border-color: #008639;
	--ct-btn-focus-shadow-rgb: 102, 88, 221;
	--ct-btn-active-color: #fff;
	--ct-btn-active-bg: #008639;
	--ct-btn-active-border-color: #008639;
	--ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--ct-btn-disabled-color: #008639;
	--ct-btn-disabled-bg: transparent;
	--ct-btn-disabled-border-color: #008639;
	--ct-gradient: none;
}

.btn-dark {
	--ct-btn-color: #fff;
	--ct-btn-bg: #1f2a37;
	--ct-btn-border-color: #1f2a37;
	--ct-btn-hover-color: #fff;
	--ct-btn-hover-bg: #3b4b5d;
	--ct-btn-hover-border-color: #3b4b5d;
	--ct-btn-focus-shadow-rgb: 81, 88, 98;
	--ct-btn-active-color: #fff;
	--ct-btn-active-bg: #495e77;
	--ct-btn-active-border-color: #495e77;
	--ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--ct-btn-disabled-color: #fff;
	--ct-btn-disabled-bg: #1f2a37;
	--ct-btn-disabled-border-color: #1f2a37;
}

.link-primary {
	color: var(--ct-primary) !important;
}

.link-primary:focus,
.link-primary:hover {
	color: #3777c3 !important;
}

.link-dark {
	color: #4c5563 !important;
}

.link-dark:focus,
.link-dark:hover {
	color: #15171c !important;
}

.navbar-custom {
	background: var(--ct-topbar-bg);
	min-height: var(--ct-topbar-height);
	top: 0;
	position: sticky;
	-webkit-transition: var(--ct-menu-transition);
	transition: var(--ct-menu-transition);
	z-index: 1000;
	border: var(--ct-theme-border-width) solid transparent;
	border-bottom: var(--ct-theme-border-width) solid var(--ct-border-color);
	-webkit-box-shadow: var(--ct-box-shadow);
	box-shadow: var(--ct-box-shadow);
}

.navbar-custom .topbar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	padding: 0 1.5rem;
}

.navbar-custom .topbar ul {
	list-style-type: none;
	margin-bottom: 0;
}

.navbar-custom .topbar li {
	max-height: var(--ct-topbar-height);
}

.navbar-custom .topbar li .nav-link.show {
	color: var(--ct-topbar-item-hover-color);
}

.navbar-custom .topbar .nav-link {
	padding: 0 0.6rem;
	position: relative;
	color: var(--ct-topbar-item-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: var(--ct-topbar-height);
	cursor: pointer;
}

.navbar-custom .topbar .nav-link:hover {
	color: var(--ct-topbar-item-hover-color);
}

.navbar-custom .topbar .app-search form .form-control {
	color: var(--ct-topbar-item-color);
	background-color: var(--ct-topbar-search-bg);
}

.navbar-custom .topbar .app-search form .form-control::-webkit-input-placeholder {
	color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form .form-control::-moz-placeholder {
	color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form .form-control:-ms-input-placeholder {
	color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form .form-control::-ms-input-placeholder {
	color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form .form-control::placeholder {
	color: var(--ct-topbar-item-color);
}

.navbar-custom .topbar .app-search form span.search-icon {
	color: var(--ct-topbar-item-color);
}

.app-search {
	overflow-y: hidden;
	transform: translate(-50%, 0);
	position: absolute;
	left: 50%;
	width: 250px
}

.app-search form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.app-search form .form-control {
	border: none;
	height: calc(1.8em + 0.9rem + 2px);
	min-height: unset;
	padding-left: 40px;
	padding-right: 20px;
	background-color: var(--ct-secondary-bg);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.app-search form .form-control::-webkit-input-placeholder {
	font-size: 11px;
	font-weight: 400;
	color: #bec8d1;
	opacity: .7;
}

.app-search form .form-control::-moz-placeholder {
	font-size: 11px;
	font-weight: 400;
	color: #bec8d1;
	opacity: .7;
}

.app-search form .form-control:-ms-input-placeholder {
	font-size: 11px;
	font-weight: 400;
	color: #bec8d1;
	opacity: .7;
}

.app-search form .form-control::-ms-input-placeholder {
	font-size: 11px;
	font-weight: 400;
	color: #bec8d1;
	opacity: .7;
}

.app-search form .form-control::placeholder {
	font-size: 11px;
	font-weight: 400;
	color: #bec8d1;
	opacity: .7;
}

.app-search form span.search-icon {
	position: absolute;
	z-index: 4;
	font-size: 20px;
	line-height: 38px;
	left: 10px;
	top: 0;
	z-index: 5;
	color: var(--ct-secondary);
}

.app-search form .input-group-text {
	margin-right: 0;
	z-index: 4;
}

.app-search form .dropdown-menu {
	z-index: 1060;
}

.nav-user {}

.nav-user img {
	height: 32px;
	width: 32px;
	border: 1px solid #ededed;
}

html[data-bs-theme=dark] #light-dark-mode .ri-moon-line::before {
	content: "\f1bf";
}

.button-toggle-menu {
	border: none;
	color: var(--ct-topbar-item-color);
	height: var(--ct-topbar-height);
	background-color: transparent;
	font-size: 24px;
	cursor: pointer;
	z-index: 1;
	position: relative;
}

.fullscreen-enable .la-expand.expand-ico::before {
	content: "\f066";
}

@media (max-width: 375px) {
	.navbar-custom .button-toggle-menu {
		width: auto;
	}

	.navbar-custom .logo-box {
		display: none !important;
	}
}

@media (max-width: 575.98px) {
	.navbar-custom .topbar-menu {
		position: initial;
	}

	.navbar-custom .dropdown {
		position: static;
	}

	.navbar-custom .dropdown .dropdown-menu {
		right: 10px !important;
		left: 10px !important;
	}
}

@media (max-width: 767.98px) {
	.navbar-custom {
		padding: 0 0.75rem;
	}

	.navbar-custom .logo-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.navbar-custom .logo-box .logo-lg {
		display: none;
	}

	.navbar-custom .logo-box .logo-sm {
		display: block;
		height: 42px;
	}
}

@media (min-width: 1200px) {
	.navbar-custom .logo-box {
		display: none;
	}
}

.right-bar {
	width: 260px !important;
}

.notification-item .noti-user-item {
	padding: 0.75rem 1rem;
}

.notification-item .noti-user-item:hover {
	background-color: var(--ct-light);
}

.notification-item .user-status {
	position: absolute;
	left: 0px;
	bottom: -4px;
	font-size: 10px;
}

.notification-item .user-status.online {
	color: #1abc9c;
}

.notification-item .user-status.away {
	color: #f7b84b;
}

.notification-item .user-status.busy {
	color: #f1556c;
}

.page-title-box .page-title {
	font-size: 1.45rem;
	margin: 0 0 5px 0;
}

.page-title-box .breadcrumb {
	padding-top: 8px;
}

.page-title-box-sm .page-title {
	line-height: 1 !important;
	margin-bottom: 25px;
}

.page-title-box-sm .breadcrumb {
	padding-top: 0;
	margin-top: -3px !important;
}

.app-menu {
	top: 0;
	position: sticky;
	z-index: 1001;
	height: 100vh;
	min-height: 100vh;
	max-height: 100vh;
	width: var(--ct-leftbar-width);
	min-width: var(--ct-leftbar-width);
	padding-bottom: var(--ct-logoBox-height);
	-webkit-transition: var(--ct-menu-transition);
	transition: var(--ct-menu-transition);
	background: var(--ct-menu-bg);
	-webkit-box-shadow: var(--ct-box-shadow);
	box-shadow: var(--ct-box-shadow);
	border-left: var(--ct-theme-border-width) solid var(--ct-border-color);
}

.logo-box {
	top: 0;
	position: sticky;
	z-index: 1000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	white-space: nowrap;
	height: var(--ct-logoBox-height);
	-webkit-transition: var(--ct-menu-transition);
	transition: var(--ct-menu-transition);
	padding: 0 var(--ct-menu-item-padding-x);
	text-align: center;
}

@media (max-width: 1199px) {
	.logo-box {
		height: auto;
	}
}

@media (max-width: 767.98px) {
	.logo-box {
		height: var(--logoBox-sm-height);
		padding: 0;
	}
}

.logo-box .logo-lg {
	height: var(--ct-logo-lg-height);
	max-width: 90%;
	padding: 7px 15px;
	-o-object-fit: cover;
	object-fit: contain;
	-o-object-position: center center;
	object-position: center center;
}

.logo-box .logo-sm {
	height: var(--ct-logo-sm-height);
}

.logo-box .logo-sm {
	display: none;
}

.logo-box .logo-light {
	display: none;
}

.logo-box .logo-dark {
	display: block;
}

html[data-menu-color=brand] .app-menu .logo-box .logo-light,
html[data-menu-color=dark] .app-menu .logo-box .logo-light,
html[data-menu-color=gradient] .app-menu .logo-box .logo-light,
html[data-bs-theme=dark] .app-menu .logo-box .logo-light {
	display: block;
}

html[data-menu-color=brand] .app-menu .logo-box .logo-dark,
html[data-menu-color=dark] .app-menu .logo-box .logo-dark,
html[data-menu-color=gradient] .app-menu .logo-box .logo-dark,
html[data-bs-theme=dark] .app-menu .logo-box .logo-dark {
	display: none;
}

#wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 100%;
	width: 100%;
}

.content-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	/* position: relative; */
	-webkit-transition: var(--ct-menu-transition);
	transition: var(--ct-menu-transition);
}

.content-page .content {
	min-height: calc(100vh - var(--ct-topbar-height));
	padding: 0 15px var(--ct-footer-height);
}

.menu {
	padding-right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	list-style-type: none;
	gap: var(--ct-menu-item-gap);
	padding: 0;
	padding-top: var(--ct-menu-item-gap);
}

.menu ul {
	padding: 0;
	list-style-type: none;
}

.menu>.menu-item {
	padding: 3px 15px;
}

.menu .menu-title {
	opacity: 0.6;
	cursor: default;
	font-size: calc(var(--ct-menu-item-font-size) * 0.75);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--ct-menu-item-color);
	font-weight: 600;
	padding: var(--ct-menu-link-padding-y) calc(var(--ct-menu-link-padding-x) + var(--ct-menu-item-padding-x));
}

.menu .menu-item .menu-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	list-style: none;
	position: relative;
	color: var(--ct-menu-item-color);
	gap: var(--ct-menu-link-item-gap);
	-webkit-transition: var(--ct-menu-transition);
	transition: var(--ct-menu-transition);
	border-radius: var(--ct-border-radius);
	font-size: var(--ct-menu-item-font-size);
	padding: var(--ct-menu-link-padding-y) var(--ct-menu-link-padding-x);
}

.menu>.menu-item>.menu-link.show,
.menu>.menu-item>.menu-link:focus {
	color: var(--ct-primary);
	/*background-color: #f6fffa;
    box-shadow: 0 0 18px 3px rgb(55 69 87 / 10%);*/
}

html[dir="rtl"] .menu .menu-item .menu-link:not([aria-expanded=true]):hover {
	padding-right: 17px;
	padding-left: 15px;
}

.menu .menu-item .menu-link[aria-expanded=true] {
	/*color: var(--ct-primary);*/
}

.menu .menu-item .menu-link>.menu-icon {
	width: var(--ct-menu-item-icon-size);
	font-size: var(--ct-menu-item-icon-size);
	line-height: var(--ct-menu-item-icon-size);
	color: var(--ct-primary);
}

.menu .menu-item .menu-link>.menu-icon i {
	font-size: var(--ct-menu-item-icon-size);
	color: var(--ct-primary);
}

.menu .menu-item .menu-link>.menu-icon svg {
	width: var(--ct-menu-item-icon-size);
	height: var(--ct-menu-item-icon-size);
}

.menu .menu-item .menu-link>.menu-icon+.menu-text {
	padding-right: 0;
	padding-left: 0;
}

.menu .menu-item .menu-link>.menu-text {
	white-space: nowrap;
	font-size: var(--ct-menu-item-font-size);
	line-height: var(--ct-menu-item-font-size);
	padding-left: calc(var(--ct-menu-item-icon-size) + var(--ct-menu-link-item-gap));
	padding-right: 0
}

.menu .menu-item .menu-link[aria-expanded=true] .menu-text {}


.menu .menu-item .menu-link>.menu-arrow {
	margin-inline-start: auto;
	-webkit-transition: var(--ct-menu-transition);
	transition: var(--ct-menu-transition);
	line-height: var(--ct-menu-item-font-size);
	font-size: calc(var(--ct-menu-item-font-size));
}

.menu .menu-item .menu-link>.menu-arrow:before {
	content: var(--ct-breadcrumb-divider, "\f105");
	font-family: 'Line Awesome Free';
	font-weight: 900;
}

.menu .menu-item .menu-link[aria-expanded=true]>.menu-arrow {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.menu .menu-item .sub-menu {
	display: grid;
	padding: 10px 0;
}

.menu .menu-item .sub-menu .menu-link {
	padding: 10px 5px;
}

.menu .menu-item .sub-menu .menu-link:hover {
	color: var(--ct-primary)
}

html[dir="rtl"] .menu .menu-item .sub-menu .menu-link:hover {
	padding: 10px 7px 10px;
}

html[dir="rtl"] .menu .menu-item .sub-menu .menu-text {
	padding-right: 25px;
}

.menu .menu-item .sub-menu .menu-text {
	font-size: calc(var(--ct-menu-item-font-size) * 0.88);
	white-space: normal;
	position: relative;
	display: flex;
	align-items: center;
}

html[dir="rtl"] .menu .menu-item .sub-menu .menu-text {
	padding-right: 25px;
}

.menu .menu-item .sub-menu .sub-menu {
	padding-right: calc(var(--ct-menu-item-icon-size));
}

.menu .menu-item .sub-menu .menu-item .sub-menu .menu-item .menu-link {
	padding: var(--ct-menu-link-padding-y) 5px;
}

.menu .menu-item .sub-menu .menu-item .sub-menu .menu-text {
	font-size: 11px;
}

.menu .menu-item .sub-menu .menu-link .menu-text:before {
	position: absolute;
	top: 6px;
	content: "";
	width: 8px;
	height: 2px;
	background-color: var(--ct-primary);
	inset-inline-start: 0.5rem;
	opacity: .5;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.menu .menu-item .sub-menu .menu-link:hover .menu-text:before {
	width: 12px;
	opacity: 1;
}

.menu>.menu-item.menuitem-active>.menu-link,
.menu>.menu-item>.menu-link[aria-expanded=true],
.menu>.menu-item>.menu-link:hover {
	color: #ffffff;
	background-color: var(--ct-menu-item-active-color);
	box-shadow: 0 0 18px 3px rgb(55 69 87 / 10%);
}

.menu>.menu-item.menuitem-active>.menu-link .menu-icon,
.menu>.menu-item>.menu-link[aria-expanded=true] .menu-icon,
.menu>.menu-item>.menu-link:hover .menu-icon {
	color: #fff;
}

.menu>.menu-item.menuitem-active>.menu-link .menu-icon i,
.menu>.menu-item>.menu-link[aria-expanded=true] .menu-icon i,
.menu>.menu-item>.menu-link:hover .menu-icon i {
	-webkit-text-fill-color: #fff;
}

.menu-item.menuitem-active .sub-menu .menuitem-active .menu-link.active {
	color: var(--ct-primary);
}

.menu .menu-item.menuitem-active>.menu-link:not(.collapsed)>.menu-arrow {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

html[dir=rtl] .menu-arrow:before {
	content: "\f104" !important;
}

html[data-menu-icon=twotones] .menu-icon svg {
	fill: var(--ct-menu-icon-twotone-fill);
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu {
	width: var(--ct-leftbar-width-sm);
	min-width: var(--ct-leftbar-width-sm);
	min-height: var(--ct-leftbar-condensed-height);
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .simplebar-mask,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .simplebar-content-wrapper {
	overflow: visible !important;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .simplebar-scrollbar {
	display: none !important;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .simplebar-offset {
	bottom: 0 !important;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .logo-box {
	background: var(--ct-menu-bg);
	border-radius: var(--ct-border-radius);
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .logo-box .logo-lg {
	display: none;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .logo-box .logo-sm {
	display: block;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-title {
	display: none;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item {
	position: relative;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu>.menu-item>.menu-link {
	justify-content: center;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-text,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-arrow,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.badge {
	-webkit-transition: none;
	transition: none;
	display: none;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-icon {
	text-align: center;
	-webkit-transition: none;
	transition: none;
	width: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2 - var(--ct-menu-link-padding-x) * 2);
	font-size: calc(var(--ct-menu-item-icon-size) * 1.25);
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.menu-link>.menu-icon svg {
	width: calc(var(--ct-menu-item-icon-size) * 1.25);
	height: calc(var(--ct-menu-item-icon-size) * 1.25);
}

/*html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item > .menu-link > .menu-text {

}
 html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item > .menu-link > .menu-text::before {

}*/
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.collapse,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item>.collapsing {
	display: none;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing {
	display: block;
	left: 100%;
	right: auto;
	margin-top: -2px;
	position: absolute;
	height: inherit !important;
	-webkit-transition: none !important;
	transition: none !important;
}

[dir="rtl"][data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse,
[dir="rtl"][data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing {
	display: block;
	right: 100%;
	left: auto;
	margin-top: -2px;
	position: absolute;
	height: inherit !important;
	-webkit-transition: none !important;
	transition: none !important;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu {
	background: var(--ct-secondary-bg);
	margin-right: 1px;
	-webkit-box-shadow: var(--ct-box-shadow-lg);
	box-shadow: var(--ct-box-shadow-lg);
	width: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm));
	border: var(--ct-theme-border-width) solid var(--ct-border-color);
	padding: 10px 0;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.menu-link,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.menu-link {
	margin: 0 var(--ct-menu-item-gap);
	z-index: 5;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.menu-link>.menu-text,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.menu-link>.menu-text {
	display: block;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.menu-link>.menu-arrow,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.menu-link>.menu-arrow {
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.collapse,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu>.menu-item>.collapsing,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.collapse,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu>.menu-item>.collapsing {
	top: 0;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link {
	color: var(--ct-body-color);
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link[aria-expanded=true],
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link.show,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link:focus,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .menu-link:hover,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link[aria-expanded=true],
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link.show,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link:focus,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .menu-link:hover {
	color: var(--ct-primary);
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item.menuitem-active>.menu-link,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item.menuitem-active>.menu-link {
	color: var(--ct-primary);
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .collapse,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapse>.sub-menu .menu-item .collapsing,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .collapse,
html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu .menu-item:hover>.collapsing>.sub-menu .menu-item .collapsing {
	top: 0;
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu>.menu-item:hover>.menu-link::after {
	content: "";
	inset: 0;
	position: absolute;
	width: var(--ct-leftbar-width);
}

html[data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu>.menu-item:hover>.menu-link>.menu-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 66px;
	background: var(--ct-primary);
	line-height: var(--ct-menu-item-icon-size);
	width: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm));
	padding: var(--ct-menu-link-padding-y) var(--ct-menu-link-padding-x);
	border: var(--ct-theme-border-width) solid var(--ct-border-color);
	-webkit-box-shadow: var(--ct-box-shadow-lg);
	box-shadow: var(--ct-box-shadow-lg);
}

[dir="rtl"][data-sidenav-size=condensed]:not([data-layout=horizontal]) .app-menu .menu>.menu-item:hover>.menu-link>.menu-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	/*right: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) + 1px);
    */
	right: 66px;
	background: var(--ct-primary);
	color: #fff;
	line-height: var(--ct-menu-item-icon-size);
	width: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm));
	padding: var(--ct-menu-link-padding-y) var(--ct-menu-link-padding-x);
	border: var(--ct-theme-border-width) solid var(--ct-border-color);
	-webkit-box-shadow: var(--ct-box-shadow-lg);
	box-shadow: var(--ct-box-shadow-lg);
}

[dir="rtl"][data-sidenav-size=condensed] .menu .menu-item .menu-link>.menu-icon i {
	font-size: 27px;
}

/***/


html[data-menu-color=gradient] .app-menu {
	background-image: var(--ct-menu-gradient-image);
}

html[data-layout=two-column] .left-side-menu {
	width: calc(var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width));
	min-width: calc(var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width));
	-webkit-transition: var(--ct-menu-transition);
	transition: var(--ct-menu-transition);
	-webkit-box-shadow: var(--ct-box-shadow);
	box-shadow: var(--ct-box-shadow);
}

html[data-layout=two-column] .sidebar-icon-menu {
	position: fixed;
	width: var(--ct-twocolumn-sidebar-iconview-width);
	min-width: var(--ct-twocolumn-sidebar-iconview-width);
	padding-bottom: var(--ct-topbar-height);
	background: var(--ct-twocolumn-iconview-bg);
	top: 0;
	bottom: 0;
	border: var(--ct-theme-border-width) solid var(--ct-border-color);
	border-left: 0 !important;
}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link {
	text-align: center;
	margin: var(--ct-menu-item-gap) auto;
	border-radius: var(--ct-border-radius);
	color: var(--ct-twocolumn-iconview-item-color);
	padding: 0;
}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link>.menu-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: calc(var(--ct-twocolumn-sidebar-iconview-width) - var(--ct-menu-item-padding-x) * 2);
	height: calc(var(--ct-twocolumn-sidebar-iconview-width) - var(--ct-menu-item-padding-x) * 2);
}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link svg {
	height: var(--ct-twocolumn-sidebar-iconview-size);
	width: var(--ct-twocolumn-sidebar-iconview-size);
	color: var(--ct-twocolumn-iconview-item-color);
}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link.active {
	color: var(--ct-twocolumn-iconview-item-active-color);
	background-color: var(--ct-twocolumn-iconview-icon-active-bg);
}

html[data-layout=two-column] .sidebar-icon-menu .menu .menu-item>.menu-link.active svg {
	color: var(--ct-twocolumn-iconview-item-active-color);
}

html[data-layout=two-column] .app-menu {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	width: var(--ct-twocolumn-sidebar-width);
	min-width: var(--ct-twocolumn-sidebar-width);
	position: fixed;
	top: 0;
	bottom: 0;
	margin-right: var(--ct-twocolumn-sidebar-iconview-width);
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	border-right: 1px solid var(--ct-twocolumn-iconview-icon-active-bg) !important;
}

html[data-layout=two-column] .app-menu .menu>.menu-item>.menu-link>.menu-text {
	padding-right: 0;
}

html[data-layout=two-column] .app-menu .menu .menu-item .sub-menu .menu-link .menu-text {
	padding-right: calc(var(--ct-menu-link-item-gap) * 1.25);
}

html[data-layout=two-column] .app-menu .menu>.menu-item.menuitem-active>.menu-link {
	background-color: var(--ct-menu-item-active-bg);
}

html[data-layout=two-column] .twocolumn-menu-item {
	display: none;
}

html[data-layout=two-column] #menu-icon-color {
	display: block;
}

html[data-layout=two-column] #sidebar-user,
html[data-layout=two-column] #sidebar-size {
	display: none;
}

#menu-icon-color {
	display: none;
}

html[data-layout=two-column][data-sidenav-size=condensed] .left-side-menu {
	width: calc(var(--ct-twocolumn-sidebar-iconview-width));
	min-width: calc(var(--ct-twocolumn-sidebar-iconview-width));
}

html[data-layout=two-column][data-sidenav-size=condensed] .left-side-menu .app-menu {
	width: 0;
	min-width: 0;
	opacity: 0;
	z-index: -99;
}

html[data-layout=two-column][data-sidenav-size=full] .left-side-menu {
	height: calc(100vh - 1.5rem);
	min-height: calc(100vh - 1.5rem);
	max-height: calc(100vh - 1.5rem);
	position: fixed;
	margin-right: calc((var(--ct-twocolumn-sidebar-iconview-width) + var(--ct-twocolumn-sidebar-width)) * -1);
	opacity: 0;
}

html[data-layout=two-column][data-sidenav-size=full].sidebar-enable .left-side-menu {
	opacity: 1;
	z-index: 1055;
	margin-right: 0;
}

.footer {
	/* position: absolute; */
	left: 0;
	bottom: 0;
	right: 0;
	height: var(--ct-footer-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 1.5rem;
	background-color: var(--ct-secondary-bg);
	color: var(--ct-secondary-color);
	border-top: var(--ct-theme-border-width) solid var(--ct-border-color);
	-webkit-box-shadow: var(--ct-box-shadow);
	box-shadow: var(--ct-box-shadow);
	-webkit-transition: var(--ct-menu-transition);
	transition: var(--ct-menu-transition);
	font-size: 10px;
}

.footer .footer-links a {
	display: flex;
	align-items: center;
	position: relative;
	color: var(--ct-secondary-color);
	cursor: pointer;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.footer .footer-links a:before {
	content: "";
	height: 5px;
	width: 5px;
	display: block;
	background-color: var(--ct-secondary-color);
	border-radius: 50%;
	position: absolute;
	right: -15px;
}

.footer .footer-links a:first-child:before {
	display: none
}

.footer .footer-links a:hover {
	color: var(--ct-secondary-color);
}

.footer-alt {
	border: none;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

form .btn {
	padding: 11px 10px;
}

.btn i {
	vertical-align: middle;
	font-size: 1.5em;
}

.btn-group-lg>.btn,
.btn-lg {
	padding: 14px 25px !important;
	font-size: 11px;
}

.btn-lg i {
	font-size: 1.5em;
	vertical-align: middle;
}

@media (max-width: 767.98px) {
	.footer {
		text-align: center;
	}

	.btn-group-lg>.btn,
	.btn-lg {}
}

/* input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{
     -webkit-background-clip: text;
     -webkit-text-fill-color: var(--ct-primary);
     transition: background-color 5000s ease-in-out 0s;
}
 */
select.form-control:not([size]):not([multiple]) {
	height: auto;
}

/*****/
.form-group-icon {
	position: relative;
}

.form-group-icon .form-control {
	height: 50px !important;
	padding-right: 45px;
	padding-left: 35px;
	border: 2px solid #c9cee6;
	font-size: 13px;
	font-family: 'Ministry of Energy';
	line-height: 2;
	border-radius: 8px !important;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.form-group-icon .form-control:focus {
	border: 2px solid var(--ct-primary);
}

.form-group-icon i {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 22px;
	color: var(--ct-primary);
	opacity: .6;
	border: 0;
}

.form-group .invalid-feedback {
	font-size: 13px;
	margin: 5px 0 0 0;
}

.form-check {
	padding: 0;
}

.form-check-inline {
	padding: 0;
	margin-inline-start: 1rem;
	margin-right: 0;
}

.form-check .form-check-input {
	background-color: #f9f9f9;
	float: left;
	margin-right: 8px;
	font-size: 16px;
	margin-top: 0;
	margin-left: 0;
}

.form-check-input:checked {
	background-color: var(--ct-primary);
	border-color: var(--ct-primary);
}

html[dir="rtl"] .form-check .form-check-input {
	float: right;
	margin-right: 0;
	margin-left: 8px;
}

.dropdown-menu {
	font-size: 11px;
	--ct-dropdown-item-padding-x: 1rem;
}

.profile-dropdown {
	min-width: 244px;
}

.profile-dropdown i {
	font-size: 1.5em;
	margin-inline-end: 3px;
}

.navbar-custom .topbar li .nav-profile-link span {
	width: 80px;
	font-size: 11px;
}

.dropdown-menu .dropdown-item {
	-webkit-transition: var(--ct-menu-transition);
	transition: var(--ct-menu-transition);
}

.logout-icon {
	width: 140px;
}

.auth-fluid {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 100vh;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background: url("../images/bg-auth.jpg") center;
	background-size: cover;
}

.auth-fluid .auth-fluid-form-box {
	max-width: 480px;
	border-radius: 0;
	z-index: 2;
	padding: 3rem;
	background-color: var(--ct-secondary-bg);
	position: relative;
	width: 100%;
}

.auth-fluid .auth-fluid-right {
	padding: 6rem 3rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
}

.auth-user-testimonial {
	position: absolute;
	margin: 0 auto;
	padding: 0 1.75rem;
	bottom: 3rem;
	right: 0;
	left: 0;
}

.auth-user-testimonial p.lead {
	font-size: 1.125rem;
	margin: 0 auto 20px auto;
	max-width: 700px;
}

@media (max-width: 991.98px) {
	.auth-fluid {
		display: block;
	}

	.auth-fluid .auth-fluid-form-box {
		max-width: 100%;
		min-height: 100vh;
	}

	.auth-fluid .auth-fluid-right {
		display: none;
	}
}

.button-list {
	margin-right: -8px;
	margin-bottom: -12px;
}

.button-list .btn {
	margin-bottom: 12px;
	margin-right: 8px;
}

.grid-structure .grid-container {
	background-color: var(--ct-gray-100);
	margin-bottom: 10px;
	font-size: 0.8rem;
	font-weight: 600;
	padding: 10px 20px;
}

.scrollspy-example {
	position: relative;
	height: 200px;
	margin-top: 0.5rem;
	overflow: auto;
}

.text-error {
	color: var(--ct-primary);
	text-shadow: rgba(102, 88, 221, 0.3) -5px 1px, rgba(102, 88, 221, 0.2) -10px 3px;
	font-size: 84px;
	line-height: 90px;
	font-family: "Ministry of Energy", sans-serif;
}

div.dt-button-info {
	background-color: var(--ct-primary);
	border: none;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
	text-align: center;
	z-index: 21;
}

div.dt-button-info h2 {
	border-bottom: none;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

@media (max-width: 767.98px) {

	li.paginate_button.previous,
	li.paginate_button.next {
		display: inline-block;
		font-size: 1.5rem;
	}

	li.paginate_button {
		display: none;
	}

	.dataTables_paginate ul {
		text-align: center;
		display: block;
		margin: 1.5rem 0 0 !important;
	}

	div.dt-buttons {
		display: inline-table;
		margin-bottom: 1.5rem;
	}
}

.form-wizard-header {
	margin-right: -1.5rem;
	margin-left: -1.5rem;
	background-color: var(--ct-gray-100);
}

[data-simplebar] {
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.simplebar-wrapper {
	overflow: hidden;
	width: inherit;
	height: inherit;
	max-width: inherit;
	max-height: inherit;
}

.simplebar-mask {
	direction: inherit;
	position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
	z-index: 0;
}

.simplebar-offset {
	direction: inherit !important;
	-webkit-box-sizing: inherit !important;
	box-sizing: inherit !important;
	resize: none !important;
	position: absolute;
	top: 0;
	right: 0 !important;
	bottom: 0;
	left: 0 !important;
	padding: 0;
	margin: 0;
	-webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
	direction: inherit;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	position: relative;
	display: block;
	height: 100%;
	/* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
	width: auto;
	visibility: visible;
	overflow: auto;
	/* Scroll on this element otherwise element can't have a padding applied properly */
	max-width: 100%;
	/* Not required for horizontal scroll to trigger */
	max-height: 100%;
	/* Needed for vertical scroll to trigger */
	scrollbar-width: none;
	padding: 0px !important;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
	display: none;
}

.simplebar-content:before,
.simplebar-content:after {
	content: " ";
	display: table;
}

.simplebar-placeholder {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
	-webkit-box-sizing: inherit !important;
	box-sizing: inherit !important;
	height: 100%;
	width: 100%;
	max-width: 1px;
	position: relative;
	float: right;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	-webkit-box-flex: inherit;
	-ms-flex-positive: inherit;
	flex-grow: inherit;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.simplebar-height-auto-observer {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	overflow: hidden;
	pointer-events: none;
	z-index: -1;
}

.simplebar-track {
	z-index: 1;
	position: absolute;
	left: 0;
	bottom: 0;
	pointer-events: none;
	overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
	pointer-events: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
	pointer-events: all;
}

.simplebar-scrollbar {
	position: absolute;
	left: 2px;
	width: 4px;
	min-height: 10px;
}

.simplebar-scrollbar:before {
	position: absolute;
	content: "";
	background: #a2adb7;
	border-radius: 7px;
	right: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
	/* When hovered, remove all transitions from drag handle */
	opacity: 0.5;
	-webkit-transition: opacity 0s linear;
	transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
	top: 0;
	width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 2px;
	bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
	right: 0;
	height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
	height: 100%;
	right: 2px;
	left: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	left: auto;
	right: 0;
	top: 2px;
	height: 7px;
	min-height: 0;
	min-width: 10px;
	width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
	left: auto;
	right: 0;
}

.hs-dummy-scrollbar-size {
	direction: ltr;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	height: 500px;
	width: 500px;
	overflow-y: hidden;
	overflow-x: scroll;
}

.simplebar-hide-scrollbar {
	position: fixed;
	right: 0;
	visibility: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
}

.custom-scroll {
	height: 100%;
}

/* Modal */
.modal-header .btn-close {
	background-color: #eeeff1;
	padding: 0.5625rem 0.5625rem;
	z-index: 1;
	box-shadow: none;
	border-radius: 10px;
}

.btn-close:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal-title {
	font-size: 17px;
	font-family: 'Ministry of Energy';
}

.modal-content {
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.12);
	border-radius: 15px;
}

.modal-header {
	border: 0;
}

.modal-footer {
	border: 0;
}

/***/
.selectize-input {
	font-weight: 400;
	line-height: 1.5;
	background-image: none !important;
	border: 0;
	min-height: calc(1.5em + 1.65rem + 2px);
	min-width: 200px;
}

.selectize-input.dropdown-active {
	border-radius: 13px;
}

.selectize-control.rtl.single .selectize-input:after {
	left: 21px;
}

.selectize-input>input {
	color: var(--ct-body-color);
}

.selectize-input>input::-webkit-input-placeholder {
	color: var(--ct-secondary-color);
}

.selectize-input>input::-moz-placeholder {
	color: var(--ct-secondary-color);
}

.selectize-input>input:-ms-input-placeholder {
	color: var(--ct-secondary-color);
}

.selectize-input>input::-ms-input-placeholder {
	color: var(--ct-secondary-color);
}

.selectize-input>input::placeholder {
	color: var(--ct-secondary-color);
}

.selectize-control.multi .selectize-input>div {
	padding: 1px 8px;
	background-color: var(--ct-gray-300);
	color: var(--ct-gray-800);
}

.selectize-control.multi .selectize-input>div>a {
	color: var(--ct-gray-800);
}

.selectize-control.multi .selectize-input>div.active {
	background: #2c9aff;
}

.selectize-control.multi .selectize-input>div.active>a {
	color: color-yiq(#2c9aff);
}

.selectize-control.single .selectize-input:after {
	border-style: solid;
	border-width: 0 0 2px 2px;
	border-color: transparent transparent var(--ct-gray-500) var(--ct-gray-500);
	content: "";
	display: block;
	height: 7px;
	margin-top: -5px;
	pointer-events: none;
	position: absolute;
	left: 15px;
	right: auto;
	top: 50%;
	-webkit-transform-origin: 34% 66%;
	transform-origin: 34% 66%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 7px;
}

.selectize-control.single .selectize-input.dropdown-active:after {
	border-width: 0 0 2px 2px;
	margin-top: -5px;
	border-color: transparent transparent var(--ct-gray-500) var(--ct-gray-500);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.selectize-dropdown.single {
	border: 1px solid #e7e7e7;
}

.selectize-dropdown {
	padding: 0.3rem;
	color: var(--ct-body-color);
	-webkit-box-shadow: var(--ct-box-shadow);
	box-shadow: var(--ct-box-shadow);
	background-color: var(--ct-secondary-bg);
	background-clip: padding-box;
	border: 1px solid var(--ct-border-color);
	border-radius: 3px;
	-webkit-animation-name: DropDownSlide;
	animation-name: DropDownSlide;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	margin: 0;
	font-size: 11px;
	font-weight: 400;
	position: absolute;
	z-index: 1000;
}

.selectize-control .selectize-input>input {
	height: 15px;
}

.selectize-dropdown.show {
	top: 100% !important;
}

.selectize-dropdown.active {
	color: var(--ct-dark);
	background-color: var(--ct-light);
}

.selectize-dropdown .scientific {
	color: var(--ct-gray-600);
}

.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
	display: block;
	width: 100%;
	padding: 0.375rem 1.5rem;
	clear: both;
	cursor: pointer;
	font-weight: 400;
	color: var(--ct-body-color);
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
}

.selectize-dropdown .option:hover,
.selectize-dropdown .option:focus,
.selectize-dropdown .optgroup-header:hover,
.selectize-dropdown .optgroup-header:focus,
.selectize-dropdown .selected {
	color: var(--ct-dark);
	text-decoration: none;
	background-color: var(--ct-light) !important;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
	border-left-color: var(--ct-gray-300);
}

.selectize-dropdown .optgroup:before {
	background-color: var(--ct-gray-300);
}

.selectize-dropdown-header {
	border-bottom: 1px solid transparent;
	color: var(--ct-dark);
	background-color: var(--ct-light);
	text-decoration: none;
}

.selectize-dropdown-header .selectize-dropdown-header-close {
	left: 12px;
	right: auto;
}

.selectize-dropdown-content>div {
	background-color: transparent !important;
	color: var(--ct-body-color) !important;
}

.tippy-tooltip .light-theme[data-animatefill] {
	background-color: transparent;
}

.light-theme {
	color: color-yiq(#fff);
	-webkit-box-shadow: var(--ct-box-shadow-lg);
	box-shadow: var(--ct-box-shadow-lg);
	background-color: #fff;
}

.light-theme .tippy-backdrop {
	background-color: #fff;
}

.light-theme .tippy-roundarrow {
	fill: #fff;
}

.gradient-theme .tippy-backdrop {
	background: var(--ct-primary);
	background: -webkit-gradient(linear, left top, right top, from(#f1556c), to(var(--ct-primary)));
	background: linear-gradient(to right, #f1556c, var(--ct-primary));
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
	border-top: 7px solid #fff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
	border-bottom: 7px solid #fff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
	border-right: 7px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
	border-left: 7px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}

.dd-list .dd-item .dd-handle {
	border: none;
	padding: 8px 16px;
	height: auto;
	font-weight: 600;
	border-radius: 3px;
	background: var(--ct-light);
	color: var(--ct-body-color);
}

.dd-list .dd-item .dd-handle:hover {
	color: var(--ct-primary);
}

.dd-list .dd-item button {
	height: 36px;
	font-size: 17px;
	margin: 0;
	color: var(--ct-gray-600);
	width: 36px;
}

.dd-list .dd3-item {
	margin: 5px 0;
}

.dd-list .dd3-item .dd-item button {
	width: 36px;
	height: 36px;
}

.dd-list .dd3-handle {
	margin: 0;
	height: 36px !important;
	float: right;
}

.dd-list .dd3-content {
	height: auto;
	border: none;
	padding: 8px 46px 8px 16px;
	background: var(--ct-light);
	color: var(--ct-body-color);
	font-weight: 600;
}

.dd-list .dd3-content:hover {
	color: var(--ct-primary);
}

.dd-list .dd3-handle:before {
	content: "\f035c";
	font-family: "Material Design Icons";
	color: var(--ct-gray-500);
}

.dd-empty,
.dd-placeholder {
	background: rgba(var(--ct-gray-400-rgb), 0.2);
}

.dd-dragel .dd-handle {
	-webkit-box-shadow: var(--ct-box-shadow);
	box-shadow: var(--ct-box-shadow);
}

.no-touch .dropdown-menu>.checkbox-row:hover,
.no-touch .dropdown-menu>.checkbox-row:active {
	color: var(--ct-dark);
	background-color: var(--ct-light);
}

.bootstrap-table .table:not(.table-sm)>tbody>tr>td,
.bootstrap-table .table:not(.table-sm)>tbody>tr>th,
.bootstrap-table .table:not(.table-sm)>tfoot>tr>td,
.bootstrap-table .table:not(.table-sm)>tfoot>tr>th,
.bootstrap-table .table:not(.table-sm)>thead>tr>td {
	padding: 0.85rem;
}

.bootstrap-table .table {
	border-bottom: none;
}

.bootstrap-table .table>thead>tr>th {
	border-bottom: none;
}

.bootstrap-table table.table-borderless tr {
	border: none !important;
}

.bootstrap-table table.table-borderless tr th,
.bootstrap-table table.table-borderless tr td {
	border: none !important;
}

.bootstrap-table table.table-bordered tr {
	border-color: var(--ct-border-color) !important;
}

.table-borderless.table-bordered {
	border: none !important;
}

table[data-toggle=table] {
	display: none;
}

.datepicker {
	padding: 10px 15px !important;
}

.datepicker td,
.datepicker th {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 13px;
	line-height: 28px;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td .active.disabled:hover[disabled],
.datepicker table tr td .active.disabled[disabled],
.datepicker table tr td .active:active,
.datepicker table tr td .active:hover,
.datepicker table tr td .active:hover.active,
.datepicker table tr td .active:hover.disabled,
.datepicker table tr td .active:hover:active,
.datepicker table tr td .active:hover:hover,
.datepicker table tr td .active:hover[disabled],
.datepicker table tr td .active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled],
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
	background-color: var(--ct-primary) !important;
	background-image: none !important;
	color: #fff;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
	background: var(--ct-gray-100);
}

.datepicker table tr td.new,
.datepicker table tr td.old,
.datepicker table tr td span.new,
.datepicker table tr td span.old {
	color: var(--ct-secondary-text);
	opacity: 0.4;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
	background: var(--ct-gray-100);
}

.datepicker .datepicker-switch:hover {
	background: none;
}

.datepicker-dropdown:after {
	border-bottom: 6px solid var(--ct-secondary-bg);
}

.datepicker-dropdown:before {
	border-bottom-color: var(--ct-border-color);
}

.datepicker-dropdown.datepicker-orient-top:before {
	border-top: 7px solid var(--ct-border-color);
}

.datepicker-dropdown.datepicker-orient-top:after {
	border-top: 6px solid var(--ct-secondary-bg);
}

.daterangepicker {
	z-index: 1000;
}

[dir=rtl] .daterangepicker.opensright:after {
	left: 10px;
	right: auto;
}

[dir=rtl] .daterangepicker.opensright:before {
	left: 9px;
	right: auto;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: var(--ct-primary);
	border-color: var(--ct-primary);
}

.flatpickr-months {
	background-color: var(--ct-primary);
}

.flatpickr-current-month {
	font-size: 110%;
}

.flatpickr-weekdays {
	background-color: var(--ct-primary);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
option.flatpickr-monthDropdown-month {
	background-color: var(--ct-primary);
	color: #fff
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
	color: #fff;
}


.flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: rgb(255 255 255 / 90%);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: rgb(255 255 255 / 90%);
}

span.flatpickr-weekday {
	font-weight: 400;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
	fill: #fff;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: #fff;
	opacity: 1
}


.bg-dragula {
	background-color: var(--ct-gray-100);
}

.bg-grey {
	background-color: #f4f4f4;
}

.gu-mirror {
	position: fixed !important;
	margin: 0 !important;
	z-index: 9999 !important;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.gu-hide {
	display: none !important;
}

.gu-unselectable {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.gu-transit {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.dragula-handle {
	position: relative;
	width: 36px;
	height: 36px;
	font-size: 24px;
	text-align: center;
	cursor: move;
}

.dragula-handle:before {
	content: "\f01db";
	font-family: "Material Design Icons";
	position: absolute;
}

/*****/
.fw-normal {
	font-family: "Ministry of Energy", Fedra Sans Pro;
}

.fw-light {
	font-family: "Ministry of Energy", Fedra Sans Pro;
}

.small,
small {
	font-size: .9em;
}

.badge {
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 7px 8px;
	font-size: 10px;
	font-weight: 400;
}

/*****/
.mt-10 {
	margin-top: 10px
}

.mt-20 {
	margin-top: 20px
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}

.mt-60 {
	margin-top: 60px
}

.mt-70 {
	margin-top: 70px
}

.mt-80 {
	margin-top: 80px
}

.mt-90 {
	margin-top: 90px
}

.mt-100 {
	margin-top: 100px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-80 {
	margin-bottom: 80px
}

.mb-90 {
	margin-bottom: 90px
}

.mb-100 {
	margin-bottom: 100px
}

/*****/
::-webkit-selection {
	color: #fff;
	background: var(--ct-primary);
}

::-moz-selection {
	color: #fff;
	background: var(--ct-primary);
}

::selection {
	color: #fff;
	background: var(--ct-primary);
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar {
	width: 7px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #000;
}

.digital-service .dropdown-menu .dropdown-icon-item span {
	font-size: 13px;
	color: var(--ct-primary);
}

.digital-service .dropdown-menu .dropdown-icon-item i {
	display: inline-block;
	color: var(--ct-primary);
	background-color: var(--ct-primary);
	background-image: linear-gradient(315deg, #60dfcd 0%, #1e9afe 74%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.font-40 {
	font-size: 40px
}


@media (min-width: 992px) {


	html[dir="ltr"][data-sidenav-size=full]:not([data-layout=horizontal]) .app-menu {
		position: fixed;
		margin-left: calc(var(--ct-leftbar-width) * -1);
		border-color: transparent;
		opacity: 0;
	}

	html[dir="rtl"][data-sidenav-size=full]:not([data-layout=horizontal]) .app-menu {
		position: fixed;
		margin-right: calc(var(--ct-leftbar-width) * -1);
		border-color: transparent;
		opacity: 0;
	}

	html[data-sidenav-size=full]:not([data-layout=horizontal]) .app-menu .sub-menu .sub-menu {
		padding-right: 0;
	}

	html[data-sidenav-size=full]:not([data-layout=horizontal]) .navbar-custom .logo-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	/***/
	html[dir="ltr"][data-sidenav-size=full]:not([data-layout=horizontal]).sidebar-enable .app-menu {
		opacity: 1;
		z-index: 1055;
		margin-left: 0;
	}

	html[dir="rtl"][data-sidenav-size=full]:not([data-layout=horizontal]).sidebar-enable .app-menu {
		opacity: 1;
		z-index: 1055;
		margin-right: 0;
	}

	html[data-sidenav-size=full]:not([data-layout=horizontal])[data-layout=two-column].sidebar-enable .app-menu {
		right: var(--ct-twocolumn-sidebar-iconview-width);
	}

	html[data-sidenav-size=fullscreen]:not([data-layout=horizontal]) .app-menu {
		margin-right: calc(var(--ct-leftbar-width) * -1);
		opacity: 0;
	}

}


/*==========================================================================
Employee Menu Style
========================================================================== */


@media (min-width: 1199px) {
	#emp-style .logo-box .logo-lg{
		height: 96px;
	}
	#emp-style #wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#emp-style .menu,
	#emp-style .topbar,
	#emp-style .content,
	#emp-style footer>* {
		width: 100%;
		max-width: 90%;
		margin: 0 auto;
	}

	#emp-style .content {
		min-height: calc(100vh - var(--ct-topbar-height) - var(--ct-horizontal-menu-height));
	}

	#emp-style .navbar-custom {
		margin-top: calc(var(--ct-topbar-height) * -1);
		margin-bottom: var(--ct-topbar-height);
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#emp-style .navbar-custom .topbar .logo-box {
		height: 82px;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		background: transparent;
	}

	#emp-style .navbar-custom .topbar .button-toggle-menu {
		display: none;
	}

	#emp-style .app-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: var(--ct-horizontal-menu-height);
		min-height: var(--ct-horizontal-menu-height);
		max-height: var(--ct-horizontal-menu-height);
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		z-index: 999;
		top: 82px;
		padding: 0;
		border-radius: 0;
		border-top: 1px solid var(--ct-topbar-search-bg);
	}

	#emp-style .app-menu .simplebar-mask,
	#emp-style .app-menu .simplebar-content-wrapper {
		overflow: visible !important;
		position: static !important;
	}

	#emp-style .app-menu .simplebar-placeholder {
		width: 100% !important;
		height: 100% !important;
	}

	#emp-style .app-menu .simplebar-scrollbar {
		display: none !important;
	}

	#emp-style .app-menu .simplebar-offset {
		bottom: 0 !important;
		left: auto !important;
		right: auto !important;
	}

	#emp-style .app-menu .user-box,
	#emp-style .app-menu .logo-box {
		display: none;
	}

	#emp-style .scrollbar {
		width: 100%;
		max-width: 90%;
		margin: 0 auto;
	}

	#emp-style .app-menu .menu {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding: 0 1.5rem;
	}

	#emp-style .app-menu .menu>.menu-item>.menu-link {
		height: auto;
		margin: 4px 0 0 0;
		border-radius: 3px;
	}

	#emp-style .app-menu .menu>.menu-item>.menu-link {
		height: auto;
		margin: 4px 0 0 0;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 3px;
	}

	#emp-style .app-menu .menu .menu-item {
		position: relative;
		padding: 0 var(--ct-menu-item-gap);
	}

	#emp-style .app-menu .menu .menu-item .menu-link>.menu-text {
		padding-right: 0;
	}

	#emp-style .app-menu .menu .menu-item .menu-link .menu-arrow {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	#emp-style .app-menu .menu .menu-item:hover .menu-arrow {
		-webkit-transform: rotate(-270deg);
		transform: rotate(-270deg);
	}

	#emp-style .app-menu .menu .menu-item:hover>.collapse,
	#emp-style .app-menu .menu .menu-item:hover>.collapsing {
		display: block !important;
		position: absolute;
		height: inherit !important;
		-webkit-transition: none !important;
		transition: none !important;
	}

	#emp-style .app-menu .menu .menu-item .sub-menu {
		padding: var(--ct-menu-item-gap) 0;
	}

	#emp-style .app-menu .menu .menu-item .sub-menu .menu-arrow {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	#emp-style .app-menu .menu .menu-item.menuitem-active>.menu-link:not(.collapsed)>.menu-arrow {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	#emp-style .app-menu .collapse,
	#emp-style .app-menu .collapsing {
		width: 200px;
		display: none;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		background-clip: padding-box;
		background: var(--ct-secondary-bg);
		-webkit-animation-name: DropDownSlide;
		animation-name: DropDownSlide;
		z-index: 1000;
		-webkit-box-shadow: var(--ct-box-shadow-lg);
		box-shadow: var(--ct-box-shadow-lg);
		border-radius: var(--ct-border-radius);
		border: 1px solid var(--ct-border-color);
	}

	#emp-style .app-menu .collapse .menu-item .menu-link,
	#emp-style .app-menu .collapsing .menu-item .menu-link {
		color: var(--ct-body-color);
	}

	#emp-style .app-menu .collapse .menu-item .menu-link[aria-expanded=true],
	#emp-style .app-menu .collapse .menu-item .menu-link.show,
	#emp-style .app-menu .collapse .menu-item .menu-link:focus,
	#emp-style .app-menu .collapse .menu-item .menu-link:hover,
	#emp-style .app-menu .collapsing .menu-item .menu-link[aria-expanded=true],
	#emp-style .app-menu .collapsing .menu-item .menu-link.show,
	#emp-style .app-menu .collapsing .menu-item .menu-link:focus,
	#emp-style .app-menu .collapsing .menu-item .menu-link:hover {
		color: var(--ct-dark);
	}

	#emp-style .app-menu .collapse .menu-item.menuitem-active>.menu-link,
	#emp-style .app-menu .collapsing .menu-item.menuitem-active>.menu-link {
		color: var(--ct-dark);
		background-color: var(--ct-light);
	}

	#emp-style .app-menu .collapse .menu-item .collapse,
	#emp-style .app-menu .collapse .menu-item .collapsing,
	#emp-style .app-menu .collapsing .menu-item .collapse,
	#emp-style .app-menu .collapsing .menu-item .collapsing {
		top: 0;
	}

	#emp-style .app-menu .collapse.collapse-lg,
	#emp-style .app-menu .collapsing.collapse-lg {
		width: 30rem;
	}

	#emp-style .app-menu .collapse.collapse-lg .sub-menu,
	#emp-style .app-menu .collapsing.collapse-lg .sub-menu {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	#emp-style .app-menu .collapse.collapse-md,
	#emp-style .app-menu .collapsing.collapse-md {
		width: 20rem;
	}

	#emp-style .app-menu .collapse.collapse-md .sub-menu,
	#emp-style .app-menu .collapsing.collapse-md .sub-menu {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#emp-style #layout-mode,
	#emp-style #sidebar-user,
	#emp-style .menu-title,
	#emp-style #sidebar-size {
		display: none;
	}

}


/*==========================================================================
SCREENS (min-width 991px)
========================================================================== */


@media (max-width: 991px) {

	/*#emp-style .navbar-custom .topbar .button-toggle-menu {
		display: block;
	}
	*/

	.sidebar-enable .app-menu {
		opacity: 1;
		z-index: 1055;
		margin-right: 0;
	}

	.app-menu {
		position: fixed;
		margin-right: calc(var(--ct-leftbar-width)* -1);
		border-color: transparent;
		opacity: 0;
	}

	.sidebar-enable #emp-style .app-menu {
		opacity: 1;
		z-index: 1055;
		margin-right: 0;
	}
}

/*==========================================================================
 SCREENS (min-width 1140px and max-width 1200px)
========================================================================== */

@media (min-width: 1140px) and (max-width: 1200px) {
	.home-statistics-wrapper .card-body h6 {
		font-size: 10px;
	}

	.topbar .logo-box {
		display: none;
	}
}