/* Your Global Styles */

/*.open-sans-<uniquifier> {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}*/

.abp-application-layout {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0057A0;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 0, 51, 102;
	--bs-primary-text-emphasis: #052c65;
	--bs-secondary-text-emphasis: #2b2f32;
	--bs-success-text-emphasis: #0a3622;
	--bs-info-text-emphasis: #055160;
	--bs-warning-text-emphasis: #664d03;
	--bs-danger-text-emphasis: #58151c;
	--bs-light-text-emphasis: #495057;
	--bs-dark-text-emphasis: #495057;
	--bs-primary-bg-subtle: #cfe2ff;
	--bs-secondary-bg-subtle: #e2e3e5;
	--bs-success-bg-subtle: #d1e7dd;
	--bs-info-bg-subtle: #cff4fc;
	--bs-warning-bg-subtle: #fff3cd;
	--bs-danger-bg-subtle: #f8d7da;
	--bs-light-bg-subtle: #fcfcfd;
	--bs-dark-bg-subtle: #ced4da;
	--bs-primary-border-subtle: #9ec5fe;
	--bs-secondary-border-subtle: #c4c8cb;
	--bs-success-border-subtle: #a3cfbb;
	--bs-info-border-subtle: #9eeaf9;
	--bs-warning-border-subtle: #ffe69c;
	--bs-danger-border-subtle: #f1aeb5;
	--bs-light-border-subtle: #e9ecef;
	--bs-dark-border-subtle: #adb5bd;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-font-sans-serif: "Open Sans", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg: #fff;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-emphasis-color: #000;
	--bs-emphasis-color-rgb: 0, 51, 102;
	--bs-secondary-color: rgba(33, 37, 41, 0.75);
	--bs-secondary-color-rgb: 33, 37, 41;
	--bs-secondary-bg: #e9ecef;
	--bs-secondary-bg-rgb: 233, 236, 239;
	--bs-tertiary-color: rgba(33, 37, 41, 0.5);
	--bs-tertiary-color-rgb: 33, 37, 41;
	--bs-tertiary-bg: #f8f9fa;
	--bs-tertiary-bg-rgb: 248, 249, 250;
	--bs-heading-color: #0057A0;
	--bs-link-color: #0d6efd;
	--bs-link-color-rgb: 22, 62, 100;
	--bs-link-decoration: underline;
	--bs-link-hover-color: #0a58ca;
	--bs-link-hover-color-rgb: 10, 88, 202;
	--bs-code-color: #d63384;
	--bs-highlight-color: #212529;
	--bs-highlight-bg: #fff3cd;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.25;
	--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
	--bs-form-valid-color: #198754;
	--bs-form-valid-border-color: #198754;
	--bs-form-invalid-color: #dc3545;
	--bs-form-invalid-border-color: #dc3545;
}

	.abp-application-layout .btn-primary {
		--bs-btn-bg: #0057A0;
		--bs-btn-hover-bg: #004085;
	}

/* Your Global Styles */

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 155px; /* Margin bottom by footer height */
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 115px;
	/*text-align: center;*/
	overflow: hidden;
	padding-top: 40px;
}

	.footer * {
	}

.footer-notes {
	padding-bottom: 0px;
}

.footer-copyrights {
	height: 40px;
	line-height: 2.6em;
}

.footer-bg {
	height: 100%;
}

.logo {
	max-height: 110px;
}

.social-box img {
	max-height: 20px;
}



/* Your Global Styles */



.fc-event {
	cursor: pointer;
}

.graphPercentage {
	width: 200px;
	height: 25px;
	border: solid 1px cornflowerblue;
}

	.graphPercentage .value {
		height: 100%;
		background-color: cornflowerblue;
		color: black;
	}


.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	padding-bottom: 30px;
}


div.eventsarea {
}

	div.eventsarea .date-badge {
		flex: 0 0 60px; /* Fix width to 60px and prevent shrinking */
		height: 60px;
		background-color: #f0f0f0;
		border-radius: 8px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		font-size: 14px;
		margin-right: 15px; /* Add spacing between badge and event details */
	}



	div.eventsarea .date-badge-day {
		font-size: 20px;
		color: #2c3e50;
	}

	div.eventsarea .date-badge-month {
		font-size: 12px;
		text-transform: uppercase;
		color: #7f8c8d;
	}

	div.eventsarea .list-group-item {
		display: flex;
		align-items: center;
		padding: 0px 0 0px;
		margin-bottom: 10px;
		border: none;
		border-bottom: 1px solid #e0e0e0;
	}

		div.eventsarea .list-group-item:last-child {
			border-bottom: none;
		}

		div.eventsarea .list-group-item div.eventdetails {
			flex: 1; /* Allow event details to grow and take up remaining space */
		}

	div.eventsarea div.upcomingevents .date-badge {
		background-color: rgb(25, 135, 84);
	}

		div.eventsarea div.upcomingevents .date-badge .date-badge-day {
			color: #fff;
		}

		div.eventsarea div.upcomingevents .date-badge .date-badge-month {
			color: #efefef;
		}

