/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* - - - - - - - - - - - - - */
/*  	   Universal		 */
/* - - - - - - - - - - - - - */

*{
	font-family: 'Montserrat', sans-serif;	
}

body{
	background-color:#FEFEFE;
	background-repeat:repeat-x;
	background-position:top;
	font-size: 12px;
}

body, p, td {
	font-size: 12px;
	line-height: 18px;
}

h2 { font-weight: 300; margin-bottom: 5px; }
h3 { font-weight: 300; font-size: 16px;}

.btn {
	padding: 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border: none;
	border-radius: 0;
}

a.btn {
	text-decoration: none;
}

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

strong{
	font-weight:bold;	
}

hr{
	border:0;
	border-top:1px #CCC solid;	
}

div.loading_modal{
	display:    block;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .6 ) 
                url('/assets/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/*------- Breadcrumb Style ---------*/

ul.breadcrumb{
	padding-bottom:10px;
	font-size:12px;
	display:inline-block;
	float:left;
}

ul.breadcrumb a{
	color:#464646;
}

ul.breadcrumb li:nth-child(2){
	width:auto;
	height:35px;
	display:block;
	float:left;
	position:relative;
	left:-7px;
}

ul.breadcrumb li{
	width:auto;
	height:35px;
	display:block;
	float:left;
	position:relative;
	left:-15px;
}

ul.breadcrumb li:first-child{
	left:0px;
}


ul.breadcrumb li:last-child{
	color:#fff;
}

ul.breadcrumb li span:first-child{
	background:url(../images/breadcrumb_tail.png) no-repeat;
	display:block;
	height:100%;
	width:17px;
	float:left;
	padding:0;
}

ul.breadcrumb li span{
	background:url(../images/breadcrumb_middle.png) repeat-x;
	display:block;
	float:left;
	width:auto;
	height:100%;
	padding:10px;
}

ul.breadcrumb li span:last-child{
	background:url(../images/breadcrumb_right.png) no-repeat;
	display:block;
	height:100%;
	width:19px;
	float:right;
	padding:0;
}

ul.breadcrumb li:last-child span:first-child{
	background:url(../images/breadcrumb_tail_active.png) no-repeat;
}

ul.breadcrumb li:last-child span{
	background:url(../images/breadcrumb_middle_active.png) repeat-x;
}

ul.breadcrumb li:last-child span:last-child{
	background:url(../images/breadcrumb_right_active.png) no-repeat;
}

ul.breadcrumb li:first-child span:first-child{
	background:url(../images/breadcrumb_left.png) no-repeat;
	display:block;
	height:100%;
	width:8px;
	float:left;
	padding:0;
}

ul.breadcrumb li:first-child span{
	background:url(../images/breadcrumb_middle.png) repeat-x;
	display:block;
	float:left;
	width:auto;
	height:100%;
	padding:10px;
}

ul.breadcrumb li:first-child span:last-child{
	background:url(../images/breadcrumb_right.png) no-repeat;
	display:block;
	height:100%;
	width:19px;
	float:right;
	padding:0;
}

/*-------- "Utility Styles" -------*/

div.no_margin_left{
	margin-left:0px;	
}

div.no_margin_top{
	margin-top:0px;	
}

div.full_width{
	width:100%;	
}

div.default_margin, table.default_margin{
	margin:15px;
}	

/* - - - - - - - - - - - - - */
/*  	Notifications		 */
/* - - - - - - - - - - - - - */

.notification{ 
	padding:10px;
	font-size:12px;
	margin:8px 0px;
	cursor:pointer;
}

.notification_wrap{
	margin:0px 20px;	
}

.noti_type{
	font-weight:bold;
	text-transform:uppercase;
}

.success{
	border:1px solid #54b539;
	background-color:#d9fdce;
}

.error{
	border:1px solid #c77d7d;
	background-color:#fbcfcf;
}

.info{
	border:1px solid #5ba3c2;
	background-color:#cfeefb;
}

.notification strong{
	font-weight:bold;	
}

/* ----- Dialogue Boxes ----- */

.spiffy_dialog #dialog-confirm{
	font-size:14px;	
}

.spiffy_dialog button.ui-widget{
	font-size:12px;	
}

div.destyled-tabs{
	border:0;	
	padding:0;
}

div.destyled-tabs .ui-tabs-panel{
	padding:0;	
}

/* - - - - - - - - - - - - - */
/*  		Header			 */
/* - - - - - - - - - - - - - */

#header{
	width:100%;
	/*background:url(../images/header_repeat.png) repeat-x;*/
	padding: 10px;
	background-color:#fff;
	-moz-box-shadow:0px 1px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.2);
	box-shadow:0px 1px 8px rgba(0,0,0,0.2);
}

#header_content{
	height:100%;
	max-width:1100px;
	margin:auto;
	position:relative;
	font-family: 'Montserrat', sans-serif;
}

#spiffy_title{
	position:absolute;
	top:8px;	
}

#logout{
	padding-left: 20px !important;
	padding-right: 20px !important;
	
}

.logo_img_wrap{
	text-align: left;
	height: 58px;
}

.logo_img{
	max-height: 40px;
	max-width: 150px;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
}


/* - - - - - - - - - - - - - */
/*  		Main			 */
/* - - - - - - - - - - - - - */

#main_wrap{
	max-width:1100px;
	margin:auto;
	margin-top:40px;
	position:relative;
	min-height: 1000px;
	
}

#main_top{
	background:url(../images/main_bg_top.png) top no-repeat;
	height:20px; 
	width:100%;
}

#main_content{
	max-width:1100px;
	min-height:150px;
	margin:auto;
	padding-bottom:1px;
	background-color:#FFF;
	font-family: 'Montserrat', sans-serif;
	color:#464646;
	position:relative;
}

