/*# sourceMappingURL=custom.min.css.map */
[data-layout="twocolumn"] .twocolumn-iconview {
	width: 75px;
	background-color: #790f10 !important;
	height: 100%;
	left: -70px;
	-webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
	box-shadow: 0 2px 4px rgba(15, 34, 58, .12);
	top: 0;
	position: absolute;
	padding: 0;
	text-align: center;
}

[data-theme="default"][data-sidebar="dark"] {
	--vz-vertical-menu-bg: #292d2b !important;
	--vz-vertical-menu-border: #292d2b !important;
	--vz-vertical-menu-item-color: #fff !important;
	--vz-vertical-menu-item-hover-color: #fff !important;
	--vz-vertical-menu-item-active-color: #fff !important;
	--vz-vertical-menu-sub-item-hover-color: #fff !important;
	--vz-vertical-menu-sub-item-active-color: #fff !important;
	--vz-vertical-menu-sub-item-color: #fff !important;
}

.navbar-menu .navbar-nav .nav-sm {
	padding-left: 0.7rem !important;
}

.navbar-menu .navbar-nav .nav-sm {
	padding-right: - 0.7rem !important;
}

.login-bg {
	background-image: url(/assets/images/people_team-311d871a1e7bdae3e123146a6f63840d.jpg) !important;
	background-position: center;
	background-size: cover !important;
	background-repeat: no-repeat;
}

/* .login-bg { */
/* 	background-image: url(/assets/images/color_bg-52187d55f23157c9e481ef029fc24866.jpg) !important; */
/* 	background-position: center; */
/* 	background-size: contain !important; */
/* } */
.auth-bg-cover>.bg-overlay {
	background-image: url(/assets/images/rally_bg-4f228d7b2b03dddb5709f4d552c9306a.jpg);
	background-position: center;
	background-size: cover;
	opacity: 1;
	background-color: #d9d1d1 !important;
}

.btn-danger {
	--vz-btn-bg: #d81616;
	--vz-btn-border-color: #d81616;
	--vz-btn-hover-bg: #d81616;
	--vz-btn-hover-border-color: #d81616;
	--vz-btn-focus-shadow-rgb: #d81616;
	--vz-btn-active-bg: #d81616;
	--vz-btn-active-border-color: #d81616;
	--vz-btn-disabled-bg: #d81616;
	--vz-btn-disabled-border-color: #d81616;
}

.btn-primary {
	--vz-btn-bg: #1a98e1;
	--vz-btn-border-color: #1a98e1;
	--vz-btn-hover-bg: #1a98e1;
	--vz-btn-hover-border-color: #1a98e1;
	--vz-btn-focus-shadow-rgb: #1a98e1;
	--vz-btn-active-bg: #1a98e1;
	--vz-btn-active-border-color: #1a98e1;
}

.btn-success {
	--vz-btn-bg: #09b49d;
	--vz-btn-border-color: #09b49d;
	--vz-btn-hover-bg: #09b49d;
	--vz-btn-hover-border-color: #09b49d;
	--vz-btn-focus-shadow-rgb: #09b49d;
	--vz-btn-active-bg: #09b49d;
	--vz-btn-active-border-color: #09b49d;
}

.bg-danger {
	--vz-bg-opacity: 1;
	background-color: #d81616 !important;
}

.bg-success {
	--vz-bg-opacity: 1;
	background-color: #09b49d !important;
}

#results {
	padding: 10px 20px 10px 20px;
	border: 1px solid #ffefef;
	border-radius: 3px;
	background: #f1f2f3;
}

#my_camera {
	margin-bottom: 5px;
}

.alert {
	padding: 2px !important;
	background-color: white !important;
	border: 0px !important;
	border-radius: 0px !important;
}

.required::after {
	content: '*';
	color: red;
	margin-left: 4px;
}

[data-layout="twocolumn"] .twocolumn-iconview .nav-icon {
	width: 65px !important;
	height: 45px !important;
	color: #fff !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
	color: #fff !important;
}

