:root {
	--contrast-threshold: 60%;
	--primary-h: 30;
	--primary-s: 95%;
	--primary-l: 57%;
	--primary-color-hsl: var(--primary-h),var(--primary-s),var(--primary-l);
	--primary-color: hsl(var(--primary-h),var(--primary-s),var(--primary-l));
	--color-switch-on-primary: calc((var(--primary-l) - var(--contrast-threshold)) * -100);
	--color-on-primary: hsl(0,0%,var(--color-switch-on-primary));
	--color-body-text-h: 210;
	--color-body-text-s: 11%;
	--color-body-text-l: 15%;
	--color-body-text-hsl: var(--color-body-text-h),var(--color-body-text-s),var(--color-body-text-l);
	--color-body-text: hsl(var(--color-body-text-h),var(--color-body-text-s),var(--color-body-text-l));
}

.btn-dynamic-tenant {
	background-color: attr(data-theme type(<color>), var(--primary-color)) !important;
	border-color: attr(data-theme type(<color>), var(--primary-color)) !important;
	color: var(--color-body-text-h),var(--color-body-text-s),var(--color-body-text-l);
}

.btn-dynamic-tenant:hover{
	opacity: 0.85;
	transition: .2s;
}

.body-container {
  /* margin-top: 60px; */
  padding-bottom: 40px; }

.welcome-page li {
  list-style: none;
  padding: 4px;
}

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0;
}

.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray; }
  .grants-page .card .card-title {
    font-size: 120%;
    font-weight: bold; }
    .grants-page .card .card-title img {
      width: 100px;
      height: 100px; }
  .grants-page .card label {
    font-weight: bold; }






/* Bootstrap Overrides - START */
.btn-primary {
	color: var(--color-on-primary);
	background-color: var(--primary-color);
	border-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 10%));
}

.btn-primary:hover {
		color: var(--color-on-primary);
    background-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 10%));
    border-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 15%));
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
		color: var(--color-on-primary);
    background-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 15%));
    border-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 20%));
}

.btn-primary:focus {
    background-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 15%));
    border-color: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 20%));
		box-shadow: 0 0 0 0.2rem hsla(var(--primary-h), var(--primary-s), var(--primary-l), 50%);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem hsla(var(--primary-h), var(--primary-s), var(--primary-l), 50%);
}
/* Bootstrap Overrides - END */




/* Animations - START */

.slide-in-bck-center {
	animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-bck-center {
  0% {
    transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}

/* Animations - END */










/* LOGIN */
html, body {
	height: 100%;
}

.pc-main-wrapper {
	height: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.pc-navbar {
	border-top: 3px solid var(--primary-color);
	border-bottom: solid 1px #e7e8e8;
}

.pc-brand-img {
	max-height: 2.2rem;
	width: auto;
}

.pc-login__wrapper {
	display: flex;
	height: 100%;
}

.pc-login__card {
	flex: 1 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pc-login__card > .card-body {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.pc-login__card {
		padding: 1rem;
		flex: 1 0 50%;
	}
}

@media (min-width: 992px) {
	.pc-login__card {
		padding: 1rem 2rem;
		flex: 1 0 40%;
	}
}

.pc-login__graphics {
	position: relative;
	display: none;
	align-items: center;
	justify-content: center;
	flex: 1 0 auto;
	/* max-height: calc(100vh - 66px); */
	/* background: linear-gradient(45deg, hsla(var(--primary-h), var(--primary-s), var(--primary-l), 40%) 10%, hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0%) 90%) no-repeat; */
}

.pc-login__graphics::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, hsla(var(--primary-h), var(--primary-s), var(--primary-l), 40%) 10%, hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0%) 90%) no-repeat;
}

.pc-login__graphics img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 1100px) {
	.pc-login__graphics {
		display: flex;
		flex: 1 0 60%;
	}
}

.pc-login__graphic {
	max-height: 45vh;
}

.pc-login__card label:not(.form-check-label) {
    margin-bottom: .2rem;
    /* font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600; */
}

@media (min-width: 768px) {
	.pc-login__card .form-control {
			padding: .8125rem 1.25rem;
			height: calc(1.6em + 1.625rem + 2px);
	}

	.pc-login__card .btn:not(.btn.btn-alt-login) {
			padding: .8125rem 1.25rem;
	}
}

.pc-alt-login > * + * {
	margin-top: 0.25rem;
}

.pc-login__title {
	font-weight: 400;
}