/*.btn-primary, .btn-danger{
	margin: 7px 5px;
	
	position: relative;
	border: 0;
	padding: 15px 25px;
	display: inline-block;
	text-align: center;
	color: white;
  	transition: all 0.02s;
	
	text-decoration: none;
	color: white;
	padding: 5px 30px;
	display: inline-block;
	position: relative;
	border: 1px solid rgba(0,0,0,0.21);
	border-bottom: 4px solid rgba(0,0,0,0.21);
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);}
	
.btn-primary{
	background: rgba(121, 172, 200,1);
	background: -moz-linear-gradient(top, rgba(121, 172, 200,1) 0%, rgba(69, 121, 156) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(121, 172, 200,1)), color-stop(100%, rgba(69, 121, 156)));
	background: -webkit-linear-gradient(top, rgba(121, 172, 200,1) 0%, rgba(69, 121, 156) 100%);
	background: -o-linear-gradient(top, rgba(121, 172, 200,1) 0%, rgba(69, 121, 156) 100%);
	background: -ms-linear-gradient(top, rgba(121, 172, 200,1) 0%, rgba(69, 121, 156) 100%);
	background: linear-gradient(to bottom, rgba(121, 172, 200,1) 0%, rgba(69, 121, 156) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
}

.btn-danger{
	background: rgba(250,90,90,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(250,90,90,1)), to(rgba(232,81,81,1)));
	background: -webkit-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: -moz-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: -o-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
	}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{ background: #6396B5; border-color:#4880A6; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active{ background: #E33C43; border-color:#AD2D33; }
*/

