@CHARSET "ISO-8859-1";
/* ---------------------------------------------------------- */
/* -----------------ParticipantsResponsive.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: #000000;
	font-weight: bold;
	border-bottom: 2px solid #7a7a7a;
	border-left: 2px solid #7a7a7a;
	border-right: 2px solid #7a7a7a;
}

.navbar-default .navbar-nav > li > a {
	color: #000000;
	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;
}

.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 > 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-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: 10px 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.9em;
	}
	.device-fontSize {
		font-size: 1em;
	}

	input.form-button {
		padding: 3px 8px 3px 8px;
	}
	.alertbox2 {
		font-size: 0.9em;
		height: 100px;
		overflow: scroll !important;
		overflow-y: scroll !important;
		}
}

@media (max-width: 767px) {
	.nav-pills > li > a {
		font-size: 0.95em;
	}
	.table-responsive {
		border: 1px solid #ffffff;
	}
	/*  40%  m_b:10px  */
	.participant_caselist_table {
		width: 100%;
		margin-bottom: 10px;
	}
 	/*  AccountSummaryTaxIntercepts 30%  */
	.account_summary_tax_intercept_2col_table_width {
		width: 30%;
	}
	/*  TaxIntercepts 35%  */
 	.four_column_rr_table {
		width: 100%;
	}
	/* TaxIntercepts 35%  m_b:18px  */
	.four_column_pi_table {
		width: 100%;
	}
	/*  TaxIntercepts 40%  m_b:18px  */
	.two_column_rr_table {
		width: 100%;
	}
	/*  TaxIntercepts 35%  m_b:18px  */
	.two_column_pi_table {
		width: 100%;
	}
	/*  40%  m_b:18px  */
	.monthly_obligations_table {
		width: 100%;
	}
	/*  40%  m_b:20px  */
	.outstanding_balances_table {
		width: 100%;
	}
	/*  20%  m_b:18px  */
	.cost_recovery_fee_table {
  		width: 80%;
	}
	/*  40%  */
	.cola_small_table {
  		width: 60%;
	}
	/*  60%  */
	.cola_medium_table {
  		width: 80%;
	}
	/*  100%  */
	.cola_large_table {
  		width: 100%;
	}
	/*  DirectDeposit  50%  m_b:10px  */
	.dd_3_field_table {
  		width: 100%;
	}
	/*  DirectDeposit  60%  m_b:10px  */
	.dd_4_field_table {
 	 	width: 100%;
	}
	/*  45%  m_b:10px  */
	.issued_checks_table {
  		width: 100%;
	}
	/*  70%  m_b:10px  */
	.person_collections_table {
		width: 100%;
	}
	/*  previously commented out */
	th.person_collections_payment_status_with_header {
		width: 32%;
	}
	/*  70%  m_b:20px  */
	.acct_sum_case_collections_ncp_table_width {
  		width: 100%;
	}
	/*  70%  m_b:20px  */
	.acct_sum_case_collections_cp_table_width {
  		width: 100%;
	}
	/*  55%  m_t:6px  m_b:10px  */
	.case_collections_ncp_table_width {
  		width: 100%;
	}
	/*  50%  m_t:6px  */
	.case_collections_cp_table_width {
  		width: 100%;
	}
	/*  30%  m_t:8px  m_b:18px  */
	 .account_summary_tax_intercept_2col_table_width {
  		width: 80%;
	}
	/*  18%  m_t:8px  m_b:18px  */
	.account_summary_tax_intercept_1col_table_width {
  		width: 50%;
	}
	/*  45%  m_b:20px  */
	.account_balance_summary_3_field_table {
  		width: 100%;
	}
	/*  65%  m_b:20px  */
	.account_balance_summary_4_field_table {
  		width: 100%;
	}
	.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;
	}
	/*  40%  m_b:10px  */
	.participant_caselist_table {
		width: 100%;
		margin-bottom: 10px;
	}
	/*  AccountSummaryTaxIntercepts 30%  */
	.account_summary_tax_intercept_2col_table_width {
		width: 30%;
	}
	/*  TaxIntercepts 35%  */
	.four_column_rr_table {
		width: 60%;
	}
	/* TaxIntercepts 35%  m_b:18px  */
	.four_column_pi_table {
		width: 60%;
	}
	/*  TaxIntercepts 40%  m_b:18px  */
	.two_column_rr_table {
		width: 100%;
	}
	/*  TaxIntercepts 35%  m_b:18px  */
	.two_column_pi_table {
		width: 100%;
	}
	/*  40%  m_b:18px  */
	.monthly_obligations_table {
		width: 100%;
	}
	/*  40%  m_b:20px  */
	.outstanding_balances_table {
		width: 100%;
	}
	/*  20%  m_b:18px  */
	.cost_recovery_fee_table {
		width: 60%;
	}
	/*  40%  */
	.cola_small_table {
		width: 60%;
	}
	/*  60%  */
	.cola_medium_table {
		width: 80%;
	}
	/*  100%  */
	.cola_large_table {
		width: 100%;
	}
	/*  DirectDeposit  50%  m_b:10px  */
	.dd_3_field_table {
		width: 100%;
	}
	/*  DirectDeposit  60%  m_b:10px  */
	.dd_4_field_table {
		width: 100%;
	}
	/*  45%  m_b:10px  */
	.issued_checks_table {
		width: 100%;
	}
	/*  70%  m_b:10px  */
	.person_collections_table {
		width: 100%;
	}
	/*  70%  m_b:20px  */
	.acct_sum_case_collections_ncp_table_width {
		width: 100%;
	}
	/*  70%  m_b:20px  */
	.acct_sum_case_collections_cp_table_width {
		width: 100%;
	}
	/*  55%  m_t:6px  m_b:10px  */
	.case_collections_ncp_table_width {
		width: 100%;
	}
	/*  50%  m_t:6px  */
	.case_collections_cp_table_width {
		width: 100%;
	}
	/*  30%  m_t:8px  m_b:18px  */
	.account_summary_tax_intercept_2col_table_width {
		width: 50%;
	}
	/*  18%  m_t:8px  m_b:18px  */
	.account_summary_tax_intercept_1col_table_width {
		width: 30%;
	}
	/*  45%  m_b:20px  */
	.account_balance_summary_3_field_table {
		width: 80%;
	}
	/*  65%  m_b:20px  */
	.account_balance_summary_4_field_table {
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.nav-pills > li > a {
		font-size: 0.95em;
	}
	/*  40%  m_b:10px  */
	.participant_caselist_table {
		width: 80%;
		margin-bottom: 10px;
	}
	/*  AccountSummaryTaxIntercepts 30%  */
	.account_summary_tax_intercept_2col_table_width {
		width: 30%;
	}
	/*  TaxIntercepts 35%  */
	.four_column_rr_table {
		width: 60%;
	}
	/* TaxIntercepts 35%  m_b:18px  */
	.four_column_pi_table {
		width: 60%;
	}
	/*  TaxIntercepts 40%  m_b:18px  */
	.two_column_rr_table {
		width: 80%;
	}
	/*  TaxIntercepts 35%  m_b:18px  */
	.two_column_pi_table {
		width: 80%;
	}
	/*  40%  m_b:18px  */
	.monthly_obligations_table {
		width: 80%;
	}
	/*  40%  m_b:20px  */
	.outstanding_balances_table {
		width: 80%;
	}
	/*  20%  m_b:18px  */
	.cost_recovery_fee_table {
		width: 60%;
	}
	/*  40%  */
	.cola_small_table {
		width: 60%;
	}
	/*  60%  */
	.cola_medium_table {
		width: 80%;
	}
	/*  100%  */
	.cola_large_table {
		width: 100%;
	}
	/*  DirectDeposit  50%  m_b:10px  */
	.dd_3_field_table {
		width: 80%;
	}
	/*  DirectDeposit  60%  m_b:10px  */
	.dd_4_field_table {
		width: 80%;
	}
	/*  45%  m_b:10px  */
	.issued_checks_table {
		width: 80%;
	}
	/*  70%  m_b:10px  */
	.person_collections_table {
		width: 100%;
	}
	/*  70%  m_b:20px  */
	.acct_sum_case_collections_ncp_table_width {
		width: 100%;
	}
	/*  70%  m_b:20px  */
	.acct_sum_case_collections_cp_table_width {
		width: 100%;
	}
	/*  55%  m_t:6px  m_b:10px  */
	.case_collections_ncp_table_width {
		width: 90%;
	}
	/*  50%  m_t:6px  */
	.case_collections_cp_table_width {
		width: 80%;
	}
	/*  45%  m_b:20px  */
	.account_balance_summary_3_field_table {
		width: 80%;
	}
	/*  65%  m_b:20px  */
	.account_balance_summary_4_field_table {
		width: 80%;
	}
}

