﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@font-face {
	font-family: 'dwIconFont';
	src: url('../fonts/dwIconFont/dwIconFont.eot?hash=051EAFF28B788D9D6317C1392FC197A1');
	src: url('../fonts/dwIconFont/dwIconFont.eot?hash=051EAFF28B788D9D6317C1392FC197A1') format('embedded-opentype'), url('../fonts/dwIconFont/dwIconFont.svg?hash=C669E21BE3F185F34CA38D29E1AA3C7B') format('svg'), url('../fonts/dwIconFont/dwIconFont.ttf?hash=4EF6EF40162D8E78E9E36AD15EDAF5A6') format('truetype'), url('../fonts/dwIconFont/dwIconFont.woff?hash=219D2EE820073534E36886E30739D3BE') format('woff');
	font-weight: normal;
	font-style: normal;
}

a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
	padding: 0;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	font-size: 14px;
	position: relative;
	min-height: 100%;
}

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

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #353535;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	/* Set the fixed height of the footer here */
	height: 60px;
	line-height: 60px; /* Vertically center the text there */
}

.max-width-half {
	max-width: 50%;
}

.dw-link-error {
	color: #BB3937;
	text-decoration: underline;
}

	.dw-link-error:not(.ui-state-disabled):hover {
		text-decoration: none;
	}

	.dw-link-error:hover {
		color: #BB3937;
	}

.dw-link {
	color: #172199;
	text-decoration: underline;
}

	.dw-link:not(.ui-state-disabled):hover {
		text-decoration: none;
	}

	.dw-link:hover {
		color: #172199;
	}

.dw-checkbox {
	display: none;
}

	.dw-checkbox + label:hover:before {
		background-color: #C0E4F9;
	}

	.dw-checkbox + label {
		padding-left: 1rem;
		cursor: pointer;
	}

.form-check-input {
	margin-left: -0.9rem;
}

.dw-checkbox + label:before {
	background-color: #eef1f2;
	color: #c8ced1;
	display: inline-block;
	content: "\e6ce";
	font-size: 16px;
	font-family: 'dwIconFont';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: 3px;
	left: 0;
}

.dw-checkbox:checked + label:after {
	display: inline-block;
	content: "\e675";
	position: absolute;
	top: 5px;
	left: 2px;
	color: #303AB2;
	font-size: 12px;
	font-family: 'dwIconFont';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.section-wrapper {
	padding-top: 50px;
}

.section-title {
	margin-bottom: 30px;
}

.dw-logo:before, .dw-logo-header:before {
	font-family: 'dwIconFont';
	font-size: 1.7rem;
	line-height: 2.5rem;
	color: #303AB2;
	content: "\e93b";
}

.dw-logo-header:before {
	font-size: 1.65rem;
}

.dw-logo:after, .dw-logo-header:after {
	font-family: 'dwIconFont';
	font-size: 1rem;
	line-height: 2.5rem;
	color: #353535;
	content: "\e93c";
	margin-left: 7px;
	vertical-align: top;
}

.dw-logo-header:after {
	font-size: 0.85rem;
	margin-left: 6px;
}

.dw-icon-logout:before {
	font-family: 'dwIconFont';
	font-size: 1rem;
	line-height: 1rem;
	content: "\e6db";
}

.ui-icon-carat-1-sw:before {
	font-family: 'dwIconFont';
	font-size: 1rem;
	line-height: 2.5rem;
	content: "\e683";
}

.navbar {
	padding: 0 5px;
	border-bottom: 1px solid #C8CED1;
}


	.navbar .navbar-right button {
		border: none;
		background: white;
		height: 36px;
		padding: 4px 10px;
		cursor: pointer;
	}

		.navbar .navbar-right button:hover {
			background-color: #C0E4F9;
			-ms-transition: background-color 0.25s ease-out;
			-o-transition: background-color 0.25s ease-out;
			-webkit-transition: background-color 0.25s ease-out;
			transition: background-color 0.25s ease-out;
		}

		.navbar .navbar-right button:focus {
			box-shadow: inset 0 0 0 1px #303AB2;
		}

		.navbar .navbar-right button:active {
			background: #81CAF3;
		}

.menu-item {
	padding-left: 10px;
}

.menu-item-link:hover {
	text-decoration: none;
}

.logged-out-text {
	font-size: 1.1em;
}

.dropdown-item:active {
	background-color: inherit;
}

.landing-wrapper {
	padding-top: 100px;
}

.landing-title {
	color: #3C3935;
	font-size: 3.5rem;
}

.logo-img {
	width: 100%;
}

.external-providers .card-title {
	margin-bottom: 20px;
}

.login-form-logo {
	height: 35px;
}

.custom-card {
	background-color: #eef1f2;
	border: 1px solid #c8ced1;
}

.logged-in-card {
	margin-top: 10rem;
	margin-bottom: 5rem;
}

.login-btn-group {
	margin-top: 2rem;
	margin-bottom: 0;
}

.login-form-card {
	margin-top: 7rem;
}

.offset-top-4 {
	margin-top: 1.75rem;
}

.error-summary {
	margin-top: 2rem;
}

.login-form-card .login-form-section {
	padding: 0 2rem;
}

.text-input {
	height: 2.1rem;
}

.btn-dw {
	color: #353535;
	border-radius: 0;
	background-color: #FCB200;
}

	.btn-dw:not(.ui-state-disabled):hover {
		background-color: #fdd166;
		transition: background-color .2s ease-out;
	}

.btn-dw-secondary {
	color: black;
	border-radius: 0;
	background-color: white;
	border: 1px solid #c8ced1;
}

	.btn-dw-secondary.black-btn {
		background-color: #000;
		border-color: #000;
		color: #FFFFFF;
		padding: .375rem 0.5rem;
	}

		.btn-dw-secondary.black-btn:hover {
			background-color: #323232;
		}

.btn-dw-secondary-orange {
	color: black;
	border-radius: 0;
	background-color: white;
	border: 1px solid #FCB200;
	padding: .375rem 0.5rem;
}

	.btn-dw-secondary-orange:not(.ui-state-disabled):hover {
		background-color: #C0E4F9;
		transition: background-color .2s ease-out;
	}

.form-btn-group {
	margin-top: 4rem;
}

.form-btn {
	height: 40px;
	width: 100%;
}

.external-login-btn img {
	margin-right: 3px;
}

.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	-ms-opacity: .8;
	opacity: .8;
	margin-top: 1.8rem;
	margin-bottom: 1.8rem;
}

	.hr-text:before {
		content: '';
		background: linear-gradient(to right, transparent, black, transparent);
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		height: 1px;
	}

	.hr-text:after {
		content: attr(data-content);
		position: relative;
		display: inline-block;
		color: black;
		padding: 0 .5em;
		line-height: 1.5em;
		color: black;
		background-color: #eef1f2;
	}

