@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:


Centered
Centered Bold
Left
Left Bold
Right
Right Bold

-- */

.ratetable {

	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.JQrateAlert {text-align:center; font-size: 12px; font-size: 0.75rem;}

.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;}

td.rate-data:first-child {color: #9f1a2c !important;}

/*table headers*/
.rateprogram {

	margin: 0 0 5px 0 !important;
	line-height: normal !important;
	font-size: 26px !important;
	font-size: 1.444rem !important;
	font-weight: 300 !important;

	    text-align: left !important;	
		caption-side: top;

}

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; font-size: 0.6875rem; color: #4c4c4c;}

/*column head*/
.ratecolheader, .ratecolheader th {
	font-weight: 700;
	font-size: 14px;
	font-size: 0.875rem;
	color: #fff;
	line-height: normal;
	background-color:#008027;
	text-align: center;
}

tr.ratecolheader-inline th {background-color: #e3f6ea; color: #000;}


.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: #29292a;
	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; }

.rate-bold 		{ font-weight: 700;}
.rate-left 		{ text-align: left !important; }
.rate-center 	{ text-align: center !important; }
.rate-right 	{ text-align: right !important; }

@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 0;	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;}
}







/*form style changes placed here during dev*/

input[type=radio], input[type=checkbox] {
	vertical-align:unset;
}

td.grid-cell {text-align:center; padding:10px;}
td.grid-cell:first-child {text-align:left; }

th.grid-head {text-align:center; border-bottom: solid 1px #ccc;}