a.list-group-item.btn-notification {
	color:#63C463;
}
a.list-group-item.btn-notification.text-muted {
	color:#c8c8c8;
}
.sidenav .glyphicon {
	line-height:1.42857143;
}
.groupfilters span.filter-name {
	color: #c8c8c8;
}
#connInit .modal-dialog {
	display:flex;
	top:40%;
	height:106px;
	width:106px;
	margin-left:auto;
	margin-right:auto;	
}
#connInit .loading {
	height:64px;
	width:64px;
	background-size:64px;
	-animation: spin 1.5s infinite ease;
    -webkit-animation: spin2 1.5s infinite ease;
}
/* energy actions */
.group-energy-actions .btn-toggle {
	width: 30px;
    height: 30px;
    background-size: 30px;
    margin-right: 0px;
}
/* energy */
.energy .label {
	font-size:100%;
}
.energy-icon {
    height: 90px;
    background-size: 50px;
    background-position-x: center;
    background-position-y: 35px;
    background-repeat: no-repeat;
    text-align: center;
}
.energy-icon.energy-icon-solar {
    background-image: url(/img/icon-209-solar.png);
}
.energy-icon.energy-icon-grid {
    background-image: url(/img/icon-209-injection.png);
}
.energy-icon.energy-icon-use {
    background-image: url(/img/icon-209-consumption.png);
    padding-top: 70px;
    background-position-y: 10px;
}
.energy-flow {
    background-size: 60px;
    background-repeat: no-repeat;
}
.energy-flow-injection {
	height: 90px;
	text-align: center;
	background-position-x: center;
	background-position-y: 25px;
	background-image: url(/img/icon-arrow-right.png);
}
.energy-flow-own {
    height: 50px;
    background-position-x: right;
    background-position-y: -10px;
    background-image: url(/img/icon-arrow-bottomright.png);
    text-align: center;
    padding-right: 50px;
    padding-top:10px;
}
.energy-flow-use {
    height: 50px;
    background-position-x: left;
    background-position-y: -10px;
    background-image: url(/img/icon-arrow-bottomleft.png);
    text-align: center;
    padding-left: 50px;
    padding-top: 10px;
}
.peak-forecast-value {
	text-align: center;
	position: relative;
	top: -40px;
	font-size: 1.5em;
}
.peak-month {
	text-align: center;
	font-size: 0.8em;
}
.bootstrap-select.btn-group.energy-action-maxcurrent-select {
	display:block;
}
.energy-consumers {
	font-size:0.65em;
}
/* dual white */
.dualwhite-selection .slider.slider-horizontal {
	width:96%;
	caret-color: transparent;
}
.dualwhite-colors {
	height:2em;
	width:96%;
	background-image: url(/img/dualwhite-slider.png);
	background-size: contain;
	margin-left:0.5em;
	margin-bottom:0.2em;
}
.btn-dualwhite {
	background-image: url(/img/dualwhite-slider.png);
}
/* tooltip */
.slider .tooltip.bottom .tooltip-arrow {
	left:0;
}
.slider .tooltip.bottom .tooltip-inner {
	position:relative;
	left:-50%;
}
/* curtains */
.curtains .btn-toggle.value-25 {
	background-image:url('/img/icon-17-25.png') !important;
}
.curtains .btn-toggle.value-50 {
	background-image:url('/img/icon-17-50.png') !important;
}
.curtains .btn-toggle.value-75 {
	background-image:url('/img/icon-17-75.png') !important;
}
.curtains .btn-toggle.value-100 {
	background-image:url('/img/icon-17-100.png') !important;
}
/* airco */
.group-temperature .airco-controls {
	margin-top:40px;
}
.group-temperature .icon-fan {
    width:16px;
	height:15px;
    background-size:30px;
	background-position:center;
}
.group-airco .lastupdated {
	height: 0px;
  	float: right;
  	font-size: .7em;
}
/* inverted */
.toggle.icon-100.inverted {
	background-image:url('/img/icon-100-closed.png') !important;	
}
.toggle.icon-100.inverted.btn-on {
	background-image:url('/img/icon-100-open.png') !important;	
}
/* evcharger */
input.btn-toggle.btn-evcharger.btn.btn-sm.toggle.icon-214[disabled=true] {
    background-image: url(/img/icon-214-not.png) !important;
}
.group-evcharger .touch-left {
	padding-left:6px;
}
.group-evcharger .evcharger-extra {
	padding:0px 6px;
}
.group-evcharger .evcharger-labels {
	padding: 0px 6px;
	line-height: 26px;
    font-size: 14px;
	text-align: center;
	opacity: 0.7;
}
.group-evcharger .evcharger-labels .evcharger-charging .icon {
    height: 24px;
    width: 100%;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position-x: center;
}
.group-evcharger .filter-option, .group-evcharger .evcharger-value {
	text-align: center;
}
.group-evcharger .evcharger-value {
	line-height: 2em;
}
.group-evcharger .evcharger-ampere .btn, .group-evcharger .evcharger-power .btn {
	font-size:11px;
	line-height:20px;
}
.group-evcharger .input-group .bootstrap-select {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}
.evcharger-mode {
	padding:15px 5px;
}
.evcharger-load {
	padding-top:15px;
}
.group-evcharger .disabled .dropdown-toggle {
	border-color:transparent;
}
.group-evcharger .disabled .caret {
    display: none;
}
/* locks */
.btn-lock.icon-lock {
    background-image: url(/img/icon-216-lock.png);
	filter: brightness(100%);
    -webkit-filter: brightness(100%);
	opacity:1;
}
.btn-lock.icon-lock.btn-on {
	background-image: url(/img/icon-216-lock-white.png);
	filter: brightness(60%);
    -webkit-filter: brightness(60%);
}
.btn-lock.icon-unlock {
	background-image: url(/img/icon-216-unlock-white.png);
}
.btn-lock.icon-unlock.btn-on {
	background-image: url(/img/icon-216-unlock.png);
	opacity: 1;
}
/* pinpad */
.alert-pincode {
	padding:5px;
}
.alert-pincode h2 {
	margin:5px 0;
}
.alert-pincode button {
	margin-top:5px;
}
#pinpad input {
	display:initial;
}
#pinpad form {
	width: 100%;
	margin: 0px auto;
	background: #fff;
	padding: 0px 15px;
	text-align: center;
  }
