html {
overflow-x: hidden;
height: 100%;
}

html, body {
    height: 100%;
}
/*===============================
========== Typography ==========
===============================*/
p {font-family: 'Montserrat', sans-serif; font-style: normal; }
h1, h2, h3 { color:#32313b; font-family: 'Montserrat', sans-serif;  font-style: normal; font-weight: 300; text-rendering: optimizelegibility;}
h4, h5, h6 { color:#32313b; font-family: 'Montserrat', sans-serif;  font-style: normal; font-weight: 600; text-rendering: optimizelegibility;}
h1 {font-size: 58px; margin-top: 0;}
h2 {font-size: 48px; margin-top: 0;}
h3 {font-size: 36px; margin-top: 0;}
h4 {font-size: 22px; margin-top: 0;}
h5 {font-size: 16px; margin-top: 0;}
h6 { margin-top: 0;}
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: #778899; font-weight:300;}
p {font-size:14px; font-weight: 400; line-height:1.8;  margin-bottom: 20px; text-rendering: optimizelegibility; color:black;}

/* Lead Paragraph*/
.lead{ font-size:1.3em; font-weight:300; letter-spacing:0px;}
.lead.lead-small{ font-size:1.2em;}
.lead.lead-big{ font-size:2em;}

/* Special Headings */
.title-large{ font-size:72px;}
.title-medium{ font-size:64px;}
.script-font{font-family: "Raleway",sans-serif!important; font-style: normal; font-weight: 300;letter-spacing:0 !important;}

/* Fancy Title */
.fancy-title { text-transform:uppercase; margin-bottom:40px; color:red; border-bottom:1px dotted red; }
.fancy-title:after{content: ""; background:#ececec; display: block; height: 1px; margin: 0;  position: relative; width: 100%;}
.fancy-title span:after {content: ""; display: block; height: 5px; margin: 20px 0 -3px;  position: relative; width: 10%; z-index:2; color:black;}
.text-center.fancy-title:after{content: ""; background:#ececec; display: block; height: 1px; margin: 0 auto;  position: relative; width: 30%;}
.text-center.fancy-title span:after {content: ""; display: block; height: 5px; margin: 20px auto -3px;  position: relative; width: 10%;}
.text-right.fancy-title:after{content: ""; background:#ececec; display: block; height: 1px; margin: 0 auto;  position: relative; width: 100%;}
.text-right.fancy-title span:after {content: ""; display: block; height: 5px; margin: 20px 0 -3px 90%;  position: relative; width: 10%;}
h5.fancy-title span:after, h6.fancy-title span:after { margin-top:10px !important;}
h5.fancy-title , h6.fancy-title { margin-bottom:20px !important;}

/* Font Weight */
.xlight { font-weight:100 !important;}
.light { font-weight:300 !important;}
.bold { font-weight:500 !important;}
.xbold { font-weight:900 !important;}



.container {margin: 0 auto - 50px;padding:0;width:100%;top:0;bottom:0;left:0;right:0;background-color:white; min-height: 100%;height: auto !important;height: 100%;} 



.testata {
background-color:lightgrey;
margin:0 auto;
padding:0;
width:100%;
font-family:Montserrat;} 

.titolo-testata {
width:100%;
height:100px;
margin:0 auto;
padding-top:25px;
position:relative;
text-align:center;
font-size:24px;
font-weight:bold;} 

/* */ 

.navbar-brandmb {display:none;}

/* stile navbar desktop */
.navbar  {margin:10px auto;border:0;}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {margin-left:0px;}


/* stile container-fluid in cui si trova la navbar */
.container-fluid {margin:0px auto;}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* stile navbar-header */

.navbar-default  {background-color:white;}
.navbar-brand {display:inline-block;z-index:999;}
.nav {display:block;margin-left:350px;}
.navbar-nav > li > a {color:red;text-transform: uppercase;font-family:Montserrat;font-size:16px; font-weight:bold;padding:20px 10px;}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:active
 {color:red;text-transform: uppercase;font-family:Montserrat;font-size:14px; font-weight:bold;padding:20px 10px;border-top:1px solid red;background:white}

/* Barra di navigazione - sfondo - colore con passaggio mouse */
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {  border-top:1px solid red;color:blue;background:white;}
.navbar-default .navbar-nav > li.active {  border-top:1px solid red;color:blue;background:white;}





.messaggio {display:none;}

/* Section e contenuti */
section  { margin:10px auto;padding:20px;background-color:white;} 
section a, section a:hover {color:red;text-decoration: none; }
section p  {font-family: 'Montserrat', sans-serif;  font-style: normal; font-size:14px;}

.main-container {margin:5px auto;width:100%;} 
.area-utente{width:500px;margin:0 auto}
.area-articolo{width:80%;margin:0 auto;}
.area-form {width:100%;margin:0 auto;padding:15px;}
.nw_voce {font-family:'Open Sans', sans-serif;width:80%;padding:15px;clear:both; text-align:right;color:red;}
.mex-negativo {font-family:'Open Sans', sans-serif; border:1px dotted red; width:70%;text-align:center;margin:0 auto;padding:25px;}
.tb-intestazione  { border:1px solid red; margin:0 auto;width:95%;padding:15px;min-height:100%;overflow:auto}


.titolo_voce {display:block; border:1px dotted red; width:100%;text-align:left;text-align:center;padding:10px;font-family: 'Montserrat', sans-serif;font-size:16px;}
.az_nome { border:1px dotted red; width:65%;text-align:left;float:left;text-align:left;padding:5px;font-family:'Open Sans', sans-serif;font-size:16px;}
.az_modifica { border:1px dotted red; width:25%;text-align:center;float:left;padding:5px;font-family:'Open Sans', sans-serif;font-size:16px}
.az_cancella { border:1px dotted red; width:10%;text-align:center;float:left;padding:5px;font-family:'Open Sans', sans-serif;font-size:16px}
.fa-pencil,.fa-trash-o {color:transparent}


.col-form-label  {
  display: block;
  height: 40px;
  text-align:left;
  font-size: 16px;  font-weight: bold;
  padding: 12px;

}
.form-control  {
  margin:5px;
  text-align:left;
  display: block;
  width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555555;
  background-color: white;
  background-image: none;
  border:1px solid red;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.inputslc {
    margin-top:5px;
    padding: 3px 3px;
   display:inline-block;
    width: 100%;
    height: 24 px;
   font-size: 12px;
  line-height: 1.42857143;
    border: solid 1px red;
    outline: 0;
    background-color: white;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
} 

input[type="file"] {
font-weight: normal;
}

.btn-primary, .btn-primary:focus,
.btn-primary.focus,.btn-primary:hover { background-color: red;}

.inputstl {  width: 100%;
  height: 30px;
      font-size: 12px;
  line-height: 1.42857143;
    padding: 6px 12px;
    border: solid 1px red; 
    outline: 0; 
 /*   background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #C6ECFF), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #C6ECFF 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; */
      background-color: white;
  background-image: none;
    border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    } 

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: green!important;
}

.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25)
}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25)
}
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
  background-color: #C8FFC8; 
}


