/***************
**** Global ****
***************/
a {
	color: #007aff;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
table	{
	width: 100%;
}
th	{
	text-align: center;
}


/****************
**** Classes ****
****************/
.active	{
	background: #258ecd;
	color: #000 !important;
	text-decoration: none;
}
.clear_b	{
	clear: both;
}
.clear_l	{
	clear: left;
}
.clear_r	{
	clear: right;
}
.elec .fa,
.gas .fa,
.ip .fa,
.rent .fa,
.vehicle .fa,
.solar .fa	{
	font-size: 100px !important;
}
.elec img,
.gas img,
.ip img,
.rent img,
.vehicle img,
.solar img,
.reno img,
.wallet img {
	max-width: 256px;
}
.hand	{
	cursor: pointer;
}
#logDelBtn    {
    position: absolute;
    top: -54px;
    right: 0;
}
/*
.container	{
	padding: 0px 10px;
}
.msg	{
	font-weight: bold;
	padding: 5px;
	border: 1px dashed #090;
}
.no-border-bottom	{
	border-bottom: none !important;
}
.one-third	{
	margin: 10px 0px;
}
.text-centre	{
	text-align: center;
}
.text-left	{
	text-align: left;
}
.text-right	{
	text-align: right;
}
.wzcentre	{
	text-align: center;
}
.pull-left	{
	float: left;
	margin-right: 10px;
}
.pull-right	{
	float: right;
	margin-left: 10px;
}
*/


/****************
**** btns ****
****************/
.btn.fa	{
	font: inherit;
	font-family: FontAwesome;
}
/*
.btn.btn-primary,
btn.btn-primary,
input[type="submit"].btn-primary,
input[type="reset"].btn-primary,
input[type="btn"].btn-primary	{
	color: #FFF;
	background-color: #33C3F0;
	border-color: #29A5CC;
}
.btn.btn-delete,
btn.btn-delete,
input[type="submit"].btn-delete,
input[type="reset"].btn-delete,
input[type="btn"].btn-delete	{
	color: #FFF;
	background-color: #DB1E1E;
	border-color: #A10505;
}
.btn.btn-cancel,
btn.btn-cancel,
input[type="submit"].btn-cancel,
input[type="reset"].btn-cancel,
input[type="btn"].btn-cancel	{
	color: #000;
	background-color: #fff;
	border-color: #d0d0d0;
}
.btn.btn-togData,
btn.btn-togData,
input[type="submit"].btn-togData,
input[type="reset"].btn-togData,
input[type="btn"].btn-togData	{
	color: #FFF;
	background-color: #090;
	border-color: #007100;
}
.btn,
btn,
input[type="submit"],
input[type="reset"],
input[type="btn"]	{
	font-size: 16px;
	font-weight: normal;
	min-width: 110px;
}
*/


/***************
**** Header ****
***************/
.header	{
	border: 1px solid #ccc;
	background: #f7f7f7;
	color: #007aff;
}
.header .container h2	{
	font-size: 18px;
	line-height: 20px;
	padding: 10px;
	margin-bottom: 0px;
}
.pagetitle .container h4	{
	margin-bottom: 0px;
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.header .container .wz-site-title	{
	width: 60%;
	text-align: center;
	margin: 0 auto;
}
.header h2	{
	margin-top: 0px;
}


/****************
**** Content ****
****************/
.content	{
	margin: 15px 0px;
}
/**** SOLAR ****/
.solar_div	{
	margin-bottom: 15px;
}


/***************
**** Footer ****
***************/
.footer	{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f7f7f7;
}
.footer .container	{
	color: #007aff;
}
.footer .container p	{
	font-size: small;
	line-height: inherit;
	padding: 10px;
	margin-bottom: 0px;
}
.footer .container p,
.footer .container a	{
	color: #007aff;
}


/**************
**** Graph ****
**************/
#chartContainer	{
	height: 300px;
	width: 95%;
	margin:0 auto;
}


/******************
**** Overrides ****
******************/
h2	{
	letter-spacing: 0px !important;
}


/***************
**** Mobile ****
***************/
@media screen and (min-width: 100px)	{
/*
	table	{
		border-top: 1px solid #E1E1E1;
		border-left: 1px solid #E1E1E1;
	}
	td,
	th	{
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		padding: 5px;
	}
	th:first-child,
	td:first-child	{
		padding-left: 5px;
	}
	.column:first-child,
	.columns:first-child	{
		margin-left: 0;
		margin-right: 0;
	}
	.column:last-child,
	.columns:last-child	{
		margin-left: 0;
		margin-right: 0;
	}
	.one-third.column	{
		width: 100%;
	}
	.one-third	{
		margin: 10px 0px;
		padding-bottom: 15px;
		border-bottom: 1px solid #ccc;
	}
	.one-third:last-child	{
		margin: 10px 0px;
		padding-bottom: 0px;
		border-bottom: 0px solid #ccc;
	}
*/
	.elec,
	.gas,
	.ip,
	.rent,
	.vehicle,
	.solar	{
/*
		border-bottom: 1px solid #d9d9d9;
*/
		padding-bottom: 10px;
	}
	.wzlinks	{
		text-align: center;
	}
}
@media screen and (min-width: 768px)	{
/*
	table	{
		border-top: 0px solid #E1E1E1;
		border-left: 0px solid #E1E1E1;
	}
	th	{
		border-bottom: 1px solid #c1c1c1;
		border-right: 0px solid #E1E1E1;
		padding: 5px;
	}
	td	{
		border-bottom: 1px solid #E1E1E1;
		border-right: 0px solid #E1E1E1;
		padding: 5px;
	}
	th:first-child,
	td:first-child	{
		padding-left: 0px;
	}
	.columns	{
		margin: 0px 1%;
	}
	.column:first-child,
	.columns:first-child	{
		margin-left: 0;
		margin-right: 2%;
	}
	.column:last-child,
	.columns:last-child	{
		margin-left: 2%;
		margin-right: 0;
	}
	.one-third.column	{
		width: 31.33%;
	}
	.one-third	{
		margin: 10px 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}
	.one-third:last-child	{
		margin: 10px 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}
*/
	.elec,
	.gas,
	.ip,
	.rent,
	.vehicle,
	.solar	{
		border-bottom: none;
		margin-bottom: 0px;
	}
	.wzlinks	{
		text-align: left;
	}
}
