html,
body {
	height: 100%;
}

	body {
		padding-top: 10px;
		padding-bottom: 10px;
		/*background-color: rgb(230,182,45);*/
	}
	
	.permit-container {
		height:100%;
		width:100%;
		position:relative;
		/*background-color: rgb(230,182,45);*/
		z-index:1;
		top:0px;
		left:0px;
	}

@media only screen and (min-width: 576px)  {
	body {
		padding-top: 50px;
		padding-bottom: 50px;
		/*background-color: #000;*/
	}
	
	.permit-container {
		min-height:896px;
		max-width:940px;
		position:absolute;
		background:url(../img/pwf-bg-new.jpg) no-repeat top left;
		/*background:url(../img/pwf-bg.jpg) no-repeat top left;*/
		z-index:1;
		top:0px;
		left:0px;
	}
}

.form-permit {
	width: 100%;
	max-width: 700px;
	padding: 15px;
	margin: 0 auto;
}

.form-permit .checkbox {
	font-weight: 400;
}

.form-permit .form-control {
	border-radius: 0;
}

.form-permit .form-control:focus {
	z-index: 2;
}

label {
	text-align: left;
}

.error {
	color: red;
}
.btn {
	border-radius: 10px;
	padding: 10px;
}

.fa-border {
	border: 1px solid green!important;
}

#permitbox {min-height:896px;max-width:940px;position:relative;}
.pbox-title {font:bold 37px/45px arial,helvetica,sans-serif;color:#000000;padding-top:40px;max-width:600px;}
.pbox-subtitle {font:19px/27px arial,helvetica,sans-serif;color:#000000;padding-top:17px;max-width:600px;}
.pbox-message {font:19px/27px arial,helvetica,sans-serif;color:#000000;padding-top:0px;padding-left:5px;max-width:320px;}
.pbox-form-title {font:14px arial,helvetica,sans-serif;color:#000000;padding-bottom:6px;}
.pbox-input {font:19px arial,helvetica,sans-serif;color:#000000;border:1px solid #a7a9ac;padding:10px;}
.pbox-form-item-text {font:19px arial,helvetica,sans-serif;color:#000000;padding:12px;}
.pbox-form-item-memo {font:13px arial,helvetica,sans-serif;color:#000000;vertical-align:top;}

.pbox-video {width:639px;height:304px;padding-top:15px;}

.pbox-print-input {font:11px arial,helvetica,sans-serif;width:520px;padding:10px;border:1px solid #a7a9ac;background:#FFFFFF;}
#permit_video_done {padding-top:30px;display:none;}

.pbox-quiz-result {position:relative;padding-top:30px;height:30px;}
#permit_quiz_yes {position:absolute;left:0px;top:0px;display:none;}
#permit_quiz_no {position:absolute;left:0px;top:0px;display:none;}

.white {color:#FFFFFF;}

.pbox-optin {
    -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:1px solid #a7a9ac;
}

.pbox-terms {
	font:15px arial,helvetica,sans-serif;color:#000000;border:1px solid #a7a9ac;padding:15px;background:#FFFFFF;
	margin-top:15px;margin-bottom:15px;width:500px;height:100px;overflow:auto;
}

.quizbox-title {font:bold 25px arial,helvetica,sans-serif;color:#000000;padding-top:35px;}
.quizbox-subtitle {font:15px arial,helvetica,sans-serif;color:#000000;padding-top:15px;}
.quizbox-option {
	font:22px arial,helvetica,sans-serif;
	color:#303030;
	padding-left: 15px;
	padding-bottom: 15px;
	vertical-align: middle;
}

.valid-feedback.feedback-icon,
.invalid-feedback.feedback-icon,
.form-control-feedback {
    position: absolute;
    width: auto;
    bottom: 3px;
    right: 10px;
    margin-top: 0;
}

.tandc {
	background-color: white;
	border: 1px solid black;
	padding: 15px;
}