:root {
	--page-bg: #fff;
	--primary-color: #009a2d;
	--secondary-color: #b0b0b0;
	--accent-color: #b0b0b0;
	--text-color: #fff;
	--text-color-light: #fff;
	--light-color: #f8f9fc;
	--dark-color: #009a2d;
	--sidebar-width: 260px;
	--sidebar-collapsed-width: 70px;
	--transition-speed: 0.3s;
	--border-radius: 12px;
	--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

	--menu-active-color: #00db00;

	--primary-light-1: #00b334;
	/* HSL(130, 100%, 35.9%) */
	--primary-light-2: #00cd3b;
	/* HSL(130, 100%, 40.8%) */
	--primary-light-3: #00e642;
	/* HSL(130, 100%, 45.1%) */
	--primary-light-4: #00ff49;
	/* HSL(130, 100%, 49.6%) */
	--primary-light-5: #2cff66;
	/* HSL(130, 100%, 58.0%) */
	--primary-light-6: #59ff83;
	/* HSL(130, 100%, 65.5%) */
	--primary-light-7: #85ffa0;
	/* HSL(130, 100%, 72.5%) */
	--primary-light-8: #b2ffbd;
	/* HSL(130, 100%, 79.5%) */
	--primary-light-9: #deffd8;
	/* HSL(130, 100%, 86.5%) */
	--primary-light-10: #e8ffe8;
	/* HSL(130, 100%, 90.0%) */
	--primary-light-11: #f1fff1;
	/* HSL(130, 100%, 93.5%) */
	--primary-light-12: #fafafa;
	/* HSL(130, 100%, 97.0%) */
}

/* Base Color Classes */
.bg-primary {
	background-color: var(--primary-color);
}

.text-primary {
	color: var(--primary-color);
}

/* Lighter Shades Classes */
.bg-primary-light-1 {
	background-color: var(--primary-light-1);
}

.text-primary-light-1 {
	color: var(--primary-light-1);
}

.bg-primary-light-2 {
	background-color: var(--primary-light-2);
}

.text-primary-light-2 {
	color: var(--primary-light-2);
}

.bg-primary-light-3 {
	background-color: var(--primary-light-3);
}

.text-primary-light-3 {
	color: var(--primary-light-3);
}

.bg-primary-light-4 {
	background-color: var(--primary-light-4);
}

.text-primary-light-4 {
	color: var(--primary-light-4);
}

.bg-primary-light-5 {
	background-color: var(--primary-light-5);
}

.text-primary-light-5 {
	color: var(--primary-light-5);
}

.bg-primary-light-6 {
	background-color: var(--primary-light-6);
}

.text-primary-light-6 {
	color: var(--primary-light-6);
}

.bg-primary-light-7 {
	background-color: var(--primary-light-7);
}

.text-primary-light-7 {
	color: var(--primary-light-7);
}

.bg-primary-light-8 {
	background-color: var(--primary-light-8);
}

.text-primary-light-8 {
	color: var(--primary-light-8);
}

.bg-primary-light-9 {
	background-color: var(--primary-light-9);
}

.text-primary-light-9 {
	color: var(--primary-light-9);
}

.bg-primary-light-10 {
	background-color: var(--primary-light-10);
}

.text-primary-light-10 {
	color: var(--primary-light-10);
}

.bg-primary-light-11 {
	background-color: var(--primary-light-11);
}

.text-primary-light-11 {
	color: var(--primary-light-11);
}

.bg-primary-light-12 {
	background-color: var(--primary-light-12);
}

.text-primary-light-12 {
	color: var(--primary-light-12);
}

