/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6-nov-2014, 17.34.03
    Author     : ale
*/
.fleft {
  float: left; }

.fright {
  float: right; }

.clear {
  clear: both; }

.hidden {
  display: none; }

/* RESET
 * -------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a, a:hover {
  text-decoration: none;
  color: inherit;
  //color: expression(this.parentNode.currentStyle['color']); }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10-nov-2014, 19.16.08
    Author     : ale
*/
.header {
  border: 23px; }

#menu {
  text-align: center;
  border-bottom: 1px solid #acacac;
  margin-bottom: 25px;
  margin-top: 10px; }
  #menu ul {
    display: inline-block;
    padding: 0px; }
    #menu ul li {
      color: #0379bf;
      text-transform: uppercase;
      text-align: center;
      float: left;
      margin: 5px;
      cursor: pointer;
      position: relative;
      font-size: 20px;
      padding: 0 20px; }
      #menu ul li:hover {
        color: red; }
      #menu ul li.active {
        border-bottom: 1px solid #097BC0; }
      #menu ul li.submenu {
        opacity: 1;
        z-index: 3; }
        #menu ul li.submenu ul {
          position: absolute;
          z-index: 2;
          background: rgba(221, 221, 221, 0.34);
          left: 0;
          top: 30px;
          padding: 0px;
          max-height: 0px;
          overflow: hidden;
          border-radius: 5px; }
        #menu ul li.submenu:hover ul {
          max-height: 300px; }
        #menu ul li.submenu li:hover {
          opacity: 1px; }

.logo {
  margin: auto;
  width: 250px;
  display: block;
  margin-top: 15px; }

.submenu ul {
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: max-height;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: ease;
  /* Standard syntax */
  transition-property: max-height;
  transition-duration: 1s;
  transition-timing-function: ease; }

html {
  min-width: 1366px; }

body {
  background: #EDEDED;
  font-family: "arial";
  min-width: 1366px; }

.container {
  background: white;
  width: 100% !important; }

h2 {
  text-align: center;
  padding: 15px;
  color: #0379bf;
  font-size: 18px;
  text-transform: capitalize; }

/* luca - 20161107 - colore riga container */
/* luca - 20161107 - rimossi bordi */
.client-container, .impianti-container {
  /*border-bottom: 1px solid #666;*/
  cursor: pointer;
  /*background-color: #8dbdd8;*/ 
  background-color: #eee;
}
  .client-container ul, .impianti-container ul {
    padding: 10px;
    text-align: center; }
    .client-container ul li, .impianti-container ul li {
      text-align: center;
      display: inline-block; }
  .client-container:nth-child(odd), .impianti-container:nth-child(odd) {
    background: white; }
  .client-container::nth-child(even), .impianti-container::nth-child(even) {
    background: #ececec; }

.circle-notification {
  color: black;
  position: absolute;
  right: 3px;
  top: -9px;
  border-radius: 50px;
  border: 1px solid #acacac;
  font-size: 17px;
  width: 27px; }
  .circle-notification.yellow {
    background: #ffe800; }
  .circle-notification.red {
    background: #f02424; }

#submit-filters {
  position: relative;
  margin-bottom: 25px;
  background: #097BC0;
  color: white; }

.filter-container {
  background: #CEEDFF;
  padding-top: 30px;
  margin-bottom: 20px; }

#filter {
  max-width: 1000px;
  margin: auto; }
  #filter p {
    position: relative;
    font-size: 12px;
    top: 10px;
    color: #097BC0;
    text-transform: uppercase;
    font-weight: 300; }

.tablesorter .header {
  background: #097BC0;
  color: white;
  padding: 5px; }
.tablesorter td {
  text-align: center; }
  .tablesorter td span {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-top: 5px; }
