@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
/*
 *
 *   2E METER
 *   Easy Integra
 *
*/

.ibox-content-testata {
  background-color: #ECEDED;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0px;
}

.testata_1 {
  width: 925px;
  height: 30px;
}

.testata_2 {
  width: 925px;
  height: 50px;
  padding-top: 5px;
}

.ibox-content-sinottico {
  background-image: url(../img/easy_integra/background_sinottico.png);
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0px;
}

@media (max-width: 600px) {
  .ibox-content-sinottico {
	display: none;
  }
}

.btn-cc1 {
  color: #fff;
  background-color: #f49e00;
  border-color: #f49e00;
}

  .btn-cc1:focus,
  .btn-cc1.focus {
	color: #fff;
	background-color: #f49e00;
	border-color: #f49e00;
  }
  .btn-cc1:hover {
	color: #fff;
	background-color: #3e3d40;
	border-color: #f49e00;
  }
  .btn-cc1:active,
  .btn-cc1.active,
  .open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #3e3d40;
	border-color: #f49e00;
  }

.btn-cc2 {
  color: #fff;
  background-color: #ea6927;
  border-color: #ea6927;
}

  .btn-cc2:focus,
  .btn-cc2.focus {
	color: #fff;
	background-color: #ea6927;
	border-color: #ea6927;
  }
  .btn-cc2:hover {
	color: #fff;
	background-color: #3e3d40;
	border-color: #ea6927;
  }
  .btn-cc2:active,
  .btn-cc2.active,
  .open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #ea6927;
	border-color: #ea6927;
  }

.btn-cc3 {
  color: #fff;
  background-color: #e6433b;
  border-color: #e6433b;
}

  .btn-cc3:focus,
  .btn-cc3.focus {
	color: #fff;
	background-color: #e6433b;
	border-color: #e6433b;
  }
  .btn-cc3:hover {
	color: #fff;
	background-color: #3e3d40;
	border-color: #e6433b;
  }
  .btn-cc3:active,
  .btn-cc3.active,
  .open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #e6433b;
	border-color: #e6433b;
  }

.btn-cc4 {
  color: #fff;
  background-color: #d40031;
  border-color: #d40031;
}

  .btn-cc4:focus,
  .btn-cc4.focus {
	color: #fff;
	background-color: #d40031;
	border-color: #d40031;
  }
  .btn-cc4:hover {
	color: #fff;
	background-color: #3e3d40;
	border-color: #d40031;
  }
  .btn-cc4:active,
  .btn-cc4.active,
  .open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #d40031;
	border-color: #d40031;
  }

.btn-cc5 {
  color: #fff;
  background-color: #bd0947;
  border-color: #bd0947;
}

  .btn-cc5:focus,
  .btn-cc5.focus {
	color: #fff;
	background-color: #bd0947;
	border-color: #bd0947;
  }
  .btn-cc5:hover {
	color: #fff;
	background-color: #3e3d40;
	border-color: #bd0947;
  }
  .btn-cc5:active,
  .btn-cc5.active,
  .open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #bd0947;
	border-color: #bd0947;
  }

/*
 *   SINOTTICO
*/

.diretta_caldo-freddo_con_miscelazione {
  width: 960px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  background-image: url(../img/easy_integra/background_diretta_caldo-freddo_con_miscelazione.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.diretta_caldo-freddo_senza_miscelazione {
  width: 960px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  background-image: url(../img/easy_integra/background_diretta_caldo-freddo_senza_miscelazione.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.diretta_caldo_con_miscelazione {
  width: 960px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  background-image: url(../img/easy_integra/background_diretta_caldo_con_miscelazione.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.diretta_caldo_senza_miscelazione {
  width: 960px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  background-image: url(../img/easy_integra/background_diretta_caldo_senza_miscelazione.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.indiretta_acs_con_miscelazione {
  width: 960px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  background-image: url(../img/easy_integra/background_indiretta_acs_con_miscelazione.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.indiretta_acs_senza_miscelazione {
  width: 960px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  background-image: url(../img/easy_integra/background_indiretta_acs_senza_miscelazione.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/*
 *   POP-UP
*/

.dati_utenze_1 {
	width: 965px;
}

.dati_utenze_2 {
	width: 407px;
	height: 317px;
	top: 175px;
	left: 35px;
	padding-left: 5px;
	padding-top: 5px;
	position: absolute;
	background-color: #eceded;
	border: 1px dotted;
}

.dati_utenze_3 {
	width: 407px;
	height: 298px;
	top: 175px;
	left: 35px;
	padding-left: 5px;
	padding-top: 5px;
	position: absolute;
	background-color: #eceded;
	border: 1px dotted;
}

.dati_utenze_4 {
	width: 407px;
	height: 298px;
	top: 175px;
	left: 35px;
	padding-left: 5px;
	padding-top: 5px;
	position: absolute;
	background-color: #eceded;
	border: 1px dotted;
}

.dati_utenze_5 {
	width: 407px;
	height: 241px;
	top: 175px;
	left: 35px;
	padding-left: 5px;
	padding-top: 5px;
	position: absolute;
	background-color: #eceded;
	border: 1px dotted;
}

.dati_utenze_6 {
	width: 407px;
	height: 241px;
	top: 175px;
	left: 35px;
	padding-left: 5px;
	padding-top: 5px;
	position: absolute;
	background-color: #eceded;
	border: 1px dotted;
}
.back-grigio {
	background-color: #e3e3e3;
}