.circle-image {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #2196F3; /* Optional: Add a border around the circle */
	margin: auto
}

	.circle-image img {
		width: 100%;
		height: 100%;
		object-fit: cover; /* Ensures the image covers the circle */
	}

/*.rich-container {
	height: 400px;
}

	.rich-container .e-toolbar .e-toolbar-items {
		height: auto !important;
	}*/

.quillEditorContainer.ql-container .ql-editor .iframe {
	pointer-events: none;
}

.quillEditorContainer.ql-container .ql-editor .ql-video {
	pointer-events: none;
}

/*.e-rte-content
{
	height:359px!important;
}*/

.graph-height {
	max-height: 450px;
}

ul.ui-autocomplete {
	z-index: 999999;
}

.modal {
	background: rgba(0,0,0,0.5);
}

:root .lpx-brand-logo {
	--lpx-logo: url('/images/logo/leptonx/logo-light.png');
	--lpx-logo-icon: url('/images/logo/leptonx/logo-light-thumbnail.png');
}

.imagehover {
	max-width: 60px;
	max-height: 60px;
}

.imagedisplay {
	max-width: 100%;
	max-height: 100%;
}



body {
}

body {
}

.ms-options {
	max-height: 350px !important;
}

.ms-options-wrap {
	position: relative;
}

	.ms-options-wrap,
	.ms-options-wrap * {
		box-sizing: border-box;
	}

		.ms-options-wrap > button:focus,
		.ms-options-wrap > button {
			position: relative;
			width: 100%;
			text-align: left;
			border: 1px solid #ced4da;
			background-color: #fff;
			padding: 5px 20px 5px 5px;
			margin-top: 1px;
			color: #aaa;
			outline-offset: -2px;
			white-space: nowrap;
		}

			.ms-options-wrap > button > span {
				display: inline-block;
			}

			.ms-options-wrap > button[disabled] {
				background-color: #e5e9ed;
				color: #808080;
				opacity: 0.6;
			}

			.ms-options-wrap > button:after {
				content: ' ';
				height: 0;
				position: absolute;
				top: 50%;
				right: 5px;
				width: 0;
				border: 6px solid rgba(0, 0, 0, 0);
				border-top-color: #999;
				margin-top: -3px;
			}

		.ms-options-wrap.ms-has-selections > button {
			color: #333;
		}

		.ms-options-wrap > .ms-options {
			position: absolute;
			left: 0;
			width: 100%;
			margin-top: 1px;
			margin-bottom: 20px;
			background: white;
			z-index: 2000;
			border: 1px solid #aaa;
			overflow: auto;
			display: none;
		}

		.ms-options-wrap.ms-active > .ms-options {
			display: initial;
		}

		.ms-options-wrap > .ms-options > .ms-search input {
			width: 100%;
			padding: 4px 5px;
			border: none;
			border-bottom: 1px groove;
			outline: none;
		}

		.ms-options-wrap > .ms-options .ms-selectall {
			display: inline-block;
			text-transform: lowercase;
			text-decoration: none;
		}

			.ms-options-wrap > .ms-options .ms-selectall:hover {
				text-decoration: underline;
			}

		.ms-options-wrap > .ms-options > .ms-selectall.global {
			margin: 4px 5px;
		}

		.ms-options-wrap > .ms-options > ul,
		.ms-options-wrap > .ms-options > ul > li.optgroup ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}

			.ms-options-wrap > .ms-options > ul li.ms-hidden {
				display: none;
			}

			.ms-options-wrap > .ms-options > ul > li.optgroup {
				padding: 5px;
			}

				.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
					border-top: 1px solid #aaa;
				}

				.ms-options-wrap > .ms-options > ul > li.optgroup .label {
					display: block;
					padding: 5px 0 0 0;
					font-weight: bold;
				}

			.ms-options-wrap > .ms-options > ul label {
				position: relative;
				display: inline-block;
				width: 100%;
				padding: 4px 4px 4px 20px;
				margin: 1px 0;
				border: 1px dotted transparent;
			}

		.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
		.ms-options-wrap > .ms-options.hide-checkbox > ul label {
			padding: 4px;
		}

		.ms-options-wrap > .ms-options > ul label.focused,
		.ms-options-wrap > .ms-options > ul label:hover {
			background-color: #efefef;
			border-color: #999;
		}

		.ms-options-wrap > .ms-options > ul li.selected:not(.hasbgColor) label {
			background-color: #efefef;
			border-color: transparent;
		}

		.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
			margin: 0 5px 0 0;
			left: 4px;
			top: 7px;
		}

		.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
			position: absolute !important;
			height: 1px;
			width: 1px;
			overflow: hidden;
			clip: rect(1px 1px 1px 1px);
			clip: rect(1px, 1px, 1px, 1px);
		}



		.ms-options-wrap button {
			border-radius: 0.25rem;
			padding: 0.375rem 0.75rem;
			line-height: 1.77;
		}










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

