@font-face {
	font-family: 'shellbold';
	src: url('./fonts/ShellBold.svg'); /* IE9 Compat Modes */
	src: url('./fonts/ShellBold.woff2') format('woff2'), /* Super Modern Browsers */
	url('./fonts/ShellBold.woff') format('woff'), /* Pretty Modern Browsers */
	url('./fonts/ShellBold.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./fonts/ShellBold.svg#shellbold') format('svg'); /* Legacy iOS */
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'shellbook';
	src: url('./fonts/ShellBook.eot');
	src: url('./fonts/ShellBook.woff2') format('woff2'),
	url('./fonts/ShellBook.woff') format('woff'),
	url('./fonts/ShellBook.ttf')  format('truetype'),
	url('./fonts/ShellBook.svg#shellbook') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'shellbookitalic';
	src: url('./fonts/ShellBookItalic.eot');
	src: url('./fonts/ShellBookItalic.woff2') format('woff2'),
	url('./fonts/ShellBookItalic.woff') format('woff'),
	url('./fonts/ShellBookItalic.ttf')  format('truetype'),
	url('./fonts/ShellBookItalic.svg#shellbookitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'shellcondensedbold';
	src: url('./fonts/ShellCondensedBold.eot');
	src: url('./fonts/ShellCondensedBold.woff2') format('woff2'),
	url('./fonts/ShellCondensedBold.woff') format('woff'),
	url('./fonts/ShellCondensedBold.ttf')  format('truetype'),
	url('./fonts/ShellCondensedBold.svg#shellcondensedbold') format('svg');
	font-weight: bold;
}

@font-face {
	font-family: 'shellcondensedlight';
	src: url('./fonts/ShellCondensedLight.eot');
	src: url('./fonts/ShellCondensedLight.woff2') format('woff2'),
	url('./fonts/ShellCondensedLight.woff') format('woff'),
	url('./fonts/ShellCondensedLight.ttf')  format('truetype'),
	url('./fonts/ShellCondensedLight.svg#shellcondensedlight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'shellcondensedmedium';
	src: url('./fonts/ShellCondensedMedium.eot');
	src: url('./fonts/ShellCondensedMedium.woff2') format('woff2'),
	url('./fonts/ShellCondensedMedium.woff') format('woff'),
	url('./fonts/ShellCondensedMedium.ttf')  format('truetype'),
	url('./fonts/ShellCondensedMedium.svg#shellcondensedmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'shellheavy';
	src: url('./fonts/ShellHeavy.eot');
	src: url('./fonts/ShellHeavy.woff2') format('woff2'),
	url('./fonts/ShellHeavy.woff') format('woff'),
	url('./fonts/ShellHeavy.ttf')  format('truetype'),
	url('./fonts/ShellHeavy.svg#shellheavy') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'shelllight';
	src: url('./fonts/ShellLight.eot');
	src: url('./fonts/ShellLight.woff2') format('woff2'),
	url('./fonts/ShellLight.woff') format('woff'),
	url('./fonts/ShellLight.ttf')  format('truetype'),
	url('./fonts/ShellLight.svg#shelllight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'shelllightitalic';
	src: url('./fonts/ShellLightItalic.eot');
	src: url('./fonts/ShellLightItalic.woff2') format('woff2'),
	url('./fonts/ShellLightItalic.woff') format('woff'),
	url('./fonts/ShellLightItalic.ttf')  format('truetype'),
	url('./fonts/ShellLightItalic.svg#shelllightitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'shellmedium';
	src: url('./fonts/ShellMedium.eot');
	src: url('./fonts/ShellMedium.woff2') format('woff2'),
	url('./fonts/ShellMedium.woff') format('woff'),
	url('./fonts/ShellMedium.ttf')  format('truetype'),
	url('./fonts/ShellMedium.svg#shellmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'shellmediumitalic';
	src: url('./fonts/ShellMediumItalic.eot');
	src: url('./fonts/ShellMediumItalic.woff2') format('woff2'),
	url('./fonts/ShellMediumItalic.woff') format('woff'),
	url('./fonts/ShellMediumItalic.ttf')  format('truetype'),
	url('./fonts/ShellMediumItalic.svg#shellmediumitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

body, html{
	margin:0px;
	padding:0px;
	min-height:100%;
	font-family: 'shellbook', Helvetica, Arial, sans-serif !important;
	background:black;
	height:100%;
}

.flush{
	clear:both;	
}

a {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	
	text-decoration:none;
}

/*************************************** FORM ********************************/
input[type=text], input[type=password]{
	border:none;
	border:1px solid #cccccc;
	font-family: 'shellbook', Helvetica, Arial, sans-serif;
	font-size:16px;
	padding:3px;
}

.checkbox{
	background:white;
	width:20px;
	height:20px;
	display:inline-block;
	border:1px solid #dae4eb;	
	cursor:pointer;
	vertical-align:middle;
	margin-right:5px;
}

.checkbox_checked{
	background:url(../im/checkbox_checked.gif) center center no-repeat;
}

input[type=text].combobox{
	background:url(../im/combobox_arrow.png) center right no-repeat;
	padding-right:30px;
	cursor:pointer;
}


.ui-autocomplete{
	font-family: 'shellbook', Helvetica, Arial, sans-serif;
	font-size:14px;
	background:white;
	border-radius:0px;
	-moz-box-shadow:    5px 5px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow:         5px 5px 5px 0px rgba(0,0,0,0.5);
}

.ui-autocomplete li a.ui-state-focus,
.ui-autocomplete li a:hover,
.ui-autocomplete li a:focus{
	border-radius:0px;
	background:#CCCCCC !important;
	border:none !important;
	font-weight:normal;
	color:black;
}

/*************************************** TABLE ********************************/
table{
	border-collapse:collapse;	
	text-align:center;
	width:100%;
}

table tr td,
table tr th{
	border:1px solid white;
	padding:5px 3px 5px 3px;
}

table tr th{
	background:#b4c1cb;
	color:white;	
}

table tr{
	background:#e1e4e7;	
}

table tr.odd,
table tr:nth-child(odd){
	background:#f0f3f5;	
}

/*************************************** ACTION ICONS ********************************/

.action_ico{
	display:inline-block;
	margin:0px 3px 0px 3px;
	vertical-align:middle;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
	cursor:pointer;
}

.action_ico:hover{
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.action_ico_edit{
	width:23px;
	height:22px;
	background:url(../im/spritesheet.png) -80px -29px;
}

.action_ico_delete{
	width:23px;
	height:22px;
	background:url(../im/spritesheet.png) -103px -29px;
}

/*************************************** BG ********************************/

.bg{
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
}

.bg img{
	position:absolute;
	
	min-height:50%;
	min-width:50%;
	
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	
	margin:auto;
}

/*************************************** CONTAINER ALL ********************************/
.container_all{
	position:absolute;
	height:100%;
	width:100%;
	min-width:1200px;
}

/*************************************** WEATHER WIDGET ********************************/

.weather_widget{
	position:absolute;
	right:10px;
	top:20px;
	color:white;
}

.weather_widget .weather{
	display:inline-block;
	vertical-align:middle;
	width:24px;
	height:24px;
	background:url(../im/spritesheet.png) -189px 0px no-repeat;
}

.weather_widget .separator{
	display:inline-block;
	vertical-align:middle;
	width:9px;
	height:26px;
	background:url(../im/spritesheet.png) -180px 0px no-repeat;
}

.weather_widget .location{
	font-size:11px;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:middle;
}

.weather_widget .time{
	font-size:24px;
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
}

/*#################################################################################
			FOOTER
##################################################################################*/

.footer{
	position:fixed;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#a5a7ab;
	background:#2e3641;	
	bottom:0px;
}

.footer .copyright{
	margin-left:10px;
}

.footer .address{
	float:right;
	margin-right:10px;
}

.footer .cookieconsent{
	float:right;
	margin-right:10px;
	color:#FFF;
}
/*#################################################################################
			COL LEFT
##################################################################################*/

.col_left{
	width:145px;	
	float:left;
	height:100%;
	background:black;
}

/*************************************** LOGO ********************************/
a.logo{
	display:block;
	background:url(../images/logo1.jpg) center center no-repeat #000000;
	/* background:url(../images/logo.png) center center no-repeat #70b417; */
	height:150px;
}

a.logo:hover{
	background-color:#8bcf33;
}


/*************************************** NAV ********************************/
ul.nav{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.nav li{
	border-bottom:1px solid #2e3641;
}

ul.nav a{
	display:block;
	color:white;
	font-size:13px;
	text-decoration:none;
	height:30px;
	line-height:30px;
	padding:10px 10px 10px 10px;
	
	background-color:#000000;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
	cursor:pointer;
}

ul.nav li.active a,
ul.nav a:hover{
	background-color:#2e3641;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	
}

ul.nav a .ico{
	display:inline-block;
	vertical-align:middle;
	background:url(../im/spritesheet.png) no-repeat;
	width:30px;
	height:29px;
	margin-right:10px;
}

ul.nav a .txt{
	display:inline-block;
	vertical-align:middle;
	line-height:13px;
	width:75px;
}

ul.nav li.user_management .ico{
	background-position:-30px 0px;
}

ul.nav li.station_management .ico{
	background-position:-60px 0px;
}

ul.nav li.reports .ico{
	background-position:-90px 0px;
}

ul.nav li.settings .ico{
	background-position:-120px 0px;
}

ul.nav li.logout .ico{
	background-position:-150px 0px;
}

/*#################################################################################
			GENERIC LOADING
##################################################################################*/
.generic_loading{
	position:fixed;
	background:url(../im/loading.gif) 30px 50% no-repeat white;
	overflow:hidden;
	color:#ABABAB;
	font-size:20px;
	line-height:80px;
	padding-left:0px;
	width:0px;
	
	height:80px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-40px;
	border:1px solid #AAAAAA;
	
	-moz-box-shadow:    5px 5px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow:         5px 5px 5px 0px rgba(0,0,0,0.5);
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.generic_loading_shown{
	width:110px;
	margin-top:-40px;
	padding-left:75px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}



/*#################################################################################
			COL RIGHT
##################################################################################*/

.col_right{
	width:500px;	
	float:left;
	margin:55px 0px 0px 25px;
}

.col_right .title{
	color:white;
	margin-bottom:32px;
}

.col_right .title h1{
	margin:0px;
	padding:0px;
	font-size:40px;
	font-weight:normal;
}

.col_right .title h2{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:normal;
}

/*************************************** SUB NAV ********************************/
.col_right .sub_nav{
	list-style:none;
	margin:0px;
	padding:0px;
}

.col_right .sub_nav li{
	display:inline-block;
	margin-right:15px;
	font-size:16px;
	line-height:16px;
}

.col_right .sub_nav li a{
	color:#cccccc;
}

.col_right .sub_nav li a .ico{
	width:10px;
	height:14px;
	display:inline-block;
	vertical-align:baseline;
	background:url(../im/spritesheet.png) -19px -29px no-repeat;
	margin-right:5px;
}

.col_right .sub_nav li.active a,
.col_right .sub_nav li a:hover{
	color:#70b417;
}

.col_right .sub_nav li.active a .ico,
.col_right .sub_nav li a:hover .ico{
	background-position:-29px -29px;
}


/*#################################################################################
			PAYLOAD
##################################################################################*/
.payload{
}
/*************************************** COL SMALL ********************************/
.payload .col_small{
	width:210px;
	float:left;
	margin-right:30px;
}

/*************************************** COL LIQUID ********************************/
.payload .col_liquid{
	width:100%;
	float:left;
}

/*************************************** BUTTON ********************************/
a.btn{
	background:#CCCCCC;	
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:0px 10px 0px 10px;
	font-size:11px;
	color:white;
	text-transform:uppercase;
	cursor:pointer;
}

a.btn .ico{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

a.btn:hover .ico{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

a.btn .ico_download{
	width:19px;
	height:19px;
	background:url(../im/spritesheet.png) 0px -29px no-repeat;	
}

a.btn .ico_new_user{
	width:21px;
	height:18px;
	background:url(../im/spritesheet.png) -59px -29px no-repeat;	
}

a.btn .ico_arrow_right{
	width:10px;
	height:14px;
	background:url(../im/spritesheet.png) -126px -29px no-repeat;	
}

a.btn .ico_arrow_left{
	width:10px;
	height:14px;
	background:url(../im/spritesheet.png) -136px -29px no-repeat;	
}


/*************************************** SECTION ********************************/
.section{
	margin-bottom:30px;	
}

.section .section_header{
	background:#CCCCCC;
	height:40px;
	line-height:40px;
	font-size:26px;
	padding:0px 10px 0px 10px;
	color:white;
	margin-bottom:5px;
	position:relative;
}

.section .section_content{
	background:white;
	padding:20px 10px 20px 10px;
	font-size:13px;
}

.section a,
.section .colored{
	color:#CCCCCC;
}

.section a.btn{
	color:white;
}

.section a.btn:hover{
	color:white;
}


.section_header .btn{
	position:absolute;
	right:0px;
	background:#2e3641 !important;
	line-height:40px;
	height:40px;
	color:#929498 !important;
	font-size:11px;
	font-weight:bold;
}

.section_header .btn:hover{
	background:#6d6d6d !important;
	color:white !important;
}

.section .pagination{
	color:white;
	height:30px;
	line-height:30px;	
	float:right;
}

.section .pagination a.btn{
	padding:1px;
	vertical-align:top;
	height:28px;
}

.section .pagination a.btn .ico{
	margin:8px;
	padding:0px;
}

.section .pagination .count{
	padding:0px 10px 0px 10px;	
}

/****************** SUB SECTION ************************/
.sub_sections{
	margin-top:5px;
}

.sub_sections .section{
	display:inline-block;
}

.sub_sections .section .section_header{
	background:#e1e6ea;
	font-size:18px;
	margin:0px;
	text-align:left;
}

.btn-class{
	background:rgba(112, 180, 23, 0.6);
	text-align: center;
width: 200px;
margin: 25px 0px 0px 0px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    font-size: 11px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;border:none;
}
.btn-class:hover{
	background:rgba(112, 180, 23, 1);
	
}


/*** GREEN ***/
.section_green .section_header{
	background:#70b417;
}

/*links*/
.section_green a,
.section_green .colored{
	color:#70b417;
}

.section_green a:hover{
	color:#8bcf33;
}

/*btn*/
.section_green .btn{
	background:rgba(112, 180, 23, 0.6);
}

.section_green .btn:hover{
	background:rgba(112, 180, 23, 1);
}

/* SUB SECTION */
.section_green .sub_sections .section .section_header{
	color:#70b417;
}

/*pagination*/
.section_green .pagination{
	background:#70b417;
}


/*** ORANGE ***/
.section_orange .section_header{
	background:#e3a119;
}

/*links*/
.section_orange a,
.section_orange .colored{
	color:#e3a119;
}

.section_orange a:hover{
	color:#f3c25e;
}

/*btn*/
.section_orange a.btn{
	background:rgba(227, 161, 25, 0.6);
}

.section_orange a.btn:hover{
	background:rgba(227, 161, 25, 1);
}

/* SUB SECTION */
.section_orange .sub_sections .section .section_header{
	color:#f3c25e;
}

/*pagination*/
.section_orange .pagination{
	background:#f3c25e;
}


/*** BLUE ***/
.section_blue .section_header{
	background:#27a5f9;
}

/*links*/
.section_blue a,
.section_blue .colored{
	color:#27a5f9;
}

.section_blue a:hover{
	color:#0c77be;
}

/* SUB SECTION */
.section_blue .sub_sections .section .section_header{
	color:#27a5f9;
}

/*btn*/
.section_blue a.btn{
	background:rgba(39, 165, 249, 0.6);
}

.section_blue a.btn:hover{
	background:rgba(39, 165, 249, 1);
}

/*pagination*/
.section_blue .pagination{
	background:#7dc9fb;
}


/*#################################################################################
			DASHBOARD SPECIFIC
##################################################################################*/

/*************************************** STATIONS ********************************/

#stations_section .section_header{
	margin-bottom:3px;
}

#stations_section .section_content{
	padding:0px;
	width:99px;
	height:99px;
	display:inline-block;
	vertical-align:top;
	margin:2px 2px 4px 2px;
	position:relative;
}

#stations_section .odd{
	margin-right:0px;
}

#stations_section .even{
	margin-left:0px;
}

#stations_section .section_content .bar{
	position:absolute;
	width:100%;
	height:0px;
	bottom:0px;
	background:#dee3e6;
}

#stations_section .section_content .count{
	position:absolute;
	left:10px;
	bottom:10px;
}

#stations_section .section_content .count h3{
	font-size:35px;
	line-height:35px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#stations_section .section_content .count h4{
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}


/*************************************** SOCIAL FEED ********************************/

#social_feed_section .date{
	margin:10px -10px -20px -10px;
	background:#e3e3e3;
	padding:10px;
	font-size:10px;
	font-style:italic;	
}

#social_feed_section .date img.ico{
	display:inline-block;
	vertical-align:bottom;
	margin-right:10px;
}

/*************************************** REPORT SUMMARY ********************************/
#report_summary_section{
	position:relative;
}

#report_summary_section .section_header .date{
	display:inline-block;
	vertical-align:middle;
	border-left:1px solid white;
	margin-left:10px;
	padding-left:10px;
	height:30px;
	line-height:30px;
	color:#2e3641;
	font-size:18px;
}

#report_summary_section .section_header ul.tabs{
	margin:0px;
	padding:0px;
	list-style:none;
	height:30px;
	position:absolute;
	right:10px;
	top:8px;
}

#report_summary_section ul.tabs li{
	float:left;
	border:1px solid white;
	margin-left:-1px;
}

