html, body{width:100%;height:100%;font-family:'Montserrat', san serif !important;}
html {scroll-behavior: smooth;}

.index-menu .dropdown-menu{top: -20% !important; left: 50% !important; transform: translateX(-50%) !important; max-height: 200px; overflow-x: hidden;}

#mySidenav{position:fixed;top:20%; left: -200px; width: 200px; height: auto; background-color: #fff; padding: 10px 20px; transition:.3s; z-index:999;box-shadow: -6px 0px 20px rgba(0,0,0,0.2);}
#mySidenav:hover{left:0}
#mySidenav .btnOpen{ position: absolute; top: 0px; right: -40px; height: 40px; width: 40px; line-height: 40px; text-align: center; background-color: #fff;color: #333;box-shadow: 6px 2px 8px rgba(0,0,0,0.2); }
#mySidenav a{ display: block; transition:.3s;padding:5px 0; width: 100%;text-decoration:none;font-size:12px;color:#333 ;white-space: nowrap; }
#mySidenav a:hover { opacity: .6}
#mySidenav a.divider { height: 0; margin: .5rem 0 0 0; overflow: hidden; border-top: 1px solid #e9ecef;}

#col1 { background-color:#4caf50; color: #fff !important; }
#col2 { background-color:#2196f3; color: #fff !important; }
#col3 { background-color:#f44336; color: #fff !important; }
#col4 { background-color:#555; color: #fff !important; }