#main_bottom{
	background:url(../images/main_bg_bottom.png) bottom no-repeat;
	height:27px;
	width:100%;
}

#content_area{
}


/* ----- Nav ----- */

#nav{
}

#nav ul{
	text-align: right;
}

#nav ul li{
	display: inline-block; 
	margin:0px 3px 0px 3px;
}

#nav ul li a{
	display:inline-block;
	text-decoration:none;
	color:#666;
	font-size:12px;	
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#nav ul li.active_nav a{
	text-decoration: underline;
	
}

#nav ul li.active_nav a{
	color:#0f2b7a;	
	box-shadow:none;
	moz-box-shadow:none;
}

#side_splash{
	position:absolute;
	right:-120px;
	top:-40px;	
}

/* ----- Content Header ----- */
.greeting{
	text-align: center;
}

#info_box{
	font-size:14px;
	min-width:220px;
	padding:10px;
	text-align: right;
}

#info_box table {
	margin: auto;
}

#info_box span{
	display:inline-block;
	margin:3px;	
}

#info_box img{
	margin-bottom:-3px;	
}


/* ----- Content Area Styles ----- */

.content_title{
	margin:10px 0px 0px 25px;	
}

h1.page_title{
	font-family: 'Montserrat', sans-serif;
	font-size:24px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 300;
}

html body label {
	font-size: 14px;
}

.admin_box{
		
	width: 100%;
	box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
              0 3px 6px 0 rgba(0,0,0,0.08);
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.admin_box h3, .admin-box-title{ 
	font-size:16px;
	padding:10px 15px;
}

.admin_box .admin-box-content {
	margin: 0;
	padding: 15px;
}

.admin-box table {
	width: 100%;
}

table {
	overflow-x: auto;
}

.rounded_corners{
	
}

.dataTables_filter input {
	color: #000;
	padding: 0px 3px;
}

/* - - - - - - - - - - - - - */
/*  		Dash			 */
/* - - - - - - - - - - - - - */

/* ----- Admin Dash Graphs ----- */

#daily_rev_chart img{
	margin-left:110px;
	margin-top:100px;
}

#rev_hist_chart img{
	margin-left:190px;
	margin-top:60px;
}


/* ----- Admin Dash Area Styles ----- */

#daily_stats table tr td{
	font-size:14px;
	border-bottom:#CCC 1px solid;
	padding:8px 4px;
}

#daily_stats table tr:last-child td{
	border-bottom:0;
}

#daily_stats table tr td:first-child{
	font-weight:bold;	
}

#daily_revenue{
}

#dash_weather{
}

#d_weather_temp{
	width:180px;
	text-align:center;
	height:75px;
	vertical-align:middle;
	display:table;
	padding-top:25px;
	font-size:14px;
}

#d_weather_cond{
	width:160px;
	margin:auto;
	text-align:center;
	height:80px;
	padding-top:10px;
}

#d_curr_temp{
	padding-top:40px;
	text-align: center;
	height:60px;
	font-size:52px;
	margin: auto;
}

#d_curr_temp span, #d_weather_cond, #d_weather_temp span{
	font-size:16px;
	padding-top:-10px;	
}

#forecast{
	clear:both;	
	padding-top: 20px;
	padding-bottom: 20px;
}

.forecast_item{
	font-size:14px;
	width:100%;
	text-align:center;
}

.forecast_title{
	display:block;
	width:100%;	
	padding: 10px;
	margin-bottom: 10px;
	/*background:url(../images/super_light_title_bg.png) repeat-x;*/
}

.forecast_high{
	display:inline-block;
	padding:5px 0px;
	
}

.forecast_low{
	clear:both;
	display:inline-block;
	padding:5px 0px;
	margin-bottom: 20px;
}

.forecast_city{
	font-weight:bold;
	display:inline-block;
	padding:4px 0px;	
	font-size:16px;
}

#recent_trans_wrap{
	margin-top: 20px;
}

#recent_trans{
	
}

#bay_status_wrap{
	margin-top: 20px;
}

#bay_status{
	padding-left: 10px;
	padding-right: 10px;
}

#recent_trans table, #bay_status table{
	width:100%;	
	color:#464646;
}

#bay_status table th{
	padding:10px;
	background:#EBEBEB;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

#bay_status tbody td, #bay_status tfoot td{
	text-align:left;
	padding:10px;
	font-size:12px;
	text-align:left;	
	position:relative; 
}

#bay_status tfoot td{
	font-weight:bold;	
}

#activity_table tbody td:first-child{
	
}

#activity_table tfoot td:first-child{
	
}

#activity_table tbody td:first-child a{
	text-decoration:none;	
	color:#464646;
	padding:4px;
}

#activity_table tbody td:first-child a:hover{
	background-color:#e5e5e5;	
}

#activity_table td img{
	position:relative;
	left:-10px;
	top:5px;
}

#recent_trans table th{
	padding:10px;
	background:#EBEBEB;
	font-size:12px;
	font-weight:bold;
}

#recent_trans tbody td{
	padding:10px;
	font-size:12px;
}

#recent_trans tbody td a{
	color:#464646;
	text-decoration:none;
	padding:4px;
}

#recent_trans tbody td a:hover{
	background-color:#e5e5e5;
		
}

#recent_trans tbody td:last-child{
	padding:0px 0px 0px 0px;
	text-align:left;
	position:relative;
}

#recent_trans tbody td:last-child img{
	position:relative;
	top:5px;	
}

#bay_status label, #recent_trans_wrap label{
	display:block;
	float:left;
	font-size:12px;	
	padding:13px;
}

#bay_status select[name="activity_location_id"], #recent_trans_wrap select[name="trans_location_id"]{
	padding:3px;
	border:1px solid #d3d3d3;
	margin:6px;
	font-size:12px;
	width:215px;
}

