.background
{
	position   : absolute;
	height     : 100vh;
	width      : 100vw;
	background : url(/sections/Login/background-grad.svg);
	background-repeat: no-repeat;
	background-color: #697c7a !important;
}
.loginCentered
{
	justify-content	: center;
}
.registrationNoER
{
	max-width: 580px;
}
.registrationNoERBodyText
{
	color: #5B5B5B;
	font-size: 18px;
	padding: 0 40px;
}
.contact-support-modal
{
	font-family: 'Myriad Pro Bold';
	white-space: nowrap;
}
.contact-support-phoneNumber
{
	color: #017C84;
	white-space: nowrap;
}
.psc-logo-login
{
	width: 415px;
	height: auto;
}
.already-registered-email
{
	margin: 2em 0;
	width: 85%;
	display: flex;
	justify-content: space-between;
}
.already-registered-email2
{
	margin: 2em 0;
	width: 90%;
	display: flex;
	justify-content: space-between;
}
@media (max-width: 600px)
{
	.already-registered-email
	{
		width: 100%;
		padding: 0 2em;
		flex-direction: column;
		gap: 10px;
	}
	.already-registered-email2
	{
		width: 100%;
		padding: 0 2em;
		flex-direction: column;
		gap: 10px;
	}
}

#warning-modal-close-button-container
{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding: 0 20px 20px 20px;
}
.warning-modal-dialog
{
	min-width:300px;
	width:fit-content;
	top: 50%;
	transform: translateY(-50%) !important;
	margin: 0 auto;
}
.warning-modal-body
{
	padding: 1.5rem;
}
.warning-modal-padding
{
	padding: 1rem calc(1.5rem + 10px) 1.5rem calc(1.5rem + 10px) !important;
}
.warning-modal-button-padding
{
	padding: 0 calc(1.5rem + 10px) 3rem calc(1.5rem + 10px) !important;
}
.flex-start
{
	justify-content: flex-start !important;
}

@media (min-width : 1441px)
{
	.loginCentered
	{
		display			: flex;
		justify-content	: center;
		align-items		: center;
		height			: 100vh; 
	}
}

@media (min-width: 1800px)
{
	.warning-modal-dialog
	{
		width: 30vw !important;
		max-width: 600px !important;
	}
}

.loginCard
{
	max-width     : 1000px;
	height        : auto;
	margin-left   : auto;
	margin-right  : auto;
	margin-top    : 5%;
	border-radius : 7px !important;
}

.form-control:focus
{
	border-color: #005189;
	box-shadow: 0 0 0 0.25rem #005189 !important;
}

.loginCardHeader
{
	border-top-left-radius  : 7px !important;
	border-top-right-radius : 7px !important;
	height					: 111px;
}

.footerDisclosure
{
	max-width    : 920px;
	margin-left  : auto;
	margin-right : auto;
	margin-top   : 40px;
}

.loginWelcome
{
	color		: #5B5B5B;
	font-size	: 20px;
	line-height	: var(--paragraph-line-height);
}

.loginWelcome-mobile
{
	display : none;
	margin	: 1.5rem 0;
}
.welcome-content
{
	font-size   : var(--dynamic-font-size);
	line-height : var(--paragraph-line-height);
}

.welcome-content .contact
{
	font-family : 'Myriad Pro Semibold';
}

.welcome-column
{
	line-height 	: var(--paragraph-line-height);
	border-left 	: 1px solid #CFD1D4;
	padding-left	: 35px;
	color			: var(--psc-gray);
}
.under-login-text-desktop
{
	font-size	: 16px;
	font-style	: italic;
	margin-top	: 25px;
}

@media (max-width: 700px)
{
	.psc-logo-login
	{
		width: 220px;
	}
}

@media (max-width : 399px)
{
	.loginWelcome-mobile
	{
		display : block;
	}
	.loginWelcome {
		font-size: 24px;
	}
	.loginContact-mobile
	{
		display : block !important;
	}
}

@media (min-width : 400px) and (max-width : 522px)
{
	.loginContact-mobile
	{
		display : block !important;
	}
	.loginWelcome-mobile
	{
		display : block;
	}
}

.password-reset-outer
{
	margin: 0 0 20px -25px;
}

.password-reset-inner
{
	margin:1.5rem 0 1.5rem 0.7rem;
}

.loginWelcomeContent, .contact
{
	color		: #5B5B5B;
	font-size	: 18px;
	line-height	: var(--paragraph-line-height);
}

.loginContact
{
	color       : #5B5B5B;
	font-family : 'Myriad Pro', sans-serif;
	font-weight : 900;
	font-size   : 18px;
}

.loginContact-mobile
{
	display : none;
}

.loginLogoDivider
{
	border-left	: 1px solid #ffffff80;
	height		: 50px;
	margin		: 0 15px 0 0;
}

.loginEmployerName
{
	font-size	: 24px;
	line-height	: var(--paragraph-line-height);
	font-family: 'Myriad Pro Bold';
}

.contactBold
{
	font-family: 'Myriad Pro', sans-serif;
	font-weight: 600;
}

.footerStyles
{
	font-size 	: 14px;
	color     	: #FFF;
	line-height	: var(--paragraph-line-height);
}

.modal-text
{
	color          : #5B5B5B;
	font-size      : 30px;
	font-weight    : 700;
	line-height    : var(--paragraph-line-height);
	letter-spacing : 0;
	text-align     : center;
}

.modal
{
	padding-right: 0 !important;
	max-width: 100vw;
}

#phoneToUse
{
	color          : #5B5B5B;
	font-size      : 24px;
	font-weight    : 400;
	line-height    : var(--paragraph-line-height);
	letter-spacing : 0;
	text-align     : center;
}

