@CHARSET "ISO-8859-1";
/* ---------------------------------------------------------- */
/* ---------------------EmployerResponsive.css--------------- */
/* ---------------------------------------------------------- */
.caret-lg {
	font-weight: bold;	
	position: absolute;
	right: 3%;
	top: 45%;
	float: right;
	border-top: 6px dashed;
	border-top: 6px solid \9;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.navbar {
	border: 0px;
	margin-bottom: 0px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #000;
	font-weight: bold;
	border-bottom: 2px solid #7a7a7a;
	border-left: 2px solid #7a7a7a;
	border-right: 2px solid #7a7a7a;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	color: #000;
}

.navbar-default .navbar-nav > li > a {
	color: #000;
	font-weight: bold;
}

.navbar-inverse {
	background-color: #003865; /* MN blue */
	border-color: #003865; /* MN blue */
}

.navbar-inverse .navbar-brand {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #ffffff;
	font-weight: bold;
	border-color: #003865;  /* MN blue */
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: #ffffff;
	background-color: transparent;
	border-color: #78be21;  /* MN green */
}

.navbar-inverse .navbar-text {
	color: #ffffff; /* white */
}

.navbar-inverse .navbar-nav > li > a {
	color: #ffffff; /* white */
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
	color: #ffffff; /* white */
	background-color: #003865; /* MN blue */
}
.navbar-inverse .navbar-toggle {
	border-color: #ffffff; /* white */
	margin-right: 9px;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color: #003865; /* MN blue */
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #ffffff; /* white */
	width: 16px;
	height: 1px;
	border-radius: 1px;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #003865; /* MN blue */
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
	border-color: #78be21; /* MN green */
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: #003865; /* MN blue */
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #c4bdb5;  /* grey */
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: #003865; /* MN blue */
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #ffffff;
	background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
	color: #c4bdb5;
}
.navbar-inverse .navbar-link:hover {
	color: #ffffff;
}
.navbar-inverse .btn-link {
	color: #c4bdb5; /* grey */
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
	color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
	color: #ffffff;
}

.nav-tabs {
	background-color: #dedede;
	color: #000000;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #000000;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #003865; /* MN blue */
	background-color: #e6f2fe;
}

.nav-pills.nav-justified {
	width: 100%;
	border-bottom: 0;
}
.nav-pills > li > a {   /* inactive tabs */
	background-color: #dedede;
	color: #000000;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	color: #003865; /* MN blue */
	background-color: #e6f2fe;
}

.dropdown-menu > li > a {
	background-color: #fafdca;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .95em;
}

.xs-collapse {
	display: none;
	visibility: hidden;
}

.xs-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

.xs-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}

.btn-danger.xs-toggle .icon-bar {
	background-color: #00ffff;
}

.panel-box-format {
	border: 2px solid #78be21; /* MN green */
	padding: 0px 10px 10px 20px;
}

#footer_links a {
	font-size: .85em;
	text-decoration: none;	
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.navbar-inverse .navbar-brand {
		font-size: 0.9em;
	}
	.nav-tabs > li > a {
		font-size: 0.9em;
	}
	.dropdown-menu > li > a {
		font-size: 0.9em;
	}
	.panel {
		font-size: 0.82em;
	}
	input.form-button {
		padding: 3px 8px 3px 8px;
	}	
	.alertbox2 {
		font-size: 0.9em;	
		height: 100px;
		overflow: scroll !important;
		overflow-y: scroll !important;
	}
	label {
		text-align: left;
	}
}

@media (max-width: 767px) {
	.nav-pills > li > a {
		font-size: 0.95em;
	}
	.table-responsive {
		border: 1px solid #ffffff;
	}
 	.error_alertbox {
		margin: 20px 10px 20px 10px !important;
	}
	.alertbox2 {
		height: 100px;
		overflow: scroll !important;
		overflow-y: scroll !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.nav-pills > li > a {
		font-size: 0.95em;
		height: 52px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.nav-pills > li > a {
		font-size: 0.95em;
	}
}

@media (max-width: 1199px) {
	.bg_light_shade, .bg_light_shade td {
		padding: 8px;
	}
	.bg_no_shade, .bg_no_shade td {
		padding: 8px;
	}
}

@media (min-width: 1200px) {
	.nav-pills > li > a {
		font-size: .95em;
	}
}

@media (min-width: 769px) {
	.xs-toggle {
		display: none;
		visibility: hidden;
	}
	.xs-collapse {
		display: block;
		visibility: visible;
	}
}

hr {
	border-top: 1px solid #003865; /* MN blue */
}

/* override bootstrap behavior of not underlining links */
a {
	text-decoration: underline;
}

/* remove underline from a elements used for tab headers and submenu dropdown options */
ul.nav-pills a {
	text-decoration: none; 	
}

/* remove underline from a elements used in nav bars */
nav.navbar a{
	text-decoration: none; 	
}

.background-white {
	background-color: #fff;
}

.mobileTabs_container {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.mobileTabs_buttonText {
	float: left;
}

.mobileTabs_menuIcon {
	float: right;
	border: 1px solid #000;
	padding: 5px 10px;
	border-radius: 3px;
}

.alertbox2 {
	border: 2px solid #78be21; /* MN green */
	padding: 18px 5px 20px 30px;
	margin-top: 20px;
	margin-bottom: 5px;
	background: #FBF8E1 url("../images/home_alert_bg.gif") no-repeat;
	background-position: 10px;
	overflow-y:visible;
}
.panel-invisibleBorder {
	border-color: #fff;
	box-shadow: none;
}

/* Start of css for color scheme of employer menu option button in mobile displays 	*/
/*																					*/
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	color: #fff;
	background-color: #003865;
}

/* when menu button is unpressed and collapsed */
.mobileTabs_button {
	display: block;
	width: 100%;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	color: #fff;
	background-color: #003865;
}

.mobileTabs_menuIcon {
	float: right;
	border: 1px solid #fff;
	padding: 5px 10px;
	border-radius: 3px;
}

/* the active tab */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color: #000;
	font-weight: bold;
	background-color: #9cc2e3;
}

/* the active sub-option */
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #3884c7; /* a lighter shade of original blue */
	}
}
/* End of css for color scheme of employer menu option button in mobile displays */