/* - - - - - - - - - - - - - */
/*  		Accounts	 	 */
/* - - - - - - - - - - - - - */

/* ----- Admin Accounts Page ----- */

div.dataTables_processing{
	margin-top:50px;	
}

#accounts_nav{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:right;
	clear:both;
}

#search_filter{
	
}

#search_filter table{
	margin-top: 15px;
	width: 100%;
}

#search_filter td{
	padding:5px 15px;	
}

#search_filter label{
	display:inline-block;
	padding-bottom:3px;
}

#search_filter input[type=text]:not(.ip_octet){
	width:100%;	
	border:#CCC 1px solid;
	padding:4px;
	margin:5px 0px;
	font-size:14px;
}

#search_filter select{
	width:100%;	
	border:#CCC 1px solid;
	padding:4px;
	font-size:14px;
}

#accounts_tbl_wrapper{

}

#accounts_tbl{  }

#accounts_tbl tbody td{
	padding:8px;	 
}

#accounts_tbl tr:hover{
	cursor:pointer;
	background-color: #EEE;	
}

.account_box{
	margin-bottom: 10px;
	/*outline:1px #AAA solid;	*/
	background:none;
}

#account_details{
	width: 100%;
}

#account_details select {
	width: 95%;
}

#account_new{
	margin:20px 20px 0px 20px;
	width:95%;
}

#account_new_multiple{
	width: 100%;
}

#account_new_multiple input[name*="card_number"]{
	width:45%;
}

#user-child-accts {
	padding-bottom: 0;
}

#user-child-accts .dataTables_wrapper {
	margin: 0;
}

#multiple_preload{
 width: 100%;
}

#multiple_preload td select, #account_new_multiple td select {
	width: 95%;
}

#account_new table td{
	padding:8px;	
}

#acct_transactions_tbl_wrapper{
	margin:0px 20px 20px 0px;
	font-size:12px;
}

#acct_transactions_tbl tr:hover{
	background-color:#EEE;	
	cursor:pointer;
}

#acct_transactions_tbl tr:hover td{
	background-color:#EEE;
}

#acct_children_tbl_wrapper{
	margin:0px 20px 20px 20px;
	font-size:12px;
}

#acct_trans_wrap{
	border-color:#AAA;
	border-style:solid;
	border-width:1px;	
}

#acct-tabs, #promo-tabs{
	clear:both;	
}

#promo-tabs li.ui-tabs-tab {
	opacity: 0.7;
}

#promo-tabs li.ui-tabs-tab.ui-state-active {
	opacity: 1;
}

#acct-tabs>ul, #promo-tabs>ul{
	margin-top:15px;
	background: url(../images/box_title_bg_repeat.jpg) center repeat-x;
	background-size: auto 100%;	
}

#acct-tabs ul li a{
	width: 200px;
}

.refund img{
	margin-top:5px;	
}

.account_box td{
	padding:8px;
	font-size:12px;
	background:none;
}

.account_box tr td input[type=text]{
	border:#a2a2a2 1px solid;	
	padding:5px;
	width:95%;	
}

.account_box tr td textarea{
	font-size:12px;
	border:#a2a2a2 1px solid;	
	padding:5px;
	width:95%;	
}

.account_box tr td input[type=password]{
	border:#a2a2a2 1px solid;	
	padding:5px;
	width:95%;	
}

.account_box select{
	border:#a2a2a2 1px solid;	
	padding:5px;
	width:100%;
}

/*#account_details tr:first-child td{
	background-color:#eaeaea;
	padding:10px;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}*/

#account_credit, #online_access, #parent_account{
	margin:10px 10px 0px 10px;
}

#online_access input, #online_access span.light_border {
	margin-bottom: 10px;
}

.online_access_message{
	text-align:center;
	font-size:14px; 	
	line-height:18px;
}

.acct_online_code{
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.acct_online_code span{
	text-align:center;
	font-size:28px;
	font-weight:bold	
}

select[name="province"], select[name="promo"] {
	max-width: 95%;
}

html body td.no-padding {
	padding: 0 !important;
}

html body td.trans_form_label {
	padding: 0 !important;
}

.online_code_options{
	text-align:center;	
}

.form_save{
	width:77px;
	height:26px;
	background:url(/assets/images/save_button.png);
	border:0;
	margin:0;
	padding:0;
	display:inline-block;
	cursor:pointer;
}

.form_remove{
	width:77px;
	height:26px;
	background:url(/assets/images/remove_button.png);
	border:0;
	margin:0;
	padding:0;
	display:inline-block;
	cursor:pointer;
}


#acct_det_submit{
	width:77px;
	height:26px;
	background:url(/assets/images/save_button.png);
	border:0;
	margin:0;
	padding:0;
	display:inline-block;
	cursor:pointer;
}

#account_stats{
	margin: auto;
}

#account_stats .stat_label{
	clear:both;
	display:inline-block;
	font-size:11px;
	padding:5px 15px;
}

#account_stats tr td{
	font-size:14px;	
	line-height:12px;
	text-align:center;
	padding:10px 7px;
}


#account_stats tr td{
		
}

#account_stats tr td:last-child{
	border-right:none;	
}

#trans_exp select{
	padding: 9px 15px;
}

.clear_title{
	clear:both;
	margin:15px;	
}


.ui-autocomplete li{
	font-size:12px;	
}


/* - - - - - - - - - - - - - */
/*  		Locations	 	 */
/* - - - - - - - - - - - - - */

/* ----- Locations ----- */

#location-tabs{
	clear:both;
	margin-top:10px;
}
	
#location-tabs li {
	border-radius: 0;
}



#locations .dataTables_wrapper{
	margin:10px 20px 10px 20px;	
	font-size:12px;
}

.location_tbls td{
	font-size:12px;	
}

