* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
}
 
body {
	font-family: 'Inter', sans-serif !important;
}

.custom-table-bordered {
	border: 1px solid #f1f0f0;
}

.custom-table-bordered th  {
	border: 1px solid #f1f0f0 !important;
	border-bottom-width: 2px !important; 
	 
}

.custom-table-bordered td  {
	border: 1px solid #f1f0f0 !important;
}
   
.shadow-custom {
	box-shadow: 0 0 20px rgba(0, 0, 0, .08);
}

.border-grey {
	border-color: #f1f0f0;
}
 
nav .pagination {
	margin-bottom: 0;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}

/* DEFINE THE REQUIRED CLASS FOR VALIDATION*/
.required::after {
    content: "*";  
    color: #ff0202;    
    margin-left: 2px;
}

/** DEFINE THE PROFILE AND USER IMAGE SIZE'S **/
.profile-image {
	width: 40px;
	height: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}

.user-profile-image-sidebar {
	width: 35px;
	height: 35px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}

.user-profile-image-navbar {
	width: 1.75rem;
	height: 1.75rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}

.notification-image {
	width: 40px;
	height: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}

.bar-chart-dashbord {
	height: 550px;
	overflow-y: auto;
}

 
.user-image {
	width: 200px;
	height:220px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}

.users-list-image {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}

.attendance-image {
	width: 30px;
	height:30px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}

/* INCREASE THE SIZE OF CHECKBOX BY 2X */
.checkbox-lg {
	transform: scale(2); 
}

.scrollable-dropdown {
	width: 100%;
	max-height: 300px;
	overflow-y: auto;
	min-width: max-content; 
}

/* DATATABLE CUSTOM STYLES */
.fixed-width-td {
	 width: 113px;
}

.nowrap {
	white-space: nowrap;
}

/** ATTENDANCE TABLE CUSTOM STYLING **/
.attendance-table td,
.attendance-table th { 
	padding: 0rem;
	color: #6c757d;
	vertical-align: middle !important;
	text-align: center;
}

.attendance-table  {
	border: 1px solid #f1f0f0;
}

.attendance-table  th  {
	border: 1px solid #f1f0f0 !important;
	border-bottom-width: 2px !important; 
	font-weight: 500 !important; 
}

.attendance-table  td  {
	border: 1px solid #f1f0f0 !important;
}

.attendance-select {
	width: 100%;
	height: 35px;
	background-color: transparent;
	color: #6c757d;
	border: 1px solid transparent;
}
 
.att-key {
	min-width: 30px;
	width: 40px;
}

.att-select {
	min-width: 40px;
	width: 40px; 
}

.bg-absent {
	background-color: #FA4444;
	color: #FA4444;
}

.bg-present {
	background-color: #78BC61;
	color: #78BC61;
}
 
.absent-button {
    background-color: #FA4444;
	color: #fff;
    border: 1px solid transparent;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

/* Hover effect for Red Button */
.absent-button:hover {
    background-color: #FA4444;
    border-color: #FA4444;
	color:#fff;
}

/* Green Button Styling */
.present-button {
    background-color: #78BC61;
	color: #fff;
    border: 1px solid transparent;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

/* Hover effect for Green Button */
.present-button:hover {
    background-color: #66bb6a;
    border-color: #66bb6a;
	color:#fff;
}

/* LOGO IMGAGE SIZE */
.logo-image {
	width: 100px; 
	height: 60px;
	background-size:  contain;
	background-repeat: no-repeat;
	background-position:center;
}


/* INVOICE TEMPLATE STYLES */
.invoice-wrapper {
	 margin: 0 auto;
	 width:800px;
}

.biller-info {
	margin-top: 7rem;
	margin-bottom: 7rem;
}


.attendance-table tbody tr td:nth-child(even)
{
	background-color: #ffff; /* Apply your desired background color for the vertical stripe */
}

/* SETUP WIZARD */
.wizard-form {
	width: 30%;
}


/* DASHBOARD TILES */
@media (min-width: 992px) and (max-width: 1800px) {
	.col-lg-3 .title, .col-md-3 .title, .col-xl-3 .title {
		font-size: 1.2rem !important;
	}
	.col-lg-3 .sub-title, .col-md-3 .sub-title, .col-xl-3 .sub-title {
		font-size: 0.7rem !important;
	}
	.col-lg-3 .icon, .col-md-3 .icon, .col-xl-3 .icon {
		font-size: 0.8rem !important;
	}
}