.dashboard-summary-card {
	border-radius: 14px;
	border: 1px solid #eee;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

.dashboard-summary-card .card-header {
	font-size: 16px;
	padding: 14px 18px;
	border-bottom: 1px solid #eee;
}

.stats-item {
	display: flex;
	align-items: center;
	gap: 12px;
	/* background: #f8f9fa; */
	padding: 12px 14px;
	border-radius: 12px;
}

.stats-icon {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #fff;
}

/* COLORS */
.stats-icon.primary {
	background: #6f42c11f;
}

.stats-icon.primary .bi {
	color: #6f42c1;
}

.stats-icon.success {
	background: #20c9971f;
}

.stats-icon.success .bi {
	color: #20c997;
}

.stats-icon.warning {
	background: #ffc1071f;
}

.stats-icon.warning .bi {
	color: #ffc107;
}

.stats-title {
	font-size: 13px;
	color: #777;
}

.stats-value {
	font-size: 15px;
	font-weight: 600;
}


.chart-container {
	position: relative;
	height: 250px;
	width: 100%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0px;
}

[data-bs-theme=dark] {
	--page-bg: #444;
}

[data-bs-theme=blue-theme] {
	--page-bg: #0e1332;
}

.main-wrapper {
	margin-top: 41px;
}

.page.content {
	background: var(--page-bg);
	padding: 10px;
	border-radius: 10px;
	min-height: 80vh;
	margin: 20px 0px;
}

.page.content.header {
	min-height: 30px;
	padding: 25px;
	border-top: 3px solid #0d6efd;
}

.info-tooltip {
	position: relative;
}

/*
 * Assuming your CSS file is in 'css/style.css'
 * and your fonts are in 'fonts/' relative to the project root.
 * The path to the font file will be '../fonts/...'
 */

/* Open Sans Light (300) */
@font-face {
	font-family: 'osl';
	src: url('../fonts/OpenSans-Light.ttf');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	/* Optional: controls font loading behavior */
}

@font-face {
	font-family: 'osli';
	src: url('../fonts/OpenSans-LightItalic.ttf');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	/* Optional: controls font loading behavior */
}

@font-face {
	font-family: 'osr';
	src: url('../fonts/OpenSans-Regular.ttf');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	/* Optional: controls font loading behavior */
}

@font-face {
	font-family: 'osi';
	src: url('../fonts/OpenSans-Italic.ttf');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	/* Optional: controls font loading behavior */
}

@font-face {
	font-family: 'ossb';
	src: url('../fonts/OpenSans-SemiBold.ttf');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	/* Optional: controls font loading behavior */
}


@font-face {
	font-family: 'osb';
	src: url('../fonts/OpenSans-Bold.ttf');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	/* Optional: controls font loading behavior */
}

@font-face {
	font-family: 'osbi';
	src: url('../fonts/OpenSans-BoldItalic.ttf');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	/* Optional: controls font loading behavior */
}

body {
	font-family: 'Inter', sans-serif;
}

/* Or for specific elements */
h1 {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	/* Example: use a specific weight */
}

* {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
}

.ff-osl {
	font-family: osl;
}

.ff-osli {
	font-family: osli;
}

.ff-osb {
	font-family: osb;
}

.ff-osbi {
	font-family: osbi;
}

.ff-osr {
	font-family: osr;
}

.ff-osi {
	font-family: osi;
}

.ff-ossb {
	font-family: ossb;
}

.info-tooltip .tooltip-div {
	position: absolute;
	font-weight: normal;
	background: var(--page-bg);
	z-index: 9999;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 10px;
	min-width: 150px;
	display: none;
}

.statusBTNLabel {
	width: 30px;
	height: 30px;
	text-align: center;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}


/*Modal*/
.modal-header {
	padding-bottom: 10px;
}

.close.modal-close {
	background: transparent;
	border: 0px;
	font-size: 13em !important;
	color: #d39898;
	display: flex;
	align-items: center;
	height: 50px;
	/* font-size: 20px; */
}

.close.modal-close span {
	font-size: 20px;
}

.modal-body {
	padding-top: 0px;
}







/*Forms*/
.form-control:focus {
	box-shadow: 0 0 0 .0rem rgba(13, 110, 253, .25);
}

.form-error {
	display: none;
}

.form-control,
.form-select {
	padding: .75rem .75rem;
}






.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 10;
	margin-top: 10px;
}






