@CHARSET "ISO-8859-15";

/* Prevent Android Flicker
 *  
 * http://blogs.bytecode.com.au/glen/2011/07/14/eliminating-annoying-flicker-transitions-with.html
 * http://stackoverflow.com/questions/5953753/flickering-when-navigating-between-pages
 *
 */
 
 #gk-load {
 	position: absolute;
 	top: calc(50% - 160px);
 	left: calc(50% - 100px);
 	width: 200px;
 	height: 200px;
	background-image: url('../images/gekko.png');
	background-size: cover;
	opacity: 0.5;
}

.gk-loader{
	position: absolute;
 	top: calc(50% + 120px);
 	left: calc(50% - 50px);
 	width: 100px;
 	height: 3px;
	background: rgba(90, 136, 68, 0.3);
}

#gk-loader-progress{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0%;
	background: rgba(90, 136, 68, 0.8);
	border-radius: 3px;
}
 
.ui-page {
    -webkit-backface-visibility: hidden;
}

.ui-icon-gk-home,.ui-icon-gk-wrench,.ui-icon-gk-clock,.ui-icon-gk-euro,.ui-icon-gk-info,.ui-icon-gk-lock,.ui-icon-gk-back,.ui-icon-gk-light,.ui-icon-gk-blind,.ui-icon-gk-vent,.ui-icon-gk-plug,.ui-icon-gk-temp,.ui-icon-gk-fire,.ui-icon-gk-radiator,.ui-icon-gk-white,.ui-icon-gk-hand,.ui-icon-gk-key,.ui-icon-gk-mobil,.ui-icon-gk-siren,.ui-icon-gk-music,.ui-icon-gk-cam,.ui-icon-gk-logic,.ui-icon-gk-trend,.ui-icon-gk-analyse,.ui-icon-gk-star,.ui-icon-gk-emobil,.ui-icon-gk-solar,.ui-icon-gk-netz,.ui-icon-gk-sfc,.ui-icon-gk-dollar
	{
	background-image: url(../images/48_sym1.png);
	background-repeat: no-repeat;
	background-size: 640px 128px;
	-webkit-background-size: 640px 128px;
	-moz-background-size: 640px 128px;
}

.ui-icon-gk-star {
	background-position: -544px -64px;
}

.ui-icon-gk-home {
	background-position: -512px -32px;
}

.ui-icon-gk-wrench {
	background-position: -544px -32px;
}

.ui-icon-gk-clock {
	background-position: 0px -32px;
}

.ui-icon-gk-euro {
	background-position: -576px -32px;
}

.ui-icon-gk-info {
	background-position: 0px -64px;
}

.ui-icon-gk-lock {
	background-position: -32px -64px;
}

.ui-icon-gk-back {
	background-position: -64px -64px;
}

.ui-icon-gk-light {
	background-position: -96px 0px;
}

.ui-icon-gk-blind {
	background-position: -128px 0px;
}

.ui-icon-gk-vent {
	background-position: -160px 0px;
}

.ui-icon-gk-plug {
	background-position: -64px 0px;
}

.ui-icon-gk-temp {
	background-position: -32px 0px;
}

.ui-icon-gk-fire {
	background-position: -192px 0px;
}

.ui-icon-gk-radiator {
	background-position: -416px 0px;
}

.ui-icon-gk-white {
	background-position: 0px 0px;
}

.ui-icon-gk-hand {
	background-position: -256px 0px;
}

.ui-icon-gk-key {
	background-position: -608px 0px;
}

.ui-icon-gk-mobil {
	background-position: -576px 0px;
}

.ui-icon-gk-siren {
	background-position: -384px 0px;
}

.ui-icon-gk-music {
	background-position: -352px 0px;
}

.ui-icon-gk-cam {
	background-position: -96px -32px;
}

.ui-icon-gk-logic {
	background-position: -128px -32px;
}

.ui-icon-gk-trend {
	background-position: -288px -32px;
}

.ui-icon-gk-analyse {
	background-position: -228px -32px;
}

.ui-icon-gk-emobil {
	background-position: -352px -32px;
}

.ui-icon-gk-solar {
	background-position: -384px -32px;
}

.ui-icon-gk-netz {
	background-position: -416px -32px;
}

.ui-icon-gk-dollar {
	background-position: 0px -96px;
}

.ui-icon-gk-sfc {
	background-position: -608px -32px;
}

.ui-icon-gk-on {
	background-image: url(../images/48_sym1.png);
	width: 32px;
	height: 32px;
	
}

.ui-icon-gk-off {
	background-image: url(../images/48_sym0.png);
	width: 32px;
	height: 32px;
}

.ui-icon-gk-over {
	-webkit-border-radius: 15px; /* Safari, Chrome */
	-moz-border-radius: 15px; /* Firefox */
	border-radius: 15px; /* w3c standart */
	-webkit-box-shadow: 9px 8px 22px #AAAAAA;
	-moz-box-shadow: 9px 8px 22px #AAAAAA; /* firefox */
	box-shadow: 9px 8px 22px #AAAAAA; /* w3c standart */
}


