@charset "utf-8";
/* CSS Document */

/* Dashboard page */
.dashboard .content-header {
	display: none;
}

.dashboard .content {
	padding-top: 5px;
	padding-bottom: 0px;
}

.dashboard .col-lg-1, .dashboard .col-lg-10, .dashboard .col-lg-11, .dashboard .col-lg-12, .dashboard .col-lg-2, .dashboard .col-lg-3, .dashboard .col-lg-4, .dashboard .col-lg-5, .dashboard .col-lg-6, .dashboard .col-lg-7, .dashboard .col-lg-8, .dashboard .col-lg-9, .dashboard .col-md-1, .dashboard .col-md-10, .dashboard .col-md-11, .dashboard .col-md-12, .dashboard .col-md-2, .dashboard .col-md-3, .dashboard .col-md-4, .dashboard .col-md-5, .dashboard .col-md-6, .dashboard .col-md-7, .dashboard .col-md-8, .dashboard .col-md-9, .dashboard .col-sm-1, .dashboard .col-sm-10, .dashboard .col-sm-11, .dashboard .col-sm-12, .dashboard .col-sm-2, .dashboard .col-sm-3, .dashboard .col-sm-4, .dashboard .col-sm-5, .dashboard .col-sm-6, .dashboard .col-sm-7, .dashboard .col-sm-8, .dashboard .col-sm-9, .dashboard .col-xs-1, .dashboard .col-xs-10, .dashboard .col-xs-11, .dashboard .col-xs-12, .dashboard .col-xs-2, .dashboard .col-xs-3, .dashboard .col-xs-4, .dashboard .col-xs-5, .dashboard .col-xs-6, .dashboard .col-xs-7, .dashboard .col-xs-8, .dashboard .col-xs-9 {
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

.dashboard .row {
    margin-left: -10px;
    margin-right: -10px;
}
.dashboard .box.box-solid .box-body {
	padding: 10px 10px 0px;
}

.dashboard [id*="statoOnsensore"]:hover,
.dashboard [id*="statoOffsensore"]:hover {
	cursor: default;
	background: transparent !important;
}

.dashboard #TemperaturaContainer {
    background-color: #000000;
}

.dashboard #TemperaturaContainer div {
    background-color: #000000;
    display: block;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px
}

.dashboard .box {
	margin-bottom: 10px;
}

.dashboard .box.box-solid .box-body .fa {
	font-size: medium;
}
.dashboard .box.box-solid .box-body p {
	padding-left: 10px;
	margin-bottom: 5px;
}

.dashboard [id*="boxsensore"] .box-body.alarm {
	background-color: rgba(255,0,4,0.85) !important;
}

/* new style */
/* -- BOX sensore -- */
.dashboard .box.box-solid .box-body {
	padding: 0px;
}
.dashboard [id*="boxsensore"] .info-box .info-box-image {
    display: block;
    float: left;
    height: 80px;
    width: 90px;
    text-align: center;
    line-height: 80px;
    background: rgba(0,0,0,0.2);
}
.dashboard [id*="boxsensore"] .info-box .info-box-image img {
	margin: 0 auto;
	max-height: 80px;
}
.dashboard [id*="boxsensore"] .info-box .info-box-content {
	padding: 0px;
}
.dashboard [id*="boxsensore"] .info-box {
	border-radius: 0px;
	min-height: 80px !important;
	margin-bottom: 5px;
}
.dashboard [id*="boxsensore"] .box-header > .box-tools {
	right: 5px !important;
}
.dashboard [id*="boxsensore"] .box-tools .info-box-status-alarm img {
	max-height: 30px;	
}

.dashboard [id*="boxsensore"] .info-box-content .info-box-status img {
	max-height: 80px;
	float: right;
	padding-right: 10px;	
}
/* -- BOX sensore END -- */

/* Sensore Page */

/* -- BOX sensore -- */
.sensoredetail #TemperaturaContainer {
    background-color: #000000;
}

.sensoredetail #TemperaturaContainer div {
    background-color: #000000;
    display: block;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px
}

.sensoredetail .box {
	margin-bottom: 10px;
}

.sensoredetail .box.box-solid .box-body .fa {
	font-size: medium;
}
.sensoredetail .box.box-solid .box-body p {
	padding-left: 10px;
	margin-bottom: 5px;
}