.location_title{
	font-size:16px; 
	font-weight:bold;
	color:#2d4385;	
	padding:20px 10px 0px 20px;
	clear:both;
}

.location_heading{
	font-size:26px; 
	font-weight:bold;
	color:#2d4385;	
	padding:0px 10px 10px 0px;
}

.location_nav{
	text-align:right;
	margin-right:20px;
	clear:both;
}

#{
	margin:20px 20px 20px 0px;
	border-color:#AAA;
	border-style:solid;
	border-width:1px;	
	/*width:475px;*/
	float:left;
}

#device_details{
	margin:10px;
	width:400px;
	float:left;
}

#device_settings{
	margin:10px;
	width:410px;
	float:left;
}

#device_details td, #device_settings td{
	padding:8px;
	font-size:12px;	
}

#device_details tr td input[type=text], #device_settings tr td input[type=text]{
	border:#a2a2a2 1px solid;	
	padding:5px;
	width:95%;
}



/* - - - - - - - - - - - - - */
/*  		Reports	 		 */
/* - - - - - - - - - - - - - */

/* ----- Reports ----- */

#reports_home{
	margin:0px;
	clear:both;
}

.reports_button{
	margin:20px;	
}

.reports_button:hover{
	opacity:0.8;
}	

.reports_disabled:hover{
	opacity:1;
}

.reports_subtitle{
	margin:5px 20px 20px 15px;	
}

.filter_wrap{
	position:relative;
	padding:15px;
	font-size:12px;
}

.filter_wrap h3{
	font-size:14px;
	font-weight:bold;	
	padding:10px 5px 5px 0px;
}

.report_filter_column{
	font-size:12px;	
	float:left;
	margin:10px;
}

#financial_report {
	
}

.financial_revenue{
		
}

financial_trans{
	width:250px;	
}

financial_other{
	width:250px;	
}

#financial_submit{
	clear:both;	
}

#financial_rpts_tbl_wrapper{
	margin:20px;
	font-size:12px;		
}

#financial_rpts_tbl tfoot td{
	font-weight:bold;
}

#reports_helper{
	border:1px solid #A3C7FC;
	background-color:#ECF8FB;	
	display:none; 
	padding:20px;
}

.tooltip_desc{
	display:none;	
}

#reports_helper strong{
	font-weight:bold;	
}

.report_opt_box{
	position:relative;
	width:440px;
	min-height:300px;
	border:1px #B2B2B2 solid;	
	float:left;
	margin:5px 0px 20px 18px;
	font-size:12px;
}

.report_opt_box h1{
	display:block;
	padding:8px;
	background:url(../images/table_title_bg.png) repeat-x;	
	font-size:14px;
	font-weight:bold;
}

.report_opt_box h3{
	font-size:12px;
	font-weight:bold;
	padding:10px;	
}

input[name='start_date'], input[name='end_date']{
	border:#ccc 1px solid;	
	padding:5px;
}

.report_opt_box .acct_rpt_cols, .date_range{
	
}

#accounts_report_tbl_wrapper{
	font-size:12px;	
	margin:20px;
}

#usage_reports_options{
	width:95%;
}

#acct_preset_rpt{
}

/*#usage_reports_options h3{
	font-size:12px;
	font-weight:bold;
	padding:10px 10px 10px 0px;
}*/

.time_of_day_chart{
	clear:both; 
	width:95%; 
	margin:auto; 
	height:140px; 
	font-size:12px;
}

.day_label{
	padding:15px;
	font-weight:bold;	
}

#auto_reports_tbl_wrapper{
	font-size:12px;	
	margin:20px;
}

#add_edit_report{
	padding:15px;
	font-size:12px;
}

#add_edit_report td{
	padding:12px;	
}

#add_edit_report h3{
	font-weight:bold;
	padding:0px 0px 5px 0px;	
}

/*#add_edit_report>tbody>tr:nth-child(1) td{
	padding:15px;
}
*/

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 15px;
    top: 50%;
    width: auto;
    margin: -10px 0 0 0;
    padding: 0px;
    height: 18px;
    background: transparent !important;
    border: none;
    font-weight: 300;
    font-size: 14px;
}

html body .ui-dialog .ui-dialog-titlebar-close span { display: none; }

span.label { color: #000; text-align: left; }

.ui-button.ui-corner-all.ui-widget {
	background: #AAA;
	color: #FFF;
	border-radius: 0;
	border: none;
	padding: 5px 10px;
}

#trans_tbl tr td:first-child{
	text-align:center;	
}

#trans_tbl tr:hover td{
	cursor:pointer;
	background-color:#EEE !important;	
}

#ae_report_edit{
	margin:0px;	
}

#ae_report_edit td{
	padding:5px;	
}

#ae_report_edit td label{
	font-weight:bold;	
}

#auto_nav{
	text-align:right;	
	margin:20px 20px 0px 20px;
}

#generate{
	width:77px;
	height:25px;
	background:url(../images/generate_button.png);	
	border:0;
	margin:5px;
	cursor:pointer;
}

#run{
	width:78px;
	height:26px;
	background:url(../images/run_button.png);	
	border:0;
	margin:5px;
	cursor:pointer;
}

#generate_graph{
	width:113px;
	height:25px;
	background:url(../images/generate_graph_button.png);	
	border:0;
	margin:5px;
	cursor:pointer;
}



#fleet_billing_accounts #fleet_tbl {
	margin:15px 15px 15px 15px;
	width: 100%;
}

#fleet_billing_accounts table td, #fleet_billing_accounts table th {
	padding:3px;
	text-align:left;
}

#fleet_billing_accounts table th{
	font-weight:bold;	
}

/* - - - - - - - - - - - - - */
/*  		Settings		 */
/* - - - - - - - - - - - - - */

/* ----- Settings ----- */

