﻿/* Variables definition*/
:root {
	--primary-color: #0F75BC;
	--primary-btn-active-color: #0B5589;
	--sidebar-background-color: #FAFAFA;
	--sidebar-font-color: #4D545E;
	--sidebar-item-hover-color: #E6F0FA;
	--deafutl-font-color: #454545;
	--card-background-color: #F7F7F7;
	--font-disabled-color: #A5A5A5;
	--alert-danger-background-color: #FEECEB;
	--disabled-color: #D5D5D5;
}

/*general*/

.full-width-line {
	border: none;
	height: 5px;
	background-color: var(--disabled-color);
	border-radius: 5px;
}

a {
	color: var(--primary-btn-active-color);
	font-weight: 500;
}

.text-primary {
	color: var(--primary-color) !important;
}


/*form general*/

h3.border-bottom {
	border-bottom: 0 !important;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 18px;
}

.form-group label {
	font-size: 13px;
	font-weight: 600;
}


/*page header*/
header .report-sub-title1 {
	font-size: 20px;
	margin-bottom: 8px;
	font-weight: 600;
}

header .report-sub-title2 {
	font-size: 12px;
}

header .report-sub-title3 {
	font-size: 12px;
	font-weight: 500;
}

/* table */
.table thead > tr > th {
	background-color: #FFFFFF;
	color: var(--deafutl-font-color);
	font-weight: 500;
	vertical-align: middle;
	font-size: 13px;
	border-top: none;
	border-width: 1.5px;
	text-align: left !important;
	padding: 10px;
	/*line-height: 36px;*/
}

	.table thead > tr > th:last-child {
		border-right: none;
	}

	.table thead > tr > th:first-child {
		border-left: none;
	}

table > thead > tr > th:not(.text-left):not(.text-right):not(:has(.custom-control)) {
	text-align: left !important;
}

.table tbody > tr > td,
.table tbody > tr > th {
	color: var(--deafutl-font-color);
	font-weight: 400;
	vertical-align: middle;
	font-size: 12px;
	padding: 10px;
	border-right: none;
	border-left: none;
	border-width: 1.5px;
}

.table tbody > tr:last-child {
	border-bottom: solid #DEE2E6 1.5px;
}

.table tbody > tr .custom-text-sm {
	font-size: 0.8rem;
}

.table tbody > tr .custom-text-lg {
	font-size: 1rem;
}

table.table-bordered {
	border-right-width: 0;
	border-left-width: 0;
	border-top-width: 0;
}

.table.table-striped tbody tr:nth-of-type(even),
.table.table-striped tbody tr:nth-of-type(odd),
table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: white;
}

.table tbody tr:hover {
	background-color: var(--card-background-color) !important;
}

.table.table-striped-custom tbody tr:nth-of-type(odd) {
	background-color: var(--card-background-color) !important;
}

.dataTables_filter label {
	display: inherit;
}

.dataTables_filter .form-control {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 0px 2px !important;
	background-size: 30px 30px;
}

