html {
	height:100vh;
}

.page-header {
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;

	height: 50px;
	line-height: 50px;

	font-size: 22px;
	color: #AAAAAA;

	border-bottom: 1px solid #BBBBBB;
	background-color: #EEEEEE;
	box-sizing: border-box;
}

.page-header-logo {
	position: absolute;
	right: 20px;
	height: 40px;
	top: 5px;
}

.page-header-label {
	display: inline-block;	
}

.page-header-account {
	display: inline-block;
	position: absolute;
	right: 150px;
}

.page-header-account-label {
	font-size: 12px;
	font-weight: normal;
	padding-left:20px;
	padding-right: 20px;
	color:#626262;
	cursor: pointer;
	border-left: 1px solid #CCCCCC;
}

.page-header-account-label:hover {
	color:#0000BB;
}

.page-status-bar {
	position: fixed;
	bottom: 0px;
	left:0px;
	width:100%;

	height: 40px;
	line-height: 38px;

	font-size: 14px;
	color: #555555;

	border-top: 1px solid #DDDDDD;
	background-color: #EEEEEE;
	box-sizing: border-box;
}

.page-status-bar-data {
	padding-left: 200px;
}

.page-sidebar {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	padding: 20px 00px 50px 00px;
	box-sizing: border-box;
	background-color: #000a33;
	color: #FFFFFF;
}

.page-sidebar-settings {
	position: fixed;
	left: 0px;
	bottom: 50px;
	padding: 20px 00px 50px 00px;
	box-sizing: border-box;
	background-color: #000a33;
	color: #FFFFFF;
}


.page-sidebar-item {
	position:relative;
	padding: 10px 30px 10px 30px;
	cursor: pointer;
}

.page-sidebar-item:hover {
	color: #FFFF00;
}

.page-sidebar-item-disabled {
	color: #555555;
}

.page-sidebar-item-selected {
	background-color: #FFFFFF;
	color: #555555;
	cursor: pointer;
}

.page-sidebar-item-disabled:hover {
	color: #555555;
}

.page-sidebar-proj-name {
	color: #999999;
	margin: 0px 0px 20px 10px;
	font-size:12px;
	width: 150px;
}

.page-tab-header {
	width: 150px;
	display:inline-block;
	font-size: 14px;
	text-align:center;
	border-radius: 5px 5px 0px 0px;
	cursor: pointer;
	color: #000000;
	position:absolute;
	top:5px;
	box-sizing: border-box;
	height: 45px;
}

.page-tab-header:hover {
	color: #000055;
	background-color:#DDDDDD;
}