#settings_accordion{
	font-size:12px;
	width: 100%;	
	clear:both;
}

#settings_accordion .ui-icon {
    display: none;
}

#settings_accordion h3 a{
	color: inherit;
	padding: 0;
}

#settings_accordion .open-close-icon {
	float: right;
	margin-top: -24px;
    font-weight: 600;
    font-size: 20px;
}

#settings_accordion .opened-icon {
	display: none;
}

#settings_accordion .closed-icon {
	display: block;
}

#settings_accordion .ui-accordion-header-active .opened-icon {
	display: block;
}

#settings_accordion .ui-accordion-header-active .closed-icon {
	display: none;
}

#settings_accordion p{
	font-size:12px;
	color:#666;	
	padding:0px 0px 20px 0px;
}

.settings_tbl td:nth-child(odd){
	width:30%;
}

.settings_tbl td{
	padding:6px;
}

.settings_tbl td input[type=text]{
	padding:5px;
	border:#CCC 1px solid;
	width:280px;
}

.settings_tbl td select{
	padding:5px;
	border:#CCC 1px solid;
	width:280px;
}

#load_options_sortable>li{
	padding:10px 10px 10px 0px;
	cursor:move;
}

#load_options_sortable li:first-child{
	font-weight:bold;
	color:#666;
}

#load_options_sortable>li span[class='load_val']{
	display:inline-block;
	margin:0px 10px 0px 0px;
	width:50px;	
}

.load_options_menu li{
	padding:4px;
}

.load_options_menu span{
	float:left;
}

/* - - - - - - - - - - - - - */
/*  		 Promos  		 */
/* - - - - - - - - - - - - - */

#promo_box{
	
}

#promo_box table{
	width:96%;
}

#promo_box table select{
	width: 95%;
}

.mce-branding-powered-by { display: none;}

#email_controls h3{
	font-weight:bold;
	padding:10px 0px;	
}

#email_content_ifr body {
	height: 100%;
}

/* - - - - - - - - - - - - - - - */
/*  		Administration		 */
/* - - - - - - - - - - - - - - - */

/* ----- Administration ----- */

#administration_nav{
	margin-top: 40px;	
	text-align:right;
}

.log_button{
	float:left;
	margin:20px 0px 20px 20px;
	display:block;	
}

.log_button:hover{
	opacity:0.8;	
}
.log_title{
	margin-left:12px;	
}

ul.restricted_roles{
	padding-left:30px;	
}

ul.restricted_roles ul{
	padding-left:20px;	
}

ul.disabled_roles li{
	color:#999;	
}

/* - - - - - - - - - - - - - - - */
/*  		Support		 */
/* - - - - - - - - - - - - - - - */

/* ----- Support ----- */

#support_box{
}

#support_box table{
	margin:10px;
	width: 98%;
}

#support_box table td{
	padding:5px 20px 5px 10px;	
}

#support_box table label{
	font-size:12px;
}

#support_box input, #support_box textarea{
	display:inline-block;
	clear:both;
	padding:3px;
	border:1px solid #d3d3d3;
	width:100%;
}

#support_contact span{
	display:inline-block;
	padding:5px 0px;	
}

#support_contact p{
	margin-bottom:10px;	
	padding:8px;
}

/* - - - - - - - - - - - - - */
/*  	Error Pages			 */
/* - - - - - - - - - - - - - */

img.error_img{
	display:block;
	margin:auto;	
}

.error_wrap{
	text-align:center;	
}

.error_wrap h1{
	font-weight:bold;
	font-size:26px;
	padding:20px 0px;
}

/* - - - - - - - - - - - - - */
/*  		Login			 */
/* - - - - - - - - - - - - - */

/* ----- Login ----- */

#login_splash{
	position:absolute;
	top:-60px;
	left:715px;
}

#signin{
	position:relative;
	width:355px;
	height:320px;
	margin-bottom:50px;	
	z-index:6;
}

#signin_long{
	position:relative;
	width:585px;
	height:320px;
	margin:auto;
	margin-bottom:50px;	
	z-index:6;
}

#signin_top{
	width:355px;
	height:22px;
	background:url(../images/signin_bg_top.png);	
}

#signin_top_long{
	width:582px;
	height:22px;
	background:url(../images/signin_bg_top_long.png);	
}

#signin_content{
	width:275px;
	height:280px;
	padding:20px 40px;
	background:url(../images/signin_bg_repeat.png);	
	font-family: 'Montserrat', sans-serif;
	color:#5b5b5b;
	font-size:14px;
}

#signin_content_long{
	width:470px;
	height:280px;
	padding:20px 50px 0px 50px;
	background:url(../images/signin_bg_repeat_long.png) repeat-y;	
	font-family: 'Montserrat', sans-serif;
	color:#5b5b5b;
	font-size:14px;
}

#signin_content form{
	margin-top:15px;	
}

#signin_content input[type=text], #signin_content input[type=password], #signin_content_long input[type=text], #signin_content_long input[type=password]{
	border:1px solid #B2B2B2;
	margin:5px 0px;
	padding:7px;
	width:100%;
}

#signin_content input[type=submit], #signin_content_long input[type=submit]{
	width:108px;
	height:36px;
	background:url(/assets/images/signin_button.png);
	border:0;
	float:right;
	margin-top:20px;
	color: transparent;
}

#signin_content input[type=submit]:hover{ cursor:pointer; }

#signin_content_long input[type=submit]:hover{ cursor:pointer; }

#signin_bottom{
	width:355px;
	height:22px;
	background:url(../images/signin_bg_bottom.png);	
}

#signin_bottom_long{
	width:582px;
	height:22px;
	background:url(../images/signin_bg_bottom_long.png);	
}

#signup{
	position:absolute;
	top:45px;
	left:340px;
	z-index:5;
	width:460px;
	height:230px;
	background-color:#FFF;
	padding:20px;
}	