div.dataTables_wrapper div.dataTables_filter input {
	width: 100%;
	margin-left: 0;
	height: 35px;
	padding-left: 30px;
	margin-top: 22px;
	margin-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_info {
	padding-top: 0;
}

div.dataTables_wrapper div.dataTables_length label {
	margin-bottom: 0;
}

/*table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
	content: "\02C6" !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	content: "\02C7" !important;
}*/

table > thead > tr > th.text-center {
	text-align: center !important;
}

.table tbody > tr.flagRedRow {
	background-color: var(--alert-danger-background-color) !important;
}

.table tbody > tr.flagYellowRow {
	background-color: #FDF5E0 !important;
}

.table tbody > tr.flagOrangeRow {
	background-color: #FFEEDE !important;
}

.cblist-hover > div:hover {
	background-color: var(--card-background-color) !important;
}

.page-item .page-link {
	color: var(--deafutl-font-color);
	font-weight: 500;
	font-size: 13px;
	border: 0;
}

.page-item.disabled .page-link {
	color: var(--font-disabled-color);
}

.page-item.active .page-link {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.custom-select-sm {
	height: 40px;
}

.custom-select {
	height: 40px;
}

.pagination .fa-regular, .table .fa-regular {
	font-weight: 500;
	vertical-align: middle;
	font-size: 16px;
	text-align: center;
	margin: 0 4px;
}

table.table-form tbody tr th, table.table-form tbody tr td {
	padding-top: 10px;
	padding-bottom: 10px;
}


/*app-header*/
.app-header.navbar {
	background-color: var(--sidebar-background-color);
	border-bottom: 1px solid var(--sidebar-background-color) !important;
}

	.app-header.navbar .dropdown .dropdown-menu .dropdown-item {
		font-weight: 500;
	}

		.app-header.navbar .dropdown .dropdown-menu .dropdown-item .fa-regular {
			margin-right: 6px;
			text-align: center;
		}

	.app-header.navbar .sidebar-brand-fake {
		background-color: var(--sidebar-background-color);
		width: 250px;
	}

	.app-header.navbar .nav-item .nav-link, .app-header.navbar .nav-item .dropdown-toggle {
		color: #FFFFFF;
		padding: 6px 5px;
		margin: 4px 0;
		font-size: 13px;
	}

		.app-header.navbar .nav-item .nav-link:not(.user-nav-link):hover,
		.app-header.navbar .nav-item .dropdown-toggle:not(.user-nav-link):hover,
		.app-header.navbar .nav-item .nav-link:not(.user-nav-link).active,
		.app-header.navbar .nav-item .dropdown-toggle:not(.user-nav-link).active {
			border-bottom: 2px solid #FFFFFF;
		}

	.app-header.navbar .nav-title, .app-header.navbar .nav-item {
		padding-left: 15px;
		padding-right: 5px;
	}

	.app-header.navbar .badge {
		font-size: 1rem;
		padding: 4px 10px 4px 10px;
	}

	.app-header.navbar .nav-link .badge {
		font-size: 1rem;
		padding: 4px 10px 4px 10px;
		background-color: #454545BF;
		margin-left: 5px;
	}

	.app-header.navbar .nav-link .user-name:hover {
		text-decoration: underline;
		text-decoration-color: #FFFFFF;
		text-decoration-thickness: 2px;
		text-underline-offset: 10px;
	}

.app-header .user-img {
	background-color: #F3F3F38F;
	margin-right: 5px;
	display: inline-block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	border-radius: 50%;
	text-align: center;
}

.app-header p.text-muted, .app-header p.text-danger {
	font-size: 0.875em;
}


/*sidebar*/
.sidebar .sidebar-brand, .sidebar .sidebar-minimizer-brand {
	background-color: var(--sidebar-background-color);
	color: var(--sidebar-font-color);
	box-shadow: 2px 4px 4px 0px rgba(37, 37, 37, 0.10);
}

.sidebar.border-right {
	border-right: 1px solid var(--sidebar-background-color) !important;
}

.sidebar .dropdown .dropdown-menu .dropdown-item {
	font-weight: 500;
}

.sidebar .sidebar-nav {
	background-color: var(--sidebar-background-color);
	box-shadow: 2px 4px 4px 0px rgba(37, 37, 37, 0.10);
}

.sidebar .nav-title {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	color: var(--deafutl-font-color);
	padding-top: 18px;
	padding-left: 18px;
}

.sidebar .nav-link {
	padding: 6px 16px 6px 28px;
	color: #4D545E;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
}
.sidebar .nav-footer {
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 16px;
	padding-left: 18px;
	padding-top: 18px;
}
	.sidebar .nav-link .nav-text {
		vertical-align: middle;
	}

	.sidebar .nav-link .fa-regular {
		font-size: 16px;
		vertical-align: middle;
		text-align: center;
	}

	.sidebar .nav-link.active {
		color: var(--primary-color);
		background-color: transparent;
	}

	.sidebar .nav-link:hover {
		color: var(--deafutl-font-color);
		background-color: var(--sidebar-item-hover-color);
	}

.sidebar .nav-item a.nav-link {
	display: flex;
	align-items: center;
	gap: 8px; /* Match the inline style */
}

	.sidebar .nav-item a.nav-link i {
		width: 20px;
		min-width: 20px; 
		text-align: center;
		flex-shrink: 0; /* Prevents icons from shrinking */
	}

.sidebar .sidebar-minimizer {
	background-color: var(--sidebar-background-color);
	color: var(--sidebar-font-color);
}

	.sidebar .sidebar-minimizer:hover {
		background-color: #757575;
		color: var(--sidebar-background-color);
	}

	.sidebar .sidebar-minimizer.border-top {
		border-top: 1px solid #757575 !important;
		box-shadow: 2px 4px 4px 0px rgba(37, 37, 37, 0.10);
	}

.sidebar-minimized .sidebar .nav-link {
	padding-bottom: 20px;
}

	.sidebar-minimized .sidebar .nav-link i {
		text-align: center;
		font-size: 20px;
	}
.sidebar-minimized .sidebar .nav-footer {
	display: none;
}
.sidebar-minimized .sidebar .nav-item:hover > .nav-link {
	background: transparent;
}

.sidebar-minimized .sidebar .brand-logo.brand-logo-default {
	display: none !important;
}

.sidebar-minimized .sidebar .brand-logo.brand-logo-default-minimizer {
	display: block !important;
}

.sidebar-minimized .app-header.navbar .sidebar-brand-fake {
	width: 75px;
}

.sidebar-minimized .sidebar .nav-floater {
	background-color: var(--sidebar-item-hover-color);
	color: var(--deafutl-font-color);
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	left: 60px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px var(--font-disabled-color);
}

	.sidebar-minimized .sidebar .nav-floater .nav-text {
		font-size: 13px;
	}


/*h**/
h1, .h1 {
	color: var(--deafutl-font-color);
	font-weight: 700;
	font-size: 30px;
}

h2, .h2 {
	color: var(--deafutl-font-color);
	font-weight: 700;
	font-size: 26px;
}

h3, .h3 {
	color: var(--deafutl-font-color);
	font-weight: 700;
	font-size: 23px;
}

h4, .h4 {
	color: var(--deafutl-font-color);
	font-weight: 600;
	font-size: 20px;
}

h5, .h5 {
	color: var(--deafutl-font-color);
	font-weight: 600;
	font-size: 17px;
}

h6, .h6 {
	color: var(--deafutl-font-color);
	font-weight: 600;
	font-size: 15px;
}



/*buttons*/

.btn.flex-none {
	flex: none !important;
}


.btn.disabled, .btn:disabled {
	cursor: default !important;
}

.btn-primary {
	font-weight: 500;
	color: #FFFFFF;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

	.btn-primary.disabled,
	.btn-primary:disabled {
		color: var(--font-disabled-color);
		background-color: var(--disabled-color);
		border-color: var(--disabled-color);
	}

	.btn-primary:not(:disabled):not(.disabled):focus,
	.btn-primary:not(:disabled):not(.disabled).focus {
		box-shadow: 0 0 0 2px #4CADF1;
	}

	.btn-primary:not(:disabled):not(.disabled):hover,
	.btn-primary:not(:disabled):not(.disabled).hover {
		background-color: #1F6798;
	}

	.btn-primary:not(:disabled):not(.disabled):active,
	.btn-primary:not(:disabled):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle {
		color: #FFFFFF;
		background-color: var(--primary-btn-active-color);
		border-color: var(--primary-btn-active-color);
	}

		.btn-primary:not(:disabled):not(.disabled):active:focus,
		.btn-primary:not(:disabled):not(.disabled).active:focus {
			box-shadow: 0 0 0 2px #4CADF1;
		}


.btn-outline-primary {
	font-weight: 500;
	color: var(--primary-color);
	background-color: transparent;
	border-color: var(--primary-color);
}

	.btn-outline-primary.disabled,
	.btn-outline-primary:disabled {
		color: var(--font-disabled-color);
		border-color: var(--disabled-color);
	}

	.btn-outline-primary:not(:disabled):not(.disabled):focus,
	.btn-outline-primary:not(:disabled):not(.disabled).focus{
		box-shadow: 0 0 0 2px #4CADF1;
	}

	.btn-outline-primary:not(:disabled):not(.disabled):hover,
	.btn-outline-primary:not(:disabled):not(.disabled).hover {
		color: #FFFFFF;
		background-color: var(--primary-color);
		border-color: var(--primary-color);
	}

	.btn-outline-primary:not(:disabled):not(.disabled):active,
	.btn-outline-primary:not(:disabled):not(.disabled).active,
	.show > .btn-outline-primary.dropdown-toggle {
		color: #FFFFFF;
		background-color: var(--primary-btn-active-color);
		border-color: var(--primary-btn-active-color);
	}

		.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
		.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
			box-shadow: 0 0 0 2px #4CADF1;
		}

.btn-outline-secondary {
	font-weight: 500;
	color: var(--deafutl-font-color);
	background-color: transparent;
	border-color: #D9D9D9;
}

	.btn-outline-secondary.disabled,
	.btn-outline-secondary:disabled {
		color: var(--font-disabled-color);
		border-color: var(--font-disabled-color);
	}

	.btn-outline-secondary:not(:disabled):not(.disabled):focus,
	.btn-outline-secondary:not(:disabled):not(.disabled).focus {
		border-color: #4CADF1;
		box-shadow: 0 0 0 2px #4CADF1;
	}

	.btn-outline-secondary:not(:disabled):not(.disabled):hover,
	.btn-outline-secondary:not(:disabled):not(.disabled).hover {
		color: var(--deafutl-font-color);
		border-color: var(--disabled-color);
		background-color: #4545450F;
	}

	.btn-outline-secondary:not(:disabled):not(.disabled):active,
	.btn-outline-secondary:not(:disabled):not(.disabled).active,
	.show > .btn-outline-secondary.dropdown-toggle {
		background-color: #4545454D;
		border-color: #4545454D;
		color: var(--deafutl-font-color);
	}

		.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
		.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
			box-shadow: 0 0 0 2px #4CADF1;
		}

.btn-link {
	font-weight: 500;
	color: var(--primary-color);
	background-color: transparent;
	border-color: #FFFFFF;
	text-decoration: none !important;
}

	.btn-link.disabled,
	.btn-link:disabled {
		color: var(--font-disabled-color);
		background-color: #F7F7F7;
		border-color: #F7F7F7;
	}

	.btn-link:not(:disabled):not(.disabled):focus,
	.btn-link:not(:disabled):not(.disabled).focus {
		box-shadow: 0 0 0 2px #4CADF1;
	}

	.btn-link:not(:disabled):not(.disabled):hover,
	.btn-link:not(:disabled):not(.disabled).hover {
		background-color: #4545450F;
		border-color: #4545454D;
	}

	.btn-link:not(:disabled):not(.disabled):active,
	.btn-link:not(:disabled):not(.disabled).active,
	.show > .btn-link.dropdown-toggle {
		background-color: #4545454D;
		border-color: #4545454D;
	}

		.btn-link:not(:disabled):not(.disabled):active:focus,
		.btn-link:not(:disabled):not(.disabled).active:focus {
			box-shadow: 0 0 0 2px #4CADF1;
		}


/*buttons group*/
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.btn-group .btn:not(:last-child) {
	margin-right: 8px;
}

.btn-group-custom .btn {
	border-radius: 0;
	margin-right: -4px;
	font-size: 12px;
}

	.btn-group-custom .btn:first-child {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.btn-group-custom .btn:last-child {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
.btn-learn-more {
	top: 25%;
	left: 35%;
	border-radius: 15px;
	background-color: white;
	font-weight: bold;
	font-size: 14px
}
/*dropdown*/
.dropdown-menu {
	margin: 0;
	padding: 12px 8px 12px 8px;
}

	.dropdown-menu.dropdown-sidebar {
		min-width: 15rem;
	}

.dropdown-item {
	padding: 8px 13px 8px 13px;
	color: var(--sidebar-font-color);
}

	.dropdown-item:focus, .dropdown-item:hover {
		background-color: var(--sidebar-item-hover-color);
		color: var(--sidebar-font-color);
	}

	.dropdown-item.active, .dropdown-item:active {
		background-color: var(--sidebar-background-color);
		color: var(--primary-color);
	}

/*bagde*/
.badge-success {
	color: #315D2D;
	background-color: #E5F2E3;
}

.badge-warning {
	color: #685503;
	background-color: #FDF6D3;
}

.badge-danger {
	color: #982020;
	background-color: #F8DDDD;
}

.badge-primary {
	background-color: var(--primary-color);
}

.badge-info {
	color: #0B5589;
	background-color: #D9EEFC;
}

.badge-light {
	background-color: #EDEDED;
	color: var(--deafutl-font-color);
}

.badge {
	padding: 6px;
	font-weight: 500;
	font-size: 100%;
}


/*card*/
.card:not(.bg-white):not(.bg-primary):not(.widgetCard) .card-body:not(.collapse):not(.collapsing), .bg-light {
	background-color: var(--card-background-color) !important;
}

.card:not(.bg-white):not(.bg-primary):not(.widgetCard) .card-header {
	background-color: var(--card-background-color) !important;
}

.card {
	box-shadow: 0px 1px 2px 0px #1018280D;
	border-radius: 5px;
	border: 1px solid #ECEFF2;
}

	.card .card-body {
		border-radius: 5px;
	}

	.card .card-header {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

		.card .card-header ~ .card-body {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}

/*modal*/
.modal-header {
	background-color: var(--card-background-color) !important;
}

.modal-footer {
	border-top: 2px solid var(--disabled-color);
}

/*alert*/
.alert .fa-regular {
	filter: brightness(2.5);
	font-size: 16px;
}

.alert-danger {
	color: #611A15;
	background-color: var(--alert-danger-background-color);
	border-color: var(--alert-danger-background-color);
}

/*tabs*/
.nav-tabs .nav-link {
	padding: 12px 16px;
	font-weight: 600;
	color: #757575;
}

	.nav-tabs .nav-link.active {
		color: var(--primary-color);
		border: 0;
		border-bottom: 3px solid var(--primary-color);
	}

		.nav-tabs .nav-link.active:hover {
			border-bottom: 3px solid var(--primary-color);
		}

	.nav-tabs .nav-link:hover {
		border: 0;
		background-color: var(--card-background-color);
		border-bottom: 3px solid var(--card-background-color);
	}


/*checkbox*/

.form-check-inline.custom-checkbox {
	margin-right: 2.75rem;
}

.custom-control {
	padding-left: 34px;
	margin-right: 8px;
	padding-bottom: 6px;
	padding-top: 6px;
}

.custom-control-label::before {
	/*		top: 0;
		width: 20px;
		height: 20px;*/
	border: #757575 solid 2px;
}

/*.custom-control-label::after {
		top: 0;
		width: 20px;
		height: 20px;
	}*/

/*.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-size: 12px;
}*/

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}

.custom-control-input:disabled ~ .custom-control-label::before {
	background-color: var(--disabled-color);
}


/*listgroup*/
.list-group .list-group-item i {
	padding-right: 16px;
}

/* Rotate arrow when collapsed */
.nav-title[aria-expanded="false"] .arrow-icon {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}

/* Optional: animate it when expanding/collapsing */
.nav-title .arrow-icon {
	transition: transform 0.3s ease;
}

#AssessmentModal .wizard-pane {
	position: relative;
	z-index: 0;
}

#AssessmentModal .wizard-overlay {
	position: absolute;
	inset: 0;
	background: rgba(255,255,255,0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: all;
	z-index: 1051;
}

#AssessmentModal .wizard-pane > * {
	z-index: auto;
}
#AssessmentModal .wizard-pane.d-none {
	display: none !important;
}
#AssessmentModal .modal-body {
	max-height: 70vh; 
	overflow-y: auto;
	overflow-x: hidden;
}

#AssessmentModal .modal-body > .container-fluid {
	max-height: none; 
}

.qa-summary-list {
	max-height: 200px;
	overflow-y: auto;
}

.wizard-actions {
	display: flex;
	justify-content: flex-end;
	margin-bottom: .75rem;
}

.wizard-actions > .d-flex.flex-column {
	row-gap: .5rem;
}

.wizard-actions.no-actions {
	display: none !important;
}

.notes-wrapper {
	position: relative;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
}

.notes-loading {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.75);
	z-index: 10;
}

.spinner-2rem {
	width: 2rem;
	height: 2rem;
}

.notes-list {
	list-style-type: disc;
	padding-left: 1.5rem;
	margin-bottom: 1rem;
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
}

.notes-input-area {
	position: sticky;
	bottom: 0;
	background: white;
	padding-top: 0.5rem;
	margin-top: auto;
}