@media print {
	@page {
		size: landscape;
		margin: 10mm;
	}
	.visitor-header {
		background-color: #2e3230 !important;
		padding: 10px;
		border: 1px solid gray;
		border-radius: 3px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.btn-print {
		display: none;
	}
}

.visitor-header {
	background-color: #2e3230;
	padding: 10px;
	border: 1px solid gray;
	border-radius: 3px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.a-link {
	color: #790f10 !important;
}

.a-link:hover {
	color: #5ea3cb !important;
}

.navbar-header {
	padding: 0px !important;
}

@media ( min-width : 768px) {
	.side-menu-nav {
		flex-direction: column !important;
	}
	.side-menu-text {
		display: block !important;
		font-size: 10px;
		margin-top: -3px !important;
	}
	.side-menu-icon {
		line-height: 5px !important;
		margin-top: 25px !important;
		margin-bottom: 0px !important;
	}
	.btn {
		--vz-btn-font-size: 0.6rem !important;
	}
}

.alert-danger {
	--vz-alert-color: #e83535;
	--vz-alert-bg: var(--vz-danger-bg-subtle);
	--vz-alert-border-color: var(--vz-danger-border-subtle);
	--vz-alert-link-color: var(--vz-danger-text-emphasis);
}

.text-danger {
	--vz-text-opacity: 1;
	color: rgb(235, 18, 18) !important;
}

.gallery-box {
	background-color: #ffffff !important;
}

[data-layout="twocolumn"] .twocolumn-iconview .nav-icon {
	line-height: 40px;
	font-size: 20px;
}

.navbar-nav li {
	list-style-type: none;
	padding-left: 0;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
	font-size: 13.5px !important;
}

.navbar-menu .navbar-nav .nav-link i {
	min-width: 1.3rem !important;
	font-size: 16px !important;
}

.navbar-menu .navbar-nav .nav-link {
	padding: 0.5rem 1rem !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
	padding: 0.5rem 1.2rem !important;
}

.nav-item {
	padding: 0px !important;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]::after {
	right: 15px !important;
	font-size: 1rem !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link::before {
	content: "";
	width: 6px !important;
	height: 1.5px !important;
	background-color: var(--vz-vertical-menu-sub-item-color);
	position: absolute;
	left: 2px;
	top: 19px !important;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	opacity: 0.5;
}

.navbar-menu .navbar-nav .nav-sm .nav-sm .nav-link::before {
	height: 5px !important;
	width: 5px !important;
	top: 16px !important;
}

.file-manager-menu li a[aria-expanded="true"] {
	color: #09b49d !important;
}

.file-manager-menu li:hover a[aria-expanded="true"] {
	color: #0174bc !important;
}

.btn-secondary {
	--vz-btn-bg: #ffffff !important;
	--vz-btn-border-color: #e7e9f1 !important;
	--vz-btn-hover-bg: #e9ebf0 !important;
	--vz-btn-hover-border-color: #eceef1 !important;
	--vz-btn-focus-shadow-rgb: var(--vz-secondary-rgb) !important;
	--vz-btn-active-bg: #dde0ec !important;
	--vz-btn-active-border-color: #eceef1 !important;
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: 15em !important;
	font-size: 16px !important;
	line-height: 16px !important;
	content: "\f0140";
	font-family: "Material Design Icons";
}

.text-success {
	--vz-text-opacity: 1;
	color: #0ab29b !important;
}

.text-maroon {
	--vz-text-opacity: 1;
	color: #f3f3eb !important;
}

.text-red {
	--vz-text-opacity: 1;
	color: #b71054 !important;
}

.bg-info-subtle {
	background-color: #fff !important;
}

.avatar-md {
	height: 3.5rem;
	width: 3.5rem;
}

.bg-gray-green {
	--vz-bg-opacity: 1;
	background-color: rgb(104, 143, 119) !important;
}

.bg-gray-yellow {
	--vz-bg-opacity: 1;
	background-color: #8b8f5c !important;
}

.bg-gray-blue {
	--vz-bg-opacity: 1;
	background-color: #5ea2bd !important;
}

.bg-light-red {
	--vz-bg-opacity: 1;
	background-color: #d13434 !important;
}

.bg-red-pink {
	--vz-bg-opacity: 1;
	background-color: #ad518d !important;
}

.bootstrap-tagsinput {
	width: 100% !important;
	padding: 0.5rem !important;
	border-radius: 5px !important;
	border: 1px solid #ddd !important;
}

.bootstrap-tagsinput .tag {
	background-color: #ebe3e0 !important;
	color: #790f10 !important;
	padding: 0px 7px 0px 7px !important;
	margin-right: 5px !important;
	border-radius: 3px !important;
}

a {
	color: rgb(7, 160, 248);
	text-decoration: none;
}

a:hover {
	color: #1cbd85;
	text-decoration: none;
}

.bg-pink {
	--vz-bg-opacity: 1;
	background-color: rgb(237, 72, 173) !important;
}

.bg-muted-blue {
	--vz-bg-opacity: 1;
	background-color: #adb5bd !important;
}

.bg-muted-gray {
	background-color: #edeff3 !important;
}

.bg-lime-green {
	--vz-bg-opacity: 1;
	background-color: #32cd32 !important;
}

.trash-bin-icon {
	font-size: 20px;
}

.edit-icon {
	font-size: 20px;
}

.link-danger {
	color: red !important;
}

.link-blue {
	color: #2e85f5 !important;
}

.bg-light-blue-subtle {
	background-color: #f8f8f8;
	border: 0.5px solid #e4e6e9 !important;
}

.text-maroon {
	color: #790f10 !important;
}

.text-navy {
	color: #00009F !important;
}

.text-pink {
	color: rgb(237, 72, 173) !important;
}

.text-lighten {
	color: #6a0ca1 !important;
}

.text-lime {
	color: #7ec266 !important;
}

.bg-lime-success {
	--vz-bg-opacity: 1;
	background-color: #7ec266 !important;
}

.bg-blue {
	--vz-bg-opacity: 1;
	background-color: #73c6e3 !important;
}

.bg-maroon {
	--vz-bg-opacity: 1;
	background-color: #790f10 !important;
}

.bg-purple {
	--vz-bg-opacity: 1;
	background-color: #ae69e8 !important;
}

.bg-metric-success {
	background-color: #e8fffb !important;
	border: 2px #b9e3dc solid !important;
	border-radius: 3px;
}

.bg-metric-voilet {
	background-color: #cdd8ff !important;
	border: 1px #dce2e1 solid !important;
}

.bg-metric-sky-blue {
	background-color: #c5edf8 !important;
	border: 1px #dce2e1 solid !important;
}

.bg-metric-light-green {
	background-color: #dbfde8 !important;
	border: 1px #dce2e1 solid !important;
}

.bg-metric-light-yellow {
	background-color: #f8e8cb !important;
	border: 1px #dce2e1 solid !important;
}

.bg-metric-light-red {
	background-color: #fddfdf !important;
	border: 1px #dce2e1 solid !important;
}

.bg-metric-light-gray-green {
	background-color: rgb(250, 251, 230) !important;
	border: 2px #e2e6b5 solid !important;
	border-radius: 3px;
}

.bg-metric-light-blue {
	background-color: #f1fbff !important;
	border: 2px #9fc2cf solid !important;
	border-radius: 3px;
}

.bg-metric-light-pinky {
	background-color: #ffe8f8 !important;
	border: 2px #e9b5d8 solid !important;
	border-radius: 3px;
}

.bg-metric-lime-green {
	background-color: #ecffe5 !important;
	border: 2px #c6e3bc solid !important;
	border-radius: 3px;
}

.bg-metric-lightblue {
	background-color: #edf3ff !important;
	border: 2px #b8c3dc solid !important;
	border-radius: 3px;
}

.bg-metric-light-purple {
	background-color: rgb(242, 231, 252) !important;
	border: 2px rgb(223, 194, 249) solid !important;
	border-radius: 3px;
}

.apexcharts-title-text {
	fill: #696969 !important;
}

.error-bg-cover>.bg-overlay {
	background-image: url(/assets/images/cover-pattern-aea06fa86ef23520e74c039f55e3e389.png);
	background-position: center;
	background-size: cover;
	opacity: 1;
	background-color: #d9d1d1 !important;
}

.avatar-sm {
	height: 2.5rem !important;
	width: 2.5rem !important;
}

.text-size {
	font-size: 12px;
}

@media ( min-width : 600px) {
	.dropdown-menu-md {
		width: 270px !important;
	}
}

.top-bar-text a {
	color: #6e6e70 !important;
}

.top-bar-text a:hover {
	color: rgb(6, 161, 250) !important;
}

.list-empty {
	background-color: #feede9;
	color: red;
	border: 1px solid #fdd5cb;
	border-left: 4px solid #fbb19f;
	padding: 15px 15px;
	margin-top: 20px;
	border-radius: 4px;
}

.badge-text:hover {
	text-decoration: underline;
	text-decoration-color: #787878;
}

.badge-text {
	color: #808081 !important;
	border: 1px solid #d7dbe3;
	border-left: 5px solid #c0c7d3;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-radius: 2px !important;
}

.badge-text-blue:hover {
	text-decoration: underline;
	text-decoration-color: white;
}

.badge-text-blue {
	color: white !important;
	border: 1px solid rgb(90, 105, 155);
	border-left: 5px solid rgb(90, 105, 155);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-radius: 2px !important;
}

.badge-text-green:hover {
	text-decoration: underline;
	text-decoration-color: white;
}

.badge-text-green {
	color: white !important;
	border: 1px solid rgb(7, 128, 199);
	border-left: 5px solid rgb(7, 128, 199);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-radius: 2px !important;
}

.badge-text-organe {
	background-color: #f6eee5;
	color: #b08047 !important;
	border: 1px solid #ceaa80;
	border-left: 5px solid #ceaa80;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-radius: 2px !important;
}

.event-img {
	width: 330px !important;
	height: 220px !important;
}

.text-light-orange {
	color: #ae7d42;
}

.photos-list-empty {
	background-color: #f6eee5;
	color: #b08047;
	border: 1px solid #ceaa80;
	border-left: 4px solid #ceaa80;
	padding: 15px 15px;
	margin-top: 20px;
	border-radius: 4px;
}

.event-details-text {
	padding: 10px;
	padding-left: 10px !important;
	padding-top: 5px !important;
}

@media ( max-width : 576px) {
	.col-sm-6 {
		--webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}
	.avatar-sm {
		height: 2rem !important;
		width: 2rem !important;
		padding: 0px !important;
	}
	.font-size {
		font-size: 12px !important;
		margin-bottom: 0px !important;
	}
	.card-body {
		padding: 0px !important;
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.metric-size {
		padding-left: 5px !important;
	}
	.employee-text {
		margin-left: 0.4rem !important;
	}
	.counter-value {
		font-size: 16px !important;
	}
	.table-card {
		margin: 0rem 0rem;
	}
}

.display-6 {
	font-size: 1.5rem !important;
}

.sidebar-main-card {
	min-height: 800px;
	margin-bottom: 5px !important;
	padding: 0px !important;
	border-radius: 0px !important;
}

.sidebar-sub-card-1 {
	min-height: 380px;
	margin: 20px 20px 20px 20px;
	margin-bottom: -10px;
	background-color: rgb(249, 253, 255);
	/* 	border:1px solid rgb(203, 234, 253); */
	/* 	border-right: 5px solid rgb(203, 234, 253); */
	/* 	border-left: 5px solid rgb(203, 234, 253);  */
	border-radius: 0px;
}

.sidebar-sub-card-2 {
	min-height: 380px;
	margin: 20px 20px 20px 20px;
	background-color: rgb(253, 253, 255);
	/* 	border:1px solid rgb(224, 231, 255); */
	/* 	border-right: 5px solid rgb(224, 231, 255); */
	/* 	border-left: 5px solid rgb(224, 231, 255);  */
	border-radius: 0px;
}

.sidebar-msg {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px !important;
	padding: 6px 6px 6px 6px;
}

@media ( min-width : 1200px) {
	.side-main {
		padding-right: 0px !important;
	}
}

th {
	font-size: 0.8rem !important;
}

td {
	font-size: 0.87rem !important;
}

.btn {
	--vz-btn-font-size: 0.87rem !important;
}

.gallery-container {
	width: 100%;
	height: 200px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px; /* Added border-radius for rounded corners */
}

.gallery-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px; /* Ensures image has rounded corners */
}

/* .gallery-container { */
/*             width: 100%; */
/*             height: 200px; */
/*             overflow: hidden; */
/*             display: flex; */
/*             align-items: center; */
/*             justify-content: center; */
/*             background-color: #f3f3eb; */
/* } */
/* .gallery-container img { */
/*             width: 100%;  */
/*             height: 100%;  */
/*             object-fit: cover; Ensures images fit without distorting card size */
/* } */
.card-fixed {
	padding: 5px;
	border-radius: 10px;
	height: 300px !important; /* Ensuring all cards have equal height */
	flex-direction: column;
	overflow: hidden;
}

.card-body-fixed {
	flex: 1 1 auto;
	/*             display: flex; */
	flex-direction: column;
	/*             justify-content: space-between; */
	min-height: 70px; /* Ensuring text section remains uniform */
}

.central-font {
	font-size: 0.8rem !important;
}

.list-group-item {
	padding: 0.5rem 0.5rem !important;
}

.tasks-board .tasks-list {
	min-width: 313px !important;
	margin-right: 24px !important;
}

.tasks-list {
	background-color: rgba(255, 182, 193, 0.3) !important;
}

.tasks-list.light-blue {
	background-color: rgba(173, 216, 230, 0.3) !important;
}

/* Light Transparent Green */
.tasks-list.light-green {
	background-color: rgba(144, 238, 144, 0.3) !important;
}

/* Light Transparent Pink */
.tasks-list.light-pink {
	background-color: rgba(255, 182, 193, 0.3) !important;
}

/* Light Transparent Yellow */
.tasks-list.light-yellow {
	background-color: rgba(255, 255, 0, 0.2) !important;
}

.kanban-h6 {
	margin-left: 10px;
	margin-top: 10px;
}

.tasks-box {
	margin: 10px !important;
}

/* .description { */
/*   display: -webkit-box; */
/*   -webkit-line-clamp: 1; Show only 1 line */
/*   -webkit-box-orient: vertical; */
/*   overflow: hidden; */
/*   text-overflow: ellipsis; */
/*   max-width: 150px; Adjust width as needed */
/*   white-space: nowrap; */
/* } */
.select-dropdown {
	width: 120px;
	padding: 2px;
	border-radius: 6px;
	border: 1px solid #5a9bd4;
	background: #f8fbff;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.folder-name {
	color: #555555;
	cursor: pointer;
	transition: color 0.3s ease;
	font-size: 0.9rem !important;
}

/* Highlighted folder name when selected */
.active-folder {
	color: #22a4f5 !important;
	font-weight: bold;
	font-size: 0.9rem !important;
}

.doc-text {
	color: #555555 !important;
	font-size: 0.85rem !important;
	font-weight: semi-bold;
}

.doc-text:hover {
	color: #22a4f5 !important;
	font-size: 0.87rem !important;
	font-weight: semi-bold;
}

.doc-file {
	color: #8811ff !important;
	font-size: 0.8rem !important;
	font-weight: semi-bold;
}

.doc-file:hover {
	color: #5e5e5e !important;
	font-size: 0.8rem !important;
	font-weight: semi-bold;
}

.apexcharts-legend {
	margin-top: 2px !important;
}

/* @media (min-width: 1200px) { */
/*   .col-xl-3.size { */
/*     width: 30% !important; */
/*     display: block;  */
/*   } */
/*   .col-xl-9.size { */
/*     width: 70% !important; */
/*     display: block; */
/*   } */
/* } */
.bg-light-blue {
	background-color: #d9f1ff !important; /* Light blue background */
}

.modal-event {
	display: none;
	position: fixed;
	z-index: 1500;
	padding-top: 0px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	align-items: center;
	justify-content: center !important;
}

.modal-content {
	max-width: 100% !important;
	max-height: 100% !important;
	margin-top: 0px;
	border-radius: 0px !important;
}

.close-button {
	position: absolute !important;
	top: 15px !important;
	right: 25px !important;
	color: white !important;
	font-size: 35px !important;
	cursor: pointer !important;
	opacity: 1 !important;
	z-index: 1500;
}

.prev-button, .next-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	color: white;
	cursor: pointer;
}

.prev-button {
	left: 20px;
}

.next-button {
	right: 20px;
}

.img-fixed-height {
	height: 400px;
	object-fit: cover;
}

.display-4 {
	font-size: 1.1rem !important;
}

.metrics-text {
	background-color: #ebedf7;
	border-radius: 50%;
	padding: 8px;
	padding-top: 12px;
	margin-right: 2px;
	color: #808836;
}

.truncate-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	display: inline-block;
	vertical-align: middle;
}

.truncate-text-small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 60px;
	display: inline-block;
	vertical-align: middle;
}

.truncate-text-small-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 50px;
	display: inline-block;
	vertical-align: middle;
}

.card-slider-container {
    position: relative;
    width: 100%;
}

.card-slider-container .row {
    display: flex;
    gap: 1rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.card-slider-container .col-xl-3 {
    scroll-snap-align: start;
}

.card-slider-container::-webkit-scrollbar {
    height: 8px;
}

.card-slider-container::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 4px;
}


.truncate-text-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 150px;
	display: inline-block;
	vertical-align: middle;
}

.small-row td, .small-row th {
      padding-top: 3px;
      padding-bottom: 2px;
      font-size: 12px; 
    }
    
.text-gray{
 color: #CAA6A6;
 }
 
 .mini-metrics{
   height: 55px !important; 
   border-radius: 2px; 
 }
 
 .bg-metrics-color-light-gray {
  --vz-bg-opacity: 1;
  background-color: #F3EEEA!important;
}

.metrics-color-light-gary{
    color:#B6BBC4;
 }

.semi-bold {
	font-weight:500 !important;
}

.min-metrics-card-size{
	height:80% !important;
}
 