.passwordPrecaution
{
	font-size      : 18px;
	font-weight    : 400;
	line-height    : var(--paragraph-line-height);
	letter-spacing : 0;
	color          : #68737A;
}

.passwordSuccessMsg
{
	font-size      : 30px;
	font-weight    : 700;
	line-height    : var(--paragraph-line-height);
	letter-spacing : 0;
	text-align     : center;
	color          : #68737A;
}

.passwordRedirectedMsg
{
	font-size      : 20px;
	font-weight    : 600;
	line-height    : var(--paragraph-line-height);
	letter-spacing : 0;
	text-align     : center;
	color          : #68737A;
}

.login-title
{
	font-size: 28px;
	color: #68737A;
	font-family: 'Myriad Pro Bold';
}

#login-footer
{
	margin-top: 3rem;
}

#ladda-button, #buttonRCv2
{
	padding: 5px 10px !important;
	font-size: 19px !important;
	width: 87px;
	height: 44px;
	line-height: var(--paragraph-line-height);
	font-family: 'Myriad Pro Bold';
}

.back-button-mobile
{
	display: none !important;
}

.registration-back
{
	font-size: 1.5rem;
}

.registration-form-container
{
	padding-right: 3rem;
}

.registration-form-padding
{
	padding-left: 1rem;
	padding-right: 1rem;
	max-width: 100vw;
}

.psc-and-er-logo
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.register-info-container
{
	padding-right: 3rem !important;
}

.login-flex-container
{
	display: flex;
	justify-content: space-between;
	margin-right: 0;
}
.COM-redirect-text
{
	color: #C00000;
	padding-left: 10px;
	padding-top: 85px;
	width: 85%;
	max-width: 245px;
}
.COM-redirect-text-mobile
{
	display: none;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #C00000;
}

.login-info-column-container
{
	display: flex;
	justify-content: space-between;
}

@media (max-width: 1113px) and (min-width: 701px)
{
	.registration-form-container
	{
		margin-left: 30px;
	}
}

@media (min-width: 744px)
{
	.password-input-group, #username, .registration-input
	{
		width: 300px;
	}
}
@media (max-width: 743px)
{
	.password-input-group, #username, .login-info-column-container
	{
		width: 100%;
	}
	.login-form-container
	{
		width: 100%;
	}
	.COM-redirect-text
	{
		display: none;
	}
	.COM-redirect-text-mobile
	{
		display: block;
	}
}
@media (max-width: 700px)
{
	.login-flex-container
	{
		padding-right: 25px;
	}
	.registration-input
	{
		width : 100%;
	}
	.warning-modal-dialog
	{
		max-width : 90vw !important;
	}
	.contact-support-modal
	{
		display     : block;
		font-family : 'Myriad Pro Bold';
		white-space : nowrap;
	}
	.contact-support-phoneNumber
	{
		display     : block;
		color       : #017C84;
		white-space : nowrap;
	}
	.registrationNoER
	{
		max-width : 77vw;
	}
	.registrationNoERBodyText
	{
		padding : 0 35px;
	}
	.loginCentered
	{
		background : #BAC1C6 !important;
	}
	#login-footer
	{
		margin-top : 2rem;
	}
	.psc-and-er-logo
	{
		display         : flex;
		justify-content : center;
	}
	.login-title
	{
		font-size : 30px;
	}
	.footerDisclosure
	{
		background : #BAC1C6;
		padding    : 2rem;
		margin-top : 0 !important;
	}
	.register-container
	{
		padding : 0 !important;
	}
	.psc-logo-container
	{
		width           : 100%;
		display         : flex;
		align-items     : center;
		justify-content : center;
	}
	.header-logo
	{
		margin-left: -70px;
	}
	.psc-logo-container2
	{
		width           : 100% !important;
		display         : flex;
		align-items     : center;
		justify-content : center;
	}
	.register-info-container
	{
		padding-right   : 0 !important;
		padding-left    : 0 !important;
		display         : flex;
		justify-content : center;
	}
	.register-info-container div, .register-info-container p
	{
		height        : fit-content;
		padding-right : 0 !important;
	}
	.register-info
	{
		width : fit-content;
	}
	.logo-container
	{
		width       : 100% !important;
		margin-left : 0 !important;
		display     : flex;
		align-items : center;
	}
	.psc-logo-dimensions
	{
		display : block !important;
	}
	.welcome-column
	{
		display : none !important;
	}
	.back-button-desktop
	{
		display : none !important;
	}
	.back-button-mobile
	{
		display : block !important;
	}
	.registration-form-container
	{
		width: 100% !important;
		padding: 0 3rem;
	}
	.register-btn
	{
		width : 100% !important;
	}
	.footer-registration-container
	{
		display : none;
	}
	.footer-registration-container2
	{
		padding : 0 32px;
	}
	.registration-form-padding
	{
		padding-left  : 0 !important;
		padding-right : 0 !important;
		margin-right  : 0 !important;
		margin-left   : 0 !important;
	}
	#compRegisterBtn
	{
		width : 100% !important;
	}
	.curesor-pointer
	{
		width         : 40px;
		border-radius : 0 6px 6px 0 !important;
		right         : 2px;
		position      : relative;
		z-index       : 11;
	}
	.employer-name
	{
		font-family : 'Myriad Pro Semibold' !important;
		font-size   : 18px !important;
	}
}

@media (max-width : 770px)
{
	.loginCard
	{
		border-radius : 0;
		margin-top    : 0;
	}
	
	.loginCardHeader
	{
		border-radius : 0 !important;
	}
}