@charset "UTF-8";

/*

File: rates.css
Purpose: 
Usage: Modify as needed. 

Contents:

1. Standardized Rate Table Styles 

*/

/* ================ 1. Standardized Rate Table Styles ================ */

/*-- styles that appear in the rate admin dropdown menu are based on standardized colors and are defined in module config and design.css
they are as follows:

Dark Brand Color BG
Med Brand Color BG
Light Brand Color BG

Dark Brand Color BG Centered
Med Brand Color BG Centered
Light Brand Color BG Centered

Dark Gray BG
Med Gray BG
Light Gray BG

Dark Gray BG Centered
Med Gray BG Centered
Light Gray BG Centered

Centered
Centered Bold
Left
Left Bold
Right
Right Bold

-- */

.ratetable {
	max-width: 990px;
	margin: 0 0 20px 0;
	clear: both;
	width: 100%;
}

.ratetable.tiered { /*affects only tiered layouts*/ }

.ratetable td, .ratetable th {
	padding: 8px 2%;
	border-bottom: 1px solid #d6dedd;
	font-size: 14px;
	font-size: 0.875rem;
}

.ratetable.rateheadline, .ratetable.rateheadline td, .ratetable.rateheadline th  {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

.ratetable th {text-align:left;}

.ratetable th a {color:#fff;}
.ratetable th a sup {color:#fff; margin:0 3px;}

.ratetable td.ratefootnote { border: 0; }

td.show, th.show {display:table-cell;}

/*table headers*/
.rateprogram {
	float: left !important;
	margin: 0 !important;
	line-height: normal !important;
	font-size: 26px !important;
	font-size: 1.444rem !important;
	font-weight: 300 !important;
	width:75%;
	    text-align: left !important;	
}

tr.ratehead {border: none !important;	background-color: transparent !important;}
.ratehead {border: none;	background-color: transparent !important;	padding: 0 !important;}

.ratedate {width: auto;	float: right; padding-top: 9px;}

/*column head*/
.ratecolheader {
	font-weight: 700;
	font-size: 12px;
	font-size: 0.75rem;
	color: #fff;
	text-align: left;
	line-height: normal;
	background-color:#009bdf;
	text-align: center;
}



.tiered-header { background-color: #439fa7 !important; }

.tiered-header td {
	border-left: 1px solid #f2f3f4;
	font-weight: 300;
	font-size: 12px;
	font-size: 0.75rem;
	color: #fff;
	text-align: center;
	line-height: normal;
}

.tiered-header td:first-child { border-left: none !important; }

/*.ratetable tr:nth-child(4n-1) { background-color: #f2f3f4; }

.ratetable.tiered tr:nth-child(4n-2) { background-color: #f2f3f4; }*/

/*.ratetable tr:nth-child(even) {
	background-color:#f2f3f4;
}
*/

#footnotes_row { background-color: transparent !important; }

/*rate alert elements within table*/
.rate-alert-icon a:link, .rate-alert-icon a:visited { color: #333; }
.rate-alert-icon { width: 50px; }

/*footnotes*/
td.ratefootnote, td.ratefootnote ul li, .footnote p {
	font-size: 12px;
	font-size: 0.75rem;
	color: #777;
	line-height: normal;
}

.ratefootnote ul {	list-style: none;	padding: 0;	margin: 0;}
td.ratefootnote ul li, .footnote p { padding: 0 0 1% 0; }
div.footnote { padding: 10px; }

/*rate tools area*/

div.rate_tools { height: 22px; }

ul.rate_tools {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #4C4C4C;
	width: 25%;
}

ul.rate_tools li {
	display: inline-block;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 11px;
	font-size: 0.6875rem;
}

ul.rate_tools li.saved a div.save-icon {
	display: inline-block;
	float: none;
	padding: 0;
	height: 9px;
}

ul.rate_tools li.rates-effective-date { float: right; }
ul.rate_tools li div { float: left; }

@media screen and (max-width: 640px) {
	ul.rate_tools {	float: left;	width: 100%;}
	ul.rate_tools li.rates-effective-date { float: left; }
	.ratetable {margin: 1em 0 4em 6px;	width: 99%;}
	.ratetable td, .ratetable th {	font-size: 12px;	font-size: 0.75rem;}
}

@media screen and (max-width: 450px) {
	.ratetable td, .ratetable th {	font-size: 10px;	font-size: 0.625rem;}
}