.page-tab-header-selected {
	background-color: #FFFFFF !important;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

.page-content {
	display: none;
    position: absolute;
    min-width: 700px;
    min-height: 500px;
	height:100%;
    width: 100%;
    left: 0px;
    top: 0px;
    box-sizing: border-box;
    padding: 60px 0px 0px 200px;
}

.modal-popup-header {
	font-weight:bold;
	color:#999999;
	margin-bottom:10px;
}

.address-input-table {
	color:#555555;
}

.address-input-table td {
	padding-right: 10px;
	text-align:right;
}

/* Design controls */

.project-design-container {
	position: absolute;
	left:200px;
	top:75px;
	width: 850px;
	height: 600px;
}

.design-control {
	position: absolute;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
    background-size: 100% 100%;
}

.design-control-grid {
    left: 25px;
    top: 125px;
    width: 75px;
    height: 75px;
    background-image: url('../img/icon_grid.png');
}

.design-control-building {
    left: 173px;
    top: 113px;
    width: 90px;
    height: 75px;
    background-image: url('../img/icon_building.png');
}

.design-control-powerload {
	left: 196px;
    top: 248px;
    width: 47px;
    height: 55px;
    background-image: url('../img/icon_power_load.png');
}

.design-control-breaker {
    left: 320px;
    top: 250px;
    width: 26px;
    height: 50px;
    background-image: url('../img/icon_breaker.png');
}

.design-control-inverter {
    left: 480px;
    top: 250px;
    border: 2px solid #555555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-size: 30px 30px;
    background-image: url('../img/icon_inverter.png');
}

.design-control-inverter-to-chargers {
    left: 502px;
    top: 302px;
    width: 10px;
    height: 68px;
    position: absolute;
}

.design-control-building-to-load {
    left: 218px;
    top: 187px;
    width: 10px;
    height: 61px;
    position: absolute;
}

.design-control-solar-to-inverter {
    left: 502px;
    top: 189px;
    width: 10px;
    height: 61px;
    position: absolute;
}

.design-control-inverter-to-battery {
    left: 532px;
    top: 272px;
    width: 78px;
    height: 10px;
    position: absolute;
}

.design-control-inverter-to-breaker {
    left: 243px;
    top: 272px;
    width: 237px;
    height: 10px;
    position: absolute;
}

.design-control-grid-to-building {
    left: 58px;
    top: 200px;
    width: 137px;
    height: 85px;
    position: absolute;
}

.design-control-solar {
	left:420px;
	top:125px;
	width: 180px;
	height: 60px;
}

.design-control-sun {
	-webkit-user-select: none;	
	user-select: none;
	position: absolute;
    left: 389px;
    top: 3px;
    width: 255px;
    height: 120px;
}

.design-solar-sun {
    position: absolute;
	cursor: pointer;
    left: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
}

.design-solar-clock {
	position: absolute;
	top: 122px;
	left: 10px;
	font-size: 16px;
	color: #141477;
	font-family:'digital-clock-font';
}

.design-solar-slider {
    position: absolute;
    left: 700px;
    top: 0px;
}

.design-solar-bar {
	position:absolute;
	top:184px;
	left:420px;
	width:149px;
	height:3px;
	border:1px solid #555555;
	background-color:#BBBBBB;
}

.design-solar-bar-energy { 
	position: absolute; 
	top:184px;
	left:420px;
	width: 116px; 
	height: 3px; 
	border: 1px solid #555555; 
	background-color: #00BB00; 
}

.calendar-icon {
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin-left:3px;
}

/* interactive calendar */

.month-label {
    font-size: 10px;
    color: #555555;
    border: 1px solid #999999;
    border-radius: 3px;
    padding: 2px 5px 2px 5px;
	text-align: center;
}

.month-current-label {
	position: absolute;
	left:25px;
	top:50px;
	width: 100px;
	font-size: 10px;
    color: #555555;
}

.month-slider {
	appearance: slider-vertical;
	width: 8px;
	height: 100px;
	padding: 0 5px;
	cursor: pointer;
	outline: none;
}
.month-slider::-webkit-slider-runnable-track {
	background-color: #FFFFFF;
    background-size: 100% 100%;
    background-image: url('../img/slider_background.png');
}
.month-slider::-moz-range-track {
	background-color: #FFFFFF;
    background-size: 100% 100%;
    background-image: url('../img/slider_background.png');
}


.power-slider {
    appearance: slider-vertical;
    width: 8px;
    height: 75px;
    padding: 0 5px;
    cursor: pointer;
    outline: none;
    left: 264px;
    position: absolute;
    top: 113px;
}
.power-slider::-webkit-slider-runnable-track {
	background-color: #FFFFFF;
    background-size: 100% 100%;
    background-image: url('../img/slider_h_background.png');
}
.power-slider::-moz-range-track {
	background-color: #FFFFFF;
    background-size: 100% 100%;
    background-image: url('../img/slider_h_background.png');
}



/* Battery */

.battery-container {
    position: absolute;
    left: 610px;
    top: 230px;
    width: 55px;
    height: 75px;
	cursor:pointer;
}

.battery-soc-label {
	position:absolute;bottom:3px;left:0px;width:40px;color:#FFFFFF;text-shadow: 1px 1px 5px #000000;font-size:12px;text-align:center;font-weight:bold;
}

.battery-soc-level {
	left:0px;top:0px;width:100%;height:100%;position:absolute;
}

/* Chargers */

.chargers-container-label {
    position: absolute;
    top: 325px;
    left: 60px;
    text-align: right;
    width: 410px;
	font-size: 10px;
	font-style: italic;
}

.chargers-container {
	position: absolute;
    top: 370px;
    left: 45px;
    width: 750px;
    height: 150px;
	cursor: pointer;
}

.charge-bar {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background-color: #949494;
    border: 1px solid #000000;
}

.chargers-setup {
	position: relative;
	width:100%;
	height: 100%;
}

.ev-charger-container {
	position: absolute;
	top:0px;
	left:0px;
	height:125px;
	width: 52px;
}

.ev-charger-spacer {
	position:absolute;
	top: 75px;
	padding-left:14px;
	font-size: 32px;
	font-weight: bold;
}

.ev-charger-car {
	position:absolute;
	left: 0px;
	top: 75px;
	border: 2px solid #555555;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
	background-image: url('../img/icon_ev.png');
}

.ev-charger-car-unplugged {
    background-image: url("../img/icon_ev_unplugged.png");
    border: 2px solid #BBBBBB;
}

.ev-charger-car-waiting {
    background-image: url("../img/icon_ev_waiting.png");
    border: 2px solid #999900;
}

.ev-charger-car-done {
    background-image: url("../img/icon_ev_done.png");
    border: 2px solid #009900;
}

.ev-charger-car-discharge {
    background-image: url("../img/icon_ev_discharge.png");
    border: 2px solid #005CFF;
}

.ev-charger-label-power {
	left: 28px;
	top: 60px;
}

.ev-charger-label-number {
    color: #DDDDDD;
    position: absolute;
    top: -15px;
    text-align: center;
    width: 45px;
    font-size: 10px;
}

.ev-charger-label-status {
	left: 0px;
	top: 120px;
	width: 40px;
	text-align: center;
	font-size: 10px;
	position: absolute;
	color: #007700;
}

.power-label {
    font-size: 12px;
    color: #005500;
    font-weight: bold;
	position:absolute;
	width: 100px;
}

.ev-group-chart-button 
{
	display:inline-block;
	cursor:pointer;
	padding:3px 7px 3px 7px;
	border:1px solid #999999;
	margin:0px 5px 0px 5px;
	border-radius: 3px;
	user-select: none;
	-webkit-user-select: none;
	font-size: 10px;
}

.ev-group-chart-button-selected {
	background-color: #d0f6d0;
	border:1px solid #005500;
}

.chart-button {
	cursor:pointer;
	border:1px solid #BBBBBB;
	padding:5px;
	margin:5px;
	text-align: center;
	border-radius: 5px;
}

.chart-button-selected {
	background-color: #d7f7d7;
}

.hours-range {
	display:inline-block;
	border:1px solid #EEEEEE;
	border-radius: 5px;
	padding: 3px 10px 3px 10px;
	margin:10px 5px 0px 5px;
	color: #999999;
	cursor: pointer;
	font-size: 12px;
}

.hours-range-selected {
	border:1px solid #999999;
	color: #555555;
}

.hours-display {
	padding: 5px;
	display:inline-block;
	border-radius: 3px;
	cursor: pointer;
	color: #777777;
	font-size: 24px;
	text-align: center;
	width: 170px;
	position: relative;
	font-weight: bold;
}

.hours-display-night {
	background-color: #000000;
	color: #BBBBBB;
}

.selected-ev-button {
	background-color:#7ede79;
	border: 1px solid #005500;
}

.selected-powerflow-button {
	background-color:#7ede79;
	border: 1px solid #005500;
}

.selected-chargemode-button {
	background-color:#7ede79;
	border: 1px solid #005500;
}

.selected-evcount-button {
	background-color:#7ede79;
	border: 1px solid #005500;
}

.selected-chrgcount-button {
	background-color:#7ede79;
	border: 1px solid #005500;
}

.selected-bldg-profile-button {
	background-color:#7ede79;
	border: 1px solid #005500;
}

.fleet-ev-miles {
	display:inline-block;
	position: relative;
	text-align:center;
	width:200px;
	font-size:38px;
	color:#555555;
	cursor:pointer;
}

.fleet-ev-miles-error {
	color: #FF0000;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 10px 0px;
	background-image: url("../img/error_triangle.png");	
}

.fleet-ev-miles-error-msg {
	position: absolute;
	left: 20px;
	top: 50px;
	font-size: 10px;
	color: #555555;
}

.fleet-ev-stat {
	display:inline-block;
	color:#999999;
}

.fleet-ev-delete {
	position:absolute;
	right:-10px;
	top:-5px;
	width:30px;
	height:30px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 3px 3px;
	background-image: url("../img/icon_delete_ev.png");
}

.fleet-ev-delete:hover {
	background-size: 30px 30px;
	background-position: 0px 0px;
	background-image: url("../img/icon_delete.png");
}


.fleet-ev-tariff {
    width: 140px;
    padding: 5px 0px 5px 0px;
    display: inline-block;
    font-size: 18px;
    border: 1px solid #999999;
    border-radius: 3px;
    background-color: #edfcff;
    cursor: pointer;
	color: #555555;
	margin-bottom: 10px;
}

/* Status and animations */

@keyframes blinkIt {
	0%   { color: #ff5555; }
	50%  { color: #ff0000; }
	100% { color: #ff5555; }
}

.blink-label {    
	animation: blinkIt 1s ease-in-out infinite; 
}

@keyframes acUnitChange {
	0% { transform: scale(0.01); }
	50% { transform: scale(3.0); }
	100% { transform: scale(0.01); }
}

.blink-building-ac {   
	animation: acUnitChange 2s ease-in-out; 
}

@keyframes blinkItPower {
	0%   { color: #00FF00; }
	50%  { color: #ff0000; }
	100% { color: #998800; }
}

.blink-power-label {    
	animation: blinkItPower 2s ease-in-out;
}







.site-settings-picture {
	box-sizing: border-box;
	display:inline-block;
	width: 75px;
	height: 80px;
	border:1px solid #EEEEEE;
	margin: 1px 5px 5px 5px;
	position: relative;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.site-settings-picture-add {
	color: #BBBBBB;
	border-radius: 5px;
	background: #EEEEEE url("../img/add_picture.png") no-repeat center top 8px;
	background-size: 45px 45px;
	text-align: center;
}

.image-delete {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-image: url("../img/delete_picture.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}


.image-delete:hover {
	background-image: url("../img/delete_picture_active.png");
	background-size: 30px 30px;
}

.image-delete-waiting {
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	background-size: 20px 20px;
	background-image: url("../img/loader.gif");
}

.set-main-pic {
	position:absolute;
	left:10px;
	top:10px;
	border-radius:5px;
	border:1px solid #999999;
	color:#999999;
	background-color:rgba(255, 255, 255, 0.5);
	font-size:10px;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

.set-main-pic:hover {
	border:1px solid #005500;
	color:#005500;
	background-color:#FFFFFF;
}

.set-main-pic-waiting {
	border:1px solid #BBBBBB !important;
	color:#BBBBBB !important;
	background-color: #EEEEEE !important;
	color: #EEEEEE !important;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/loader.gif");
}

.contact-support {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor:pointer;
	border:1px solid #BBBBBB;
	background-color: #FFFFFF;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/contact_support.png");
}

.contact-support:hover {
	border:1px solid #000000;
	background-image: url("../img/contact_support_active.png");
}

.form-input-table {
	color: #555555;
	margin-left:30px;
	white-space: nowrap;
}

.form-input-table td {
	text-align: right;
	padding: 5px 10px 5px 0px;
}


.company-logo-container {
	box-sizing: border-box;
	display:inline-block;
	width: 300px;
	height: 200px;
	border:1px solid #EEEEEE;
	margin: 10px 20px 10px 30px;
	position: relative;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border-radius: 5px;
	text-align: center;
}

.map-address-selection {
	padding: 7px 10px 7px 10px;
	margin: 0px 10px 10px 10px;
	border:1px solid #555555;
	cursor: pointer;
	border-radius: 3px;
	color: #555555;
	font-size: 12px;
}

.map-address-selection:hover {
	background-color: #8bff71;
	color: #000055;
	border:1px solid #000055;
}

.save-map-location {
	padding: 0px 10px 7px 10px;
	margin: 0px 10px 15px 10px;
	display:none;
}

.save-map-location-yes {
	padding-left: 20px;
	padding-right: 10px;
	cursor: pointer;
	color: #000055;
}

.save-map-location-yes:hover {
	color: #0000FF;
}


.save-map-location-cancel {
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

input[type=text].copy-address {
	background-color: #005500;
	color: #FFFFFF;
}

.copy-address-label {
	background-color: #005500;
	color: #FFFFFF;
}

input[type=text].form-input-address {
	padding: 7px 12px 7px 12px;
}

.user-access-item {
	border: 1px solid #BBBBBB;
	border-radius: 3px;
	padding:10px 220px 10px 10px;
	margin:10px 30px 10px 10px;
	position:relative;
	text-align: left;
}

.user-access-item-delete {
	position:absolute;
	right:-12px;
	top:-6px;
	width:30px;
	height:30px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 3px 3px;
	background-image: url("../img/icon_delete_ev.png");
}

.user-access-item-delete:hover {
	background-size: 26px 26px;
	background-position: 0px 0px;
	background-image: url("../img/icon_delete.png");
}

.project-access-type {
	position: absolute;
	top: 10px;
	display:inline-block;
	padding: 2px 10px 2px 10px;
	margin: 0px 3px 0px 3px;
	border:1px solid #CCCCCC;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
}

.project-access-type:hover {
	border:1px solid #005500;
	background-color: #44BB44;
}

.project-access-type-selected {
	display:inline-block;
	padding: 2px 10px 2px 10px;
	margin: 0px 3px 0px 3px;
	border:1px solid #009900 !important;
	background-color: #99FF99 !important;
	border-radius: 4px;
	font-size: 12px;
}


.summary-item {
	position: relative;
    padding: 15px 10px 15px 90px;
    font-size: 16px;
    color: #555555;
    margin: 10px;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
	background-repeat: no-repeat;
}

.summary-item-header {
	position: absolute;
	right:-10px;
	top: -5px;
	padding: 3px 0px 3px 0px;
	border-radius: 4px;
	background-color: #999999;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 80px;
	cursor: pointer;
}

.summary-item-evfleet {
	background-size: 42px 32px;
	background-position: left 15px center;
	background-image: url("../img/summary_evfleet.png");
}

.summary-item-charger {
	background-size: 50px 50px;
	background-position: left 14px center;
	background-image: url("../img/summary_charger.png");
}

.summary-item-grid {
	background-size: 28px 44px;
	background-position: left 23px center;
	background-image: url("../img/summary_grid.png");
}

.summary-item-solar {
	background-size: 50px 20px;
	background-position: left 12px center;
	background-image: url("../img/summary_solar.png");
}

.summary-item-battery {
	background-size: 34px 17px;
	background-position: left 20px center;
	background-image: url("../img/summary_battery.png");
}

.summary-item-tariff {
	background-size: 40px 20px;
	background-position: left 17px center;
	background-image: url("../img/summary_tariff.png");
}

.summary-item-ev {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 22px center;
}

.summary-item-ev-header {
	position: absolute;
	border-radius: 5px;
	background-color: #555555;
	border: 2px solid #FFFFFF;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px;
	top:0px;
	left: 0px;	
	padding: 2px 8px 2px 8px;
}

.summary-item-details-link {
    display: inline-block;
    color: #0202d9;
    cursor: pointer;
    border-right: 1px solid #BBBBBB;
    margin-left: 20px;
    margin-right: 40px;
    padding-right: 60px;
    padding-left: 20px;
}

.summary-item-summary-ok {
	padding-left: 60px;
	background-size: 30px 30px;
	background-position: left 17px center;
	background-image: url("../img/summary_ok.png");
	margin-top:30px;
}

.summary-item-summary-error {
	padding-left: 60px;
	background-size: 30px 30px;
	background-position: left 17px center;
	background-image: url("../img/summary_error.png");
	margin-top:30px;
	color: #FF0000;
}

.summary-menu-item-status {
	display: none;
	position: absolute;
	top: 8px;
	left: 7px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	background-image: url("../img/summary_error.png");
}

.summary-details-table {
	font-size: 16px;
	margin: 5px 20px 10px 20px;
}

.summary-details-table td {
	text-align: right;
	padding: 5px 10px 5px 10px;
}

.costs-header {
	position: relative;
	border:1px solid #999999;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	margin: 5px 10px 5px 10px;
	font-size: 16px;
}

.costs-line-total {
	position: absolute;
	right: 20px;
	top:10px;
	color: #555555;
	font-weight: bold;
	user-select: none;
	-webkit-user-select: none;
}

.costs-line {
	padding-left:50px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: left 15px center;
	background-image: url("../img/summary_costs_closed.png");
	user-select: none;
	-webkit-user-select: none;
}

.costs-line-open {
	background-image: url("../img/summary_costs_open.png");
}

.costs-details {
	padding-top:10px;
	padding-left:70px;
	margin-top:10px;
	border-top: 1px solid #EEEEEE;
	display: none;
}

.costs-header-total {
	color: #555555;
	position: relative;
	padding: 10px;
	margin: 15px 10px 15px 10px;
	font-size: 16px;
}

.cost-input-table {
	font-size: 14px;
	text-align: right;
}

.cost-input-table td {
	color: #555555;
	padding: 5px;
}

.cost-input-text {
	padding: 7px 12px 7px 12px !important;
}

label {
	-webkit-user-select: none;	
	user-select: none;
	cursor: pointer;
}

.solar-area-button {
	display:inline-block;
	cursor:pointer;
	border:1px solid #BBBBBB;
	padding:3px 10px 3px 10px;
	margin:0px 3px 0px 3px;
	border-radius:5px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}
.solar-area-button-center {	width:30px; margin:0px; background-image: url('../img/solar_center_project.png'); }
.solar-area-button-remove {	width:30px; margin:0px; background-image: url('../img/solar_delete_area.png'); }
.solar-area-button-module {	width:30px; margin:0px; background-image: url('../img/solar_module_type.png'); background-size: 15px 15px; }
.solar-area-button-selected { background-color:#99FF99; }

.module-type {
	position:relative;
	border-radius: 5px;
	border:1px solid #BBBBBB;
	display: inline-block;
	padding: 10px;
	box-sizing: border-box;
	margin: 10px 0px 10px 20px;
	cursor: pointer;
	width: 250px;
	text-align: center;
}

.module-type:hover {
	background-color: #dee2f9;
	border:1px solid #000055;
}

.module-type-image {
	height: 100px;
}

.module-type-name {
	color: #555555;
	font-weight: bold;
}

.module-type-spec {
	padding-top:5px;
	color: #555555;
	font-size: 10px;
}

.module-type-power {
	position: absolute;
	top: -5px;
	right: -5px;
	padding: 5px 10px 5px 10px;
	background-color: #999999;
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 5px;
	font-weight: bold;
}

div[role="region"] { display: none !important; }





/* ...Remove this... */

.wiz-help-button {
	display: inline-block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	padding: 0px 8px 0px 8px;
	background-image: url("../img/icon_question_mark.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px 18px;
}

.wiz-summary-header {
	margin:0px 0px 10px 0px;
	font-style: italic;
}

.wiz-summary-checkbox {
    margin: 0px 0px 2px 5px;
    padding: 2px 0px 2px 25px;
    color: #999999;
    cursor: pointer;
    background-image: url("../img/wizard_nok_icon.png");
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-size: 12px 12px;
    border: 1px solid #BBBBBB;
    border-radius: 3px;
	box-sizing: border-box;
	font-size: 12px;
	user-select: none;
	-webkit-user-select: none;
	width: 200px;
}

.wiz-summary-checkbox-checked {
    background-image: url("../img/wizard_ok_icon.png");
    color: #555555;
    background-color: #f2fdf5;
}

.wiz-intellicharge {
	cursor:pointer;
	color:#555555;
	margin-left:5px;
	user-select: none;
	-webkit-user-select: none;
}

.wiz-intellicharge-header {
	font-weight:bold;
	color:#999999;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 9px 0px 9px 100px;
	font-size: 18px;
	background-image: url("../img/logo_big.png");
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 0px;
	background-size: 80px 35px;
}