/*# sourceMappingURL=custom.min.css.map */
[data-layout="twocolumn"] .twocolumn-iconview {
	width: 75px;
	background-color: #303c44!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(/images/bg.jpg) !important;
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.login-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(72, 209, 204, 0.5); /* Light navy blue overlay */
    transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.login-bg:hover::before {
    background-color:rgba(25, 50, 75, 0.5); /* Light teal overlay */
    transform: scale(1.05); /* Slight zoom effect */
}


/* .login-bg { */
/* 	background-image: url(../images/color_bg.jpg) !important; */
/* 	background-position: center; */
/* 	background-size: contain !important; */
/* } */
.auth-bg-cover>.bg-overlay {
/* 	background-image: url(../images/office1.jpg); */
	background-position: center;
	background-size: cover;
	opacity: 1;
	background-color: #16325B !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: #042117 !important;
	font-weight:500;
}

.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: #6e96f5 !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(../images/cover-pattern.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 */
}

.btn-danger {
  --vz-btn-bg: #16325B;
  --vz-btn-border-color: #16325B;
  --vz-btn-hover-bg: #16325B;
  --vz-btn-hover-border-color: #16325B;
  --vz-btn-focus-shadow-rgb: #16325B;
  --vz-btn-active-bg: #16325B;
  --vz-btn-active-border-color: #16325B;
  --vz-btn-disabled-bg: #16325B;
  --vz-btn-disabled-border-color: #16325B;
}

.item-label{
	font-size:0.8rem;
}