#report_summary_section ul.tabs li a{
	display:block;
	color:white;
	font-weight:bold;
	font-size:11px;
	height:20px;
	line-height:20px;
	text-transform:uppercase;
	text-align:center;
	width:30px;
}

#report_summary_section ul.tabs li a:hover{
	background:#2e3641;
}

#report_summary_section ul.tabs li.active a{
	background:#2e3641;
}

#report_summary_section .tab_loading{
	height:100%;
	background:url(../im/loading.gif) 50% 50% no-repeat;
	display:none;
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
}
	
#report_summary_section .tab_content{
	overflow:hidden;
}

#report_summary_section .tab_content .section_content{
	text-align:center;
	position:relative;
}

#report_summary_section .section_content .graph{
	display:inline-block;
	width:210px;
}

#report_summary_section .section_content .graph h2{
	font-size:18px;
	font-weight:normal;
	color:#27a5f9;
}

#report_summary_section .section_content .graph h2 .ico{
	display:inline-block;
	background:url(../im/dashboard/spritesheet.png);
	width:32px;
	height:32px;
	vertical-align:middle;
}

#report_summary_section .section_content .graph h2 .ico.kwh_consumed{
	background-position:-32px 0px;
}

#report_summary_section .section_content .graph h2 .ico.revenue{
	background-position:-64px 0px;
}


