@charset "utf-8";
/* CSS Document */
body{
    background-image: url(../Immagini/Template/sfondo-login.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat:no-repeat;
}
input[type="radio"] { -webkit-appearance: radio !important; }
input[type="checkbox"] { -webkit-appearance: radio !important; }
.login-panel {background-color:#fff; padding:0px 50px 0px 50px !important; margin-top:50px;}
label{
font-weight:bold;
}
#form_login {
margin-bottom:1em;
}
.navbar {
margin-bottom:0px!important;
}
#dvBody{
    padding:0px!important;
}
.dvTestaPagina h1{
    font-size:20px!important;
}
#dvTestaPagina h1{
    font-size:20px!important;
}
#dvTestaPagina h1{
    font-size:20px!important;
}
.dvTestaPagina h2{
    font-size:20px!important;
}
.dvBoxTitolo h1{
    font-size:20px!important;
}
.breadcrumb{
    margin:0px!important;
}
.breadcrumb li.active, a.active {
    color: #0066cc!important;
    font-weight: bold;
}


.hide {
  display: none !important; }




#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2) {
  top: 15px;
}

#nav-icon span:nth-child(3) {
  top: 30px;
}

#nav-icon.open span:nth-child(1) {
  top: 0px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span {top:16px;}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.affix #id1 .container {margin-left:0px !important;}

.affix #id1 .container {
    padding-top: 10px !important;
}

.box-search .col-xs-12{padding-bottom:0px !important; }


#nav-icon1, #nav-icon2, #nav-icon, #nav-icon4 {
  width: 60px;
  height: 60px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon span, #nav-icon4 span {
    height: 4px;
    width: 40px;
    background: #ffffff;
    position: absolute;
    left: 12px;
    top: 30px;
    -webkit-transition: all 0.3s cubic-bezier(0.35,0.085,0.305,1.005);
    -moz-transition: all 0.3s cubic-bezier(0.35,0.085,0.305,1.005);
    -o-transition: all 0.3s cubic-bezier(0.35,0.085,0.305,1.005);
    transition: all 0.3s cubic-bezier(0.35,0.085,0.305,1.005);
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}



.bottone {background:transparent; border:none; margin:0px; padding-top:14px; padding-left:3px; overflow:hidden;}


.clearfix {
}


ul, ol {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
    list-style-image: none;
}


ul li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}



#id1 {display:none; background:#004b97;}

