/**
 * version     1.0.5.0
 * copyright   Copyright Logikamente(C) 2015. All rights reserved.
 * author      LOGIKAMENTE SRLS <info@logikamente.it> - http://www.logikamente.it
 */
.onlyTXT{
	line-height:25px;
	margin: 11px 0.5em;
	text-overflow: ellipsis;
	font-size:0.8em;
	overflow: hidden;
}

@media only screen and (max-device-width: 960px) {
	div.navbar ul.fright {
	  margin-right: 20px;
	}
	#consumption-period-button .ui-select.ui-btn select{
		top:-2px;
	}
}
@media only screen and (max-device-width: 959px) {
	.formDivider{
		font-size:1em;
	}
	div.navbar ul.fright{
		margin-right:20px;
	}
	
	.header .inner {
		max-width: 760px;
	}
	.ui-field-contain {
		border-bottom: 0px solid rgba(0, 0, 0, 0.15);
	}
}

@media only screen and (min-device-width:565px) and (max-device-width: 767px) {
	.highcharts-legend + .highcharts-axis text:nth-child(odd){
		display:none;
	}
	.highcharts-legend + .highcharts-axis text:nth-child(even){
		font-size:0.7em!important;
	}
	.highcharts-legend + .highcharts-axis text:first-child{
	/*	display:block!important; */
	}
	.highcharts-tooltip{
	/*	display:none; */
	}
	.formDivider{
		font-size:1em;
	}
	.title {
		line-height: 30px;
		font-size: 25px;
		margin: 1em;
	}
	
	.advancedL {
	
		float:none!important;
	}
	.summary{
	  display: inline-block;
	  width:100%;
	}
	.summary > div{
		width:100%;
	}

	.title.consumption {
		background-size: 30px!important;
		padding-left:40px!important;
		background-position: center left !important;
	}
	
	.iconL{
		width:auto!important;
	}
	.timebandC {
	  margin: 10px;
	  padding: 10px 20px;
	  text-align: center;
	}
	.title.locations,.title.favorites, .title.lights, .title.heating_plant, .title.calendar, .title.rolling_shutters, .title.sequence, .title.water_consumption, .title.smoke_alarm, .title.IntruderMainFunction,.title.userAccessData,.title.settingsDetails{
	  background-size: 25px!important;
	}
	.title.userAccessData, .title.settingsDetails {
		background-position: 0px 4px!important;
	}
	
}
@media only screen and (max-device-width: 564px) {
	.title.userAccessData {
		background-position: 0px 4px!important;
	}
	.title.locations,.title.favorites, .title.lights, .title.rolling_shutters {
	  background-size: 25px!important;
	}
	/* margin for slider in function parameters page and event activity form */
	.setPointGrid,.event{
		margin: 2em 0 0 0!important;
	}
	.no_params{
		font-size:0.8em;
	}
	.formDivider{
		font-size:1em;
	}
	.counterInfosText{
		margin:20px;
		max-width:100%;
		clear:both;
	}
	.period{
		float:none;
		clear:both;
		width:100%;
		display: inline-block;
	}
	.icon{
		max-width: 2em!important;
	}
	.widgetList  > li h2, .locationsList > li a h2{
		margin-left:3em;
	}
	.widgetList > li a p {
	  margin: .2em 1em;
	}
	
	.ui-slider .ui-slider-track.ui-shadow-inset.ui-bar-inherit.ui-corner-all.ui-mini {
	  /* margin-left: 90px; */
	  /* clear: left; */
	  /* margin: 0; */
	}
	#rollerMovement div.ui-slider {
		margin: 1em 0px 4em 0px!important; 
	}
	#functionParams div.ui-slider {
	  
	  margin: 0 0 3.5em 0!important;
	
	}
	#functionParams div.ui-select {
		margin: 1em 0!important;
	}
	#consumption-period-button{
		border: 1px solid #dddddd;
		text-align:left;
	}
	#consumption-period-button span.btnPeriod{
		
		text-align:left;
	}
	.period{
	  margin: 1em 0 0 0;
	}
	/* pages */
	
	.title {
		line-height: 30px;
		font-size: 25px;
		margin: 1em;
		background-size: 30px!important;
		padding-left:40px!important;
		background-position: center left !important;
	}
	
	.title.export{
		background: url(../img/svg-black/export.svg) no-repeat!important;
		background-size: 30px!important;
		padding-left:40px!important;
	}
	.title.IntruderMainFunction, .title.water_consumption, .title.calendar, .title.rolling_shutters, .title.lights{
		background-size: 30px!important;
		padding-left:40px!important;
	}
	.title.alarm{
		background-image: url(../img/icons/icon-alarms-b.png)!important;
	}
	
		.title.locations{
			background-image: url(../img/svg-black/location.svg)!important;
			background-size: 30px!important;
			padding-left:40px!important;
			background-position: center left !important;
		}
		.title.favorites{
			background-image: url(../img/svg-black/Star.svg)!important;
		}
		.title.settingsDetails{
			background-size: 30px!important;
			padding-left:40px!important;
			background-image: url(images/icons-svg/gear-black.svg)!important;
			background-position:0px!important;
		}
		.title.userAccessData{
			background-image: url(images/icons-svg/user-black.svg)!important;
		}
		.title.calendar{
			background-image: url(../img/svg-black/fxscheduler-80x80.svg)!important;
			background-position: center left !important;
		}
		.title.sequence{
			background-image: url(../img/svg-black/fxsequence-80x80.svg)!important;
			background-size: 30px!important;
			padding-left:40px!important;
			background-position: center left !important;
		}
		.title.consumption {
			background-size: 30px!important;
			padding-left:40px!important;
			background-position: center left !important;
		}
		.heating_plant {
			background-image: url(../img/svg-black/fxtemperatureregulation-80x80.svg)!important;
			background-position:0px 4px!important;
		}
		
	/* override jquery structure */
	.ui-listview>li p {
		margin: .2em 0;
	}
	.ui-listview>.ui-li-has-thumb>.ui-btn, .ui-listview>.ui-li-static.ui-li-has-thumb {
		padding-left: 1em;
	}
	.widgetList li {
		width: 98%;
		margin: 0px 1%;
		display: inline-block;
	}
	.widgetList li a img{
		display:none;
	}
	
	/* function detail */
	.ui-grid-b>.ui-block-a, .ui-grid-b>.ui-block-b, .ui-grid-b>.ui-block-c {
		width: 33.333%;
	}
	#rapidMenu .ui-grid-b>.ui-block-a, #rapidMenu .ui-grid-b>.ui-block-b, #rapidMenu .ui-grid-b>.ui-block-c {
		width: 33.333%!important;
	}
	
	#tabs .ui-grid-b>.ui-block-a, #tabs .ui-grid-b>.ui-block-b, #tabs .ui-grid-b>.ui-block-c {
		margin: 2px 0px;
		width: 33.333%!important;
	}
	#tabs .ui-navbar ul li a{
		text-indent: -999px;
		background-position: center center;
	}
	.ui-grid-c>.ui-block-a, .ui-grid-c>.ui-block-b, .ui-grid-c>.ui-block-c, .ui-grid-c>.ui-block-d {
	  width: 50%;
	}
	/* widget 1,2 */
	.counterValue {
		font-size: 20px;
		line-height: 30px;
		margin: 0px 10px;
	}
	.timebandC {
		float:none;
		clear:both;
		border:0px;
	}
	.counterValue .measureUnit {
	/*	font-size: 0.5em; */
		font-size: 0.8em;
		line-height: 1.2em;
	}
		
	/* chart label fix */
	.highcharts-legend + .highcharts-axis text:nth-child(odd){
	display:none;
	}
	.highcharts-legend + .highcharts-axis text:nth-child(even){
		font-size:0.7em!important;
	}
	.highcharts-legend + .highcharts-axis text:first-child{
	/*	display:block!important; */
	}
	.highcharts-tooltip{
	/*	display:none; */
	}
	
	.advancedL + div{
		float:none!important;
	}
		
	.label {
		width:100%!important;
	}
	
	.ui-grid-d > div{
		width:20%!important;
	}
	.ui-grid-d  div.ui-block-c .autoWidth.middleAlign{
		width:auto!important;
	}
	/*
	.summary > div{
		width:100%!important;
	}*/ 
	.consumptionResult div.counterValue{
		width:100%!important;
		margin:0px!important;
		padding:5px 0px!important;
	}
	#chartSetting  .ui-grid-c > div{
	  width: 100%!important;
	}
	.counterDetails div.alert{
		padding:0.5em;
		margin:0px;
	}
	/*
	.headConsumption{
		background: #fff!important;
		margin: 0.5em 0px ;
		padding:1em 0px;
		
	}
	
	.headConsumption .counterValue {
		background: #fff!important;
	}
	*/
	
	
	.istantValues .ui-listview li p {
	  width: auto!important;
	}
	
	.circularPercent {
		width: 90%;
		margin: 6px 0px 20px 20px;
	  /*  display: inline-block;*/
		position: relative;
		text-align: center;
		line-height: 1.2;
		margin:0px 5%;
	}

	.summary .circularPercent canvas {
		vertical-align: top;
		width:90%;
		margin:0px  5%;
	}
	.limit {
		line-height:1.2em;
		
	}
	.istantValues .ui-listview .ui-li-static {
		width:45%;
		text-align:left;
	}
	
	.istantValues .ui-listview li p {
	  width: auto!important;
	  margin-left:30px;
	  text-align:left;
	}
	
	/* advanced settings */
	#infoDetails .ui-grid-b>.ui-block-a,#infoDetails .ui-grid-b>.ui-block-b,#infoDetails .ui-grid-b>.ui-block-c {
		width:100%!important;
	}
	#advancedDataForm div #tabs .ui-grid-c>.ui-block-a,#advancedDataForm  div #tabs .ui-grid-c>.ui-block-b,#advancedDataForm  div #tabs .ui-grid-c>.ui-block-c, #advancedDataForm  div #tabs .ui-grid-c>.ui-block-d {
		width:100%!important;
	}
	#advancedDataForm #tabs .ui-navbar ul li a {
		text-indent:0!important;
	}
	#h_range label {
		text-align:left;
	}
	#h_range li.formDivider,#water li.formDivider,#gas li.formDivider,#u_range li.formDivider{
		padding-bottom:2em;
		margin-bottom:2em;
		
	}
	/* consumptions */
	#mainChart{
		width:100%;
	}
	.legend{
		
		width:100%;
		float:left;
		position:relative;
		margin:0 0 0 0;
	}
	.legend li {
	  position: relative;
	  padding: 0.2em 0px 0.5em 50px;
	}
	.iconL{
		width:auto!important;
		margin:0 10px;
	}
	/**/
	
	
}
@media only screen and (max-device-width: 700px) {
	.istantValues .ui-listview .ui-li-static {
		width:32%;
		text-align:left;
	}
	
	.istantValues .ui-listview li p {
	  width: auto!important;

	}
	div.summary > div{
		width:100%!important;
	}
}
@media only screen and (max-device-width: 600px) {
	.istantValues .ui-listview .ui-li-static {
		width:29%;
		text-align:left;
	}
	
	.istantValues .ui-listview li p {
	  width: auto!important;

	}
	#mainChart.no_result{
	position:relative;
	width:40%;
	}
	#mainChart.no_result img{
		position:relative;
		margin:10% 25%;
		width:50%;
	}
	#mainChart.no_result + .legend{
		width:60%;
		margin:5% 0px;
	}
}
@media only screen and (max-device-width: 563px) {
	.istantValues .ui-listview .ui-li-static {
		width:28%;
		text-align:left;
	}
	
	.istantValues .ui-listview li p {
	  width: auto!important;

	}
	.width70{
		width:100%;
	}
	.cool_setpoint, .heat_setpoint ,.setpoint{ 
		max-width:15px!important;
		max-height:15px!important;
		width:15px;
		height:auto;
	}
	
}
@media only screen and (max-device-width: 450px) {
	.istantValues .ui-listview .ui-li-static {
		width:42%;
		text-align:left;
	}
	
	.istantValues .ui-listview li p {
	  width: auto!important;
	  margin-left:30px;
	  text-align:left;
	}
	/* consumption */
	.iconL{
		width:auto!important;
		margin:0 10px!important;
	}
	div.summary > div{
		width:100%!important;
	}
	
}