@media {
    .container{
        min-width: 95%;
    }
}

/*
--------------------------------------------------------------------------------
 HTML STANDARD
--------------------------------------------------------------------------------
*/

body {
  display: block;
  padding-top:80px;
}

@media screen and (max-width: 768px) {
    body { padding-top: 80px; }
}

h1 {
  font-size: 20px;
  font-weight: bold; 
  display: inline;
}

h2 {
  font-size: 16px;
  font-weight: bold; 
  display: inline;
}

h3 {
  font-size: 14px;
  font-weight: bold; 
  display: inline;
}

h4 {
  font-size: 12px;
  font-weight: bold; 
  display: inline;
}

h5 {
  font-size: 10px;
  font-weight: bold; 
  display: inline;
}

h6 {
  font-size: 8px;
  font-weight: bold; 
  display: inline;
}

table
{ 
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/*
--------------------------------------------------------------------------------
 FORM
--------------------------------------------------------------------------------
*/
input.form-date {
	min-width: 100px;
}

/*
--------------------------------------------------------------------------------
 DIV by CLASS
--------------------------------------------------------------------------------
*/

/*
Symbol # is used to identify an object ID, instead of an object class.
la parola "content" sembra essere speciale e quindi viene ignorata dal CSS!!!
meglio usare la parola container
*/

div.login {  
  max-width: 200px;
  margin: auto;
}

div.container_show {
  border: none;
  background-color: #FFFFFF;
  display: block;
  text-align: center;     
  position:relative; 
}

div.container_hide {
  display: none;
}

div.scrollable{
  width:100%;
  height:400px;
  border:1px solid #ccc;  
  overflow:auto; 
}

div.scrollable_horizontally{
  width:100%;
  height:100%;
  border:1px solid #ccc;  
  overflow-x:auto; 
}

div.opaque{
  display:none;
  background-color:#FFFFFF;
  opacity:0.75;  
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

div.center {
    text-align:center;
}

/*
--------------------------------------------------------------------------------
 DIV by ID
--------------------------------------------------------------------------------
*/

#scrollable_container {
    position: relative;    
    overflow-x: scroll;
    overflow-y: hide;        
}