#pinpad input[type="password"] {
	padding: 0px 40px;
	border-radius: 5px;
	width: 90%;
	margin: 5px;
	border: 1px solid rgb(228, 220, 220);
	outline: none;
	font-size: 40px;
	color: transparent;
	text-shadow: 0 0 0 rgb(71, 71, 71);
	text-align: center;
  }
#pinpad input:focus {
	outline: none;
  }
#pinpad .pinButton {
	background: none;
	font-size: 1.5em;
	border-radius: 50%;
	height: 60px;
	font-weight: 550;
	width: 60px;
	color: transparent;
	text-shadow: 0 0 0 rgb(102, 101, 101);
	margin: 5px 10px;
  }
#pinpad .pinButton:hover {
	box-shadow: #506ce8 0 0 1px 1px;
  }
#pinpad .pinButton:active {
	background: #506ce8;
	color: #fff;
}
/* alarm */
@media (min-width: 768px) {
	.navbar-header .group-alarm {
		display: none;
	}
}
.nav .group-alarm {
	text-align:center;
	margin-right:10px;
}
.nav .group-alarm .input-value {
	padding: 1px 8px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #7a8288;
    border-radius: 10px;
    margin-bottom: -20px;
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
	font-size:12px;
	height:fit-content;
	top:-6px;
	width:100px;
	overflow:hidden;
}
.nav .group-alarm .btn-toggle {
	height:41px;
	width:38px;
	background-size:38px;
	background-repeat:no-repeat;
	margin-right:0;
}
.toggle.icon-251, .filter.icon-251, .node-icon.icon-251 {
	background-image:url('/img/icon-251.png') !important;
}
.nav .group-alarm.alarm-listening .input-value {
	color:yellow;
}
.nav .group-alarm.alarm-warning .input-value {
	color:orange;
}
.nav .group-alarm.alarm-activated .input-value {
	color:red;
}
/* checkbox */
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
.radio .cr {
    border-radius: 50%;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}
.radio .cr .cr-icon {
    margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.checkbox-minimal {
	display:inline;
	margin:0px;
}
.checkbox-minimal label {
	padding-left:0;
	min-height:0;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.panel-per-group .checkbox-minimal {
	display:none;
}
/* new logo */
.navbar-brand .touch-title {
	font-size:13px;
}
.navbar-brand {
	font-size:0px;
	width:220px;
	background-image: url("/img/dobiss_logo.png");
	background-position: 15px 8px;
	background-size: auto 26px;
	padding-left:42px;
}
@media (max-width: 400px) {
	.navbar-brand { width:155px; }
}
/* ventilation */
.group-ventilation .ventilation-info {
	font-size: 0.7em;
    text-align: center;
    padding-left: 53px;
    margin-top: -10px;
    margin-bottom: 7px;
}