.sensoredetail .box.box-solid .box-body {
	padding: 0px;
}
.sensoredetail [id*="boxsensore"] .info-box .info-box-image {
    display: block;
    float: left;
    height: 80px;
    width: 90px;
    text-align: center;
    line-height: 80px;
    background: rgba(0,0,0,0.2);
}
.sensoredetail [id*="boxsensore"] .info-box .info-box-image img {
	margin: 0 auto;
	max-height: 80px;
}
.sensoredetail [id*="boxsensore"] .info-box .info-box-content {
	padding: 0px;
}
.sensoredetail [id*="boxsensore"] .info-box {
	border-radius: 0px;
	min-height: 80px !important;
	margin-bottom: 5px;
}
.sensoredetail [id*="boxsensore"] .box-body.alarm {
	background-color: rgba(255,0,4,0.85) !important;
}
.sensoredetail [id*="boxsensore"] .box-tools .info-box-status-alarm img {
	max-height: 30px;	
}
.sensoredetail [id*="boxsensore"] .info-box-content .info-box-status img {
	max-height: 80px;
	float: right;
	padding-right: 10px;	
}
.sensoredetail [id*="boxsensore"] .box-header > .box-tools {
	right: 5px !important;
}
.sensoredetail [id*="boxsensore"] .box-tools .info-box-status-alarm img {
	max-height: 30px;	
}

.sensoredetail [id*="boxsensore"] .info-box-content .info-box-status img {
	max-height: 80px;
	float: right;
	padding-right: 10px;	
}
/* -- BOX sensore END -- */

/* -- BOX sensore per taratura -- */
.sensoredetail #TaraturaModal #TaraTemperaturaBox .row.no-padding.no-margin {
    background-color: #000000;
}
.sensoredetail #TaraturaModal #TaraTemperaturaBox {
	max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
.sensoredetail #TaraTemperaturaContainer {
    background-color: #000000;
}

.sensoredetail #TaraTemperaturaContainer div {
    background-color: #000000;
    display: block;
    height: 95px;
    max-width: 280px
}
/* -- BOX sensore per taratura END -- */

.sensoredetail .tab-content .tab-pane {
	position: relative;
	height: 100%;
	min-height: 530px;
}
.sensoredetail #interactive {
	min-height: 450px;
}
.sensoredetail #impostazioni {
    padding: 15px;
}
.sensoredetail table#filterdataeventi input#eventidal,
.sensoredetail table#filterdataeventi input#evential,
.sensoredetail table#filterdataletture input#letturedal,
.sensoredetail table#filterdataletture input#lettureal {
	text-align: center !important;
	width: 100px !important;
}
.sensoredetail table#filterdataeventi #eventifilterbotton,
.sensoredetail table#filterdataletture #letturefilterbotton {
	position: relative;
	padding: 3px 10px;
	bottom: 2px;
}
.sensoredetail table#filterdataeventi td,
.sensoredetail table#filterdataletture td {
	text-align: center;
}
.sensoredetail #eventiDataTable_length.dataTables_length,
.sensoredetail #lettureDataTable_length.dataTables_length {
    float: right;
    padding-top: 9px;
}
.sensoredetail #eventiDataTable_paginate,
.sensoredetail #lettureDataTable_paginate {
	float: left;
}
.sensoredetail table#eventiDataTable td,
.sensoredetail table#lettureDataTable td {
	padding: 1px;
}
.sensoredetail #lettureDataTable_wrapper .dt-buttons:before,
.sensoredetail #eventiDataTable_wrapper .dt-buttons:before {
	content: "Esporta: ";
}
.sensoredetail #lettureDataTable_wrapper .dt-buttons,
.sensoredetail #eventiDataTable_wrapper .dt-buttons {
	float: none;
	width: auto;
	text-align: center;
	padding-top: 7px;
}