.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

	.toast-message a,
	.toast-message label {
		color: #FFFFFF;
	}

		.toast-message a:hover {
			color: #CCCCCC;
			text-decoration: none;
		}

.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	line-height: 1;
}

	.toast-close-button:hover,
	.toast-close-button:focus {
		color: #000000;
		text-decoration: none;
		cursor: pointer;
		opacity: 0.4;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
		filter: alpha(opacity=40);
	}

.rtl .toast-close-button {
	left: -0.3em;
	float: left;
	right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-left {
	top: 12px;
	left: 12px;
}

.toast-top-right {
	top: 12px;
	right: 12px;
}

.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}

.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}

#toast-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
	/*overrides*/
}

	#toast-container * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#toast-container > div {
		position: relative;
		pointer-events: auto;
		overflow: hidden;
		margin: 0 0 6px;
		padding: 15px 15px 15px 50px;
		width: 300px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		background-position: 15px center;
		background-repeat: no-repeat;
		-moz-box-shadow: 0 0 12px #999999;
		-webkit-box-shadow: 0 0 12px #999999;
		box-shadow: 0 0 12px #999999;
		color: #FFFFFF;
		opacity: 0.8;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		filter: alpha(opacity=80);
	}

		#toast-container > div.rtl {
			direction: rtl;
			padding: 15px 50px 15px 15px;
			background-position: right 15px center;
		}

		#toast-container > div:hover {
			-moz-box-shadow: 0 0 12px #000000;
			-webkit-box-shadow: 0 0 12px #000000;
			box-shadow: 0 0 12px #000000;
			opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: alpha(opacity=100);
			cursor: pointer;
		}

	#toast-container > .toast-info {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
	}

	#toast-container > .toast-error {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
	}

	#toast-container > .toast-success {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
	}

	#toast-container > .toast-warning {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
	}

	#toast-container.toast-top-center > div,
	#toast-container.toast-bottom-center > div {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	#toast-container.toast-top-full-width > div,
	#toast-container.toast-bottom-full-width > div {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}

.toast {
	background-color: #030303;
}

.toast-success {
	background-color: #51A351;
}

.toast-error {
	background-color: #BD362F;
}

.toast-info {
	background-color: #2F96B4;
}

.toast-warning {
	background-color: #F89406;
}

.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 11em;
	}

		#toast-container > div.rtl {
			padding: 8px 50px 8px 8px;
		}

	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}

	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}

@media all and (min-width: 241px) and (max-width: 480px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 18em;
	}

		#toast-container > div.rtl {
			padding: 8px 50px 8px 8px;
		}

	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}

	#toast-container .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}

@media all and (min-width: 481px) and (max-width: 768px) {
	#toast-container > div {
		padding: 15px 15px 15px 50px;
		width: 25em;
	}

		#toast-container > div.rtl {
			padding: 15px 50px 15px 15px;
		}
}



:root {
	--dt-row-selected: 155, 155, 155;
	--dt-row-selected-text: 255, 255, 255;
	--dt-row-selected-link: 9, 10, 11;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
	top: 1.2em;
	left: 10px;
	right: 10px;
}


.landinglink {
	text-decoration: none;
}

	.landinglink span {
		text-decoration: underline;
	}

.disabled .text-secondary {
	color: var(--bs-btn-disabled-color) !important;
}

