[genuitec-file-id="wc1-25"], [genuitec-lp-path="/iroc-web/src/main/webapp/styles/common.css"],
	[genuitec-lp-enabled=false] {
	/* for codelive */
	
}

/* All HTML elements go in this section alphabetically. */
/* Begin of HTML elements */
body {
	line-height: normal;
	font-family: "OpenSans-Regular", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	height: 100% !important;
	  	background: #bdc3c7 !important; /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #fff, #525252, #e8e8e8)
		!important; /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #fff, #525252, #e8e8e8)
		!important;
	max-height:180vh!important;	
}

body, html {
  min-width: 600px!important;  
} 

form {
	margin-left: 75px;
	margin-top: 15px;
}

h1 {
	padding-left: 15px;
	padding-top: 5px;
	color:white!important;
}

hr {
	 border-top: 1px solid black;
	 margin-left:12px!important;
	 margin-right:2px!important;
}

label {
	font-weight: bold;
	font-size: 75%;
}

p {
	padding-left: 15px;
	margin-right: 10px;
	color:#000000;
}
/* End of HTML elements */
/**************************************************************************************/
/* All classes go in this section alphabetically. */
/* Begin of classes */
.bodyDiv {
	min-width: 600px;
}

.msgError {
	background-color: #FFBABA !important;
	background-image: url('/iroc/images/error.png');
	background-position: 10px center;
	color: #D8000C !important;
	background-repeat: no-repeat !important;
	padding-bottom: 15px !important;
	padding-left: 40px !important;
	padding-right: 5px !important;
	padding-top: 15px !important;
	max-width: none !important;
}

.msgWarning {
	background-color: #FEEFB3;
	background-image: url('/iroc/images/warning.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	color: #9F6000 !important;
	padding-bottom: 15px !important;
	padding-left: 40px !important;
	padding-right: 5px !important;
	padding-top: 15px !important;
	max-width: none !important;
}

.msgInformation {
	background-color: #BDE5F8;
	background-image: url('/iroc/images/info.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	color: #00529B !important;
	padding-bottom: 15px !important;
	padding-left: 40px !important;
	padding-right: 5px !important;
	padding-top: 15px !important;
	max-width: none !important;
}
 
.card-body {
	padding: 0.0rem !important;
	padding-left: 10px !important;
}

.card ul {
	-webkit-padding-start: 20px;
}

.card5 {
	margin-top:15px;	
}

.container {
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.38) !important;
	-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.38) !important;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.38) !important;
	background-color: #fff; ! important;
	border-radius: 5px;
	min-width: 600px!important;			
	position: relative;
	z-index: 2;
	align-content: center;
	padding: 15px;
}

.container1 {
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	background-color: transparent; ! important;
	border-radius: 0px;
	min-width: 600px!important;	
	padding: 0px;		
}

.custom-control {
	margin-right: 15px !important;
}

.dataRow {
	position: relative;
	padding-bottom: 5px;
}

.dept-title {
	font-family: "Raleway-Regular", Verdana, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.65em;
	letter-spacing: .03em;
}

.display {
	display: block;
}

.entryColumn {
	padding-top: 3px;
}

.env {
	font-family: "Raleway-Regular", Verdana, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.65em;
	letter-spacing: .03em;
	padding-top: 12px!important;
    padding-right: 2px!important;
}

.form-control {
	width:auto!important;	
}

.form-group-nontext {
	margin-bottom: 1.6rem !important;
}

.form-group-nontext1 {
	margin-bottom: 1.0rem !important;
}

.form-control-placeholder {
	position: absolute;
	top: 0;
	transition: all 200ms;
	opacity: 0.5;
}

.form-control-top, .form-control:focus+.form-control-placeholder,
	.form-control:valid+.form-control-placeholder {
	transform: translate3d(0, -100%, 0);
	opacity: 1;
}

.form-control-top1 {
	font-size: 75%;
}

.headtitle {
	margin-left: 10px;
}

.hidden {
	display: none;
}

.jumbotron-billboard .img {
	margin-bottom: 0px;
	opacity: 1.0;
	background: #000 url("/iroc/images/bg_img_lrg_dot_1.png") top center
		no-repeat;
	width: 100%;
	min-width: 580px!important;	
	height: 500px;
	background-size: cover;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 0rem 0rem !important;
}

.jumbotron .container {
	position: relative;
	z-index: 2;
}

.labelColumn {
	float: left;
	padding-right: 5px;
	text-align: right;
}