/*HEADER*/
.header .navbar{background-color:rgba(255,255,255,.9); border-bottom: 1px solid #ccc;transition: .2s all;  }
/*small*/
@media (min-width:480px){
    .header.small .navbar{background-color:rgba(255,255,255,1); transition: .2s all  }
    .header.small .navbar-expand-md .navbar-nav .nav-link .icona {height: 35px; transition: .2s all}
    .header.small .navbar-expand-md .navbar-nav .nav-link .testo {font-size: 12px; transition: .2s all}
    .header.small .navbar-brand { width: 150px; height: 55px; box-shadow: none; transition: .2s all}
}
@media (max-width:480px){
    .header.small .navbar-brand { box-shadow: none;}
}

.navbar-toggler { outline: 0 !important; border: 0; }
.navbar-toggler-icon { width: auto; height: auto}

.navbar-toggler { outline: 0 !important; border: 0; }
.navbar-toggler-icon { width: auto; height: auto}
/* transform to X*/
.navbar-toggler-icon .icon-bar {transition:all .2s}
.navbar-toggler.active .navbar-toggler-icon .icon-bar:first-child  { transform: translateY(5px) rotate(45deg); }
.navbar-toggler.active .navbar-toggler-icon .icon-bar:nth-child(2)  { display:none} 
.navbar-toggler.active .navbar-toggler-icon .icon-bar:last-child  { transform:translateY(-2px)  rotate(-45deg); }
 

@media (max-width:991px){
    .navbar-toggler-icon span{display:block;width:25px;height:3px;background:#fff;margin:auto;margin-bottom:4px;transition:all 400ms linear;cursor:pointer;}
}

.navbar-brand { position: absolute; display: flex;    align-items: center;    flex-wrap: wrap; top: 0; left: 15px; width: 210px; height: 115px; background-color: #fff;box-shadow: 0px 9px 20px rgba(0,0,0,0.2);transition: .2s all;}
.navbar-brand img { width: 100%;height: 100%; object-fit: contain;  object-position: center; margin: 0 auto;  padding: 10px; }
/* Tablet in modalità verticale */
@media all and (min-width: 767px) and (max-width: 820px) {

    .navbar-brand {    
        left: -5px;
        width: 160px;
        height: 95px;
    }
}

.navbar-expand-md .navbar-nav .nav-item { display: flex;}
.navbar-expand-md .navbar-nav .nav-link { padding: 0px 15px 5px 15px; font-size: 14px; font-weight: 300; text-align: center;color: #666 !important;  }
.navbar-expand-md .navbar-nav .nav-link:hover .testo{ opacity: .6}
.navbar-expand-md .navbar-nav .nav-link.bandiera {padding: 0px 5px 0 5px; display: flex; align-items: flex-end!important;}
.navbar-expand-md .navbar-nav .nav-link.bandiera img { width: 23px; margin-bottom: 10px;}
.navbar-expand-md .navbar-nav .nav-link.mail { display: flex; align-items: flex-end!important;font-size: 20px;margin-bottom: 2px;    padding: 0px 8px 5px 8px;}
.navbar-expand-md .navbar-nav .nav-link.mail .icona { display: inline-block; height: auto;margin-bottom: -4px;}
.navbar-expand-md .navbar-nav .nav-link.mail .tip { position: absolute; top: 0; right: -6px; background-color: #333; color:#fff; font-size: 8px; text-align: center; padding: 1px 4px; z-index: 1;}

.navbar-expand-md .navbar-nav .nav-link.bell { display: flex; align-items: flex-end!important;font-size: 20px;margin-bottom: 2px;    padding: 0px 8px 5px 8px;}
.navbar-expand-md .navbar-nav .nav-link.bell .icona { display: inline-block; height: auto;margin-bottom: -4px;}
.navbar-expand-md .navbar-nav .nav-link.bell .tip { position: absolute; top: 0; right: -6px; background-color: #333; color:#fff; font-size: 8px; text-align: center; padding: 1px 4px; z-index: 1;}

.navbar-expand-md .navbar-nav .nav-link .icona {position: relative; display: block; width: auto; height: 55px;margin-bottom: -2px;transition: .2s all }
.navbar-expand-md .navbar-nav .nav-link .testo {transition: .2s all }
.navbar-expand-md .navbar-nav .nav-link .icona img {height:100%; object-fit: contain; object-position: center;}
.navbar-expand-md .navbar-nav .dropdown-toggle::after {display: inline-block;border: 0;padding: 0;margin: 0;margin-right: -10px;vertical-align: unset;font-family: "Font Awesome 5 Free"; font-size: 9px;  content: "\f078";}
.navbar-expand-md .navbar-nav .dropdown-menu {margin-top: 0px; padding: 0; background-color: rgba(255,255,255,1); border:0px solid #ccc; box-shadow: 0 5px 5px rgba(0,0,0,0.2); border-radius: 0; transition: .2s all;}

/*animazione dropdown*/
.navbar-expand-md .navbar-nav .dropdown-menu {display: block; max-height: 0px; overflow: hidden; border-top: none; transition: max-height.3s;}
.navbar-expand-md .navbar-nav .dropdown-menu.show { max-height: 1000px; transition: max-height 1.5s; }

.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item {padding: 10px 15px 10px 15px; font-size: 14px; font-weight: 300; color: #666 !important; }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-divider { margin: 0;}
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item.active, .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:active { border: none; outline: 0; background-color: transparent}
/*autohover dropdown*/
/*.navbar-expand-md .navbar-nav .dropdown:hover>.dropdown-menu {  display: block;}*/

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 768px) {
    .header .navbar-expand-md .navbar-nav .nav-link .icona {height: 35px; transition: .2s all}
    .header .navbar-expand-md .navbar-nav .nav-link .testo { font-size: 12px; transition: .2s all}
    .header .navbar-brand { width: 150px; height: 55px; box-shadow: none; transition: .2s all}
}

@media all and (max-width: 667px) {
    .header .navbar{background-color:rgba(255,255,255,1);}
    .header .navbar-nav { display: block;flex-direction: row;    margin: 30px auto; overflow: scroll; height: calc(100vH - 100px);}
    .header .navbar-toggler-icon span{ background-color: #666;}
    .header .navbar-brand { width: 150px; height: 55px; left: 0;}
    .header.small .navbar-brand { width: 130px; height: 30px;}
    .header .navbar-expand-md .navbar-nav .nav-item { display: block !important;/* float: left;    width: 33%;*/}
    .header .navbar-expand-md .navbar-nav .nav-link { display: block !important;}
    .navbar-expand-md .navbar-nav .dropdown-menu {margin-top: 9px; padding: 0; background-color: transparent; box-shadow:none; text-align: center}
}

@media all and (min-width: 737px) and (max-width: 1279px) {
    .navbar-expand-md .navbar-nav .nav-link { padding: 0px 10px 5px 10px; font-size: 13px;   }
}

/* CAROUSEL */
.carousel{ }
.carousel-caption{bottom:5rem;z-index:10; left: 15px; right: 15px;}
/* Tablet in modalità orizzontale */
@media all and (min-width: 737px) and (max-width: 1279px) {
    .carousel-caption{  left: 35px; right: 35px;}
}
.carousel-caption h1{font-size:26px;font-weight:300}
.carousel-caption p{font-weight:300}
.carousel-caption p .btn{font-weight:300;color: #fff !important;}
.carousel-caption p .btn:hover{font-weight:300;color: #333 !important;}
.carousel-item{position:relative;height:25rem;}
.carousel-item:before{content:' ';display:block;position:relative;background-color:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;}
.carousel-item > img{width:100%;height:100%;object-fit:cover;object-position:center;}
.carousel-indicators{left:inherit;margin-right: 30px;}
.carousel-indicators li { width:5px;}
.carousel-control-next, .carousel-control-prev{width:8%; color: #fff !important}

/* Schermi grandi o ad alta risoluzione */
@media all and (max-width: 1690px) {   }

/* Schermi Desktop o Portatili */
@media all and (min-width: 1280px) and (max-width: 1689px) {  }

/* Tablet in modalità orizzontale */
@media all and (min-width: 737px) and (max-width: 1279px) {   }

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 736px) { 	}

/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) {
    .carousel-indicators{ display: none }
    .carousel-caption h1{font-size:20px}
    .carousel-caption p{font-size:16px; line-height: normal }
}

/*LOGIN*/
.login { margin-top: -50px;}
@media all and (min-width: 737px) and (max-width: 1279px) {
    .login { margin-top: -70px;}
}
.form-login .form-group { margin-bottom: 3px;}
.form-login .form-control { transition: .2s all}
.form-login .form-control:focus { border: 0; outline: 0; box-shadow: none;background-color:rgba(200,200,200,.2);}
.form-login input[type="text"] { font-weight: 300;  padding: 22px 12px;border:0; background-color:rgba(200,200,200,.5);}
.form-login input[type="submit"] { font-weight: 300; height: auto; padding: 12px 12px; text-align: left; border:0; background-color:rgba(200,200,200,1);}
.form-login input[type="submit"]:hover { background-color:rgba(200,200,200,.6);}

@media all and (max-width: 738px) {
    .login { margin-top: 50px; height: auto !important;  min-height: 80% !important;}
}

/*SCELTA EVENTO*/
.evento-icona-box { display: inline-block; width: auto; max-width: 50%; margin: 0 auto; margin-bottom: 10px;  text-align: center; }
.evento-icona-box:hover  img{ transform: scale(1.3);transition: .3s all}
.evento-icona-box img { width: 80%; object-fit: contain; transition: .2s all}
.evento-icona-box span{display: block; margin-top: -10px; font-size: 14px;}
@media all and (max-width: 738px) {
    .evento-icona-box {  max-width: 100%;}
}

/*MAIN*/
.main{position: relative; display: block; margin-bottom: 50px; padding-bottom: 120px;}
.main.no-slideshow{ margin-top: 150px;}
.main > div > .inner{ position: relative; display: inline-block;  width: 100%;margin: 0 auto; margin-top: -30px; padding: 30px 50px 70px 50px; background-color: #fff; box-shadow: 0px 9px 20px rgba(0,0,0,0.2); z-index: 1; font-weight: 300;}
.main > div > .inner.noFrame {padding:0; box-shadow:none;}
.main > div > .inner .titolo { position: relative; margin:10px auto 50px auto; font-size: 50px; font-weight: 200; opacity: .4; text-align: center}
.main > div > .inner .titolo:after { content: ''; position: absolute; width: 40px; height: 4px; left: 50%; bottom: -15px; transform: translateX(-50%); background-color: #333; opacity: 1}
.main > div > .inner .testo { font-weight: 300}
.main > div > .inner .top { position: relative; display: flex; flex-direction: column; justify-content: center;  align-items: center; height: auto; margin: -60px auto 60px auto; text-align: center; }
.main > div > .inner .top .head{ display: inline-block;width: auto;background-color: #ccc; color: #fff; padding: 10px 40px 20px 40px; box-shadow: 0px 9px 20px rgba(0,0,0,0.2); z-index: 1; font-weight: 300;}
.main > div > .inner .top .head .icona {display: flex; height: 60px; filter: brightness(0) invert(1); margin-bottom: -10px;}
.main > div > .inner .top .head .icona img { width: 100%; object-fit: contain;}
.main > div > .inner .top .head .nome {font-size: 26px; font-weight: 500; }
.main > div > .inner .top .head .data {font-size: 16px; font-weight: 200; }
.main > div > .inner .top .countdown{ position: relative;   height: auto;  }
.main > div > .inner .top .countdown .contatore{ float: left;   padding: 0 15px; border-right:1px solid #ccc;}
.main > div > .inner .top .countdown .contatore:last-child{ border: none;}
.main > div > .inner .top .countdown .contatore .numero { display: block; font-size: 14px; font-weight: 500}
.main > div > .inner .top .countdown .contatore .testo { display: block; font-size: 12px; font-weight: 200}

@media all and (min-width: 737px) and (max-width: 1279px) {
    .main > div > .inner{padding: 30px 15px;}
}

@media all and (max-width: 480px) {
    .main.no-carousel{ margin-top: 100px;}
    .main > div > .inner .titolo { font-size: 40px;line-height:normal;}
    .main > div > .inner .titolo:after { bottom: -25px;}
}

.gall-immagine {    border-radius: 0%;	     height: 250px;    margin-right: 10px;  margin-bottom: 8%;  overflow: hidden;}
.gall-immagine img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;}

@media all and (max-width: 480px) {
    .gall-immagine { margin: 10px; margin-top:0;}

}
/* STATISTICHE */
.statistiche { display: flex; justify-content: center; align-items: center; margin: 30px auto 60px auto}
.stats-icona{ position: relative; height: auto; float: left; margin: 0 40px; text-align: center}
.stats-icona .icona {position: relative; display: block; width: auto; height: 120px;margin-bottom: -10px;transition: .2s all }
.stats-icona .icona img {height:100%; object-fit: contain; object-position: center; opacity: .6}
.stats-icona .testo { display: block; font-size: 16px; font-weight: 300; margin-bottom: 8px; opacity: .6}
.stats-icona .numero { display: block; font-size: 14px; font-weight: 500}
.stats-icona .numero .parziale{ font-weight: 400}
.stats-icona .numero .totale{ font-weight: 400; opacity: .6}
@media all and (max-width: 480px) {
    .statistiche { display: block; }
    .stats-icona{  float: none;}
}

@media all and (max-width: 480px) {
    .main > div > .inner{ margin: -50px auto 0 auto; padding: 50px 0;}
    .main > div > .inner .testo { padding: 0px 25px;}
    
}
/*per forzare i contenuti immeessi dall'utente*/
.main .testo video { max-width:100%!important; height:auto!important;}
.main .testo img { max-width:100%!important; height:auto!important;}
    
 


/*MENU IN PAGINA*/
.inpage-menu { text-align: center; margin: 0 0 40px 0;}
.inpage-menu.horizontal .btn-inpage{ border: none; outline: 0; padding: 10px 15px; margin: 4px 3px; font-size: 16px; font-weight: 300; color: #666; background-color:rgba(200,200,200,.2); transition: all .3s;}
.inpage-menu.horizontal .btn-inpage:hover { background-color:rgba(200,200,200,.1);}
.inpage-menu .btn-inpage.active { background-color: rgba(200,200,200,.9);color: #333;}
.inpage-menu .btn-inpage:hover.active { background-color: rgba(200,200,200,.9);color: #333;}
/* Tablet in modalità verticale */
@media all and (min-width: 737px) and (max-width: 1279px) {
    .inpage-menu.horizontal .btn-inpage{ padding: 8px 10px;font-size: 14px;  }
}

.inpage-menu.vertical .dropdown .btn.dropdown-toggle{border: none; outline: 0; padding: 10px 15px; margin: 4px 3px; font-size: 16px; font-weight: 300; color: #666; background-color:rgba(200,200,200,.2); transition: all .3s;}
.inpage-menu.vertical .dropdown .btn.dropdown-toggle:focus{ box-shadow:none}
.inpage-menu.vertical .dropdown .btn.dropdown-toggle:hover {background-color:rgba(200,200,200,.1);}
.inpage-menu.vertical .dropdown .btn.dropdown-toggle::after {display: inline-block; border: 0; padding: 0; margin: 0; vertical-align: unset; font-family: "Font Awesome 5 Free"; font-size: 9px; content: "\f078";}
.inpage-menu.vertical .dropdown-menu{ top: 100% !important; left: 50% !important; transform: translateX(-50%) !important; padding: 0}
.inpage-menu.vertical .dropdown-menu .btn-inpage{font-size: 16px; font-weight: 300; color: #666; transition: all .3s; text-align: center}
.inpage-menu.vertical .dropdown-menu .btn-inpage:hover {}
.inpage-menu.vertical .dropdown-menu .btn-inpage:focus { outline: 0; border: 0; background-color:rgba(200,200,200,.4);}
.inpage-menu.vertical .dropdown-menu .btn-inpage.active { background-color:rgba(200,200,200,.4);}
.inpage-menu.vertical .dropdown-menu .dropdown-divider {margin: 0}

@media all and (min-width: 737px) and (max-width: 1279px) {
    .content-filter { margin: 0px;}
}

@media all and (max-width: 820px) {
    .content-filter { margin: 0 25px;}
    .content-filter .col-sx{ padding-left: 0!important;padding-right: 0!important; border: none!important}
    .content-filter .col-dx{ padding-left: 0!important;padding-right: 0!important; border: none!important}
}
/*MENU PIATTI*/
.categoria-menu { position: relative;margin: 0 0 40px 0; border-bottom: 1px solid #ccc;}
.categoria-menu:last-child { border: 0;}
.categoria-titolo { font-size: 25px; font-weight: 300; text-align: right; margin-top: 30px;}
.elemento-menu { position: relative;display: inline-block; width: 100%; margin:0 0 40px 0;display: flex;  align-items: center;}
/*.elemento-menu:hover  > .em-testo { opacity: .6}*/
.elemento-menu .em-immagine { position: relative; float: left; width: 100px; height:100px; margin-right: 10px; border-radius: 50%;}
.elemento-menu .em-immagine .icon-gall { position: absolute;    left: 10px;    bottom: 10px;   padding-right: 3px;    padding-top: 2px;   transform: translateX(-50%);    background-color: #fff;    border-radius: 50%;    width: 20px;    height: 20px;    text-align: center;    font-size: 12px;}
.elemento-menu .em-immagine a { width: 100%;  height: 100%; display: inline-block; cursor:pointer;}
.elemento-menu .em-immagine img { width: 100%;  height: 100%;object-fit: cover;  object-position: center; border-radius: 50%; transition: all .2s}

.elemento-menu .em-immagine:hover img { transform: scale(1.1); }

.elemento-menu .em-testo { float: left; /*width: 50%;*/ max-width: 70%;  }
.elemento-menu .em-titolo {font-size: 16px;    font-weight: 400;}
.elemento-menu .em-descrizione {font-size: 14px;    font-weight: 300;}
.elemento-menu .em-prezzo {position: absolute; right: 20px;  float: right; font-weight: 600; text-align: right;   display: flex;    align-items: center;}
.elemento-menu .em-btn { float: right; /*width: 30px;*/ height: 30px; border-radius: 0%; background-color: #999; color: #fff; border: none; transition: all .3s  }
.elemento-menu .em-prezzo .em-btn {margin-left: 10px; }
.elemento-menu .em-btn:hover { opacity: .6}
.elemento-menu .em-btn i{ font-size: 12px; font-weight: 600;  }

.elemento-menu .em-info { position: absolute; right: 20px;   text-align: right; }
/* bugfix perche si accavalla quando ci sono piatti alternativi da scegliere */
.elemento-menu .em-info .em-btn { /*width: 30px;*/ height: 30px; font-size: 10px; font-weight: 300; background-color: #e8e8e8; color: #999;}
.elemento-menu .em-info .em-btn:hover { background-color: #999; color: #fff;}

.elemento-menu .em-alternative {position: absolute; right: 60px;  float: right; font-weight: 600; text-align: right;   display: flex;    align-items: center;}
.elemento-menu .em-alternative .em-btn {  }

.clickable-title { cursor: pointer; }
.clickable-title:hover { opacity: 0.6 }

.elemento-menu.sub {}
.elemento-menu.sub .em-immagine { width: 50px; height:50px;}
.elemento-menu.sub .em-immagine .icon-gall { left: 0px;    bottom: 0px;}

/*extra*/
.extra-scelti { margin: 30px 0; padding-bottom: 20px; border-bottom:1px solid #ccc; text-align: center}
.extra-scelti .elemento-menu.extra { display: inline-block; width: auto; border: 1px solid #ccc; padding: 15px; margin: 5px;}
.extra-scelti .elemento-menu .em-titolo { font-size: 13px;  }
.extra-scelti .elemento-menu .em-immagine { width: 50px; height:50px; margin-right: 10px;  border: 0px solid #f4f4f4; border-radius:0 !important;}


.elemento-menu.extra { border: 1px solid #ddd; padding: 40px;}
.elemento-menu.extra .em-immagine img { border-radius:0;}
.elemento-menu.extra .em-immagine .icon-gall { left:0}
.elemento-menu.extra-2 { border: 1px solid #ddd; padding: 40px;}
.elemento-menu.extra-2 .em-testo { width: 60%;}
.elemento-menu.extra-2 .em-immagine img { border-radius:0;}
.elemento-menu.extra-2 .em-immagine .icon-gall { left:0}

/* Tablet in modalità orizzontale */
@media all and (min-width: 737px) and (max-width: 1279px) {
    .elemento-menu .em-testo { max-width: 60%;}
    .elemento-menu .em-info { right: 10px;}
    /*.elemento-menu .em-immagine img { object-fit: contain;}	*/
}

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 768px) {
    .elemento-menu  { display: inline-block;}
    .elemento-menu .em-testo { width: 100%!important; max-width: 100%;    margin-top: 10px;}
}

/* Smartphone*/
@media all and (max-width: 480px) {
    .categoria-titolo {text-align: center; margin-bottom: 60px;}
    .elemento-menu { display: inline-block; margin-bottom: 50px; text-align: center;}
    .elemento-menu .em-immagine { width: 140px; height: 140px; float: none; margin: 0 auto; margin-bottom:10px;}
    /*.elemento-menu .em-immagine img { object-fit: contain;}*/
    .elemento-menu .em-testo { float: left; width: 100%; max-width: 100%; text-align: center}
    .elemento-menu .em-prezzo {position: relative; float: inherit;display: inline-block; right: inherit;margin-top: 10px; position: relative;}
    .elemento-menu .em-info { position: relative;display: inline-block; right: inherit;margin-top: 10px; position: relative;}
    .elemento-menu.extra-2 .em-testo { float: left; width: 100%; max-width: 100%; text-align: center}
    .elemento-menu .em-btn { width: 50px; height: 50px;margin-left:0;}
    .elemento-menu .em-info .em-btn { width: 50px; height: 50px; font-size: 12px;    padding: 0;   margin: 0;    text-align: center;}
    .elemento-menu .em-immagine .icon-gall { width: 30px; height: 30px;text-align: center; font-size: 14px;padding-right: 0px;  padding-top: 4px;}
    .elemento-menu.sub .em-titolo { margin-top: 20px;}
}

/*ICONE HELP*/
.help-icona-box { display: inline-block; width: auto; max-width: 20%; float: left; margin-bottom: 50px;  text-align: center; }
.help-icona-box:hover  img{ transform: scale(1.3);transition: .3s all}
.help-icona-box img { width: 100%; object-fit: contain; transition: .2s all}
.help-icona-box span{display: block; margin-top: -10px; font-size: 14px;}


/* NAV STACKED */
.nav-stacked > li > a { display: inline-block; width: 100%; border-radius: 0; border-top: 0; border-left: 3px solid transparent; color: #999; padding: 10px 10px }
.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover { background: transparent; color: #999; border-top: 0; border-left-color: #333 !important; }
.nav-stacked > li.header { border-bottom: 1px solid #ddd; color: #777; margin-bottom: 10px; padding: 5px 10px; text-transform: uppercase; }
.nav-stacked > li { position: relative; width: 100%; border-bottom: 1px solid #f4f4f4; margin: 0; }
.nav-stacked > li:last-of-type { border-bottom: none; }


/* NAV PILLS */
.nav-pills .nav-link { border-radius: 0rem }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background: rgba(255,255,255,.1); }
.nav-pills > li > a {  font-size: 14px; font-weight: 300 }
.nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion { margin-right: 5px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { }
.nav-pills > li.active > a { font-weight: 600; }

/*MODAL*/
/*.modal-header, .modal-footer { border: 0;}
.modal-content { width: 100%;min-height: 100%;}
.modal.show .modal-dialog { height: 100%;max-width: 100%; margin: 0}

*/

/*SIDEBAR*/
.sidebar{position:fixed;top:0px;right:-300px;width:300px;height:100%;border-left:1px solid #ccc;z-index:1031;background-color:rgb(255, 255, 255);  transition:all 0.2s ease;}
.sidebar.sidebar-left{ right: inherit; left: -300px; border: none; border-right:1px solid #ccc;}
.sidebar .sidebar-header{border-bottom:0px solid #ccc;padding:10px 20px;}
.sidebar .sidebar-header .sidebar-btn-close{position:absolute;top:6px;right:13px;font-size:20px;cursor:pointer;z-index:1;}
.sidebar .sidebar-body{width:100%;padding:20px 20px 20px 20px;height:calc(100vH - 100px);overflow-y:scroll; font-size: 13px;font-weight: 300;}
.sidebar .sidebar-footer{height:60px;border-top:1px solid #ccc;}
.sidebar.visible{right:0;transition:all 0.3s ease;}
.sidebar.sidebar-left.visible{right: inherit !important; left:0 !important; }

.sidebar .sidebar-body::-webkit-scrollbar-track{background-color: #transparent;}
.sidebar .sidebar-body::-webkit-scrollbar{width: 3px; height: 3px; background-color: transparent;}
.sidebar .sidebar-body::-webkit-scrollbar-thumb{ background-color: #666;}



/*
.modal{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}
.modal-dialog{position:fixed;margin:0;width:100%;max-width:100%;height:100%;padding:0}
.modal-content{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;box-shadow:none}
.modal-header{position:absolute;top:0;right:0;left:0;height:50px;padding:10px; border:0}
.modal-header .close{ outline: none !important; border: 0; font-size: 1em;}
.modal-title{font-weight:300;font-size:2em; line-height:30px}
.modal-body{position:absolute;top:10%;bottom:50px;width:100%;font-weight:300;overflow:auto;/ }
.modal-footer{position:absolute;right:0;bottom:0;left:0;height:60px;padding:10px; border: 0;font-size: 14px;  text-align: left;}
@media all and (max-width: 480px) {
    .modal-body{ top: 50px; bottom: 50px;}
}*/

.modal-header .close{ outline: none !important; border: 0; font-size: 14px;}
.modal-content{border-radius:0;}
.modal-body h2 { font-size: 24px;}

/*per forzare i contenuti immeessi dall'utente*/
.modal video { max-width:100%!important; height:auto!important;}
.modal img { max-width:100%!important; height:auto!important;}
    
.modal-full{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}
.modal-full .modal-dialog{position: fixed;    top: 20px;    left: 20px;    margin: 0;   width: calc(100vw - 40px);    max-width: 100%;    height: calc(100vh - 40px);    padding: 0;}
.modal-full .modal-content{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;box-shadow:none}
.modal-full .modal-header{position:absolute;top:0;right:0;left:0;height:50px;padding:10px; border:0}
.modal-full .modal-header .close{ outline: none !important; border: 0; font-size: 1em;}
.modal-full .modal-title{font-weight:300;font-size:2em; line-height:30px}
.modal-full .modal-body{position:absolute;top:10%;bottom:50px;width:100%;font-weight:300;overflow:auto;/ }
.modal-full .modal-footer{position:absolute;right:0;bottom:0;left:0;height:60px;padding:10px; border: 0;font-size: 14px;  text-align: left;}
/*
@media all and (max-width: 480px) {
    .modal-body{ top: 50px; bottom: 50px;}
}
 */
@media all and (min-width: 480px) and (max-width: 820px) {
.modal-dialog {
    max-width: 80%;
    }
}
 

/* FOOTER */
.footer{position: relative;width:100%;height:auto; padding: 20px; background-color:rgba(200,200,200,1); font-size: 14px; z-index: 2; transition: all .3s}
.footer.small{padding: 10px 20px; }
.footer.fixed-bottom { position: fixed; bottom: 0; z-index: 1032}

.footer .col-left { text-align: left}
.footer .col-right { text-align: right}
.footer .credits { font-weight: 700;}
.footer .credits span { font-weight: 300;}
.footer .cliente { font-weight: 300;}
.footer .cliente i{ font-size: 16px; padding: 0 5px;}


/*@media all and (min-width: 1440px) {
	.footer{position: fixed; bottom: 0;}
}*/
@media all and (min-height: 1100px) {
    .footer{position: fixed; bottom: 0;}
}

/* Smartphone o piccoli Tablet */
@media all and (max-width: 738px) {
    .footer.fixed-bottom { position: relative; bottom:inherit;}
    .footer .col-left { text-align: center}
    .footer .col-right { text-align: center}
    .footer .credits { padding: 5px;}
}