#report_summary_section .sub_sections{
	text-align:center;	
}

#report_summary_section .sub_sections .section{
	width:100%;
}

#report_summary_section .sub_sections .section_content{
	text-align:center;
	color:#999999;
}

#report_summary_section .sub_sections .section_content .figure{
	display:inline-block;
	padding:0px 20px 0px 20px;
	border-left:1px solid #e5e5e5;
}

#report_summary_section .sub_sections .section_content .figure:first-child{
	border-left:none;
}

#report_summary_section .sub_sections .section_content h3{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:26px;
}


/*#################################################################################
			MANAGE USERS SPECIFIC
##################################################################################*/
.user_management .title h1{
	color:#70b417;
}

.user_management .col_small .btn_add_new{
	display:block;
	margin-bottom:15px;
}

.user_management .col_small form input[type=text]{
	width:176px;
	margin-bottom:15px;
	display:block;
}

.user_management .col_small form input[type=text].combobox{
	width:150px;
}

.user_management .col_small form .btn{
	width:70px;
	text-align:center;
}

.user_management #user_summary_section{
	position:relative;	
}

.user_management #user_summary_section .section_content{
	padding:0px 0px 0px 0px;	
	overflow:hidden;
}

.user_management #user_summary_section .section_content .buttons{
	margin:20px 10px 20px 10px;
}