/* - - - - - - - - - - - - - */
/*  		Signup			 */
/* - - - - - - - - - - - - - */

#signup_form{
	float:left;
	clear:left;	
	width:90%;
	font-size:14px;
	color:#5b5b5b;
	font-family: 'Montserrat', sans-serif;
	margin-top:15px;
	padding-left:15px;
}


#signup_form input[type=submit]{
	width:108px;
	height:36px;
	background:url(/assets/images/signup_button.png);
	border:0;
	float:right;
	color: transparent;
	display:block;
}

#signup_form input[type=text]{
	border:1px solid #B2B2B2;
	margin:5px 0px;
	padding:7px;
	width:240px;
}

#signup_content_header {
	text-align: center;
}

.signup-greeting {
	font-size: 16px;
	font-weight: 300;
}

.card_label{
	text-align:center;	
	float:left;
	width:156px;

}

#d_arrow{
	padding-top:25px;
	float:left;	
}

#signup_instructions{
	margin:15px 0px 5px 15px;	
}

.red_ast{
	color:#990000;
}

.signup_main{
	margin:20px;	
}

.progress_bar{
	padding-bottom:9px;	
}

.signup_progress{
	margin:auto;	
}

.online_code_tbl{
	width:700px;
	margin:auto;	
	margin-top:25px;
}

.signup_acct_tbl{
	margin:auto;	
	margin-top:25px;
	width: 100%;
}

.signup_acct_tbl td input[type=text], .signup_acct_tbl td input[type=password], .signup_acct_tbl td select{
	padding:2%;	
	width: 90%;
	border:1px #b2b2b2 solid;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:16px;
}

.signup_acct_tbl td select {
	width: 95%;
	padding-top: 1.8%;
	padding-bottom: 1.8%;
}

.signup_acct_tbl tr:last-child td{
	padding-top:50px;
	padding-right:40px;
	text-align:right;
}

.signup_acct_tbl label{
	/*color:#2f4ea5;*/	
}

.online_code_tbl td:first-child{
	/*font-weight:bold;*/	
	color:#2f4ea5;
}

.online_code_tbl tr:last-child td{
	padding-top:50px;
	padding-right:100px;
	text-align:right;
}


.online_code_tbl td input[type=text]{
	padding:8px;	
	width:380px;
	border:1px #b2b2b2 solid;
	margin:10px 0px 10px 0px;
	font-size:16px;
}

.signup_cancel{
	display:inline-block;
	cursor:pointer;	
	background: transparent;
	padding-top: 9px;
	padding-bottom: 9px;
}

.signup_next{

	display:inline-block;
	cursor:pointer;	
}

.spacer_td{
	padding:10px;	
}

.big_success{
	margin:auto;	
	display:block;
	margin-top:40px;
}

.success_message{
	width:350px;
	display:block;
	margin:20px auto;
	line-height:18px;
	text-align:center;
}

.continue_bar{
	margin:auto;
	margin-top:90px;
	text-align:right;	
	color:#999;
	font-size:12px;
	width:90%;
	
}

.continue_bar span{
	display:inline-block;
	bottom:8px;
	padding-right:10px;
	position:relative;
}

.signup_acct_tbl tr td input.error_field{
	border:1px #C77D7D solid;	
}

.signup_acct_tbl tr td label.error_label{
	color:#C00;	
}

.required_notice{
	color:#900;	
	font-size:12px;
	padding:0px 0px 20px 0px;
}

/* - - - - - - - - - - - - - */
/*  		Pass Reset		 */
/* - - - - - - - - - - - - - */

.reset_pass_tbl{
	
}

.reset_pass_tbl tr td{
	padding:10px;	
}

.reset_pass_tbl tr td input[type="password"]{
	padding:7px;
	border:#ccc 1px solid;	
}

/* - - - - - - - - - - - - - */
/*  		User Area		 */
/* - - - - - - - - - - - - - */

/* ----- User Dash ----- */

.left_usr_col{
	width:380px;
	float:left;	
}

.left_usr_col_wide{
	width:480px;
	float:left;	
}

#recent_acct_trans{

}

#recent_transactions{
	width:100%;	
	
}

#recent_transactions thead th:first-child{
	width:17px;	
}

#recent_transactions thead th{
	padding:5px;
	font-size:12px;
	background-color:#e5e5e5;	
	font-weight:bold;
}

#recent_transactions tbody td{
	padding:7px;
	font-size:12px;	
	text-align:center;
	height:8px;
}

#recent_transactions tbody td:first-child{
	text-align:right;
	padding-right:0px;	
}

#recent_transactions tbody td:first-child img{
	float:right;	
}


#recent_transactions tbody tr:nth-child(even){
	background-color:#E6F4FF;	
}

#recent_transactions tbody tr:last-child{
	background-color:none;	
}

#user_account{

}

#user_account table{
	margin:12px;
	color:#464646;	
	width:90%;
}

#user_account table tr td{
	font-size:14px;
	border-bottom:#CCC 1px dotted;
	padding:8px;
}

#user_account table tr:last-child td{
	border:0;	
}

#user_account table tr td:first-child{
	font-weight:bold;
}

#balance_stats{

}

#balance_stats table{
	margin:12px;
	color:#464646;	
	width:100%;
}

#balance_stats table tr td{
	font-size:14px;
	padding:8px;
	vertical-align:middle;
}

#balance_stats table tr td:first-child{
	font-weight:bold;	
}

#info_box table td:first-child{
	text-align:left;
	color:#666;
	padding-bottom:5px;
}

#info_box table td:last-child{
	text-align:right;
	color:#666;
	padding-bottom:5px;
}

.no_trans{
	display:block;
	text-align:center;
	font-size:14px;
	padding:20px;	
	margin:auto;
}