@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;
	}
	/*  this widens the cost recovery fee table to match others above it  */
	/*  20%  m_b:18px  */
	.cost_recovery_fee_table {
		width: 40%;
	}
}

@media (min-width: 769px) {
	.xs-toggle {
		display: none;
		visibility: hidden;
	}
	.marginIndent35 {
		margin-left: 35px;
	}
}


hr {
	border-top: 1px solid #78be21; /* MN green */
}

/* 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;
}


/* css to support drop down submenus */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

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

.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 #ffffff;
	padding: 5px 10px;
	border-radius: 3px;
}

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

.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: #ffffff;
	box-shadow: none;
}

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

/* 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; /* a much lighter shade of original blue */
}

/* 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: #337ab7;
	}
}
/* End of css for color scheme of participant menu option button in mobile displays */


@media screen and (max-width: 768px) {
	.screen-fontsize {
		font-size: 0.9em;
	}
	.screen-fontsize2 {
		font-size: 0.9em;
	}
}
@media screen and (max-width: 568px) {
	.screen-fontsize {
		font-size: 0.7em;
	}
	.screen-fontsize2 {
		font-size: 0.7em;
	}
}
@media screen and (max-width: 414px) {
	.screen-fontsize2 {
		font-size: 0.7em;
	}
}
@media screen and (max-width: 375px) {
	.screen-fontsize2 {
		font-size: 0.60em;
	}
}
/* 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;
	}
}

.marginleft-2 {
	margin-left: 2em;
}

.underline-text {
	text-decoration: underline;
}

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

.padL0 {
	padding-left: 0px;
}
.padL8 {
	padding-left: 8px;
}
.padL15 {
	padding-left: 15px;
}
.padL18 {
	padding-left: 18px;
}
.padL22 {
	padding-left: 22px;
}
.padL40 {
	padding-left: 40px;
}
.padR0 {
	padding-right: 0px;
}
.padR15 {
	padding-right: 15px;
}

.padT0 {
	padding-top: 0px;
}
.padding-top15 {
	padding-top: 15px;
}
.padding-top7-bottom7 {
	padding: 7px 0px 7px 0px;
}
.textR {
	text-align: right;
}
.textL {
	text-align: left;
}
.textC {
	text-align: center;
}

.marginBottom0 {
	margin-bottom: 0px;
}

.marginBottom5 {
	margin-bottom: 5px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marginTop0 {
	margin-top: 0px;
}

.marginTop2 {
	margin-top: 2px;
}

.marginTop5 {
	margin-top: 5px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginTop30 {
	margin-top: 30px;
}

.marginLeft0 {
	margin-left: 0px;
}

.width11 {
	width: 11%;
}

/* label styles for update profile */
.updateProfileLabel {
	text-align: right;
	padding-right: 0.2em;
}