.top-nav { 
background-color:#30373d; 
position: relative;}
.topbar {padding-top:10px; padding-bottom:5px !important;}
.top-nav a {color:#fff !important;font-family: 'Titillium Web'; font-weight: bold; padding-bottom:10px;}
.top-nav span {color:#fff !important;font-family: 'Titillium Web'; font-weight: normal; padding-bottom:10px; margin-left:10px;}
.accedi a{ font-weight:bold; color:#fff; padding:15px; background-color:#0066c6; font-size:13px; text-transform:uppercase; }

.accedi {text-align:center; position:absolute;top:0;right:0; float:right; padding:10px 0 8px 8px;}
.topbar p strong {margin-right: 10px;}



.main-nav {
  position: relative;
    z-index: 1;
    height: 192px;
    background: #0066cc;
    transition: all 0.4s ease;}

.logo_text h1 {
  font-size:30px;
    font-weight: 700;
    line-height: 1.2em;
    color: #ffffff;
    display: block;
    margin: 0px 0 0 0;
    letter-spacing: -0.5pt;
}
.logo_text a{text-decoration:none;}
.logo_text a:hover, a:active{text-decoration:none;}
.logo_text a:link, a:visited{text-decoration:none;}
.logo_container {
  width:100%;
    margin: 20px 0 0 0px;
    position: relative;
    z-index: 0;
}

.logo_wrapper {
    width: 75px;
    height: 45px;
    display: block;
    transition: all 0.3s ease;
    float:left;
    margin-right: 10px;
}

.logo_wrapper img{width:100%;}


.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.logo_text h1, .logo_text .h1, .logo_text h2, .logo_text .h2 {
    line-height: 1.2em;
}
.logo_text h1, .logo_text .h1, .logo_text h2, .logo_text .h2 {
    line-height: 1.2em;
    color: #ffffff;
    display: block;
    letter-spacing: -0.5pt;
}

.nav_tools {
    padding: 15px 24px 0 0;
}

.nav_social {
    color: #ffffff;
    text-align: right;
    display: block;
}

.fa-input {
  font-family:'FontAwesome';
  font-size:30px;
}


header .affix{ width:100%; z-index:9999;}

.affix .nav_tools{padding-top:0px;}

.affix .container{padding-top:10px;}

.affix .main-nav {height: 60px;}

.affix .nav_social {display:none;}

.affix #sticky {margin: 0px auto;}

.affix .bottone {margin-top:8px; padding: 0px; padding-left: 0px; padding-right:0px;}

.affix #nav-icon {margin-top:5px;}

.affix .logo_container {margin:0px; padding:0px;}

.affix .logo_wrapper {width:40px; height:60px; margin-right:10px;}

.affix .top-nav{display:none;}

.affix h1 {font-size:18px;}
.affix .logo_text {margin:0px; padding:0px;}

.affix .form-control {height: 40px;}

.affix .nav_search input[type="submit"] {width: 61px;height: 40px;}

.affix #nav-icon {height: 41px;}

.nav_social span {
    padding: 0 15px 0 0;
}


a {
    color: #0066cc;
    text-decoration: none;
}

.nav_search {
    display: block;
    position: relative;
    z-index: 0;
}

.nav_search input[type="text"] {
    padding-right: 64px;
    position: relative;
    z-index: 0;
}

.form-control {
    height: 64px;
    line-height: 64px;
    border: none;
    padding: 0 12px 0 12px;
    margin: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s;
}
form input {
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}


.nav_social i {margin:5px auto; font-size:15px;}

.fp_main_nav_container #sticky {
    height: 252px;
}

.bottone:focus{outline: #ff8c00 solid 3px !important;
    background: none !important;}
    
    #form-search-input:focus{outline: #ff8c00 solid 3px !important;
    background: #fff !important;}

#sticky {
    margin: 50px auto;
    position: absolute;
    z-index: 300;
    top: 0;
    left: 16px;
    display: table;
   /* height: 192px; */
}

section {padding:40px 0px !important;}

section h2 {margin-top:0px;}


.toggle-menu .bar:first-child {
    top: 15px;
}


  .toggle-menu:after {
    position: absolute;
    content: "MENU";
    top: 50px;
    left: 2px;
    font-size: .85em;
    color: #fff;
    padding-left: 12px;
}

.affix .toggle-menu:after {display:none;}


.menu-utente {width:100%; height:auto; background-image:url(../Immagini/Template/menu_bg.jpg); background-repeat:no-repeat;}
.menu-utente h5 {color:#fff; font-weight:bold;}
.menu-utente h6 {color:#fff; font-weight:normal; padding-top:5px; float:left; margin-right: 25px;}
.menu-utente-link {clear:left !important;}
.menu-utente-link a {color:#fff !important; font-weight:lighter; text-decoration:underline !important; padding:0px; float:left; margin-right: 25px;}
.menu-utente-link a:hover {background-color:transparent;}

 .error{text-align :left ;font-family :verdana,sans-serif,Arial, Helvetica;font-size :1em;color :Red ;font-weight:normal}

 .navgoco a.menu-corrente{ font-weight: bold;}
 .navgoco a.menu-corrente:hover{ background:none;}
 .nascosto {display:none;}



 #tbl-riepilogo th{ vertical-align:top;}
 #tbl-riepilogo td{ font-size: 30px;}


.edit-numero-fascicolo{
    font-weight:bold!important;
    font-size:30px!important;
}

.boxBlu {
    border: solid 1px #cccccc ;
    background: #D1E7FF;
    padding:4px;
}

@media (max-width: 2559px) and (min-width: 1920px) {
  
  .affix .toggle-menu:after {display:none;}

  
  .toggle-menu:after {
    position: absolute;
    content: "MENU";
    top: 50px;
    left: 2px;
    font-size: .85em;
    color: #fff;
    padding-left: 12px;
}

  
  .topbar a{
 margin-left: 340px;
}

}


@media (max-width: 1919px) and (min-width: 1600px) {


  .affix .toggle-menu:after {display:none;}

  .toggle-menu:after {
    position: absolute;
    content: "MENU";
    top: 50px;
    left: 2px;
    font-size: .85em;
    color: #fff;
    padding-left: 12px;
}

  
  .topbar a{
 margin-left: 205px;
}

}


@media (max-width: 1599px) and (min-width: 1400px) {


  
  .affix .toggle-menu:after {display:none;}

  .toggle-menu:after {
    position: absolute;
    content: "MENU";
    top: 50px;
    left: 2px;
    font-size: .85em;
    color: #fff;
    padding-left: 12px;
}

  
  .topbar a{
 margin-left: 115px;
}

}


@media (max-width: 1399px) and (min-width: 1200px) {


  
  .affix .toggle-menu:after {display:none;}

.toggle-menu:after {
    position: absolute;
    content: "MENU";
    top: 50px;
    left: 2px;
    font-size: .85em;
    color: #fff;
    padding-left: 12px;
}

#sticky {margin:60px auto;}

.logo_container {margin: 30px 0px 0px 40px;}

.affix .nav_tools {margin-top: 0px;}

.affix .logo_wrapper {margin-top:0px;}

.affix .logo_container {margin: 0px 0px 0px 30px;}

.affix .toggle-menu:after {
display:none;
}

.topbar a{
font-size: 18px;
 margin-left: 70px;
}


}



@media (max-width: 1199px) and (min-width: 1024px) {
  

  
  .affix .toggle-menu:after {display:none;}

.toggle-menu:after {
    position: absolute;
    content: "MENU";
    top: 50px;
    left: 2px;
    font-size: .85em;
    color: #fff;
    padding-left: 12px;
}

#sticky {margin:60px auto;}

.logo_container {margin: 30px 0px 0px 30px;}

.affix .nav_tools {margin-top: 0px;}

.affix .logo_wrapper {margin-top:0px;}

.affix .logo_container {margin: 0px 0px 0px 30px;}

.affix .toggle-menu:after {
display:none;
}

.topbar a{
font-size: 18px;
 margin-left: 92px;
}


.nav_tools {padding:0px; margin-top:40px;}


}

@media (max-width: 1023px) and (min-width: 991px) {
  

  
  
  .affix .toggle-menu:after {display:none;}

.toggle-menu:after {
    position: absolute;
    content: "MENU";
    top: 50px;
    left: 2px;
    font-size: .85em;
    color: #fff;
    padding-left: 12px;
}
.nav_social {display:none;}

.nav_tools {margin-top: 15px; padding:0px;}

.logo_container {margin: 0px 0px 0px 30px;}

.affix .nav_tools {margin-top: 0px;}

.affix .logo_wrapper {margin-top:0px;}

.affix .logo_container {margin: 0px 0px 0px 30px;}

#sticky {margin:25px auto;}

.main-nav {height:130px;}

.nav_search input[type="submit"] {width:50px;}

.affix .toggle-menu:after {
display:none;
}

.topbar a{
font-size: 16px;
 margin-left: 185px;
}

.lang-ita{display:none;}

.lang-eng {display:none;}


}


@media (max-width: 990px) and (min-width: 768px) {
  

  
  
    
.affix .toggle-menu:after {display:none;}

  
.toggle-menu:after {
    position: absolute;
    content: "MENU";
    top: 50px;
    left: 2px;
    font-size: .85em;
    color: #fff;
    padding-left: 12px;
}

.logo_text h1 {
  font-size:25px;
}

.affix .logo_text h1 {
  font-size:15px;
}

.left {float:none;}

.box_text.box_text_news p {
    font-size: 20px;
}

#blu h4 {
    font-size: 1em;
    color: #5a6772;
    letter-spacing: normal;
    font-weight: 500;
}

.content_title h1 {
    font-size: 35px !important;
}

aside.sidebar-bussola p{font-size:15px;}

.box_simple_icon_text h3 {font-size:20px;}

.sfondo {height: 310px;}

.affix .toggle-menu:after {display:none;}



.nav_tools {margin-top: 15px;}

.affix .nav_tools {margin-top: 0px;}

.affix .logo_container {margin: 0px 0px 0px 30px;}

.affix .logo_wrapper {margin-top:0px;}

#sticky {margin: 30px auto;}

.nav_search input[type="submit"] {
    width: 48px;
}

.main-nav {
    height: 130px;}

.nav_tools {
    padding: 0 0 0 0;
}

.nav_social {display:none;}

.logo_container {
    width: 100%;
    margin: 0 0 0 50px;
    position: relative;
    z-index: 0;
}

.push-body-toright {
    left: 464px!important;
}

.cbp-spmenu-left.menu-open {
    width: 464px!important;
}

.topbar a{
font-size: 14px;
    margin-left: 100px;
}

.lang-ita{display:none;}

.lang-eng {display:none;}

}

@media (max-width: 767px) and (min-width: 481px) {
  .menu-utente h5 {font-size:20px;}
.menu-utente h6 {font-size:15px; padding:0px; margin-bottom:5px;}
.menu-utente-link a {font-size:15px; padding:10px 0px;}  
  
  .affix .input-group-btn{top:3px}

   
    #nav-icon {height:45px;}

  .affix .toggle-menu:after {display:none;}

  
.affix .bottone {
    padding-right: 12px;}
  
    .nav_social {display:none;}
.nav_tools {margin-top:15px;}

.affix .nav_tools {margin:0px 20px 0px 0px; padding:0px;}

.affix .logo_wrapper {margin-top:0px;}



  
.top-nav a{font-size:12px;}
  
  
.push-body-toright {
    left: 464px!important;
}

.cbp-spmenu-left.menu-open {
    width: 464px!important;
}

.affix .container {
    padding-top: 8px;
    /* padding-left: 85px; */
    margin-left: 80px;
}
  
  
  
  #sticky {margin:40px auto;}
  
  .main-nav {height:130px;}
  
.logo_container {margin:0px 0px 0px 100px;}

.logo_wrapper {width:50px; margin-top: 5px;}
  
.affix .container {
    padding-top: 8px;
    /* padding-left: 85px; */
    margin-left: 80px;
}

.bottone {padding-top:5px; padding-left:0px; padding-right: 15px;}

#nav-icon {width:50px; height:40px;}

.affix .btn-src {margin-top:0px;}



.nav_search input[type="submit"] {width:40px;}

.title_row{text-align:center;}

.pull-right {float:none !important;}

.footer_social{text-align:center;}

.box_text.box_text_large p {font-size: 1.478em;}

.iniziativa-first {margin-top:30px;}


}

@media (max-width: 480px) and (min-width: 321px) {

.menu-utente h5 {font-size:20px;}
.menu-utente h6 {font-size:15px; padding:0px; margin-bottom:5px;}
.menu-utente-link a {font-size:15px; padding:10px 0px;}


 .login-panel {padding:0px;}  
.sfondo {height:150px; border-radius:0px}

form {margin-bottom:10px;}

  
  
#nav-icon {height:45px;}
  
  .affix .toggle-menu:after {display:none;}

  
.push-body-toright {
    left: 230px !important;
}

.cbp-spmenu-vertical {
    width: 230px!important;
}
  
.logo_wrapper {margin-right: 15px;}
  
.main-nav {height:80px;}

#sticky {margin: 10px auto;}



.bottone {padding-top:8px;}


.push_container .container, .container-fluid {
    padding: 15px 15px 0px 15px!important;
}

.affix .push_container .container, .container-fluid {
    padding-top: 5px !important;}

        
.logo_container {margin:0 auto;}
  
.logo_text h1{line-height:1em; font-size:13px !important; font-weight:normal;}
.logo_text h1 br{display:none;}

  
  .affix .logo_wrapper { margin:0px 10px 0px 0px;}

  
.logo_wrapper {width:45px; margin:0px 10px 0px 75px;}

.logo_wrapper img{margin:0 auto;}
  
h1 {font-size:25px !important; padding-top:5px;}
  
.top-nav a {font-size:10px;} 

.affix .container {
    padding-top: 8px;
    margin-left: 80px;
}

.accedi {top:5px;}

.title_row{text-align:center;}

.pull-right {float:none !important;}

.footer_social{text-align:center;}

.box_text.box_text_large p {font-size: 1.478em;}

.affix .input-group-btn{top:3px}

.iniziativa-first {margin-top:30px;}

.logo_footer a h1{font-size:14px !important;}

.content_title h5{font-size:18px;}
.content_title h3{font-size:32px;}

}



@media (max-width: 320px) {
.menu-utente h5 {font-size:20px;}
.menu-utente h6 {font-size:15px; padding:0px; margin-bottom:5px;}
.menu-utente-link a {font-size:15px; padding:10px 0px;}
 .login-panel {padding:0px;}
  .logo_text h1{line-height:1em; font-size:12px !important; font-weight:normal;}
  .sfondo {height:150px; border-radius:0px}

form {margin-bottom:10px;}

.top-nav span {display:none;}
  
  #nav-icon {height:45px;}
  
  .affix .toggle-menu:after {display:none;}

  
.pull-right {float:none !important;}

  
.title_row{text-align:center;}
  
.push-body-toright {
    left: 200px !important;
}

.cbp-spmenu-vertical {
    width: 200px!important;
}


.logo_wrapper {width:30px; margin:0px 0px 0px 0px;}
  
.top-nav a {font-size:9px !important;}
  
.logo_wrapper {margin-right: 10px;}
  
.main-nav {height:80px;}

#sticky {margin: 10px auto;}



.accedi {padding-top:15px;}

.bottone {padding-top:8px;}

.push_container .container, .container-fluid {padding: 15px 15px 0px 15px !important;}
        
.logo_container {margin:0px 15px 0px 65px;}

.affix .logo_container {margin:0px 0px 0px 60px;}

.affix  .push_container .container, .container-fluid {padding-top: 5px !important;}

.logo_text h1{line-height:1em; font-size:25px; padding-top:5px;}
.affix .logo_text h1{padding-top:10px;}
.footer_social{text-align:center;}
.box_text.box_text_large p {font-size: 1.478em;}
.content_title h1{margin-top:0px !important; font-size:30px !important;}
.content_title h2{font-size:20px; color:#5a6772; font-weight:normal;}
.affix .input-group-btn{top:3px}

}