.labelSubColumn {
	float: left;
	padding-top: 3px;
	padding-right: 5px;
	text-align: right;
	padding-bottom: 5px;
	width: 335px;
}

.marginLeft {
	margin-left: 12px;
}

.messageError {
	padding-left: 60px !important;
}

.pad_left_0 {
	padding-left:0px!important;
	padding-right: 0px!important
}

.pull-left {
	float: left !important;
}

.pull-right {
	float:right;
	clear:right;
	margin-left:1px;
}

.paddingLeft {
	padding-left: 15px;
}

.row {
	margin-left: -5px!important;
}

.smallText {
	font-size: small;
}

.state-title {
	font-family: "OpenSans-Regular", Verdana, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.2em;
	letter-spacing: .06em;
	padding-top: 5px;
	margin-bottom: 2px;
}

.state-title, .dept-title {
	text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000;
}


.site-logo-no-pad {
	padding-right: 0;
	padding: 0;
	margin-left: 10px!important;
}

.summarySignatureLabelColumn {
	float: left;
	padding-right: 5px;
	text-align: right;
	padding-bottom: 5px;
}

  .ui-autocomplete {
    max-height: 150px;
    max-width: 410px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden; 
	position: absolute;
	z-index: 99999 !important;
	cursor: default;
	padding: 0;
	margin-top: 2px;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #ccc -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
  
 .ui-autocomplete>li {
	padding: 3px 20px;
}

.ui-autocomplete>li.ui-state-focus {
	background-color: #DDD;
}

.ui-helper-hidden-accessible {
	display: none;
}

.ui-btn-custom {
	margin:0 0;
}

.vehicleEntryColumn {
	padding-top: 12px;
}

.read_more_right img{
    float:right;
    clear:right;
}

.marginTopBottom {
	margin-top: 10px;
	margin-bottom: 10px;	
}





/* End of classes */
/**************************************************************************************/
/* All IDs go in this section alphabetically. */
/* Begin of IDs */
#accordion {
	margin-left: 0px !important;
	margin-right: 15px !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

#captchaImage {
	border-radius: 10px;
	margin-top: 2px;
}

#captchInputLabelDiv {
	clear: both;
	padding-top: 5px;
}

#captchaMobileRow {
	display: none;
}

#captchaResetButtonDiv {
	padding-bottom: 5px;
}

#captchaRow {
	display: block;
}

#container_header {
	height: 40px !important;
	position: relative;
	z-index: 2;
	background: #2e4053;
    color: #555;
	background-color: #2e4053;	
}

#header-content {
	padding: 0px 0 25px 0px;
	margin-left:50px!important;
}

#main_header {
	height: 90px !important;
	position: relative;
	z-index: 2;
	background-color: transparent !important;
	margin-top:60px;
	margin-bottom:25px;
}

#main_footer {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 58px;
	overflow: hidden;
}

#messages {
	position: relative;
	z-index: 2;
}

#question {
	float: right;
	margin-right:5px;
}

#paddingTop {
	padding-top: 6px;
}

#s4-workspace {
	overflow: auto !important;
	line-height: normal;
	font-family: "OpenSans-Regular", Verdana, Helvetica, sans-serif;
	poition: relative;
	height:93vh!important;
}

#upload-file-info {
	margin: 15px !important;
}

@media only screen and (max-width: 850px) {
    .headtitle {
        margin-left: 5px!important;
    }
}

@media screen and (min-width: 768px) {
    header .col-md-8, header .col-sm-8 {
        padding-left: 0!important;
    }
}

@media only screen and (max-width: 970px) and (min-width: 831px) {    
         .dept-title {
        font-size: 1.39em!important;
        letter-spacing: 0em!important;
    }
}

@media only screen and  (min-width: 501px) and (max-width: 830px) {
	.state-title {
        font-size: 1.2em!important;
        letter-spacing: 0em!important;
    }
     .dept-title {
        font-size: 1.2em!important;
        letter-spacing: 0em!important;
    }
    
    .pull-right {
		margin-left:1px;
	}
    
}
@media only screen and (max-width: 500px) {
    .headtitle {
      	font-size: 0.9em!important;
        margin-top: 0!important;
    }
    .dept-title {
        font-size: 0.9em!important;
    }

    .read_more_right img{
    float:left!important;
    clear:left!important;
	}
	
	    	
	#header-content {
		padding: 0px 0 0px 0px!important;
		margin-left:0px!important;
	}
	
	.pull-right {
		margin-left:1px;
	}
}