.bgawesome {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.fullwidthbutton {
	width: 100%;
	display: block;
}




#cis-loading-spinner {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

.loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-top: 4px solid #ffffff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}




/*Data tables*/

.dt-controls.large-text, tr.dt-hasChild td.dt-controls.large-text {
	background: none;
}

	.dt-controls.large-text .fas.open-arrow:before {
		content: "\f0da";
		margin-right: 5px;
	}

tr.dt-hasChild .dt-controls.large-text .fas.open-arrow:before {
	content: "\f0d7";
}

.dt-controls.large-text .fas.comment-open-arrow:before, .dt-controls.large-text .fas.response-open-arrow:before {
	content: "\f0da";
	margin-right: 5px;
}

tr.dt-hasChild.shown-comment-details .dt-controls.large-text .fas.comment-open-arrow:before,
tr.dt-hasChild.shown-response-details .dt-controls.large-text .fas.response-open-arrow:before {
	content: "\f0d7";
}

.large-comment {
	line-height: 1.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100px;
	display: inline-block;
}

.hasResponse .abp-action-button, .hasNoResponse .abp-action-button {
	width: 100%;
}

.fa-flag.flaged, .fa-flag.not-flaged {
	color: darkred;
}


.fa-flag.not-flaged {
	filter: opacity(0.1);
}

div.dataTables_processing {
	z-index: 999;
}

.top-navbar .navbar-nav .nav-link {
	font-size: 1em;
	color: #fff;
}

	.top-navbar .navbar-nav .nav-link:hover {
		background-color: rgb(112 102 102 / 60%);
	}

.main-navbar .navbar-nav .nav-link {
	color: #656565;
}




.flip-card {
	background-color: transparent;
	width: 300px;
	height: 300px;
	perspective: 1000px;
	margin: auto;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 20px;
}

.flip-card-front {
	/*background-color: #bbb;*/
	color: black;
}

.flip-card-back {
	/*background-color: #2980b9;
	color: white;*/
	transform: rotateY(180deg);
}

.flip-card-inner {
	display: flex;
	flex-direction: column;
	justify-content: center; /* Aligns content vertically in the center */
	height: 100%; /* Set a specific height as needed */
}

.flip-card-front, .flip-card-back {
	display: flex;
	align-items: center; /* Aligns content vertically in the center */
	justify-content: center; /* Aligns content horizontally in the center */
}

.no-wrap {
	white-space: nowrap;
}


.unread-message.badge {
	position: relative;
	right: 0.5rem;
}

.rtl .unread-message.badge {
	left: 1rem;
	right: initial;
}

#lpx-toolbar .nav-item {
	margin: auto;
}

#lpx-toolbar a[href="/Chat"] {
	display: none;
}

#lpx-toolbar .lpx-menu-item-link .lpx-icon {
	margin-top: auto !important;
	font-size: 1rem !important;
}

#FeaturesTabsContent .mCustomScrollBox {
	height: 80%;
}

.listcell {
	padding-left: 1rem;
	padding-right: 0;
}

.rtl .listcell {
	padding-right: 1rem;
	padding-left: 0;
}


.truncate-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
}



.hasResponse span.submit {
	display: none;
}

.hasNoResponse span.edit {
	display: none;
}


#main-navbar-tools a.dropdown-toggle {
	text-decoration: none;
	color: #fff;
}

.navbar .dropdown-submenu {
	position: relative;
}

.navbar .dropdown-menu {
	margin: 0;
	padding: 0;
}

	.navbar .dropdown-menu a {
		font-size: .9em;
		padding: 10px 15px;
		display: block;
		min-width: 210px;
		text-align: left;
		border-radius: 0.25rem;
		min-height: 44px;
	}

:not(body.rtl) .navbar .dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 16px;
	top: 18px;
}

.navbar .dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
}

.card-header .btn {
	padding: 2px 6px;
}

.card-header h5 {
	margin: 0;
}