ul {
	data-inset: "true";
}

.gk-list-frame {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.gk-list-nav {
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 42px;
}

.gk-list-control {
	margin-top: 0px;
	margin-bottom: 0px;
}

.gk-list-cam {
	margin-top: -5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	align: middle;
	height: 42px;
	width: 100px;
	border: 1px solid #D6d6D6;
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px; /* w3c standart */
}

.gk-list-nav-image {
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 100px;
}

.gk-list-image{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100px;
	}

.gk-list-canvas {
	margin-top: -5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	align: middle;
	height: 42px;
	width: 150px;
}

.gk-img-visu {
	border: 1px solid #D6d6D6;
	-webkit-border-radius: 15px; /* Safari, Chrome */
	-moz-border-radius: 15px; /* Firefox */
	border-radius: 15px; /* w3c standart */
	-webkit-box-shadow: 9px 8px 22px #AAAAAA;
	-moz-box-shadow: 9px 8px 22px #AAAAAA; /* firefox */
	box-shadow: 9px 8px 22px #AAAAAA; /* w3c standart */
	margin-bottom: 0px;
	align: middle;
	max-width: 100%;
	max-height: 30%;
}


.gk-element-visu {
	margin: 0px;
	height: 42px;
	width: 150px;
}

.gk-element-visu-title {
	margin: 0px;
	height: 42px;
}

.gk-trend-visu {
/*
	border: 1px solid #D6d6D6;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 9px 8px 22px #AAAAAA;
	-moz-box-shadow: 9px 8px 22px #AAAAAA;
	box-shadow: 9px 8px 22px #AAAAAA;
*/
	margin-bottom: 0px;
	align: middle;
	width: 100%;
	height: 100%;
}

.gk-height-full
{
	margin: 0px;
	align: middle;
	width: 100%;
	height: 100%;
}

.gk-list-icon {
	float: left;
	height: 32px;
	width: 32px;
	margin-left: 5px;
	margin-top: 5px;
}

.gk-list-title {
	margin-top: 5px;
}

.gk-list-subtitle {
	margin-top: 5px;
}

.ui-li .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li {
	padding-top: 5px;
	padding-bottom: 2px;
}

.gk-info-page {
	margin: 0px;
	padding: 0px;
}

.gk-info-title {
	/*text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	color: #d6d6d6;
	font-weight: bold;
	text-shadow: black 0px -1px 1px;
	border: 1px solid black;
	background: #161616;
	background-image: -webkit-linear-gradient(top, rgb(60, 60, 60),
		rgb(17, 17, 17) );
	padding-top: 5px;
	padding-bottom: 5px;*/
	background: grey;
	padding: .5em 15px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow: none;
}

.gk-info-container {
	text-align: center;
}

.gk-info-cam {
	border: 1px solid #D6d6D6;
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px; /* w3c standart */
	margin: 0px;
	align: middle;
	max-width: 100%;
}

.gk-borderfix {
	border: 0px;
}

.panel-popover {
	min-width: 300px;
	width: 30%;
}

.ui-panel-left {
	min-width: 300px;
	width: 30%;
}


table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../css/bg.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../css/asc.png);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../css/desc.png);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}

/*Fix for footer after design update*/ 
.ui-footer{
	min-width: 99.5%;
}

.gk-borderfix{
	visibility: hidden;
}


@font-face {
    font-family: 'medium';
    src: url('/css/fonts/roboto/Roboto-Medium.eot');
    src: url('/css/fonts/roboto/Roboto-Medium.woff') format('woff'),
	 url('/css/fonts/roboto/Roboto-Medium.svg#robotomedium') format('svg'),
	 url('/css/fonts/roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'regular';
    src: url('/css/fonts/roboto/Roboto-Regular.eot');
    src: url('/css/fonts/roboto/Roboto-Regular.woff') format('woff'),
	 url('/css/fonts/roboto/Roboto-Regular.svg#robotoregular') format('svg'),
	 url('/css/fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'thin';
    src: url('/css/fonts/roboto/Roboto-Thin.eot');
    src: url('/css/fonts/roboto/Roboto-Thin.woff') format('woff'),
	 url('/css/fonts/roboto/Roboto-Thin.svg#robotothin') format('svg'),
	 url('/css/fonts/roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'light';
    src: url('/css/fonts/roboto/Roboto-Light.eot');
    src: url('/css/fonts/roboto/Roboto-Light.woff') format('woff'),
	 url('/css/fonts/roboto/Roboto-Light.svg#robotolight') format('svg'),
	 url('/css/fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bold';
    src: url('/css/fonts/roboto/Roboto-Bold.eot');
    src: url('/css/fonts/roboto/Roboto-Regular.woff') format('woff'),
	 url('/css/fonts/roboto/Roboto-Regular.svg#robotoregular') format('svg'),
	 url('/css/fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}