/*Datatables*/
.table-responsive {
	overflow-x: hidden;
}

.dataTables_wrapper .row {
	align-items: center;
}

.dataTables_wrapper .row div:nth-of-type(2) {
	justify-content: flex-end;
	display: flex;
}

.dataTables_length label {
	display: flex;
	align-items: center;
}

.dataTables_length label select {
	max-width: 70px;
	margin: 0px 5px;
}

.dataTables_filter input {
	min-width: 300px;
}

table.dataTable tr.table-row {
	position: relative;
}

.table-row.suspended td:last-of-type:after {
	position: absolute;
	width: 3px;
	height: 100%;
	right: 0;
	background: orange;
	content: "";
	top: 0;
}

table.dataTable a {
	color: var(--bs-heading-color);
}







/*Uitilities*/
.bold {
	font-weight: bold;
}

.bolder {
	font-weight: bolder;
}

.cursor {
	cursor: pointer;
}

.relative {
	position: relative;
}

.hidden {
	display: none !important;
}



/*Search result*/
.search_result {
	background: var(--page-bg);
	width: 100%;
	position: absolute;
	max-height: 400px;
	z-index: 9999;
	border: 1px solid #eff1f3;
	;
	display: none;
	overflow-y: scroll;
}

.search_result a {
	padding: 10px;
	border-bottom: 1px solid #eff1f3;
	color: var(--bs-heading-color);
	transition-duration: 400ms;
}

.search_result a:hover {
	background: #eff1f3;
}

.search_result a p {
	display: flex;
	flex-wrap: wrap;
	flex-basis: 100%;
	margin: 0px;
	padding: 0px;
}

[data-bs-theme=dark] .search_result {
	border: 1px solid var(--bs-body-bg-2);
}

[data-bs-theme=dark] .search_result a {
	border-bottom: 1px solid var(--bs-body-bg-2);
}

[data-bs-theme=dark] .search_result a:hover {
	background: var(--bs-body-bg-2);
}


/*Swal*/
.swal-button.swal-button--confirm {
	background: #0c5bd1;
}

.swal-button.swal-button--confirm:hover {
	background: #0b4399;
}

.warning-swal .swal-button.swal-button--confirm {
	background: #ff4f4f;
}

.warning-swal .swal-button.swal-button--confirm:hover {
	background: #d33131;
}

.warning-swal .swal-button:focus {
	outline: none;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(255 113 126 / 29%);
}

.all_reports {
	padding: 1px 15px;
}

a.report {
	display: flex;
	align-items: center;
	transition-duration: 400ms;
}

