.alert-danger {
	--vz-alert-color: red !important;
	--vz-alert-bg: white !important;
	--vz-alert-border-color: white !important;
	--vz-alert-link-color: white !important;
}

.alert {
	--vz-alert-bg: transparent !important;
	--vz-alert-padding-x: 0.1rem !important;
	--vz-alert-padding-y: 0.1rem !important;
	--vz-alert-margin-bottom: 0rem !important;
}

label {
	font-weight: 500 !important;
}

@keyframes darkMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.image-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Lines overlay */
.image-wrapper::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(31, 13, 77, 0.3) 0px,
      rgba(31, 13, 77, 0.3) 4px,
      transparent 90px,
      transparent 90px
    );
  animation: slideLines 5s linear infinite;
  pointer-events: none;
  z-index: 2;
}

/* Animation: slide lines diagonally */
@keyframes slideLines {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 40px;
  }
}

body {
  font-size: 0.840rem !important;
  background-color:#fafcf7 !important;
}

th{
	font-size: 0.8rem !important;
	font-weight:500 !important;
}

td{
	font-size: 0.82rem !important;
}


.custom-dropzone {
    height: 10rem;
    background-color: #eff2f7;
    transition: background-color 0.3s;
    border: 0.1px solid #ced4da; 
    border-radius: 2px;
  }

  .custom-dropzone:hover {
    background-color: #d9ecff;
  }

  .custom-dropzone i {
    pointer-events: none;
  }

.custom-text{
	color:#1f0d4d;
	font-weight: 500 !important;
}

/* .bg-cover { */
/*   background: linear-gradient(135deg, #c5f8b9 62%, #0aa4bc 50%, #70d15a 100%); */
/*   background-size: cover; */
/*   background-repeat: no-repeat; */
/*   min-height: 100vh; */
/* } */