.ui-icon {
	font-family: 'dwIconFont';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #353535;
	text-align: center;
	display: inline-block;
	overflow: visible;
	width: 16px;
	height: 16px;
	margin-top: -0.5em;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ui-icon.icon-auto {
	font-size: inherit;
	height: auto;
	width: auto;
	vertical-align: middle;
	margin-top: 0;
}

.dw-icon-info-plain.gray, .dw-icon-info-plain.blue {
	cursor: pointer;
}

.dw-icon-info-plain.gray:before {
	color: #B5BDC1;
}

.dw-icon-info-plain.gray:hover:before {
	color: #0089CF;
}

.dw-icon-info-plain.gray:before, .dw-icon-info-plain.blue:before {
	position: relative;
	z-index: 50;
	font-size: 16px;
}

.dw-icon-info-plain:before {
	content: "\e605";
}

.dw-icon-error:before {
	content: "\e60b";
	color: #BB3937;
	font-size: 24px;
}

.error-summary .dw-icon-success, .error-summary .dw-icon-error {
	line-height: 1.5;
}

.form-group .dw-icon-success {
	line-height: 2;
}

.dw-icon-success:before {
	content: "\e600";
	color: #368D2E;
	font-size: 24px;
}

.validation-summary-errors ul {
	list-style-type: none;
	padding-left: 0;
}

.error-text {
	color: #BB3937;
	font-size: 0.9rem;
}

.success-text {
	color: #155724;
	font-size: 0.9rem;
}

.field-validation-error {
	display: inline-block;
	margin-top: 3px;
}

.formatted-text {
	white-space: pre-line;
}

.custom-modal {
	padding-top: 11%;
	max-width: 600px;
}

	.custom-modal .modal-content {
		padding: 1.8rem;
	}

	.custom-modal .modal-title {
		font-weight: bold;
	}

	.custom-modal .modal-header {
		border: none;
	}

	.custom-modal .modal-body {
		border: none;
	}

	.custom-modal .modal-footer {
		border: none;
	}

	.custom-modal .close {
		position: absolute;
		top: 1rem;
		right: 1rem;
		font-size: 1rem;
	}

#forgot-password-dialog .forgot-password-info {
	font-size: 0.9rem;
}

#reset-password-email-success-dialog .forgot-password-info {
	font-size: 0.9rem;
}

.label-success {
	font-size: 0.9rem;
	font-weight: bold;
}

.trouble-logging-in {
	float: right;
}


.top-offset-medium {
	margin-top: 16px;
}

.bottom-offset-medium {
	margin-bottom: 16px;
}

.top-offset-large {
	margin-top: 40px;
}

.bottom-offset-large {
	margin-bottom: 40px;
}

.font-size-small {
	font-size: small;
}

.ui-state-disabled {
	cursor: default !important;
	opacity: 0.5;
}

.dw-spinner {
	display: none;
}

.error-page-title {
	margin-bottom: 1rem;
}

.sso-required .hide-on-sso-required {
	display: none;
}

.sso-required .hr-above-sso-button {
	visibility: hidden;
	margin-bottom: 0;
	margin-top: 0;
}

.display-on-sso-required {
	display: none;
}

.sso-required .display-on-sso-required {
	display: block;
}

.smartbanner-icon {
	background-image: url(../images/icon.png) !important;
}

#shadow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.75;
    display: none;
}

@media (max-width: 1600px) {
	.login-form-card {
		margin-top: 4rem;
	}
}

@media (max-width: 992px) {
	.login-form-card {
		margin-top: 0;
	}

	.section-wrapper {
		padding-left: 3px;
		padding-right: 3px;
	}
}

@media (max-width: 400px) {
	.login-form-card {
		margin-bottom: 5rem;
	}

		.login-form-card .btn-dw {
			margin-bottom: 0.5rem;
		}

	.trouble-logging-in {
		float: left;
		margin-left: -15px;
		margin-top: 1rem;
	}

	.form-btn {
		height: auto;
	}
}

.timeout-icon-container {
	display: table;
}

.timeout-icon:before {
	font-family: 'dwIconFont';
	font-size: 2.5rem;
	line-height: 3.5rem;
	content: "\e97f"
}

.timeout-message {
    margin-left: -2rem;
}

.display-none {
	display: none;
}

#post-logout-uri-link {
    color: #172199;
}