:root {
	/* PCG Color Palette */
	--pcg-blue: #0B3677;
	--pcg-skyblue: #00A0CA;
	--pcg-magenta: #A11B7E;
	--pcg-red: #EE2346;
	--pcg-green: #00CC66;
	--pcg-yellow: #FAB81F;
	/* Additional Colors */
	--pcg-skyblue-darker: #008fb3;
	--pcg-magenta-darker: #991a77;
	--pcg-red-darker: #ed1236;
	--pcg-green-darker: #00b359;
	--pcg-yellow-darker: #fab005;
	--pcg-white: #FFF;
	--pcg-black: #000;
	--pcg-bg-body: #FFF;
	--pcg-bg-body-fontColor: #212529;
	--pcg-bg-body-fontColorError: #212529;
	--pcg-bg-body-linkColor: #0d6efd;
	--pcg-text-muted: #6c757d;
	--pcg-bg-blue-fontColor: #FFF;
	--pcg-bg-table-evenRow: #F4F3F3;
	/*Toasts*/
	--pcg-toast-info-fontColor: #055160;
	--pcg-toast-info-backgroundColor: #cff4fc;
	--pcg-toast-info-borderColor: #b6effb;
	--pcg-toast-warning-fontColor: #664d03;
	--pcg-toast-warning-backgroundColor: #fff3cd;
	--pcg-toast-warning-borderColor: #ffecb5;
	--pcg-toast-success-fontColor: #0f5132;
	--pcg-toast-success-backgroundColor: #d1e7dd;
	--pcg-toast-success-borderColor: #badbcc;
	--pcg-toast-error-fontColor: #842029;
	--pcg-toast-error-backgroundColor: #f8d7da;
	--pcg-toast-error-borderColor: #f5c2c7;
	/*Font*/
	--pcg-body-font-weight: 800;
	--pcg-body-font-size: 1.5rem;
}

/*@media (prefers-color-scheme: dark) {
	:root {
		--pcg-bg-body: #595959;
		--pcg-bg-body-fontColor: #FFF;
		--pcg-bg-body-linkColor: #FFF;
		--pcg-text-muted: #FFF;
		--pcg-bg-table-evenRow: #4d4d4d;
		--pcg-bg-body-fontColorError: #F3919B;
		--pcg-body-font-weight: 800;
		--pcg-body-font-size: 1.5rem;
	}

	.btn-close {
		background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
	}

	.field-validation-error {
		color: var(--pcg-bg-body-fontColorError) !important;
		font-weight: var(--pcg-body-font-weight);
		font-size: var(--pcg-body-font-size);
	}
}*/

.pcg-bg-blue {
	background-color: var(--pcg-blue);
}

.pcg-bg-blue-fontColor {
	color: var(--pcg-bg-blue-fontColor) !important;
}

.pcg-bg-skyblue {
	background-color: var(--pcg-skyblue);
}

.pcg-bg-magenta {
	background-color: var(--pcg-magenta);
}

.pcg-bg-red {
	background-color: var(--pcg-red);
}

.pcg-bg-green {
	background-color: var(--pcg-green);
}

.pcg-bg-yellow {
	background-color: var(--pcg-yellow);
}

.pcg-link {
	color: var(--pcg-bg-body-linkColor) !important;
}

.pcg-btn-back {
	color: var(--pcg-bg-body-fontColor);
	border-color: var(--pcg-bg-body-fontColor);
}

	.pcg-btn-back:hover {
		color: var(--pcg-bg-body);
		background-color: var(--pcg-bg-body-fontColor);
	}

html {
	font-size: 14px;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

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

body {
	margin-bottom: 60px;
	background-color: var(--pcg-bg-body) !important;
	color: var(--pcg-bg-body-fontColor);
}

.mainContainer {
	background-color: var(--pcg-bg-body);
	margin-top:10px;
	margin-bottom:10px;
}

.mainCenter {
	scrollbar-width: none; /* For Firefox */
	-ms-overflow-style: none; /* For Internet Explorer and Edge */
	overflow-y: scroll;
	padding-left: 48px;
	padding-right: 48px;
}

mainCenter::-webkit-scrollbar {
	display: none; /* For Chrome, Safari, and Opera */
}

footer {
	background-color: var(--pcg-bg-body) !important;
}

/*Bootstrap Override*/
.text-muted {
	color: var(--pcg-text-muted) !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.form-floating label {
	color: var(--pcg-black) !important;
}

.modal-content {
	background-color: var(--pcg-bg-body);
}

.table {
	color: var(--pcg-bg-body-fontColor);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: var(--pcg-bg-table-evenRow);
}

.navbar-nav .nav-item {
	border-radius: 10px;
}

.navbar-toggler {
	color: black;
}

.btn-primary {
	background-color: var(--pcg-magenta);
	border-color: var(--pcg-magenta-darker);
}


/*Dynamic Tables CSS*/
.rowList .row:nth-child(even), .pcg-bg-table-evenRow {
	background-color: var(--pcg-bg-table-evenRow);
}

/*Skip Content CSS*/
.skip {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

	.skip:focus {
		position: static;
		width: auto;
		height: auto;
	}

/*Background picture CSS*/
div.backgroundImage {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -1;
	overflow: hidden;
}

	div.backgroundImage img {
		opacity: 5%;
		position: absolute;
	}

.backgroundImageWide {
	width: 100%;
	height: auto;
}

.backgroundImageTall {
	width: auto;
	height: 100%;
}

/*Toasts*/
.pcg-toast-success {
	background-color: var(--pcg-toast-success-backgroundColor) !important;
	color: var(--pcg-toast-success-fontColor) !important;
	border-color: var(--pcg-toast-success-borderColor);
}

.pcg-toast-error {
	background-color: var(--pcg-toast-error-backgroundColor) !important;
	color: var(--pcg-toast-error-fontColor) !important;
	border-color: var(--pcg-toast-error-borderColor);
}

.pcg-toast-warning {
	background-color: var(--pcg-toast-warning-backgroundColor) !important;
	color: var(--pcg-toast-warning-fontColor) !important;
	border-color: var(--pcg-toast-warning-borderColor);
}

.pcg-toast-info {
	background-color: var(--pcg-toast-info-backgroundColor) !important;
	color: var(--pcg-toast-info-fontColor) !important;
	border-color: var(--pcg-toast-info-borderColor);
}

a.no-underline {
	text-decoration:none;
}

/* Enable the modals to have a vertical scroll bar. */
.modal-dialog {
    height: 100%;
    overflow: hidden;
    padding-right: 0 !important;
}

.modal-content {
    height: calc(100% - 100px);
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 0 !important;
}