.container > .card {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

@media screen and (min-width: 768px) {
	.navbar .dropdown:hover > .dropdown-menu {
		display: block;
	}

	.navbar .dropdown-submenu:hover > .dropdown-menu {
		display: block;
	}
}

.input-validation-error {
	border-color: #dc3545;
}

.field-validation-error {
	font-size: 0.8em;
}

.dataTables_scrollBody {
	min-height: 248px;
}

div.dataTables_wrapper div.dataTables_info {
	padding-top: 11px;
	white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
	padding-top: 10px;
	margin-bottom: 0;
}

.rtl .dropdown-menu-right {
	right: auto;
	left: 0;
}

	.rtl .dropdown-menu-right a {
		text-align: right;
	}

.rtl .navbar .dropdown-menu a {
	text-align: right;
}

.rtl .navbar .dropdown-submenu .dropdown-menu {
	top: 0;
	left: auto;
	right: 100%;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 115px; /* Margin bottom by footer height */
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 115px;
	/*text-align: center;*/
	overflow: hidden;
}

	.footer * {
	}

.footer-notes {
	padding-bottom: 0px;
}

.footer-copyrights {
	height: 40px;
	line-height: 2.6em;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.mx-right {
	margin-left: auto;
}

.rtl .mx-right {
	margin-left: 0;
	margin-right: auto;
}

.rtl div.dataTables_wrapper div.dataTables_filter {
	text-align: left;
}

.rtl table.dataTable thead th, .rtl table.dataTable thead td, .rtl table.dataTable tfoot th, .rtl table.dataTable tfoot td {
	text-align: right;
}

.footer-logo {
	max-width: 260px;
}





/* Your Global Styles */
.navbar-nav .nav-link {
	font-size: 1.2em;
	margin-left: 0.6em;
}

.dt-control.large-text, tr.dt-hasChild td.dt-control.large-text {
	background: none;
}

	.dt-control.large-text .fas.open-arrow:before {
		content: "\f0da";
		margin-right: 5px;
	}

tr.dt-hasChild .dt-control.large-text .fas.open-arrow:before {
	content: "\f0d7";
}

.dt-control.large-text .fas.comment-open-arrow:before, .dt-control.large-text .fas.response-open-arrow:before {
	content: "\f0da";
	margin-right: 5px;
}

tr.dt-hasChild.shown-comment-details .dt-control.large-text .fas.comment-open-arrow:before,
tr.dt-hasChild.shown-response-details .dt-control.large-text .fas.response-open-arrow:before {
	content: "\f0d7";
}

.large-comment {
	line-height: 1.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100px;
	display: inline-block;
}

.hasResponse .abp-action-button, .hasNoResponse .abp-action-button {
	width: 100%;
}

.fa-flag.flaged, .fa-flag.not-flaged {
	color: darkred;
}


.fa-flag.not-flaged {
	filter: opacity(0.1);
}

.graphPercentage {
	width: 200px;
	height: 25px;
}

	.graphPercentage .value {
		height: 100%;
		background-color: cornflowerblue;
		color: white;
	}

.full-button-width {
	width: 100%;
}




.carousel-item {
	height: calc(100vh - 139px);
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}



.carousel-caption {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: rgba(0, 0, 0, 0.35);
	z-index: 1;
}

.carousel-caption2 {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: rgba(0, 0, 0,0.35);
	z-index: 1;
}


.carousel-indicators {
	width: 60px;
	top: 0;
	right: calc(100% - 60px) !important;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

	.carousel-indicators li {
		width: 25px;
		height: 25px;
		margin: 5px 0;
		background: #44425A;
		border: 5px solid #FFFFFF;
		border-radius: 25px;
	}

	.carousel-indicators .active {
		background: #FF6600;
	}

@media (max-width: 991.98px) {
	.carousel-indicators {
		width: 45px;
		right: calc(100% - 45px);
	}

		.carousel-indicators li {
			width: 15px;
			height: 15px;
		}
}

@media (max-width: 575.98px) {
	.carousel-caption h5 {
		font-size: 16px;
	}

	.carousel-caption h1 {
		font-size: 30px;
		font-weight: 700 !important;
	}
}


table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
	vertical-align: middle;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
	font-size: 0.5rem;
}


table.dataTable .wide-cell {
	min-width: 250px;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
	background-color: #009edb;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
	background-color: #009edb;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
	background-color: #0a58ca;
}

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
	background-color: #0a58ca;
}


table.dataTable.table-hover > tbody > tr:hover > * {
	box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.2);
}


.country-check .form-check {
	display: inline-block;
}

.country-check-icon {
	max-width: 26px;
}


@media (min-width: 1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 98%;
	}
}

.country-selection img {
	max-width: 150px;
	width: 100%;
}

country-selection {
}


fieldset.groupedfieldset {
	border: 1px groove #ddd !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}

legend.groupedfieldsetlegend {
	float: inherit;
	width: auto;
}

.disabledalike {
	background-color: lightgray
}