/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * 
 * Custom parameters css theme */
 

body {
    background: #fff;
    color: #2d2c5a;
    font-family: arial,helvetica;
    line-height: 35px;
    margin: 0;
    padding: 0;
    }


strong{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85em;

}


.table > tbody > tr.disabled {
  background-color: #333333;
  text-decoration:  line-through !important; 
  color: #A7A7A7;
}

a.hlink:hover,
a.hlink:focus {
  color: #23527c;
  text-decoration: none;
}
.label-info {

background-color: #00B6C4;
}

.navbar-inverse .navbar-nav > li > a {
    color: #000000;
}

.navbar-text-white {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}

.navbar-text-white-title {
    font: 30px "PT Sans",sans-serif;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 15px;

}

.navbar-inverse {
  background-color: #A3BFC2;
  border-color: #ffffff;
  background-image: -webkit-linear-gradient(top, #A3BFC2 0%, #BFCED1 100%);
  background-image: -o-linear-gradient(top, #A3BFC2 0%, #BFCED1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#A3BFC2), to(#BFCED1));
  background-image: linear-gradient(to bottom, #A3BFC2 0%, #BFCED1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffA3BFC2', endColorstr='#ffBFCED1', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
}

.navbar-header {
  margin-left:15px !important;
}


.footer-text-white {
    color: #ccc;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
}
.footer-text-grey {
    color: #888;
    font-size: 100%;

}


 

.modal-like {
    margin: 100px auto; 
    max-width: 40%;
    background-color: #fff; 
    opacity: 1.0; 
    border-radius: 8px;
    border: 0px;
    padding: 25px;
    z-index: 1040;
} 

.block {
    margin-top: 120px;
    
} 

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  color: #555555;
}

.navbar-title {

    font: 2.5em "PT Sans",sans-serif ;
    margin: 1.5em;
    
} 


/* For mobile phones: */
/* Portrait and Landscape */
/* Portrait */


/* per dispositivi con largezza inferiore a 980 px Elephone P9000 */

body {

      font-size: 4px;

}

.logo-big {
  
    width: 30%;
    
  }

.header {
    width: 320px;
    margin: auto;
    text-align: center;
} 


.nav-l-img  {
      width: 50px;
      
    }

.nav-r-img  {
      width: 80px;
      margin-top: 20px;
      
    }



.content-login {
      margin: auto;
      min-height: 650px;
      max-width: 800px;
      width: 100%;
      /*border: 1px solid black;  */    
}

.loginForm {
     width:90%; 
     padding:3%;
     margin: 0 auto; 
     border-radius: 6px;
     background-color: #A3BFC2; 
     opacity: 1.0; 
     filter: alpha(opacity=80);
     font: 1em "PT Sans",sans-serif ;
}

.textfield {
     width:100%; 
     font: 1em "PT Sans",sans-serif ;
}

 .login-table {
      width: 90%;
      margin : 0;

    }

h3{
 
  font-size: 4em;
  margin:auto;
 
  }


  .info {
    margin: 30px auto;
    width: 320px;
}


.smart_btn {
      min-width: 80px;
      max-width:160px;
      margin: 3px;
      border:1px solid #12374A;-webkit-box-shadow: #878787 0px 2px 2px ;-moz-box-shadow: #878787 0px 2px 2px ; box-shadow: #878787 0px 2px 2px ; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 10px 20px 10px 20px; text-align:center; text-decoration:none; display:inline-block;text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
      background-color: #061319; background-image: -webkit-gradient(linear, left top, left bottom, from(#061319), to(#646566));
      background-image: -webkit-linear-gradient(top, #061319, #646566);
      background-image: -moz-linear-gradient(top, #061319, #646566);
      background-image: -ms-linear-gradient(top, #061319, #646566);
      background-image: -o-linear-gradient(top, #061319, #646566);
      background-image: linear-gradient(to bottom, #061319, #646566);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#061319, endColorstr=#646566);
}

.textfield {

      font-size: 17px;
      min-width: 100px;
      max-width: 150px;


  }

.htss_logo {
  
    width: 90%;
    
  }

  .footer-text {
  
    font-size: 8px;
    font-family: PT Sans,sans-serif;
    line-height: 10px;
    padding-right: 15px; 
    vertical-align: text-top;  
  }

  .footer-table {
      margin:auto; 
      width:85%; 
  } 

  
@media only screen and (min-width: 981px) {


    /* For desktop: */
    body {

        font-size: 17px;

    }

    .logo-big {
    
      width: 50%;
      
    }

    .header {
    
      width: 600px;
      
    }


    .nav-l-img  {
    
        width: 100px;
    
    }

    .nav-r-img  {
    
        width: 400px;
        margin-top: 5px;
        
    }    

    .content-login {
    
        background-position: left top;
        background-repeat: no-repeat;
        max-width: 1600px;
    }

    
    .loginForm {
    
       width:25%; 
       
    }

    
    .login-table {
    
        width: 96%;

    }

    h3 {
   
      font-size: 1.2em;
      width:50%;
     
   
    }

    .info {
    
      width: 50%;
    
    }


@media only screen and (max-height: 768px) {


    /* For tablet landscae: */
   .nav-r-img  {
    
        width: 200px;
        margin-top: 5px;
        
    }   

}






legend {
    
    color: #fff;
    }

div.dataTables_wrapper label {
    margin-left: 20px;
}

fieldset {
  min-width: 0;
  padding: 10px;
  margin: 0;
  border: 0;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color:rgba(59, 55, 100,0.3) !important;

}

// Typography
  th.dt-left,
  td.dt-left {
    text-align: left;
  }

  th.dt-center,
  td.dt-center,
  td.dataTables_empty {
    text-align: center;
  }

  th.dt-right,
  td.dt-right {
    text-align: right;
  }

  th.dt-justify,
  td.dt-justify {
    text-align: justify;
  }

  th.dt-nowrap,
  td.dt-nowrap {
    white-space: nowrap;
  }

  thead {
    th.dt-head-left,
    td.dt-head-left {
      text-align: left;
    }

    th.dt-head-center,
    td.dt-head-center{
      text-align: center;
    }

    th.dt-head-right,
    td.dt-head-right {
      text-align: right;
    }

    th.dt-head-justify,
    td.dt-head-justify {
      text-align: justify;
    }

    th.dt-head-nowrap,
    td.dt-head-nowrap {
      white-space: nowrap;
    }
  

  tbody {
    th.dt-body-left,
    td.dt-body-left {
      text-align: left;
    }

    th.dt-body-center,
    td.dt-body-center {
      text-align: center;
    }

    th.dt-body-right,
    td.dt-body-right {
      text-align: right;
    }

    th.dt-body-justify,
    td.dt-body-justify {
      text-align: justify;
    }

    th.dt-body-nowrap,
    td.dt-body-nowrap {
      white-space: nowrap;
    }
  }
}

.eventigiornata {
border: 3px solid #cccccc;
padding: 6px;
}
.giornata {
color: #ffffff;
background-color:  #cccccc;
padding-left: 6px;
}

.testonero{
color: #000000;
}


.eventiedificio {
background-color:  #eeeeee;
padding: 10px,5px,5px,10px;
border: 3px solid #cccccc;
}



.giorno {
  text-align: center; 
  font: 1.5em "PT Sans",sans-serif ;
  color: #000000; 
  background-color:  #ffffff;
  border-radius: 6px;
  margin: 6px;
}


@media (max-width: 600px) {

  input {
    max-width: 20%;
  }
  .jumbotron {
    padding: 10px 5px;
    margin: 0;
  }
  .navbar-text-white-title {
    font: 20px "PT Sans",sans-serif;
  }
  .modal-like {
    max-width: 70%;
    max-height: 40%;
    padding: 5px;
    margin: auto;
  } 
   .content-login {
    min-height: 300px;
    margin: 5px auto;
 
  
  } 
    
}

.popover{
        max-width:600px;
    }

.table {
    height: auto;
}
.filtri {
    padding: 0.5% 0%;
    display:none;
    text-align: left;

}
.navbar-brand {
    padding: 9px;
}

.redirect-login {
    font: 1.3em "PT Sans",sans-serif;
    color:#ffffff;
    margin: 5px auto;
    border-radius: 6px;
    background-color: #A3BFC2;
    padding: 1em;
    width:13rem;
    text-align: center;
}

a.logout {
    color: #ffffff;
    }

input.nopadding {
    padding: 0px;
    } 


.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #DBE9E9;
   } 

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 0px solid #ddd;
    vertical-align: center;
} 

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
   
    vertical-align: middle;
} 
.padre {
    
    cursor: pointer;
} 
.div-center {
    text-align: center;
    margin: auto;
}  

a {

    color : #00869B;
    text-decoration: underline;
    
} 


table.dataTable thead th, table.dataTable thead td {
    border-top: 1px solid #111111;
    border-bottom: 0.5px solid #111111;
    border-left: 1px solid #111111;
    border-right: 0.5px solid #111111;
    border-collapse: collapse;
    padding: 10px 18px;
    background-color: #dddddd;

} 

.principale {

    min-height: 670px;
    
} 

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #00B6C4;
    border-color: #00B6C4;
    color: #fff;
   
}

.qtip {
   
    max-width: 353px;
   }