/* pagina log */
.log table#filterdatalog input#logdal,
.log table#filterdatalog input#logal {
	text-align: center !important;
	width: 100px !important;
}
.log table#filterdatalog #logfilterbotton {
	position: relative;
	padding: 3px 10px;
	bottom: 2px;
}
.log table#filterdatalog td {
	text-align: center;
}
.log #logDataTable_length.dataTables_length {
    float: right;
    padding-top: 9px;
}
.log #logDataTable_paginate {
	float: left;
}
.log table#logDataTable td {
	padding: 1px;
}
.log #logDataTable_wrapper .dt-buttons:before {
	content: "Esporta: ";
}
.log #logDataTable_wrapper .dt-buttons {
	float: none;
	width: auto;
	text-align: center;
	padding-top: 7px;
}

/* pagina report */
.report table#filterdatareport input#reportdal,
.report table#filterdatareport input#reportal {
	text-align: center !important;
	width: 100px !important;
}
.report table#filterdatareport #reportfilterbotton {
	position: relative;
	padding: 3px 10px;
	bottom: 2px;
}
.report table#filterdatareport td {
	text-align: center;
}
.report #reportframe {
	border: 0px;
}
.report span#reportmsg {
	display: block;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

/* pagina report refill */
.reprefill table#filterdataeventi input#eventidal,
.reprefill table#filterdataeventi input#evential {
	text-align: center !important;
	width: 100px !important;
}
.reprefill table#filterdataeventi #eventifilterbotton {
	position: relative;
	padding: 3px 10px;
	bottom: 2px;
}
.reprefill table#filterdataeventi td {
	text-align: center;
}
.reprefill #eventiDataTable_length.dataTables_length,
.reprefill #lettureDataTable_length.dataTables_length {
    float: right;
    padding-top: 9px;
}
.reprefill #eventiDataTable_paginate,
.reprefill #lettureDataTable_paginate {
	float: left;
}
.reprefill table#eventiDataTable td,
.reprefill table#lettureDataTable td {
	padding: 1px;
}
.reprefill #eventiDataTable_wrapper .dt-buttons:before {
	content: "Esporta: ";
}
.reprefill #eventiDataTable_wrapper .dt-buttons {
	float: none;
	width: auto;
	text-align: center;
	padding-top: 7px;
}

/* pagina operatore */
#elencosensori .box-body {
	max-height: 400px;
	overflow-y: auto;
}

/* pagina alarm check */
.alarmcheck .modal-dialog {
    width: 95%;
    margin: 30px auto;
}
.alarmcheck .modal-dialog .modal-body {
	/*background: url("../img/alarm-active.gif") no-repeat center center fixed;*/
}
.alarmcheck .modal-dialog .modal-body::after {
  content: "";
  background: url("../img/alarm-active.gif") no-repeat center center fixed;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: auto;   
}
.alarmcheck .main-header > .navbar,
.alarmcheck .content-wrapper,
.alarmcheck .main-footer {
	background-color: #f39c12;
	color: #f6f6f6;
	margin-left: 0px;	
}

/* Pagine di configurazione */
form.ewListForm .ewTableHeaderCaption {
    white-space: normal !important;
}
.sensori .form-group.sensori_IDStazione select.form-control,
.sensori .form-group.sensori_Abilitato select.form-control,
.sensori .form-group.sensori_FlagRefill select.form-control {
	max-width: 80px;	
}
.sensori .form-group.sensori_TipoSensore select.form-control {
	max-width: 150px;	
}
.sensori .form-group.sensori_StatoAllarme select.form-control {
	max-width: 100px;	
}

/* Fix datatables */
/* plugins/datatables/DataTables-1.10.16/datatables.min.css */
table.dataTable {
  width: 100% !important;
}

/*Firefox and fieldsets

Firefox has some awkward fieldset styling involving width that interferes with the responsive table. This cannot be overridden without a Firefox-specific hack that we don't provide in Bootstrap.*/
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

@media (min-width: 300px) {
}	
@media (min-width: 992px) {
}	
@media (min-width: 1200px) {
.alarmcheck .login-box {
	width: 720px;	
}
.alarmcheck .login-logo {
	font-size: 60px;
}
.alarmcheck .login-box-msg,
.alarmcheck #bkg-msg {
	font-size: 24px;
}
}
@media (min-width: 1900px) {
.alarmcheck .login-box {
	width: 720px;	
}
.alarmcheck .login-logo {
	font-size: 72px;
}
.alarmcheck .login-box-msg,
.alarmcheck #bkg-msg {
	font-size: 36px;
}