@media screen and (max-width:740px) {

.area-utente{width:80%;margin:0 auto;padding:10px;}
.area-form {width:60%;margin:0 auto;}
.link {display:none;}
.fa-pencil,.fa-trash-o {display:block;color:red}

}



  #olhopvd :> * { float: left;}



  #olhopvd img  {
    cursor: pointer;
}

#olhopvd .eye {border:1px solid red;
   height: 1.3em;
    cursor: pointer;
   top: -25px; 
   left: 480px;
   position: relative;
 
}

/*Footer Bottom*/
.footer-bottom{display:block; color:#778899; background: #25242c; padding:10px 0;font-family: 'Raleway', sans-serif;width:100%;clear:both;}
.footer-bottom a{color: inherit;}
.footer-bottom .menu-footer {padding:5px 0 10px 10px;}
.footer-bottom .menu-footer ul{margin:0 auto; text-align:center;}
.footer-bottom .menu-footer ul li{ text-transform:uppercase; font-size:10px;color:white;}
.footer-bottom .copyright { padding:20px 10px; text-align:left;}
.footer-bottom .copyright p{ margin-bottom:0; line-height:1.9;color:white;}
.footer-bottom .credits { padding:20px 0; text-align:right;}
.footer-bottom .credits p{ margin-bottom:0; line-height:1.9;color:white;}
.footer-bottom .social-footer { padding:10px 0 20px;}
.footer-bottom .social-list { margin:0 auto; text-align:center;}
.footer-bottom .social-list li{ margin-left:5px;}
.footer-bottom .social-list li a { display: block; width: 32px; height:32px;}
.footer-bottom .social-list li .facebook { background-image: url('/images/facebook.png'); } 
.footer-bottom .social-list li .linkedin{background-image:url('/images/linkedin.png'); } 
.footer-bottom .social-list li .twitter{background-image:url('/images/twitter.png'); }