/*@import url("global/egov.css");
@import url("app.responsive.css"); 

/* [ APP BRANDING ] */
.full-width {
	width:96%;
}

.crownLogo {
	width:100px;
	height:58px;
	margin-top:14px;
}

.agencyTitle {
	margin:6px 0 0 5px;
}

.agencyTitle a:hover {
	text-decoration:none !important;
}
a:hover {
	text-decoration:none;
}

#bodyWrapper {
	min-height:803px;
}

#navbarContent {
	background-color: #333;
}

#appRightColumn section header {
	background-color: #666;
}

.clib_sectionBody {
	padding-bottom:0px;
}

#appRightColumn section header {
	background-color: #666;
}

.certNotice {
	background-color: #ffffcc;
	border: 1px solid #F90;
	font-size: 15px;
	padding: 10px;
	margin-bottom:30px;
	border-radius: 10px;
}

.certNotice h3 {border-bottom:1px dotted #F90; margin:0 0 10px 0;}

.certNotice p {margin:0;}

.certStatement {
	border: 1px solid #b2b2b2;
	background-color: #F9F9F9;
	padding: 10px;
	border-radius: 10px;
}

.textFieldNote {
	font-size:13px; font-style:italic; margin-left:5px;	
}

.specify {
	font-size:13px; font-style:italic; font-weight:normal !important; margin:5px -5px 0 0;
}

.specifyLabel {
	margin-left:-125px; position:relative; z-index:1000;
}

.titleSelect {
	width:80px; position:relative; z-index:2000;
}

.incomplete {background-color:#eeeeee;}

a.supportLink:hover, a.supportLink:focus {text-decoration:none !important;}

.btn-group {white-space:normal;}
.btnSpace {margin-left:10px;}

.lnkSpace {margin-left:30px;}

.dynatable .prototype { display:none; }

.dateMonth { width:115px; }
.dateDay { width:70px; }
.dateYear { width:35px; }
.datepicker { width:80px; }
#datepickerBtn { width:42px; }

.checkTerms { margin:3px 0 0 10px; width:90%; }

#demo { float:right; display:block; width:110px; height:110px; margin-top:-93px; padding:3px 0 0 3px; }

td > input[type="text"] {
    width: 65%;
    padding-left: 0px;
    padding-right: 0px;
}

table.dynatable td > input[type="text"] {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

hr {
	 width:100%; 
	 border-top:1px #EEEEEE solid;
	 margin-top:0;
}

hr.permit {
	margin:20px 0 10px 0;
}

.capacityUnit {
	margin-left:5px;
}

#datepicker1, #datepicker2, #datepicker3, #datepicker4, #datepicker5, #datepicker6, #datepicker7, #datepicker8, #datepicker100, #datepicker200, #datepicker199, #datepicker299 {
	width:168px;
}

#datepickerBtn1, #datepickerBtn2, #datepickerBtn3, #datepickerBtn4, #datepickerBtn5, #datepickerBtn6, #datepickerBtn7, #datepickerBtn8, #datepickerBtn199, #datepickerBtn299, #datepickerBtn100, #datepickerBtn200 {
	width:42px;	
}

.permitHead {
	float:left; 
	margin:0 0 20px 0; 
	color:#090d89;
}

.supportHeader {
	border-bottom:0 !important;
}

.checkCertified { margin:3px 0 0 7px; width:95% }

#contentWrapper .clib_sectionBody.marginRight30 {margin-right:30px;}

.loggedInAs {font-size:90%; margin-bottom:15px;}

.table th { background-color:#DDDDDD; }

.textfield35 { width:35px; }

.textfield40 { width:40px; }

.textfield44 { width:44px; }

.textfield184 { width:184px; }

.textfield240 { width:240px; }

.width75 { width:75px; }

.width90 { width:90px; }

.width120 { width:120px; }

.width400 { width:400px; }

.vision { margin-top:5px; }

.noInput { font-weight:bold; margin-right:10px; }

.dlDash { float:left; margin:0 -5px 0 5px; }

.sidebar.fixed{position:fixed; width:370px; background-color:#F6F6F6; margin-top:0; z-index:1000;}

.swmfNumber {
	float:left; margin:0 5px 0 23px;
}

.swmfDrainage {
	margin-right:5px;
}

.swmfDrainageField {
	float:left; margin-right:0;
}

.formName {
	color:#576b97; background-color:#e7e9f0; padding:5px 5px 3px 10px; border-radius:3px; text-align:left; border:1px solid #9fabc4;
}

.pointer {
	cursor:pointer;
}

.reviewShowHide {
	float:right; font-size:14px;
}

.green {
	 color:green;
}

.comment {
	border-bottom:1px solid #EEEEEE;
	padding-top:20px;
}

.commentDate {
	font-style:italic;
	font-size:90%;
	color:#999999;
}

.fp_formActionsListAdmin {
	list-style:none;
	margin-left:0;
}

.fp_formActionsListAdmin li {
	margin-bottom:10px;
}

.flagNote {
	font-size:14px; font-weight:normal; font-style:italic; margin-left:50px;
}

.flagOrange {
	color:orange; font-size:16px; margin-left:6px;
}

ul.actionBtns li {
	list-style:none;
	margin:0 0 10px -35px;
}

.facilityInfoRow, .refundInfoRow {
	display:none;
}

.commentBox {
	width:300px;
}

.login2 {
	float:left;margin-left:12px;
}

.marginBottom20 { margin-bottom:20px; }

.usernameReq { margin:-20px 0 10px 40px; }

.passwordReq { margin:-20px 0 20px 40px; }

.marginR5 { margin-right:5px }

.marginL10 { margin-left:10px; }

.marginL0 { margin-left:0 !important; }

.marginT20 { margin-top:20px; }

.paddingR30 { padding-right:30px; }

.tableMargins { margin:0 0 40px 0 !important; }

.cellRight { text-align:right !important; }

.cellCenter { text-align:center !important; }

.prototype { display:none; }

.appInstructions{background-color:#FFFFFF;padding:1px 30px 1px 5px;}
.appInstructions ol{margin-left:16px;}

.layout_SummaryBlock ul li{list-style:none;margin-bottom:7px;}

i.icon-caret-right:before, i.icon-caret-down:before{width:12px !important;}

@media(max-width:1200px) {
	.sidebar.fixed{width:300px;}
}

@media (max-width:979px){
/*#headerBlock {width:62%;height:30px;margin-top:-40px;margin-bottom:10px;padding-left:18px;}*/
#headerBlock{display:inline-block}

.crownLogo {
	width:115px;
	height:49px;
	margin-bottom:10px;
}

#demo { margin-top:-82px; }

.agencyTitle {
	margin:26px 0 0 20px;
}

.sidebar.fixed{width:228px;}

}

.marginTop4 {
	 margin-top:4px;
}

.adminTitle {
	color:#c18b52; text-shadow:none; letter-spacing:0;
}

.adminTextLink {
	float:right; margin-top:-40px;
}

.headerViewLink {
	float:right;
	font-size:16px;
	margin-top:-5px;
}

.headerViewLink a:hover {
	text-decoration:none !important;
}

.checkBlk{display:flex;margin-bottom:15px;}
.checkBlk div:nth-child(1){margin-right:10px;}
.checkBlk div:nth-child(2){margin-top:3px;}
.checkBlk label{font-weight:normal;}

@media(max-width:767px) {
	.sidebar.fixed{position:relative;width:100%;}
}

@media (max-width:480px){
#headerBlock #headerLeft, #headerContentWrapper {padding-bottom:0;}	

.agencyTitle {
	margin:0 0 10px 0;
	font-size:16px;
}

#demo { width:70px; height:70px; margin-top:-76px; }
}