.ui-widget-header {
	border: none;
	border-radius: 0;
}

.dataTables_wrapper{
	font-size:12px;
	margin: 20px 0px;
	box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
              0 3px 6px 0 rgba(0,0,0,0.08);
}

#child_acct_trans{
	margin:20px;
	width:900px;	
}

#user_account_edit{
	
}

#user_account_edit td{
	padding:7px;
	font-size:12px;
}

#user_account_edit td input[type=text]{
	border:1px #CCC solid;
	padding:5px;
	width:100%;	
}

.user_account_edit_tbl{
	width:100%;	
}

.user_account_edit_tbl select{
	border:#ccc 1px solid;	
	padding:5px;
	width:100%;	 
}

select {
	color: #000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: rgba(255,255,255, 0.4);
	border: none;
}

.ui-tabs .ui-tabs-nav li {
	float: none;
	display: inline-block;
}

html body table.dataTable thead th {
	border-bottom: 1px solid #DDD;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
	font-size: 14px;
}

html body .DataTables_sort_icon {
	display: inline-block;
	margin-left: 5px;
	margin-bottom: -3px;
}

html body table.dataTable tr {
	border-bottom: 1px solid #DDD;
}

html body table.dataTable tr.odd {
	background: #FFF;
}

html body table.dataTable tr td {
	padding-top: 4px;
	padding-bottom: 4px;
}

html body #main_wrap table.dataTable tr td.sorting_1 {
	background: transparent;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-right, .ui-corner-br {
	border-radius: 0;
}

html body .dataTables_wrapper .ui-toolbar {
	padding: 10px 15px;
}

html body .dataTables_wrapper .ui-state-disabled {
	display: none;
}

html body .dataTables_info {
	padding-top: 5px;
}

html body .ui-dialog {
	z-index: 999;
}

#user_online_info, #saved_payments{
	font-size:12px;
}

#user_online_info table td, #saved_payments table td{
	padding:10px;
}

#user_online_info input[type=password]{
	border:#ccc 1px solid;	
	padding:5px;
	width:95%;		
}

.light_border{
	border:#ccc 1px solid;
	padding:7px;
	display:inline-block;
	width:90%;	 
}

/* ----- User Load Card ----- */

.load_progress{
	margin:20px 50px 30px 50px;
	position:relative;	
}

div.load_progress a{
	position:relative;
}

div.load_progress span{
	position:absolute;
	font-size:10px;
	display:block;
	text-align:center;
	top:17px;
	left:0px;
	width:100%;
}

div.load_progress a span.green{
	color:#60bb46;
}

div.load_progress a span.grey{
	color:#686868;
}

.load_box{
	margin:25px 0px 15px 20px;
	border-color:#AAA;
	border-style:solid;
	border-width:1px;	
	width:475px;
	float:left;	
}

.load_box h3{
	font-size:14px; 
	font-weight:bold;
	background:url(../images/box_title_bg_repeat.jpg) repeat-x;
	padding:6px;
}

.load_box h4{
	font-weight:bold;
	font-size:14px;
	padding:0px 15px;	
}

.load_table{
	font-size:14px;
	margin:5px 15px 15px 15px;
	margin-bottom: 5px;
}

.load_table hr{
	border-top:solid #999 1px;	
	border-bottom:0;	
	height:1px;
}

.load_table tr td{
	padding:5px 0px;	
}

a.load_button{
	margin:0px 0px 15px 15px;	
}

a.checkout_button{

	margin:0px 15px 15px 15px;	
}

.info-ol li {
	margin-bottom: 10px;
}
	
.cart_table{
	margin:15px;
	font-size:14px;	
	width: 93%;
}

.cart_table td{
	/*line-height:10px;*/
	border-bottom:#CCC 1px solid;
	padding:10px 0px;
}

.cart_table td.subtotal, .cart_table td.rate{
	font-weight:bold;
	width:100px;
}

.cart_totals td.subtotal, .cart_totals td.rate{
	font-weight:bold;
	width:100px;
}

.cart_table td span{
	font-style:italic;
	font-size:12px;	
}

.cart_table #remove_item{
	opacity:0.7;	
}

.cart_table #remove_item:hover{
	opacity:1;
}

.cart_totals{
	margin:15px;
	font-size:14px;	
	width: 93%;
}
	
.cart_totals td{
	padding:8px 5px;
}

.cart_totals .totals_row td{
	background-color:#e0ebf6;	
}

.billing_table{
	width: 100%;
}

.billing_table td{
	padding: 5px 15px;	
}

html body td.fullwidth-select-child select {
	max-width: 100%;
}

.billing_table label{
	display:inline-block;
	font-size:12px;	
	padding-bottom:3px;
}

.billing_table input[type=text]{
	width:100%;	
	border:#CCC 1px solid;
	padding:5px;
	font-size:14px;
}

.billing_table select{
	width:100%;	
	border:#CCC 1px solid;
	padding:4px;
	font-size:14px;
}


.payment_table{
	width: 100%;
}

.payment_table td{
	padding:5px 15px;	
}

.payment_table label{
	display:inline-block;
	font-size:12px;	
	padding-bottom:3px;
}

.payment_table input[type=text]{
	width:100%;	
	border:#CCC 1px solid;
	padding:5px;
	font-size:14px;
}

.payment_table select{
	width:100%;	
	border:#CCC 1px solid;
	padding:4px;
	font-size:14px;
}

.summary_wrap{
}

.summary_table_wrap{
	margin:15px;
}

.summary_table{
	width:100%;
	font-size:12px;
	text-align:left;
}	

.summary_table td, .summary_totals_table td{
	padding: 5px 15px;	
}

.summary_table tr:first-child td{
	font-weight:bold;	
	font-size:14px;
}

