/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */
/* 			BODY CONTENT		             */
/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */

body {
	font-synthesis             : none;
	-moz-font-feature-settings : 'kern';
	-webkit-font-smoothing     : antialiased;
	-moz-osx-font-smoothing    : grayscale;
	font-family                : 'Poppins', sans-serif;
	background                 : whitesmoke;
}

@media (min-width : 1200px) {
	body {
		padding-top : 15px;
	}
}

/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */
/* 			COVID TL1 BANNER	             */
/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */

.covid-banner {
	background     : #FBF3E0;
	text-align     : center;
	font-size      : 15px;
	letter-spacing : -0.25px;
	color          : #000;
	margin-bottom  : 0;
	border-radius  : 0 !important;
}

.covid-banner p span {
	color       : red;
	font-weight : 600;
}

.covid-banner p small {
	color      : #555;
	font-style : italic;;
}

/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */
/* 		SECURE FORM SSN VALIDATION 	         */
/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */

.secure-form {
	max-width : 600px;
	margin    : auto;
}

.secure-form .panel {
	border: 10px solid rgba(51, 51, 51, .75);
	box-shadow : 0 23px 20px -30px #000;
	border-radius: 10px;
}

.secure-form .panel-heading h4.panel-title {
	font-weight : 600;
	font-size   : 20px;
	margin-top  : 20px;
	line-height : 22px;
	white-space : normal !important;
}

.secure-form .panel-heading .panel-heading-blurb {
	line-height : 1;
	margin-top  : 10px;
}

.secure-form .panel-heading {
	background-color: whitesmoke;
	min-height          : 160px;
}

/* ///////////////////////////////////////// */
/* 	---	START SECURE WORKER BOX AREA ---  */
/* ///////////////////////////////////////// */

.secure-form .workerbox {
	text-align: center;
}

.secure-form .workerbox {
	text-align: center;
}

.secure-form .workerbox > img {
	border-radius: 50%;
	margin: 0 auto 5px auto;
	border: 3px solid #ccc
}

.secure-form .workerbox p {
	margin-bottom: 0;
}

.secure-form .workbox-blurb .modal-title {
	white-space: nowrap;
	margin-top: 3px;
}

@media (min-width: 768px) {
	.secure-form .workbox-blurb .modal-title {
		white-space: nowrap;
		margin-top: 25px;
	}
}

@media (min-width: 768px) {
	.secure-form .workbox-blurb p {
		font-size: 18px;
	}
}

.panel-reset {
	margin-bottom: 20px;
}

.panel-reset button {
	border: none;
	color: #03A9F4;
}
/* ///////////////////////////////////////// */
/* 	---	END SECURE WORKER BOX AREA ---  */
/* ///////////////////////////////////////// */

.secure-form .panel-body .width-input {
	max-width : 202px;
	margin    : auto;
}

.secure-form .panel-body .width-input input {
	max-width : 90px;
	margin    : auto;
}

.secure-form .panel-body .inline-input,
.secure-form .panel-body .inline-label {
	display             : inline-block;
	border-bottom-width : 0;
}

.secure-form .panel-body button {
	max-width : 250px;
	margin    : auto;
}

.secure-form #paynext{
	cursor: pointer;
}

.secure-form .panel-body .error {
	color : red;
}

.secure-form .panel-footer {
	background : white;
	padding    : 20px 0;
}

/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */
/* 				SECURE FORM 	             */
/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */

[name=secureForm] {
	max-width : 500px;
	margin    : auto;
}

.secure-form button.btn-primary {
	background : #3090cd;
	border     : 1px solid #3090cd;
}

.secure-form .btn-primary:hover,
.secure-form .btn-primary:active.focus,
.secure-form .btn-primary:active:focus,
.secure-form .btn-primary:active:hover {
	background : #236c9a;
	border     : 1px solid #236c9a;
}

.secure-icon {
	margin-top : 25px;
}

.processing-progress {
	animation         : cssload-width 5s cubic-bezier(0.45, 0, 1, 1);
	-o-animation      : cssload-width 5s cubic-bezier(0.45, 0, 1, 1);
	-ms-animation     : cssload-width 5s cubic-bezier(0.45, 0, 1, 1);
	-webkit-animation : cssload-width 5s cubic-bezier(0.45, 0, 1, 1);
	-moz-animation    : cssload-width 5s cubic-bezier(0.45, 0, 1, 1);
}

.restart-progress {
	width : 0;
}

@keyframes cssload-width {
	0%, 100% {
		transition-timing-function : cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width : 0;
	}
	15% {
		width : 22%;
	}
	45% {
		width : 60%;
	}
	100% {
		width : 100%;
	}
}

@-o-keyframes cssload-width {
	0%, 100% {
		-o-transition-timing-function : cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width : 0;
	}
	15% {
		width : 22%;
	}
	45% {
		width : 60%;
	}
	100% {
		width : 100%;
	}
}

@-ms-keyframes cssload-width {
	0%, 100% {
		-ms-transition-timing-function : cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width : 0;
	}
	15% {
		width : 22%;
	}
	45% {
		width : 60%;
	}
	100% {
		width : 100%;
	}
}

@-webkit-keyframes cssload-width {
	0%, 100% {
		-webkit-transition-timing-function : cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width : 0;
	}
	15% {
		width : 22%;
	}
	45% {
		width : 60%;
	}
	100% {
		width : 100%;
	}
}

@-moz-keyframes cssload-width {
	0%, 100% {
		-moz-transition-timing-function : cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width : 0;
	}
	15% {
		width : 22%;
	}
	45% {
		width : 60%;
	}
	100% {
		width : 100%;
	}
}

/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */
/* 				FOOTER                       */
/* ///////////////////////////////////////// */
/* ///////////////////////////////////////// */

footer {
	border-top  : 1px solid #F9F9F9;
	background  : white;
	padding-top : 25px;
	margin-top  : 55px;
	color       : #989898;
}

footer nav {
	margin-top : 20px;
	padding    : 50px 0;
	background : #F9F9F9;
}


footer nav a {
	color     : #8095A5;
	font-size : 12px;
}