.updateProfileLabelPaddingLeft {
	padding-left: 0.2em;
}

/* end of label styles for update profile */

/* 5px padding for columns */
.padding-right-5px {
	padding-right: 5px;
}    
 
.padding-left-5px { 
	padding-left: 5px;
}
/* end 5px padding for columns */


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

.padding-top-9px { 
	padding-top: 9px;
}

.preSignIn_form {
	margin: 22px 20px 22px 0px;
	padding: 0px;
}

/* force display horizontal scoll-bar */
.table-container {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}

.table-container::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #ffffff;
	background-color: rgba(0, 0, 0, .3);
}

h4.pre-login {
	font-size: 1.2em;
	color: #003865; /* MN blue */
	font-weight: bold;
}


/* added for Branding */
h1 {
	color: #003865;
	font-size: 1.5em;
	font-weight: bold;
}
h2 {
	color: #003865;
/*	font-size: 1.4em; */
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	color: #003865;
/*	font-size: 1.3em; */
	font-size: 1.2em;
	font-weight: bold;
}
h4 {
	color: #003865;
/*	font-size: 1.2em; */
	font-size: 1.0em;
	font-weight: bold;
}

.em_1-2 {
	font-size: 1.2em;
}
.em_1-3 {
	font-size: 1.3em;
}

/* 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-bg.jpg") no-repeat;
}
.logo_overlay {  /* for dhs logo */
	height: auto;
	width: auto;
	position: absolute; /* needed to position the logo */
	z-index: 1;
	left: 4px;
	top: 10px;
}
.logo_overlay_xs {  /* for XS dhs logo */
	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 */
/* 	z-index: 2; */
	left: 32%;
	top: 6px;
}
.text-inline { /* for pipes separating external links */
	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: 374px) {
	.navbar-brand {
		padding: 15px 8px;
	}
}
/* Hamburger size override for iPhone 5 - External links banner */
@media (min-width: 320px) and (max-width: 374px) {
	navbar-inverse .navbar-toggle {
		margin-right: 8px;
	}
}

/* prevent wrapping when 3 buttons - all very xs device buttons 
will have smaller text and padding - override for iPhone 5 */
@media (min-width: 320px) and (max-width: 374px) {
	input.form-button {
		padding: 3px 7px 3px 7px;
		font-size: .875em;
	}
}