.tablesorter tr:nth-child(odd) td {
  background-color: #E4E4E4; }

.taglio {
  cursor: pointer;
  position: relative; }
  .taglio .taglio-risultati {
    position: absolute;
    width: 100%;
    background: white;
    top: 0;
    left: 0; }

.tablesorter .incorso td {
  color: red; }

.gestione_parcometri .parcometro {
  display: inline-block;
  border: 1px solid #0379bf;
  padding: 10px;
  border-radius: 15px;
  margin: 0 15px; }
  .gestione_parcometri .parcometro .btn {
    margin: auto;
    margin-top: 10px;
    display: block; }
  .gestione_parcometri .parcometro img {
    margin: auto;
    display: block; }
  .gestione_parcometri .parcometro .infos {
    margin: 10px 0; }
  .gestione_parcometri .parcometro .delete {
    border: none;
    padding: 5px;
    float: right;
    background: #cd5757; }
  .gestione_parcometri .parcometro .empty {
    float: left;
    border: none;
    padding: 5px;
    background: #8dbdd8; }
.gestione_parcometri li {
  text-align: center;
  padding: 15px;
  color: #0379bf;
  text-transform: uppercase; }

/* luca - 20161107 - diminusco dimensioni del testo nel div specifico */
.impianto-container {
  border: 1px solid #0379bf;
  padding: 10px;
  border-radius: 10px; 
  font-size: 0.9em;
  }
  .impianto-container input[type="text"], .impianto-container input[type="password"], .impianto-container input[type="email"]  {
    text-align: left !important;
  }

.drag {
  min-height: 150px;
  padding-top: 10px;
  background-color: #dfdfdf; }

.ui-state-highlight {
  background: yellow;
  height: 1.5em;
  line-height: 1.2em; }

.progress {
  margin-bottom: 0px; }

.progress-bar.green {
  background: #19a919; }
.progress-bar.yellow {
  background: #e5c800;
  color: dimgrey; }
.progress-bar.red {
  background: #d51919;
  color: white; }

.adduser label, .adduser input, .adduser select {
  display: block;
  text-align: center;
  margin: auto; }
.adduser .btn {
  margin-top: 15px;
  width: 100%; }
.adduser label {
  font-weight: 600;
  padding-top: 10px; }
.adduser .inline {
  display: inline-block;
  text-align: center;
  width: 100%; }
  .adduser .inline label, .adduser .inline input {
    display: inline-block; }
  .adduser .inline label {
    padding: 10px;
    padding-right: 0; }

/* Tab Navigation */
.nav-tabs {
  margin: 0;
  padding: 0;
  border: 0; }

.nav-tabs > li > a {
  background: #DADADA;
  border-radius: 0;
  box-shadow: inset 0 -8px 7px -9px rgba(0, 0, 0, 0.4), -2px -2px 5px -2px rgba(0, 0, 0, 0.4); }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  background: #F5F5F5;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.4), -2px -3px 5px -2px rgba(0, 0, 0, 0.4); }

/* Tab Content */
.tab-pane {
  background: #F5F5F5;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  text-align: center;
  padding: 10px; }

.wrapper.style1 {
  max-width: 800px;
  margin: auto;
  margin-top: 50px;
  padding: 25px; }
  .wrapper.style1 .form_input {
    padding: 10px; }
  .wrapper.style1 #subLogin {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 12px;
    margin-top: 10px; }
  .wrapper.style1 .result {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: red; }

.logo {
  width: 500px;
  display: block;
  margin-top: 20px;
  margin-bottom: 25px; }

.logo-min {
  width: 200px;
  float: left; }

.user-info {
  display: block;
  float: right; }
  .user-info p {
    display: inline-block;
    color: #0379bf;
    font-weight: 600;
    font-size: 20px; }

/* luca - 20160911 - riduco il padding da 15px a 5px */
.no_report {
  text-align: center;
  /*padding: 15px;*/
  padding: 5px;
  margin-bottom: 5px;
  background-color: #ededed; }

.my-btn {
  padding: 10px;
  width: 350px; }

.date-filter {
  min-width: 160px;
  margin-bottom: 20px;
  background: #097BC0;
  color: #CEEDFF; }

.export-btn {
  float: right;
  position: relative;
  top: 9px;
  border: none;
  padding: 10px;
  background: #097BC0;
  color: white;
  border-radius: 5px 5px 0 0;
  text-transform: uppercase;
  font-size: 13px; }

.checkboxToggle {
  margin: 10px auto;
  display: block;
  border: none;
  padding: 5px 20px;
  border-radius: 5px; }

.applyFiltersParcometri {
  background: #097BC0;
  color: white;
  margin: 10px auto;
  display: block;
  border: none;
  padding: 5px 20px;
  border-radius: 5px; }

/*# sourceMappingURL=main.css.map */

/* luca - 20160905 - classe delle celle riepilogo totali in home.php */
.td-cells-totali {
  font-size: 1.0em;
  font-weight: 900;
}

/* luca - 20160905 - classe delle celle per un parcometro che non comunica da oltre 24h */
.tablesorter .td-timeout-transx td {
  background-color: #FFC1C1 !important;
} 

/* luca - 20160921 - tree */
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}