.user_management #user_summary_section .section_content_loading{
	height:100px;
	background:url(../im/loading.gif) 50% 50% no-repeat white;
	position:absolute;
	width:100%;
	z-index:1;
}

.defult_disclaimer{background:rgba(0, 0, 0, 0.26);padding:10px; margin:10px 0px; border-radius:10px}
.defult_disclaimer p{font-size:10px; color:#ddd9d9; margin-bottom:5px; line-height:13px}



@media only screen and (max-device-width: 1024px) {
}
.error{color:red;}

a.logo_new{display:block;}

.charge{background:url(../images/cobranding/charge/background.jpg) no-repeat; background-size:cover; min-height:800px;}
.charge .logo{background:url(../images/cobranding/charge/default.jpg) no-repeat; width:145px; height:150px;}

.sky{background:url(../images/cobranding/sky/background.jpg) no-repeat; background-size:cover; min-height:800px;}
.sky .logo{background:url(../images/cobranding/sky/default.jpg) no-repeat; width:145px; height:150px;}

.avista{background:url(../images/cobranding/avista/background.jpg) no-repeat; background-position:50% 50%; min-height:600px;}
.avista .logo{background:url(../images/cobranding/avista/default.png) no-repeat; width:260px; height:176px;}
.avista .defult_disclaimer{display:none;}

.sunspeed{background:url(../images/cobranding/sunspeed/background.jpg) no-repeat; background-size:cover; min-height:600px;}
.sunspeed .logo{background:url(../images/cobranding/sunspeed/sunspeed.jpg) no-repeat; width:145px; height:150px;}
.sunspeed .defult_disclaimer{display:none;}

.ugo{background:url(../images/cobranding/ugo/background.jpg) no-repeat; background-size:cover; min-height:600px;}
.ugo .logo{background:url(../images/cobranding/ugo/Logo.jpg) no-repeat; width:145px; height:150px;}
.ugo .defult_disclaimer{display:none;}

.zef{background:url(../images/cobranding/zef/background.jpg) no-repeat; background-size:cover; min-height:600px;}
.zef .logo{background:url(../images/cobranding/zef/default.png) no-repeat; width:145px; height:150px;}
.zef .defult_disclaimer{display:none;}

.egat{background:url(../images/cobranding/egat/background.jpg) no-repeat; background-size:cover; min-height:600px;}
.egat .logo{background:url(../images/cobranding/egat/default.png) no-repeat; width:145px; height:150px;}
.egat .defult_disclaimer{display:none;}

.ivycharge{background:url(../images/cobranding/ivycharge/background.jpg) no-repeat #00a6b6; background-attachment:fixed; background-position:top right;}
.ivycharge .logo{background:url(../images/cobranding/ivycharge/default.jpg) no-repeat; width:145px; height:150px;}

.co-op{background:url(../images/cobranding/co-op/background.jpg) no-repeat; background-size:cover; min-height:600px;}
.co-op .logo{background:url(../images/cobranding/co-op/default.jpg) no-repeat; width:145px; height:150px;}

/* CSS for Avista */
.col_left_avista img{max-width:139%;}
.col_left_avista_login img{max-width:248%;}
.col_right_avista{margin:178px 0 0 259px!important;}

.two_col_form{ width:77% !important;}
.two_col_form div.row{ width:50% !important;}
.two_col_form #registration div.row div.ui-selectonemenu{ width:256px !important;}

/* CSS for ivycharge */
.ivycharge .btn-class, .ivycharge .btn-class:hover{	background:rgba(222, 223, 4, 1);color:#00a6b6;}
.ivycharge .section_green a, .ivycharge .section_green .colored{color:#00a6b6;}
.ivycharge .footer{background: #dedf04; color:#00a6b6;}
.ivycharge .footer .faq, .ivycharge .footer .faq a{color:#00a6b6;}
.ivycharge .lag-block .selectBox{border: 1px solid #fff; color: #fff;}

.elca{background:url(../images/cobranding/elca/background.jpg) no-repeat; background-position:50% 50%; min-height:600px;}
.elca .logo{background:url(../images/cobranding/elca/default.jpg) no-repeat; width:145px; height:150px;}

.ea{background:url(../images/cobranding/ea/background.jpg) no-repeat; background-position:50% 50%; min-height:600px;}
.ea .logo{background:url(../images/cobranding/ea/default.jpg) no-repeat; width:145px; height:150px;}

/* CSS for gostation*/
.gostation{background:url(../images/cobranding/gostation/background.jpg) no-repeat; background-size:cover; min-height:600px;}
.gostation .logo{background:url(../images/cobranding/gostation/GS_Logo.png) no-repeat; width:145px; height:150px;}
.gostation .defult_disclaimer{display:none;}


/* CSS for PSE*/
.pse{background:url(../images/cobranding/pse/background.jpg) no-repeat; background-size:cover; min-height:600px;}
.pse .logo{background:url(../images/cobranding/pse/pse_logo.png) no-repeat; width:145px; height:150px;}
.pse .defult_disclaimer{display:none;}

.grecaptcha-badge{bottom:58px!important;}