* { box-sizing: border-box; }
html {
font-size: 16px;
}

html, body { height: 100%; }

html, .content, .wrapper {
background-color: #f1f2f7;
}

body {
	background-color: #EFF3F6;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	color: #182433;
}
/* 'Delete all' button (was blue) */
a.pdocrud-actions.pdocrud-button.pdocrud-button-delete-all.btn.btn-primary {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
padding: 7px 10px;
}
a.pdocrud-actions.pdocrud-button.pdocrud-button-delete-all.btn.btn-primary:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}


/* Hover row effect 
.pdocrud-table tbody tr.pdocrud-data-row:hover td {
background: #000;
color: #fff;
}
*/

.site-header {
	background-color: #092940;
	width:100%;	
}
.site-header__inner-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/*max-width: 75rem;*/
	padding: 14px 14px;
	margin: 0 auto;
}

.logo {
	text-indent: 2000%;
	background-repeat: no-repeat;
	width: 330px;
	height: 77px;
	background-size: contain;
	background-image: url(/img/NC-DOT-logo-full-2x.png);
	margin:0 auto;
	text-align: center;
}
.site-menu {
	background-color: #c05411;	
	margin:0 auto;
}







.container {
	border: solid 1px #dbdfe4;
	border-radius: 5px;
	background-color: #ffffff;
	overflow: hidden;
	/* for tracking page */
	padding-left: 0px !important;
	padding-right: 0px !important;	
}

.cntnrHdr {
	height: 80px;
	background-color: #092940;
	background-image: url("/img/NC-DOT-logo_257x60.png");
	background-repeat: no-repeat;
	background-size: 257px 60px;
	background-position: top 10px left 20px;	
	border-radius: 5px 5px 0px 0px;
}

.cntnrHdrMenu {
	margin-left: auto; 
	margin-right: 24px;
	padding-top: 24px;
	width: 32px;
	height: 80px;	
	vertical-align: middle;
}

.cntnrHdrMenuLoginLink {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
}

.cntnrHdrMenuLoginLink:hover, .cntnrHdrMenuLoginLink:active, .cntnrHdrMenuLoginLink:focus  {
	color: #7ad4ff;
	text-decoration: none;
}

.efCntnr {
	padding: 20px;
	width: 100%;
	min-height: 340px;
	
	/* for signin page
	display:inline-flex;
  	flex-wrap:wrap;	 */
}

/* for signin page */
.efCntnr.flex-direction { flex-direction:row; }

.flexCntnr {
	width: 100%;
	display:inline-flex;
  	flex-wrap:wrap;
  	flex-direction:row;
}

.leftFlexChld {
	width: 289px;
}

.orSeparator { display: none; }

.rightFlexChld {
	width: auto;
	margin-top: 0;
	margin-left: 40px;
	padding-top: 0;
	padding-left: 0;	
}

.formTitle {
	margin: 0 auto 20px auto;
}

h3, .formTitle {
	font-size: 19px;
	font-weight: bold;
	/*color: #182433;*/
}

/* ================== START - SL Form specific ================== */
[id^="slform_"] {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 30000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[id^="slfielddiv"] {
	min-width: 100% !important;
	max-width: 100% !important;
}

label {
	color: #182433 !important;
	font-family: Segoe UI, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
	
}

input[type=text], input[type=password], input[type=email], input[type=file], textarea {
	color: #182433 !important;
	padding: .5625rem .75rem !important;	
	font-family: Segoe UI, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.4285714286 !important;	
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-color: #ffffff !important;
	background-clip: padding-box;
	border: 1px solid #dadfe5 !important;
	border-radius: 4px !important;
	box-shadow: rgba(24, 36, 51, 0.06) 0px 1px 1px 0px !important;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
	box-sizing: border-box !important;
  	min-width: 100% !important;
  	max-width: 100% !important;
  	/* Needed if SL form builder include code is set to false (use form bulder CSS) */
  	height: auto !important;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=file]:focus, textarea:focus {
	color: #182433 !important;
	background-color: #ffffff !important;
	border-color: #80aad3 !important;
	outline: 0 !important;
	box-shadow: rgba(0, 84, 166, 0.25) 0px 0px 0px 4px !important;
}

/* Allow room for a password manager icon */
input[type=text], input[type=password] { padding-right: 34px !important; }

[id^="myButton_"] {
	color: #ffffff !important;
	padding: 10px 20px !important;
	font-family: Segoe UI, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	border: none !important;
	border-radius: 4px !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0054a6), color-stop(1, #0054a6)) !important;
	background: -moz-linear-gradient(top, #0054a6 5%, #0054a6 100%) !important;
	background: -webkit-linear-gradient(top, #0054a6 5%, #0054a6 100%) !important;
	background: -o-linear-gradient(top, #0054a6 5%, #0054a6 100%) !important;
	background: -ms-linear-gradient(top, #0054a6 5%, #0054a6 100%) !important;
	background: linear-gradient(to bottom, #0054a6 5%, #0054a6 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0054a6', endColorstr='#0054a6',GradientType=0) !important;
	background-color: #0054a6 !important;
}

[id^="myButton_"]:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3376b7), color-stop(1, #3376b7)) !important;
	background: -moz-linear-gradient(top, #3376b7 5%, #3376b7 100%) !important;
	background: -webkit-linear-gradient(top, #3376b7 5%, #3376b7 100%) !important;
	background: -o-linear-gradient(top, #3376b7 5%, #3376b7 100%) !important;
	background: -ms-linear-gradient(top, #3376b7 5%, #3376b7 100%) !important;
	background: linear-gradient(to bottom, #3376b7 5%, #3376b7 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3376b7', endColorstr='#3376b7',GradientType=0) !important;
	background-color: #3376b7 !important;
	top: 0 !important;
}

[id^="slspinner_"] {
	top: calc(50% - 6px) !important;
	border-left: 2px solid rgba(255, 255, 255, 0.3) !important;
	border-right: 2px solid rgba(255, 255, 255, 0.3) !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important;
	border-top: 2px solid rgb(255, 255, 255) !important;
}

[id^="slforgot_"] { display: inline-block !important; /*margin-bottom: 10px !important;*/}
/* ================== END - SL Form specific ================== */











/* Site menu */
#mbmcpebul_wrapper {
	margin: 0 auto;	
}
.hamburger-menu { display: none; }

/* Home - index page */
.hamburger-menu-message { display: none; }

@media (max-width: 800px) {
	.logo {		
  		text-indent: 0;
  		color: #fff;
  		text-decoration: none;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		background-image: none;
		height: 30px;
		
	}
	.moveLeft { position: relative; left: -25px; } /* Keep logo centered - Compensate for hamburger menu */
	.site-menu, .site-menu-message { display: none; }
	.hamburger-menu, .hamburger-menu-message { display: block; }
	#mbmcpebul_wrapper, #mbmcpebul_table_burger li div.buttonbg { background-color: unset !important; }
	
}