/* app css stylesheet */
/*
.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}
*/
.form {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading{
  margin-bottom: 10px;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="username"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.background-tank {
	background-image: url('../img/VascaNonControllata.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
	position: relative;
}

.background-ambiente {
	/*background-image: url('../img/LocaliOff.png');*/
	background-image: url('../img/BarriccaiaTonda1283D.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 120px;
	height: 120px;
	position: relative;
}

.background-fancoil {
	background-image: url('../img/FancoilOff.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
	position: relative;
}

.background-fancoil2 {
	background-image: url('../img/FancoilOff.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
	position: relative;
}

.background-frigo {
	background-image: url('../img/GruppoFrigoOff.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
	position: relative;
}

.background-centraletermica {
	background-image: url('../img/CentraleTermica.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
	position: relative;
}

.background-dosatore {
	background-image: url('../img/LedPompaOff.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 100px;
	position: relative;
}

.label-codice {
	font-size: 18px;
	font-weight: bold;
	padding: 2px;
	background-color: #FFF;
	border: 2px solid #000;
	text-align:center;
	min-width: 30px;
	display: inline-block;
	line-height: 1.43;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	top: 10px;
	right: 5px;
}

.label-main {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	padding: 4px;
	background-color: #ffffca;
	border: 2px solid darkred;
	color: darkred;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-width: 30px;
	max-width: 90px;		/*90%*/
	text-align:center;
	display:inline-block;
	position: absolute;
	top: 80px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
.label-aux {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	padding: 4px;
	background-color: #ffffca;
	border: 2px solid purple;
	color: purple;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-width: 30px;
	max-width: 90px;		/*90%*/
	text-align:center;
	display:inline-block;
	position: absolute;
	top: 50px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.toplefticon {
	background-repeat: no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	position: absolute;
}
.botlefticon {
	background-repeat: no-repeat;
	background-size: cover;
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: 0px;
}
.botrighticon {
	background-repeat: no-repeat;
	background-size: cover;
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.temp-warming {
	background-image: url('../img/Warming.png');
}
.temp-cooling {
	background-image: url('../img/Cooling.png');
}
.temp-controlled {
	background-image: url('../img/NoAction.png');
}
.temp-alarm {
	background-image: url('../img/AlarmTriangle.png');
}

.pump-on {
	background-image: url('../img/pumpOn.png');
}
.pump-off {
	background-image: url('../img/pumpOff.png');
}
.pump-alarm {
	background-image: url('../img/pumpAlarm.png');
}

.mf-on {
	background-image: url('../img/ElicaOn.png');
}
.mf-off {
	background-image: url('../img/ElicaOff.png');
}
.mf-alarm {
	background-image: url('../img/AlarmTriangle64.png');
}

.bw-on {
	background-image: url('../img/Bolle64.png');
}
.bw-off {
	background-image: url('../img/circle-gray.png');
}
.bw-alarm {
	background-image: url('../img/AlarmTriangle64.png');
}

.agita-on {
	background-image: url('../img/AgitaOn64.png');
}
.agita-off {
	background-image: url('../img/AgitaOff64.png');
}
.agita-alarm {
	background-image: url('../img/AgitaAll64.png');
}

.rh-controlled {
	background-image: url('../img/NoAction.png');
}
.rh-wait-on {
	background-image: url('../img/AriaOn.png');
}
.rh-on {
	background-image: url('../img/CompletaOn.png');
}
.rh-wait-off {
	background-image: url('../img/AriaOn.png');
}
.rh-wait-purge {
	background-image: url('../img/NoAction.png');
}
.rh-purge {
	background-image: url('../img/AriaOn.png');
}
.rh-alarm {
	background-image: url('../img/AlarmTriangle.png');
}

.co2-ok {
	background-image: url('../img/circle-green.png');
}
.co2-alarm-medium {
	background-image: url('../img/circle-orange.png');
}
.co2-alarm-heigh {
	background-image: url('../img/circle-red.png');
}

.oxi-on {
	background-image: url('../img/Bolle64.png');
}

.oxi-active{
	background-image: url('../img/OxiOn.png');
}
.oxi-pause{
	background-image: url('../img/OxiPause.png');
}
.oxi-alarm{
	background-image: url('../img/OxiAll.png');
}

.button-icon {
	width:64px;
	height:64px;
	margin: 0px 8px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: inline-block;
	vertical-align: middle;
}

.button-stop4v {
	background-image: url('../img/Stop4V.png');
}
.button-start4v {
	background-image: url('../img/Start4V.png');
}
.button-disabled4v {
	background-image: url('../img/Start4VDisab.png');
}
.button-stop {
	background-image: url('../img/Stop64.png');
}
.button-start {
	background-image: url('../img/Start64.png');
}
.button-disabled {
	background-image: url('../img/Start64Disab.png');
}
.button-stop-mant {
	background-image: url('../img/StopMant.png');
}
.button-start-mant {
	background-image: url('../img/StartMant.png');
}
.button-disabled-mant {
	background-image: url('../img/StartMantDisab.png');
}
.button-exit {
	background-image: url('../img/Exit2.png');
}
.button-manual {
	background-image: url('../img/Hand64.png');
}
.button-settings {
	background-image: url('../img/SettingsN.png');
}
.button-alarm {
	background-image: url('../img/AlarmTriangle64.png');
}

.button-icon-abil {
	width:32px;
	height:32px;
	margin: 0px 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: inline-block;
	vertical-align: middle;
}

.button-abil-0 {
	background-image: url('../img/circle-red.png');
}

.button-abil-1 {
	background-image: url('../img/circle-green.png');
}

.led-attivo{
	width:30px;
	height:30px;
	margin: 0px 0px;
	border: 0px solid #000;
	background-size: cover;
	background-image: url('../img/circle-green.png');
}

.led-non-attivo{
	width:30px;
	height:30px;
	margin: 0px 0px;
	border: 0px solid #000;
	background-size: cover;
	background-image: url('../img/circle-gray.png');
}


.led-pausa{
	width:30px;
	height:30px;
	margin: 0px 0px;
	border: 0px solid #000;
	background-size: cover;
	background-image: url('../img/circle-yellow.png');
}

.led-allarme{
	width:30px;
	height:30px;
	margin: 0px 0px;
	border: 0px solid #000;
	background-size: cover;
	background-image: url('../img/AlarmTriangle.png');
}

.led-attiva{
	width:30px;
	height:30px;
	margin: 0px 0px;
	border: 0px solid #000;
	background-size: cover;
	background-image: url('../img/circle-green.png');
}

.led-non-attiva{
	width:30px;
	height:30px;
	margin: 0px 0px;
	border: 0px solid #000;
	background-size: cover;
	background-image: url('../img/circle-gray.png');
}

.led-pump-on {
	background-image: url('../img/circle-green.png');
}

.led-pump-off {
	background-image: url('../img/circle-gray.png');
}

.led-pump-wait {
	background-image: url('../img/circle-yellow.png');
}

.led-pump-alarm {
	background-image: url('../img/AlarmTriangle64.png');
}

.feature {
	font-size: 28px;
	font-weight: bold;
	color: black;
	padding: 8px 16px;
    margin: 8px;
    border: 2px solid gray;
    border-radius: 10px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(0,0,255,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(0,0,255,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(0,0,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(0,0,255,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(0,0,255,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(0,0,255,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#660000ff',GradientType=0 ); /* IE6-9 */
}
.feature legend{
    border: 2px solid grey;
    border-radius: 10px;
    background: white;
    width: auto;
    padding: 0px 4px;
    font-size: 17px;
    font-weight: normal;
}
.feature i {
	height:32px;
	width: 32px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: inline-block;
	vertical-align: middle;
}
/*
.icon-vasca,
.icon-vasca-non-controllata {
	background-image: url('../img/VascaNonControllata.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}
*/

.icon-vasca-controllata {
	background-image: url('../img/VascaControllata2.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}

.icon-vasca-freddo {
	background-image: url('../img/VascaFreddo.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}

.icon-vasca-caldo {
	background-image: url('../img/VascaCaldo.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}

.icon-vasca-allarme {
	background-image: url('../img/VascaAllarme.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}

.icon-caldo {
	background-image: url('../img/Sunny128.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

.icon-freddo {
	background-image: url('../img/Snow_flake128.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

.icon-plcct {
	/*background-image: url('../img/Centrale.png');*/
	background-image: url('../img/GruppoFrigoCaldaia.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: center center;
	width: 160px;
	height: 160px;
	/*
	background-image: url('../img/VascaCaldo.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
	*/
}

.icon-centraletermica-freddo {
	background-image: url('../img/Snow_flake128.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 48px;
	height: 48px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}

.icon-centraletermica-caldo {
	background-image: url('../img/Sunny128.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 48px;
	height: 48px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}


.button-icon-manual {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}

.button-manual-freddo {
	background-image: url('../img/Snow_flake128.png');
}

.button-manual-caldo {
	background-image: url('../img/Sunny128.png');
}

.button-manual-rimo {
	background-image: url('../img/pumpOn.png');
}

.button-manual-irro {
	background-image: url('../img/Irroratore.png');
}

.button-manual-oxi {
	background-image: url('../img/Bolle64.png');
}

.button-manual-estra {
	background-image: url('../img/EstrattoreOn64.png');
}

.button-manual-foll1 {
	background-image: url('../img/Follatore1On64.png');
}

.button-manual-foll2 {
	background-image: url('../img/Follatore2On64.png');
}

.button-manual-agita {
	background-image: url('../img/AgitaOn64.png');
}


.bigCheck {
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.editable {
	cursor: pointer;
	min-width: 64px;
    background-color: #fff;
    border: 1px solid #000;
    padding-left: 4px;
    padding-right: 4px;
}

.thumbnails {
	text-align: center;
}

.thumbnails>li {
	border: 0px;
	box-shadow: none;
	display: inline-block;
	float: none;
	min-width: 100px;
	margin-left:0px;
}




.tipo-oxi {
	font-size: 18px;
	font-weight: bold;
	padding: 4px;
	background-color: #ffffca;
	border: 2px solid purple;
	color: purple;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-width: 30px;
	text-align:center;
	display:inline-block;
	margin-top: 35px;
	margin-left: 0px;
	text-transform: uppercase;
}

body {
	margin-top: 60px;
	margin-bottom: 60px;
	background-color: #eee;
	font-size: 18px;
	line-height: 1.15;
}

input, select {
    font-size: 18px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0px;
}

.brand img {
	/*width: 128px;*/
	height: 64px;
}

.brand {
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
	text-shadow: -2px 2px 3px #000;
}

.modal-footer {
	background-color: rgba(100,100,100,0.6);
}


/*
.modal {
	background-color: transparent;
}

.modal-body {
	background-color: #eee;
}

.modal-backdrop {
	opacity: 0.6;
	background-color: #ccc;
}



.modal-header {
	background-color: #eee;
}
*/

hr{ 
	margin:20px 0;
	border:0;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #ffffff;
}

h3.title {
	background: rgb(41,154,11); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(41,154,11,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,154,11,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(41,154,11,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	color: white;
	padding-left: 8px;
	text-transform: uppercase;
	border: solid 1px #fff;
	width:89%;
}

.vasca {
	display: inline-block;
	/*padding: 0px;
	background-color: white;
	color: black;*/
	padding-left: 16px;
	padding-right: 16px;
	/*border: solid 1px #000; 
	margin: 24px;*/
}

.label-vasca {
	display: inline-block;
	padding: 0px;
	background-color: white;
	color: black;
	padding-left: 8px;
	padding-right: 8px;
	border: solid 1px #000;
	/*font-weight: bold;*/
	margin:0px;
}

.whitebox {
    min-width: 64px;
    background-color: #fff;
    border: 1px solid #000;
    padding-left: 4px;
    padding-right: 4px;
}
/*
.row-fluid [class*="span"] {
    min-height:0px;
    line-height: 30px;
}
*/
.alert-error {
    font-size: 20px;
    color: #FFF;
    background-color: #FF0000;
    padding: 8px;
}


.allarmepompa {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #FF0000;
    padding-left: 8px;
    line-height: 30px;
}


.statopompa-non-attiva {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #808080;
    padding-left: 8px;
    line-height: 30px;
}

.statopompa-off-man {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #808080;
    padding-left: 8px;
    line-height: 30px;
}

.statopompa-acc {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #808080;
    padding-left: 8px;
    line-height: 30px;
}

.statopompa-attiva {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #00FF00;
    padding-left: 8px;
    line-height: 30px;
}

.statopompa-on-man {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #00FF00;
    padding-left: 8px;
    line-height: 30px;
}

.statopompa-spg {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #00FF00;
    padding-left: 8px;
    line-height: 30px;
}

.statopompa-allarme-pmp {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #FF0000;
    padding-left: 8px;
    line-height: 30px;
}

.statogruppofrigo-non-attivo {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #808080;
    padding-left: 8px;
    line-height: 30px;
}

.statogruppofrigo-attivo {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #00FF00;
    padding-left: 8px;
    line-height: 30px;
}

.statogruppofrigo-allarme-gf {
    max-width: 220px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #FF0000;
    padding-left: 8px;
    line-height: 30px;
}

.pannello-freddo {
	background-color: #1CDEDC;
	border-radius: 5px;
	padding: 10px;
}

.pannello-caldo {
	background-color: #F47474;
	border-radius: 5px;
	padding: 10px;
}

.pannello-superfreddo {
	background-color: #84CAC9;
	border-radius: 5px;
	padding: 10px;
}

.pannello-temp {
	padding: 10px;
}

.icona-luci-off {
	background-image: url('../img/LuciOff.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	display: inline-block;
	vertical-align: middle;
}

.icona-luci-on {
	background-image: url('../img/LuciOn.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	display: inline-block;
	vertical-align: middle;
}


.icon-oxi-loading,
.icon-oxi-not-active {
	background-image: url('../img/VascaNonControllata.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}

.icon-oxi-filling,
.icon-oxi-active,
.icon-oxi-active-pi {
	background-image: url('../img/VascaControllata.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}
.icon-oxi-pause,
.icon-oxi-pause-pi {
	background-image: url('../img/VascaPausa.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}
.icon-oxi-alarm,
.icon-oxi-alarm-pi {
	background-image: url('../img/VascaAllarmeOxi.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}
.icon-oxi-alarm-na {
	background-image: url('../img/VascaAllarme.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 100px;
	height: 160px;
}

.icona-statooxi-oxi-loading,
.icona-statooxi-oxi-not-active {
	background-image: url('../img/Erogatore.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 120px;
	height: 180px;
}
.icona-statooxi-oxi-filling,
.icona-statooxi-oxi-active, 
.icona-statooxi-oxi-active-pi{
	content: url('../img/ErogatoreAttivo.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 120px;
	height: 180px;
}

.icona-statooxi-oxi-pause, 
.icona-statooxi-oxi-pause-pi{
	background-image: url('../img/ErogatorePausa.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 120px;
	height: 180px;
}
.icona-statooxi-oxi-alarm, 
.icona-statooxi-oxi-alarm-pi,
.icona-statooxi-oxi-alarm-na {
	background-image: url('../img/ErogatoreAllarme.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 16px;
	background-position: top center;
	width: 120px;
	height: 180px;
}

.icona-start-oxi-attivo {
	background-image: url('../img/Start4V.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}
.icona-start-oxi-disattivo {
	background-image: url('../img/GrayedOut64.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}

.icona-stop-oxi-attivo {
	background-image: url('../img/Stop4V.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}
.icona-stop-oxi-disattivo {
	background-image: url('../img/GrayedOut64.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}

.icona-pausa-oxi-attivo {
	background-image: url('../img/Pausa64.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}
.icona-pausa-oxi-disattivo {
	background-image: url('../img/GrayedOut64.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}

.icona-riempi-oxi-attivo {
	background-image: url('../img/PompaOn64.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}
.icona-riempi-oxi-disattivo {
	background-image: url('../img/PompaOnGrayedOut64.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}

.icona-svuota-oxi-attivo {
	background-image: url('../img/PompaOff64.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}
.icona-svuota-oxi-disattivo {
	background-image: url('../img/PompaOffGrayedOut64.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}

.icona-impostazioni-oxi-attivo {
	background-image: url('../img/SettingsN.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}
.icona-impostazioni-oxi-disattivo {
	background-image: url('../img/SettingsNGrayedOut.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 64px;
	height: 64px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: middle;
}


.statooxi {
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    padding-left: 8px;
}


.allarmeoxi {
    height: 30px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 20px;
    color: #FFF;
    background-color: #FF0000;
    padding-left: 8px;
	text-transform:uppercase
}


#chart {
    text-align: center;
    padding: 24px;
    height:500px;
}


input.datepicker[readonly] {
    cursor: pointer;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

@media (max-width: 767px) {
	.thumbnails>li {
		float: left;
		width:30%;
		margin-right: 12px;
		padding:8px;
	}
	
	h3.title {
	    font-size: 16px;
        line-height: 20px;
	}
	
	h3.vasca {
	    font-size: 18px;
	}
	
	/* Fix for modals on android an iOS */
    .modal {
        position: fixed;
        top: 3%;
        right: 3%;
        left: 3%;
        bottom: 3%;
        width: auto;
        margin: 0;
    }
    .modal-body {
        max-height: 350px;
        padding: 15px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
     }
}





.combo {
display: block;
margin-bottom: 1.5em;
max-width: 400px;
position: relative;
}

.combo::after {
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
content: '';
display: block;
height: 12px;
pointer-events: none;
position: absolute;
right: 16px;
top: 50%;
transform: translate(0, -65%) rotate(45deg);
  width: 12px;
}

.combo-input {
  /* 
  background-color: #f5f5f5;
  font-size: 1em;
  min-height: calc(1.4em + 26px);
  padding: 12px 16px 14px;
  */
  background-color: #fff;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: left;
  width: 100%;
}

.open .combo-input {
  border-radius: 4px 4px 0 0;
}

.combo-input:focus {
  /*
  border-color: #e60023;
  box-shadow: 0 0 4px 2px #e60023;
  outline: 5px solid transparent;
  */
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.combo-label {
  display: block;
  font-size: 20px;
  font-weight: 100;
  margin-bottom: 0.25em;
}

.combo-menu {
  background-color: #f5f5f5;
  color: #555;
  border: 1px solid rgba(0, 0, 0, 0.42);
  border-radius: 0 0 4px 4px;
  display: none;
  max-height: 300px;
  font-size: 14px;
  overflow-y: scroll;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100;
}

.open .combo-menu {
  display: block;
}

.combo-option {
  padding: 10px 12px 12px;
}

.combo-option.option-current,
.combo-option:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.combo-option.option-selected {
  padding-right: 30px;
  position: relative;
}

.combo-option.option-selected::after {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  content: '';
  height: 16px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
  width: 8px;
}

.selected-options {
  list-style-type: none;
  margin: 0;
  max-width: 400px;
  padding: 0;
}

.selected-options li {
  display: inline-block;
  margin-bottom: 5px;
}

.remove-option {
  background-color: #ff3d3d;
  border: 1px solid #ff3d3d;
  border-radius: 3px;
  color: #fff;
  font-size: 0.75em;
  font-weight: bold;
  margin-bottom: 6px;
  margin-right: 6px;
  padding: 0.25em 1.75em 0.25em 0.25em;
  position: relative;
}

.remove-option:focus {
  border-color: #baa1dd;
  box-shadow: 0 0 3px 1px #ff3d3d;
  outline: 3px solid transparent;
}

.remove-option::before,
.remove-option::after {
  border-right: 2px solid #fff;
  content: "";
  height: 1em;
  right: 0.75em;
  position: absolute;
  top: 50%;
  width: 0;
}

.remove-option::before {
  transform: translate(0, -50%) rotate(45deg);
}

.remove-option::after {
  transform: translate(0, -50%) rotate(-45deg);
}