/* medium+ screen sizes */
@media screen and (min-width:768px) {
	.screen-md-lg {
		display:block;
	}
}
/* small screen sizes */
@media screen and (max-width: 767px) {
	.screen-md-lg {
		display:none;
	}
}

.no-bold {
	font-weight: normal;
}

.padL0 {
	padding-left:0px;
}
.padL1 {
	padding-left:1px;
}

.padR0 {
	padding-right:0px;
}

.textR {
	text-align: right;
}
.textL {
	text-align: left;
}

.marginBottom20 {
	margin-bottom:20px;
}
.marginTop0 {
	margin-top:0px;
}
.marginTop5 {
	margin-top:5px;
}
.marginTop10 {
	margin-top: 10px;
}
.marginLeft0 {
	margin-left:0px;
}

/*used for dash between input boxes*/
.labelDashResponsive {
	text-align: center;
	margin-right: 0px;
	width: 3%;
	margin-top: 5px;
}
/*used for dash between input boxes on mobile size*/
.labelDashResponsivexs {
	text-align: center;
	margin-right: 0px;
	width: 8%;
	margin-top: 8px;
}

.displayDataResponsive {
	float: left;
	display: block;
	margin-top: 6px;
	margin-right: 10px;
	padding: 3px;
	text-align: left;
}
.displayDataResponsive-padding-1px {
	float: left;
	display: block;
	margin-top: 6px;
	margin-right: 10px;
	padding: 1px;
	text-align: left;
}

.displayInlineBlockWidth85 {
	display: inline-block;
	width: 85%;
}
.displayInlineBlockWidth95 {
	display: inline-block;
	width: 95%;
}

.padding-right-5px {
	padding-right: 5px;
}
.padding-top-5px { 
	padding-top: 5px;
}

h1 {
	color: #003865; /* MN blue */
	font-size: 1.5em;
	font-weight: bold;
}
h2 {
	color: #003865; /* MN blue */
	font-size: 1.4em;
	font-weight: bold;
}
h3 {
	color: #003865; /* MN blue */
	font-size: 1.3em;
	font-weight: bold;
}
h4 {
	color: #003865; /* MN blue */
	font-size: 1.2em;
	font-weight: bold;
}

/* new banner */
#banner_honeycomb {
	margin-top: 3px; /* very narrow white space above the banner */
	border-top: 3px solid #78be21;
	border-bottom: 3px solid #78be21;
 	padding: 30px;  /* height of the banner */
	position: relative;
	width: 100%;
	z-index: 0;
	background: url("../images/dHS-honeycomb-header.jpg") no-repeat;
}
/* for dhs logo */
.logo_overlay {
	height: auto;
	width: auto;
	position: absolute; /* needed to position the logo */
	z-index: 1;
	left: 4px;
	top: 10px;
}
/* for XS dhs logo */
.logo_overlay_xs {
	height: auto;
	width: auto;
	position: absolute; /* needed to position the logo */
	z-index: 1;
	left: 4px;
	top: 14px;
}
.mcso_overlay {
	color: white;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	height: 75%;
	width: auto;
	position: absolute; /* needed to position the logo */
	left: 32%;
	top: 6px;
}
/* for pipes separating external links */
.text-inline {
	display: inline-block;
	color: white;
}
.line_mn_green {
	border-bottom: 3px solid #78be21;
	width: 100%;
}

/* Page title size override for iPhone 5 - External links banner */ 
/* @media (min-width: 320px) and (max-width: 568px) { */
@media (min-width: 320px) and (max-width: 374px) {
	.navbar-brand {
		padding: 15px 8px;
	}
}
/* Hamburger size override for iPhone 5 - External links banner */ 
/* @media (min-width: 320px) and (max-width: 568px) { */
@media (min-width: 320px) and (max-width: 374px) {
	navbar-inverse .navbar-toggle {
		margin-right: 8px;
	}
}