a.report .report-inner {
	border: 1px solid #eff1f3;
	display: flex;
	align-items: center;
	border-radius: 3px;
	;
	flex-basis: 100%;
	padding-right: 10px;
	;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

a.report p {
	margin: 0px;
	padding: 0px;
	;
	color: var(--bs-heading-color);
	display: flex;
	justify-content: space-between;
	flex-basis: 90%;
	align-items: center;
	transition-duration: 400ms;
}

[data-bs-theme=dark] body a.report p {
	color: #dde0e4;
}

a.report:hover p,
[data-bs-theme=dark] body a.report:hover p {
	color: #0c5bd1;
}

a.report i.icon {
	flex-basis: 10%;
	border-right: 1px solid #eff1f3;
	padding: 10px;
	;
	font-size: 30px;
	;
}

body.toggled .logo-img {
	width: 100% !important;
	height: auto !important;
}

.emp-profile {
	position: relative;
}

img.profile-img {
	width: 190px !important;
	height: 190px !important;
	border-radius: 50%;
	border: 5px solid;
	max-width: 190px !important;
}

.profile-img-edit {
	position: absolute;
	right: 25%;
	bottom: 20px;
	width: 30px;
	height: 30px;
	background: var(--page-bg);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	cursor: pointer;
}

.profile-img-edit input {
	display: none;
}

button.btn.dropdown-toggle:not(.actions) {
	background-color: var(--bs-body-bg);
	color: var(--bs-body-color);
	height: 46px;
	line-height: 35px;
	border: var(--bs-border-width) solid var(--bs-border-color);
}

.dropdown.bootstrap-select.my-select {
	display: block;
	width: 100% !important;
}

.page-footer {
	position: fixed;
	bottom: 0;
	;
}

.sidebar-wrapper,
.sidebar-wrapper .sidebar-nav,
.sidebar-wrapper .sidebar-nav .metismenu ul {
	background-color: var(--primary-color);
}

.sidebar-wrapper .sidebar-header {
	background: #006a1f;
	;
}

.top-header .navbar {
	background-color: #484848;
}

.top-header .nav-right-links .nav-link {
	color: var(--text-color);
}

.top-header .nav-right-links .nav-link:hover {
	color: var(--bs-body-color);
}

.sidebar-wrapper .sidebar-nav .metismenu a .parent-icon .bi {
	font-size: 17px;
	font-weight: bold;
}

.sidebar-wrapper .sidebar-nav .metismenu ul a {
	font-size: 14px;
}

.sidebar-wrapper .sidebar-nav .metismenu ul a i {
	font-size: 13px;
	margin-right: 10px;
}

.sidebar-wrapper .sidebar-nav .metismenu ul {
	padding-left: 15px;
}

.sidebar-wrapper .sidebar-nav .metismenu a,
.sidebar-wrapper .sidebar-nav .metismenu ul a {
	color: var(--text-color);
}

.sidebar-wrapper .sidebar-nav .metismenu a:hover,
.sidebar-wrapper .sidebar-nav .metismenu .mm-active>a {
	background-color: #4a955d63;
	color: var(--menu-active-color);
}

@media (max-width: 1128px) {
	body.toggled .sidebar-wrapper .sidebar-header .logo-img {
		width: 50% !important;
		height: 50% !important;
	}
}

@media (max-width: 580px) {
	.modal.show .modal-dialog {
		margin-top: 50px;
	}
}

.sidebar-wrapper .sidebar-nav {
	margin-top: 90px;
}

table:not(.pika-table) thead th {
	background-color: #009a2d1c !important;
}

table:not(.pika-table) td .btn.btn-primary {
	background-color: #009a2d0f;
	color: var(--primary-color);
	border-color: #009a2d0f;
}

table:not(.pika-table) td .btn.btn-primary:hover {
	font-weight: bold;
}

table:not(.pika-table) td .badge.bg-success {
	background-color: #0699320f !important;
	color: var(--success-color);
	border-color: #009a2d0f;
}

table:not(.pika-table) td .badge.bg-warning {
	background-color: #d6a20526 !important;
	color: var(--warning-color);
	border-color: #ffc10726;
}

table:not(.pika-table) td .badge.bg-danger {
	background-color: #e4030329 !important;
	color: var(--danger-color);
	border-color: #e4030329;
}

table:not(.pika-table) td .btn.btn-danger {
	background-color: #ff000029;
	color: var(--danger-color);
	border-color: #ff000029;
}

table:not(.pika-table) td .btn.btn-danger:hover {
	font-weight: bold;
}

.card-body.table {
	padding: 0px;
}

.page-title {
	font-weight: bold;
}

.btn-primary {
	color: #fff;
}

.multiselect-parent {
	display: flex;
	flex-wrap: wrap;
}

.multiselect-parent .multiselect-label {
	flex-basis: 100%;
}

.multiselect-parent .bootstrap-select {
	flex-basis: 100%;
	padding: 0px;
	border: 0px;
}

.view_lease .card-header {
	background: #0187251c !important;
	color: #333 !important;
}

.view_lease .badge {}