.summary_table{
	font-weight:bold;	
}

.summary_table tr td:first-child{
	font-weight:400;	
}

.summary_totals_table td {
	text-align: right;	
}

.summary_totals_table tr:nth-child(2) td{
	background-color:#e0ebf6;
}

.summary_totals_table tr:last-child td{
	font-weight:normal;
}

.summary_table tr:first-child td:first-child{
	font-weight:bold;	
	font-size:14px;
	text-align:left;
}

.summary_table .totals_row td{
	background-color:#e0ebf6;	
}

.summary_table h4{
	padding:0px 0px 12px 0px;	
}

.summary_totals_table{

	float:right;	
	margin:0px 15px 25px 15px;
}

.summary_totals_table td{
	font-weight:bold;
	font-size:12px;	
}

.summary_totals_table td:first-child{
	font-weight:400;	
}

#pay_submit{
	background:url(../images/place_order_button.png);
	width:93px;
	height:28px;
	border:0;
	cursor:pointer;
}

.billing_table tr td .error_field, .payment_table tr td .error_field{
	border:#C77D7D solid 1px;	
}

.order_receipt{
	margin:auto;
}

.order_message{
	padding:15px;	
}

.continue_message{
	font-size:12px; 	
	display:block;
}

.small_column{
	width:80px;	
}

.centered_column{
	text-align:center;	
}

#promo_option{
	display:inline-block;
	clear:both;
	font-size:12px;	
	margin:0px 0px 15px 15px;
}

.promo_cart_item{
	color:#093;	
	display:inline-block;
	padding:5px 0px;
	font-weight:bold;
}

/* - - - - - - - - - - - - - */
/*  	  Dialog Boxes	     */
/* - - - - - - - - - - - - - */

.spiffy_dialog ul{
	list-style:circle;
	padding-left:20px;	
}

.spiffy_dialog p{
	padding:5px 0px 5px 0px;	
}

.spiffy_dialog ul li{
	padding:5px 0px 5px 0px;
	font-size:13px;
}

/* ----- User Dash ----- */
	
/* - - - - - - - - - - - - - */
/*  		Footer			 */
/* - - - - - - - - - - - - - */

#footer {
    background: #22282b;
    color: rgba(255,255,255, 0.4);
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    margin-top: 40px;
}

.footer-logo {
    max-width: 70px;
    margin: auto;
    margin-bottom: 10px;
}

.footer-logo img {
	max-width: 70px;
}

/* - - - - - - - - - - - - - */
/*  		Resources		 */
/* - - - - - - - - - - - - - */

#resource-dialog{
	font-size:14px;
	line-height:16px;
}	

#resource-dialog p{
	margin:8px 0px;	
}

#resource-dialog ul li{
	margin-left:20px;	
	list-style:circle;
}

#resource-dialog h2{
	font-size:16px;
	margin:8px 0px;	
	font-weight:bold;
	line-height:18px;
}

#resource-dialog h3{
	font-size:14px;	
	margin:8px 0px;	
	font-weight:bold;
	line-height:16px;
}

/* - - - - - - - - - - - - - */
/*     Time of Day Pricng	 */
/* - - - - - - - - - - - - - */

#tod_enable{
	width:100%;
	height:50px;
	border:1px #ccc solid;
	margin:5px;
}

#tod_schedule{
	width:100%;
	min-height:250px;
	border:1px #ccc solid;
	margin:5px;
}

#tod_schedule table{
	cursor:pointer;	
	margin:20px;
}

#tod_schedule table td{
	width:25px;
	height:25px;
	border:1px #333 solid;	
}

#tod_schedule table td.special_pricing{
	background-color:#0C6;	
}

#tod_schedule table th{
	text-align:left;
	padding-right:10px;
	vertical-align:middle;
}

#tod_bays{
	width:20%;
	min-height:250px;
	border:1px #ccc solid;
	margin:5px;
	float:left;
	clear:left;
}

#tod_bays table{
	margin:15px;	
}

#tod_bays table td{
	padding:5px;
	font-size:14px;
	border-bottom:#ccc 1px solid;
}	

#tod_bays table tr:last-child td{
	border-bottom:none;
}	

#tod_pricing{
	width:75%;
	min-height:250px;
	border:1px #ccc solid;
	margin:5px;
	float:left;
}

#tod_pricing #device_settings{
	width:90%;
}	

#tod_pricing_special, #tod_pricing_default{
	width:50%;
	float:left;
}

#tod_pricing_special h3, #tod_pricing_default h3{
	font-size:24px;
	font-weight:bold;
	margin:20px 0px 0px 20px;
}	

#tod_pricing_special h3 span, #tod_pricing_default h3 span{
	display:inline-block;
	width:25px;
	height:25px;
	border:1px #333 solid;
}	

#tod_pricing_default h3 span{

}

#tod_pricing_special h3 span{
	background-color:#0C6;
}

#tod_pricing table tr td span.tod_bay_type{
	width:40%;
	display:inline-block;	
	font-weight:bold;
	padding:5px;
}

#tod_pricing table tr td input[type="text"]{
	width:40%;
	display:inline-block;	
}

#hover_label{
	margin-left:25px;
	font-weight:bold;	
	display:inline-block;
	min-height:25px;
}

div.tod_disable{
	color:#999;	
	border-color:#999
}

div.tod_disable #tod_schedule table td{
	border-color:#999
}

div.tod_disable #tod_schedule table{
	cursor:auto;	
}

form[name="tod_frm"] input[type="radio"]{
	margin:17px 5px 15px 15px;
}

form[name="tod_frm"] label.tod_enablers{
	font-size:18px;	
	color:#000; !important 
}

#edit_landing input {
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 10px;
	
}

@media screen and (max-width: 768px){
	table {
		display: block;
		overflow-x: auto;
	}
}