.bg-cover { 
  background: linear-gradient(135deg, #20bbcf 0%, #013e53 100%);
}

/* .bg-cover > .bg-overlay { */
/*   background: linear-gradient(135deg, #7ccbb7 45%,#7a9f79 55%, #315e26 77%),  */
/*               url("../images/cover-pattern.png"); */
/*   background-position: center; */
/*   background-size: cover; */
/*   background-repeat: no-repeat; */
/*   opacity: 1; */
/* } */

.bg-cover > .bg-overlay {
  background: linear-gradient(135deg, #b1dd9e 15%, #315e26 60%), 
              url("../images/cover-pattern.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
}

.login-cover { 
  background: linear-gradient(135deg, #20bbcf 0%, #013e53 100%);
}

.login-cover > .login-overlay {
  background: linear-gradient(135deg, #20bbcf 0%, #fdb11c  100%), 
              url("../images/cover-pattern.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
}

/* .login-bg { */
/*     background-image: url(../images/office_blue1.png) !important; */
/*     background-position: center; */
/*     background-size: cover !important; */
/*     background-repeat: no-repeat; */
/*     position: relative; */
/*     overflow: hidden; */
/*     height: 100vh; full viewport height */
/*     width: 100%; */
/* } */

.login-bg {
  background-image: url('/assets/images/saas_login.jpeg') !important;
  background-position: center;
  background-size: cover !important;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}



.login-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

[data-layout="twocolumn"] .twocolumn-iconview {
  background-color: #0f6555 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
  color: white !important;
 
}

.bg-neutral-55 {
    background-color: #eeeefb !important;
}

.btn-primary {
  --vz-btn-bg: #0f6555 !important;
  --vz-btn-border-color: #0c134f !important;
  --vz-btn-hover-bg: #01b759;
  --vz-btn-hover-border-color: #01752f;
  --vz-btn-focus-shadow-rgb: var(--vz-primary-rgb);
  --vz-btn-active-bg: #0f6555;
  --vz-btn-active-border-color: var(--vz-primary-text-emphasis);
}

@media (min-width: 768px) {
  .topbar-user {
    background-color:white !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: 95px !important;
	height: 50px !important;
	color: #fff!important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
	color: #111 !important;
}

@media print {
	@page {
		size: landscape;
		margin: 10mm;
	}
	.visitor-header {
		background-color: #2e3230 !important;
		padding: 10px;
		border: 1px solid black;
		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: 12px;
		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;
	}
}
.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;
}

/* Hover state */
.navbar-menu .navbar-nav .nav-sm .nav-link:hover {
  color: #fff !important;        /* text becomes white */
  background-color: #67aa84;     /* green background */
  border-radius: 6px;            /* smooth edges */
}

/* Active (clicked/selected) state */
.navbar-menu .navbar-nav .nav-sm .nav-link:active,
.navbar-menu .navbar-nav .nav-sm .nav-link.active,
.navbar-menu .navbar-nav .nav-sm .nav-link:focus {
  color: #fff !important;        /* white text */
  background-color: #67aa84;     /* green background */
  border-radius: 6px;
}

.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.3rem !important;
	margin-right:5px !important;
    margin-left:12px !important;
    margin-bottom:5px !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:black; */
/* 	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-link[data-bs-toggle="collapse"][aria-expanded="true"]::before {
  opacity: 1;
  background-color: black !important;
}

.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.85rem !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 */
}
.item-label{
	font-size:0.8rem;
}

.footer {
/*   background-color: #e6eee9 !important; */
  color:#3d3846!important;
}
.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;
}
.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: 40%;
  padding: 8px;
    padding-top: 8px;
  padding-top: 12px;
  margin-right: 2px;
  color: #77767b;
}

.metrics-text-1 {
  background-color: #ebedf7;
  border-radius: 50%;
  padding: 8px;
    padding-top: 8px;
  padding-top: 12px;
  margin-right: 2px;
  color: #77767b;
}

.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;
}
.central-font {
	font-size: 0.8rem !important;
	font-weight:700 !important;
}
.table > :not(caption) > * > * {
  padding: .5rem .6rem !important;
}

html, body {
    font-family: 'Inter',Helvetica,Arial,sans-serif !important;
}
.side-menu-icon.material-symbols-rounded {
    display: inline-block !important; /* force show */
    font-size: 24px; /* adjust as needed */
    vertical-align: middle;
}

.file-manager-menu li .sub-menu li::before {
  content: "" !important;
  position: absolute;
  left: 0px;
  font-family: Material Design Icons;
  color: rgba(var(--vz-dark-rgb), 0.4);
}

.folder-item { 
	padding: 4px 8px; 
	border-radius: 4px; 
    font-size: 15px;
    color: #2f2c2c;
    font-weight:400;
}
.folder-clicked { 
	background-color: #e9ecef; 
}

.sub-folder { 
	padding-left: 15px; 
	color: #0c0d09b8;
}

.folder-card { 
	cursor: pointer; 
}

.btn-orange {
  --vz-btn-bg: #ff5604;
  --vz-btn-border-color: #863606;
  --vz-btn-hover-bg: #ee5b14db;
  --vz-btn-hover-border-color: #d75507;
  --vz-btn-focus-shadow-rgb: #d75507;
  --vz-btn-active-bg: #d75507;
  --vz-btn-active-border-color: #d75507;
  color: white;
}

.btn-orange:hover{
	color: white;
}
.dropdown-menu {
  box-shadow: 0 5px 10px rgb(70, 69, 96) !important;
}
.no-data-alert {
  font-weight: 500;
  padding: 8px !important;
  margin: 10px;
  text-align: center;
  background-color: #acffc557 !important;
  border:2px solid #acffc557 !important;
  color:red;
}
.fc-event-holiday {
    background-color: #f44336 !important; /* Red */
    border-color: #f44336 !important;
    color: #fff !important;
}

.fc-event-general {
    background-color: #2196f3 !important; /* Blue */
    border-color: #2196f3 !important;
    color: #fff !important;
}

.fc-event-appointment {
    background-color: #4caf50 !important; /* Green */
    border-color: #4caf50 !important;
    color: #fff !important;
}

.fc-event-meeting {
    background-color: #ff9800 !important; /* Orange */
    border-color: #ff9800 !important;
    color: #fff !important;
}
.home-custom text, .home-custom .text {
    font-size: 23px;
}
table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date  {
  text-align: left !important;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
  text-align: left !important;
}

/* .project-wrapper{ */
/* 	margin-right:15px !important; */
/* 	margin-left:15px !important; */
/* } */
/* .page-content { */
/*   padding: calc(70px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5); */
/*   margin-left: 20px !important; */
/* } */

[data-layout="twocolumn"] .twocolumn-panel .main-content {
  margin-left: 95px !important;
}

[data-layout="twocolumn"] .main-content {
  margin-left: calc(220px + 100px);
}
.navbar-header {
	padding: 0px !important;
	margin-left:30px !important;
}

  [data-layout="twocolumn"] .footer {
    margin-left: 25px !important;
  }

@media (min-width: 600px) {
  .dropdown-menu-md {
    width: 275px !important;
  }
}
  
.footer {
  border-top:1px solid #a3a6b72b !important;
  background-color: #ffffff !important;
}
.header-item {
  height: 68px!important;
}
.file-manager {
    height: 100vh; /* full height */
}

.file-manager-sidebar {
    height: 100%;
    overflow: hidden;
}

.file-menu-sidebar-scroll {
    flex: 1;
    overflow-y: auto; /* scrollable sidebar */
}
.message-list-content {
  max-height: 75vh;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 8px;
}

.message-item {
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.message-item:hover {
  background-color: #f6f9fc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.mail-text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 400px;
}

.avatar-xs {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.favourite-btn {
  background: transparent;
  border: none;
  color: #f1c40f;
}

.favourite-btn:hover i {
  color: #ffb400;
}

.message-list-scroll {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

.message-list-scroll::-webkit-scrollbar {
  width: 6px;
}

.message-list-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.message-list li .col-mail-2 .date {
  right: 0;
  width: 145px !important;
}

#messageList {
   min-height: 600px !important;
}
#paginationControls {
    position: relative; 
    z-index: 999; 
}
.delete-doc-btn {
    z-index: 9999 !important;
    pointer-events: auto !important;
}

.carousel-item {
    position: relative;
}

  /* Modal Background */
  .modal-event {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.85);
      text-align: center;
  }

  /* Close Button */
  .modal-event .close-button {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 40px;
      color: white;
      cursor: pointer;
      z-index: 10000;
  }

  /* Slider Image */
  #sliderImage {
      max-width: 60vw;   /* image width */
      max-height: 60vh;  /* image height */
      margin-top: 60px !important;  /* avoid overlap with close button */
      border-radius: 10px;
      object-fit: contain;
  }

  /* Navigation Buttons */
  .prev-button, .next-button {
      cursor: pointer;
      position: absolute;
      top: 50%;
      font-size: 50px;
      padding: 10px;
      color: white;
      font-weight: bold;
      user-select: none;
      z-index: 10000;
  }

  .prev-button {
      left: 30px;
  }

  .next-button {
      right: 30px;
  }

  .prev-button:hover, .next-button:hover, .close-button:hover {
      color: #bbb;
  }