/* Gradient button background color on click */
.btn-gradient.red:active, .btn-danger:active {background: #E35252;}
.btn-gradient.orange:active {background: #E8601B;}
.btn-gradient.cyan:active, .btn-primary:active {background: #169499;}
.btn-gradient.blue:active {background: #608FBF;}
.btn-gradient.purple:active {background: #BD8EB7;}
.btn-gradient.yellow:active {background: #DBC05B;}
.btn-gradient.green:active {background: #72B08E;}


.centerDevices{ margin:30px 0; text-align:center; padding:0 10%;}

.inner-circle{
	position:absolute;
	width:96px;
	height:96px;
	top:12px;
	left:12px;
	border-radius:50%;
	box-shadow:0px 1px 3px rgba(0,0,0,0.2);
	
	background: rgba(244, 244, 244,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(244, 244, 244, 1)), to(rgba(232,81,81,1)));
	background: -webkit-linear-gradient(rgba(244, 244, 244, 1) 0%, rgba(231, 231, 231,1) 100%);
	background: -moz-linear-gradient(rgba(244, 244, 244, 1) 0%, rgba(231, 231, 231, 1) 100%);
	background: -o-linear-gradient(rgba(244, 244, 244, 1) 0%, rgba(231, 231, 231, 1) 100%);
	background: linear-gradient(rgba(244, 244, 244, 1) 0%, rgba(231, 231, 231, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
}

.device-icon, .device-id
{
	position:absolute;
	width:60px;
	height:60px;
	background:url(../images/devices.png) no-repeat;
	top:30px;
	left:30px;
	opacity:0.58;
	float:left;	
}
.typeTitle .typeIcon {  width:22px; height:22px; background:url(../images/devices_small.png) no-repeat ; float:left; }
.typeTitle .typeName { line-height:23px; float:left; margin-left:10px; font-size:13px; }


.dashboardActivities .icon
{ 
	/*float:left;*/
	background:url(../images/devices.png) no-repeat;
	/*padding-left:60px;*/
	padding-bottom:10px;
	width:60px;
	height:60px;
	margin:0 auto;
}


.logo img{height:40px;}
.device h4{margin-top: 130px; font-size: 14px; text-shadow: 1px 1px 0px #fff; color: #999; font-weight:normal;}

.triangle{display:none} 

 
.gkkCheckboxes em{ font-size:80%;} 
.gkkCheckboxes label{border-right:1px solid #231f20; padding:4px; margin:0;}
.gkkCheckboxes label:first-child{ border-left:1px solid #231f20; }
 
.gkkCheckboxes  input[type=checkbox] {
    position: absolute;  
    cursor: pointer;
	width:1px; margin:0; border:0; padding:0;
	visibility:hidden;
}
 
.gkkCheckboxes input[type=checkbox] + label {
		font-weight:normal;
		margin-bottom: 2px;
		cursor:pointer;
} 
 
.gkkCheckboxes input[type=checkbox]:hover + label {
		background:#eee;
}
.gkkCheckboxes input[type=checkbox]:checked + label {
	/*font-weight:bold;*/
	text-shadow:1px 1px rgba(0,0,0,0.5);
	color:#fff;
    background-color: #cae3ae;
    /*background: -moz-linear-gradient(top,  #96c161 0%, #609c3d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c161), color-stop(100%,#609c3d));
    background: -webkit-linear-gradient(top, #96c161 0%,#609c3d 100%);
    background: -o-linear-gradient(top, #96c161 0%,#609c3d 100%);
    background: -ms-linear-gradient(top, #96c161 0%,#609c3d 100%);
    background: linear-gradient(top, #96c161 0%,#609c3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c161', endColorstr='#609c3d',GradientType=0 );*/
	
} 


/*.tachymeter{width: 120px; height: 120px; margin-right: 15px; float: left;}*/
.tachymeter{width: 120px; height: 70px; margin-right: 15px; float: left;}
/*.bontaText{clear:both;}*/
.bontaText{clear:both;padding-left:5px; font-size: 18px;}
.bontaTitle{margin-bottom:5px;}
.btn.bonta1{
margin-top:20px;	
background: rgb(255,255,255); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */

}


.centerDevices{height:120px;}
.list-group-item .col-4 .row, .list-group-item > .col-2{margin-top:40px;}
.list-group-item .col-4 .row .col-10{color:#545454;}
.list-group-item .col-4 .row .col-10 strong.ng-binding{color:#95BE6B!important;}
.list-group-item .label-danger, .list-group-item .label-success{font-size:15px; font-weight:bold; color:#fff; padding:0 10px; display:inline-block; margin-bottom:4px; line-height:25px;}
.list-group-item .label-danger{background:#A86061; border:1px solid #854C4D; text-shadow:1px 1px 1px #854C4D; }
.list-group-item .label-success{ background:#A7C571; border:1px solid #7B994E; text-shadow:1px 1px 1px #7B994E;}

/*.bontaText .bonta2{background:#A86061; border:1px solid #854C4D;font-size:15px; margin-top:10px;}*/
.bontaText .bonta2{background:#A86061; border:1px solid #854C4D;font-size:20px; margin-top:10px; padding:10px !important;}
.applianceRow{font-size:13px!important; color:#777!important;}
.applianceRow strong{color:#222;}
.slider.ui-slider-horizontal{
height: 9px;
background: #fff;
border: 1px solid #bababa;
box-shadow: 0 1px 0 #FFFFFF, 0 3px 5px #CFCFCF inset;
clear: both;
margin: 8px 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
position: absolute;
z-index: 2;
width: 16px;
height: 16px!important;
cursor: default;
background: url(../images/elements/ui/handle.png) no-repeat!important;
border: none!important;
cursor: pointer;
}


.device-cloud-0{position:absolute;top: 77px;left: 89px;}
.device-cloud-1{position:absolute; top: 50px;left: 35px;} 
.device-cloud-2{position:absolute; top:140px; left:170px;}
.device-cloud-3{position:absolute; top:130px; left:42px;}
.device-cloud-4{position:absolute; top:40px; left:155px; }

.activityFormScope col-6{margin-bottom:10px;}

.glyphicon-remove:hover, .glyphicon-pencil:hover{cursor:pointer;}
.glyphicon-edit:hover, .glyphicon-pencil:hover{cursor:pointer;}

.gkkCheckboxes{
    padding:7px;
    -webkit-box-shadow: inset 0px 10px 10px -8px #bcbeb7; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: inset 0px 10px 10px -8px #bcbeb7; /* Firefox 3.5 - 3.6 */
    box-shadow: inset 0px 10px 10px -8px #bcbeb7; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    border: 1px solid #bcbeb7;
    background-color: white;
}

.applianceRow .deviceInfo,
.applianceRow .deviceCosti,
.applianceRow .deviceBonta, .activity .activityBonta,
.colC
{text-align:center}

.applianceRow h6{margin-bottom:2px; color:#222; }

.deviceInfo{ margin-top:40px; }
.deviceInfo .label{font-size:100%;}
.deviceInfo strong{font-size:17px;color:#A7C571;}
.deviceInfo .deviceType{margin-top:5px;}

.applianceRow .device-circle{margin:0;}

.deviceBonta { margin-top:22px;}

.activity .activityBonta{text-align:center; padding:0}
.activity .activityBonta img.none{opacity:0.1;}

@media (max-width: 480px) {
	.activity .activityName .activityIcon, .activity .activityInfo, .activity .activityName{padding:0;}
	.activity .activityName, .activity .activityProvider{text-align:center;}
	.activity .activityButtons{margin-top:70px;}

}
@media (min-width: 481px) and (max-width: 767px) {
	.activity .activityName .activityIcon{padding:0;}
	.activity .activityName, .activity .activityProvider{text-align:center;}
	.activity .activityButtons{margin-top:70px;}
}
@media (min-width: 768px) and (max-width: 979px) {
    .risparmioLabel{ margin-top:30px; }
    .deviceConsumi .risparmioLabel{ margin-top:0px !important; }
	.activity .activityBonta{border-right:1px solid #FFF;}
	.activity .activityBonta div{border-right:1px solid #dedede;}
	.activity .activityName, .activity .activityProvider{margin-top:20px;}
	.activity .activityButtons{margin-top:15px;}
	.activity .activityName .activityIcon{padding:0;}
}
@media (min-width: 980px) and (max-width: 1199px) {
    .risparmioLabel{ margin-top:30px; }
    .deviceConsumi .risparmioLabel{ margin-top:0px !important; }
	.activity .activityBonta{border-right:1px solid #FFF;}
	.activity .activityBonta div{border-right:1px solid #dedede;}
	.activity .activityName, .activity .activityProvider{margin-top:20px;}
	.activity .activityButtons{margin-top:30px;}
	.activity .activityName .activityIcon{padding:0;}
}
@media (min-width: 1200px) {
	
	.risparmioLabel{margin-top:30px;}
    .deviceConsumi .risparmioLabel{ margin-top:0px !important; }
	.activity .activityBonta{border-right:1px solid #FFF;}
	.activity .activityBonta div{border-right:1px solid #dedede;}
	.activity .activityName, .activity .activityProvider{margin-top:20px;}
	.activity .activityButtons{margin-top:30px;}
	.activity .activityName .activityIcon{padding:0;}
	
}


.deviceRisparmio {margin-top:22px;}
.risparmioLabel{background:#f5f5f5; padding:5px; text-align:center; border-radius:4px;border: 1px solid black;}
.risparmioLabel span{font-weight:bold; font-size:24px;color:black}
.applianceRow .centerDevices{margin:0!important; padding:0!important;}

.applianceRow.list-group-item{padding:0px 15px; margin:0 auto;}
.applianceRow .col-12{padding-top:10px; padding-bottom:10px;}


.list-group-item .col-4 .label,  .list-group-item .btn.btn-default{
color:#999;
border:1px solid #dedede;
background: rgb(255,255,255); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */

/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientT;*/

}