body,html{margin: 0; padding: 0; font-family: 'Roboto', sans-serif;overflow-x:hidden; height: 100%;}


body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Contenitore principale che si espande */
.main-content {
    flex: 1 0 auto; /* Questo fa sì che il contenuto si espanda occupando lo spazio disponibile */
}



/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Awesome/fonts/fontawesome-webfont.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Awesome/fonts/fontawesome-webfont.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.rotate{-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite;}
.maxH100{max-height:100px}
@media (max-width: 767px){
	.maxH100{position:relative;left:48px}
}
.hidden{display: none}
.btn-trasparente{background: none; border: 0px solid}
.btn-trasparente.blue {background-color:#006688;}
.no-style{list-style: none;padding: 0; margin: 0;}
.block{display: block}
.nopi{padding: 0!important}
.clearfix{clear: both;}
.no-overflow{overflow: hidden;}
.uppercase{text-transform: uppercase}
.lowercase{text-transform: lowercase}
.m20{margin: 20px;}
.mtop-20 {margin-top: -20px;}
.nob {border: 0px solid!important;}
.nobackc{background-color:transparent!important}
.strong{font-weight:bold}
.mtop20{margin-top:20px}
.mbottom20{margin-bottom:20px}
.mtop40{margin-top:40px}
.mbottom40{margin-bottom:40px}
.p20 {padding: 20px;}
.pl20 {padding-left: 20px;}
.pr20 {padding-right: 20px;}
.text-black {color: #333;}
.p10 {padding: 10px;}
.nop{padding: 0px!important}
.nopl{padding-left: 0px!important}
.nopr{padding-right: 0px!important}
.nopt{padding-top: 0px!important}
.nopb{padding-bottom: 0px!important}
.noml{margin-left: 0px!important}
.nomr{margin-right: 0px!important}
.nomt{margin-top: 0px!important}
.nomb{margin-bottom: 0px!important}
.nom{margin: 0px!important}
.full-width{width: 100%}
.noStyle {list-style: none;margin: 0;padding: 0;}
.center{margin: 0 auto}
.pointer{cursor:pointer}
.bg-gray{background-color: #f2f2f2}
.bg-white{background-color: #fff}
.bg-green{background-color: #39b54a}
.bg-dark-green{background-color: #006837}
.bg-black{background-color: #000}
.bg-black-a{background-color: rgba(0, 0, 0, 0.863)}
.nobc {background-color: transparent!important;border-color: transparent!important;}
.text-white{color:#fff}
.nowrap {white-space: nowrap;}
.p5{padding:5px!important;}
.alert.alert-primary {background-color: #c5e0f3;border: 1px solid #90c5e8;color: #26597b;}
.decorator-page {background-color: #e8e8e8;background-size: cover;}
.decorator-page .site-header {background-color: #fff;box-shadow: 0px 3px 13px rgba(0,0,0,0.5);top: 50%; transform: translateY(-50%);position: absolute;}
.error-p{display: inline-block;line-height: 30px;margin: 0;padding: 20px;vertical-align: middle;color: #F44336;}
.error {background-color: #F44336;display: inline-block;padding: 20px;box-shadow: 0 0 0 5px #f443368a;border-radius: 50%;vertical-align: baseline;}
.required.error {background-color: white;border-color:#F44336;display: inline-block;padding: 0px;box-shadow: 0 0 0 0 #fff;border-radius: 0;vertical-align: baseline;}
.valid.error {background-color: white;border-color:#fff;display: inline-block;padding: 0px;box-shadow: 0 0 0 0 #fff;border-radius: 0;vertical-align: baseline;}
.error svg polygon{fill:#fff}
.error svg {width: 50px;height: 46px;margin: 2px 0 -4px;}
.error-code {font-size: 5em;margin: 0 0 15px 0;display: block; text-align: left}
.angle-down {position: fixed;bottom: 0;left: 0;border: 80px  solid #009245;border-top-color: transparent;border-right-color: transparent;}
.angle-top {position: fixed;top: 0;right: 0;border: 80px  solid #009245;border-bottom-color: transparent;border-left-color: transparent;}
.error .letter {font-size: 4.2em;color: #fff;width: 50px;line-height: 50px;height: 50px;display: inline-block;font-weight: bold;}

.button {padding: 10px 20px;display: inline-block;border: 1px solid #333;color: #333;vertical-align: middle;transition: all 0.2s}
.button:hover,.button:focus {background-color: #333;color: #fff;text-decoration: none}
.button.full{border: 1px solid transparent; background-color: #333; color:#fff}
.button.full:hover,.button.full:focus {background-color: #000; text-decoration: none}
.site-territorio .button {background-color: #fff;border-color:#009245;color: #009245;}
.site-territorio .button:hover, .site-territorio .button:focus {background-color: #009245;color:#fff}
.site-territorio .button.full {background-color:#009245;color: #fff;}
.site-territorio .button.full:hover, .site-territorio .button.full:focus {background-color:#00642f;}

.section-title {font-size: 1.5em;margin: 0 0 20px 20px;}

.site-header {background: url("../images/barra_top.png") repeat-x top left;padding: 0;position: relative;}
.site-header>div{padding: 20px 150px 20px 20px;margin: 0;}
.site-header .logo{max-width: 205px;width: 100%;}

.site-selector {display: inline-block;margin-left: 20px;border-left: 1px solid #bebebe;padding-left: 20px;line-height: 58px;}
.site-selector p {margin: 0;}
.site-selector p:before {content: "";border: 9px solid #bebebe;border-right-color: transparent;border-top-color: transparent;border-bottom-color: transparent;display: inline-block;line-height: initial;margin-left: -20px;margin-right: 5px;vertical-align: middle;}
.site-selector span {padding: 10px 20px;background-color: #333;border-radius: 21px;font-weight: bold;font-size: 1.2em;color: #fff;-webkit-animation: fadein 2s;-moz-animation: fadein 2s;-ms-animation: fadein 2s;-o-animation: fadein 2s;animation: fadein 2s;}
.site-selector span.noback{padding: 0;background-color: transparent;border-radius: 0;color: #039047;}
.subtitle{display: block;line-height: 10px;margin-top: -16px;}
.site-territorio .site-selector span{background-color: #009245}
.site-ambiente .site-selector span{background-color: #f15a24}
.site-xylella .site-selector span{background-color: #bf97c1}

.site-menu{position: relative;margin-bottom: 7px;border-bottom: 2px solid #e6e6e6;}
.site-menu .navbar-nav>li>a {padding: 8px 15px;border-bottom: 4px solid transparent;margin-bottom: -2px;text-transform: uppercase;font-weight: bold;color: #333;transition: all 0.2s}
.site-menu .navbar-nav>li>a:hover,.site-menu .navbar-nav>li>a:focus, .site-menu .navbar-nav>li.active >a{border-bottom-color: #333;}
.site-menu .navbar-nav>li.pianificazione.active>a,.site-menu .navbar-nav>li.pianificazione>a:hover,.site-menu .navbar-nav>li.pianificazione>a:focus {border-bottom-color: #2b86c2;color:#2b86c2}
.site-menu .navbar-nav>li.territorio.active>a,.site-menu .navbar-nav>li.territorio>a:hover,.site-menu .navbar-nav>li.territorio>a:focus {border-bottom-color: #5ebf66;color:#5ebf66}
.site-menu .navbar-nav>li.banche-dati.active>a,.site-menu .navbar-nav>li.banche-dati>a:hover,.site-menu .navbar-nav>li.banche-dati>a:focus {border-bottom-color: #297d56;color:#297d56}
.site-menu .navbar-nav>li.amministrazione.active>a,.site-menu .navbar-nav>li.amministrazione>a:hover,.site-menu .navbar-nav>li.amministrazione>a:focus {border-bottom-color: #2b86c2;color:#2b86c2}
.site-menu .navbar-nav>li.servizi.active>a,.site-menu .navbar-nav>li.servizi>a:hover,.site-menu .navbar-nav>li.servizi>a:focus {border-bottom-color: #2b86c2;color:#2b86c2}
.site-menu .navbar-nav>li.sit.active>a,.site-menu .navbar-nav>li.sit>a:hover,.site-menu .navbar-nav>li.sit>a:focus{border-bottom-color: #f37a4f;color:#f37a4f}
    
.site-submenu {background-color: #e6e6e6;}
.site-submenu-title {background-color: #333;color: #fff;padding: 16px 10px;position:relative; padding-right:40px}
.site-submenu-title h3 {margin: 0;font-size: 1.2em;}
.site-submenu-title button{position:absolute; top: 50%; right:-11px;margin-top:-13px}

.site-content-pianificazione .site-submenu li.active a {background-color: #d3e7ef!important;}
.site-content-pianificazione .site-submenu-title {background-color: #2b86c2;}

.site-content-amministrazione .site-submenu-title {background-color: #4e519e;}
.site-content-amministrazione .portlet-title-text {border-left-color: #4e519e;background-color: #e6e7fb;}
.site-content-amministrazione .panel-title a i, .site-content-amministrazione .firstLevel i{color: #333;font-weight: normal;}
.site-content-amministrazione .site-submenu-title rect{fill: #2d3079}
.site-content-amministrazione .portlet-title-text {border-left-color: #E6E6E6;background-color: #E6E6E6;color: #006688;font-weight:bold;}

.inner-page .breadcrumb {background-color: transparent;margin: 5px 0;font-size: 0.95em;}
.inner-page .breadcrumb>li {color: #636262;}
.inner-page .breadcrumb li a {color: #636262;text-decoration: none;}
.inner-page .breadcrumb:before {content: "";width: 20px;height: 20px;background:url("../images/breadcrumb_home.png") no-repeat center;display: inline-block;vertical-align: middle;margin-right: 10px;}

.minifize {width: 0px;display: inline-block;position: relative;}
.minifize > div {display: none;}
.minifize + div{width: 100%;}
.expandMenu {position: absolute;top: 4px;right: -30px;width: 30px;background: #00436f;height: 40px;z-index: 1;color: #fff;display:none;padding: 13px 0;}
.minifize .expandMenu {display: block;}

#myModal .modal-dialog {width: 100%;max-width: 750px;min-width: 750px;}
.modal-content {border-radius: 0;border: 0px solid;}
.modal-content .modal-header {background-color: #4CAF50;color: #fff;}

.site-territorio .breadcrumb li.active {color: #2b86c2;}

.panel-body {background: transparent;border: 0px solid;padding: 0;border-top-color: transparent;}
.panel-group .panel {border: 0px solid;border-radius: 0;box-shadow: none;margin: 0;border-bottom: 1px solid #ccc;}
.panel-default>.panel-heading {background-color: transparent;padding: 0;border-radius: 0;}
.panel-title {font-size: 0.9em;line-height: 22px;}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #ccc;}
.panel-group .panel+.panel {margin: 0;}
.panel-title a {display: block;position:relative;padding: 10px 35px 10px 10px;text-decoration: none;transition: background-color 0.2s;font-weight:bold;background-color: /*#fff*/#F2F2F2;border: 1px solid #c7c7c7;border-bottom: 2px solid /*#c7c7c7*/#006688;color:#006688}
.panel-title a:hover,.panel-title a:focus {background-color: /*#fff*/#F2F2F2;border-bottom: 2px solid #006688;}
.panel-title a i , .firstLevel i{font-size: 2em;top: 50%;font-weight: bold;right: 9px;margin-top: -12px;position: absolute;color: #2b86c2;}
.panel .panel .panel-title a i {color: #949494;}
.panel .panel {background-color: #f2f2f2;}
.panel .panel .panel {background-color: #fff;}
.panel .panel .panel-title a {background-color:#f2f2f2;padding-left: 15px;}
.panel .panel .panel .panel-title a {background-color:#fff}

.submenu-list a {background-color: #fff;display: block;padding: 12px 10px 12px 25px;color: #333;border-bottom:1px solid #f3f3f3;font-size: 0.9em;}
.portlet-title {margin: 0 2%;line-height: 1.8em;width: 96%;font-size: 1.6em;color:#006688}
.portlet-title-text{margin-top: 0;border-left: 3px solid #0071bc;background-color: #cce3f2;color: #0071bc;display:block;padding: 15px;font-size: 1.2em;margin-bottom: 2px;max-width: none;}
.portlet-description {margin: 0 2%;line-height: 1.8em;width: 96%;font-size: 1.1em;}
.portlet-content-container {padding: 15px;font-size: 0.9em;}
.tab-content {padding: 20px 0px 10px 0; }
.site-content.tab-content {padding-top:0}
.hide-accessible {clip: rect(0 0 0 0) !important;position: absolute !important;-webkit-transform: scale(0);-webkit-transform-origin-x: 0;-webkit-transform-origin-y: 0;_position: absolute !important;}

.search {position: absolute;top: 4px;left: 0;right: 0;bottom: 0;background: #fbfbfb;}
.search input {width: 100%;background: transparent;border: 0;font-size: 2em;padding: 29px 100px 29px 29px;}
#search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #d8d8d8;font-style: italic;}
#search ::-moz-placeholder { /* Firefox 19+ */color: #d8d8d8;font-style: italic;}
#search :-ms-input-placeholder { /* IE 10+ */color: #d8d8d8;font-style: italic;}
#search :-moz-placeholder { /* Firefox 18- */color: #d8d8d8;font-style: italic;}
.close-search-button {position: absolute;top: 50%;right: 10px;padding: 20px;margin-top: -33px;}
.search .btn-search {position: absolute;top: 50%;right: 50px;padding: 20px;margin-top: -39px;}
.search .btn-search path {fill: #4d4d4d;}

.btn-collapse {position: absolute;top: 0;right: 0;z-index: 10;background-color: #0b77bf;border-radius: 50%;margin: 20px;width: 30px;height: 30px;line-height: 33px;}

.inner-page .carousel-inner img {margin-top: -20%;}
.inner-page .carousel-inner {max-height: 250px}

.right-button {width: 120px;margin-top: 9px;position: absolute;top: 20px;right: 0px;}
.right-button button{min-height:47px}
.right-button button:hover, .right-button button:focus{background-color:#f7f7f7; border-radius:50%}
.right-button button:hover svg path,.right-button button:focus svg path{fill: #333333;}

.right-button.nohover button:hover, .right-button.nohover button:focus{background-color:#006688; border-radius:0}
.right-button.nohover button:hover svg path,.right-button.nohover button:focus svg path{fill: #fff;}
.right-button.nohover button:hover svg path,.right-button.nohover button:focus svg path{fill: #fff;}

.banner{background: url("../images/barra_top.png") repeat-x bottom left;}
.carousel-inner {max-height: 320px;margin-bottom: 3px}
.carousel-inner img {width: 100%;}

.carousel-control {width: 50px;}
.carousel-control.left,.carousel-control.right {background-image: none;}
.carousel-control svg {position: absolute;top: 50%;margin-top: -25px;}
.carousel-control.left svg{left: 50%; margin-left:-12px}
.carousel-control.right svg{right: 50%; margin-right:-12px}

.nav-inline>li {display: inline-block;}

.portal-container{ background-color: #f5f5f5;}
.list-portal {margin-top: -30px;transition: border-bottom-color 0.2s;border-bottom: 3px solid #fff;}
.list-portal>li {float: none;}
.list-portal>li>a, .list-portal>li.active>a {border: 0!important;background-color: transparent!important;}
.list-portal.territorio{border-bottom-color:#006837;}
.list-portal.ambiente{border-bottom-color:#f15a24;}
.list-portal.xylella{border-bottom-color: #bf97c1;}

.arrow-item {display: none;border: 22px solid #fff;width: 22px;height: 22px;border-top-color: transparent;border-left-color: transparent;border-right-color: transparent;margin: -13px auto;}
.list-portal.territorio .arrow-item{border-bottom-color:#006837;}
.list-portal.ambiente .arrow-item{border-bottom-color:#f15a24;}
.list-portal.xylella .arrow-item{border-bottom-color:#bf97c1;}
    
li.active .arrow-item {display: block;}

.list-portal a{transition: all 0.2s; transform: scale(0.9)}
.list-portal .active a {transform: scale(1);}
.list-portal a:hover,.list-portal a:focus{transform: scale(1);background-color: transparent!important;}
.list-portal .active a {opacity: 1;}
.list-portal a {opacity: 0.7}
.list-portal img {border:4px solid #bebebe;border-radius:50%;padding: 2px;box-shadow: 0 0 0 7px rgb(255, 255, 255);background-color: #fff;width: 100px;}
.list-portal .territorio img{border-color: #006837}
.list-portal .ambiente img{border-color: #f15a24}
.list-portal .xylella img{border-color: #bf97c1}
.list-portal span {display: block;font-size: 1.4em;margin: 10px 0;color: #333;text-transform: uppercase;}  
.list-portal-item-item.void .images {background-color: #f9f9f9;border: 10px solid #efefef;}
.list-portal-item-item.void .name {width: 54%;min-height: 55px;}
.list-portal-item-item.void .name:after {content: "";width: 102%;height: 42px;background: #efefef;display: block;}

.sketch-element p {position: absolute;top: 120px;z-index: 100;background: #525252;padding: 12px;max-width: 500px;width: 100%;color: #fff;box-shadow: 0 0 0 5px rgba(255,255,255,0.8);font-size: 1.2em;text-align: center;left: 50%;margin-left: -250px;}
.sketch-element {position: relative;}

.list-portal-item-item {overflow: hidden;padding: 0;height: 340px;position: relative;}
.list-portal-item-item img {height: 100%;}
.list-portal-item-item a{color: #333}
.list-portal-item-item .name {position: absolute;z-index: 1;top: 20px;text-transform: uppercase;font-size: 1.8em;font-weight: bold;background-color: #fff;background-color: rgba(255,255,255,0.9);padding: 10px 20px;border-left: 10px solid #bebebe;max-width: 250px;}
.list-portal-item-item.pianificazione .images{ background: url("../images/pianificazione.jpg") no-repeat; background-size: cover}
.list-portal-item-item.pianificazione .name {border-color: #2b86c2;}
.list-portal-item-item.territorio .images{ background: url("../images/gestione_territorio.jpg") no-repeat; background-size: cover}
.list-portal-item-item.territorio .name {border-color: #5ebf66;}
.list-portal-item-item.banche-dati .images{ background: url("../images/banche_dati.jpg") no-repeat; background-size: cover}
.list-portal-item-item.banche-dati .name {border-color: #297d56;}
.list-portal-item-item.amministrazione .images{ background: url("../images/amministrazione.jpg") no-repeat; background-size: cover}
.list-portal-item-item.amministrazione .name {border-color: #4e519e;}
.list-portal-item-item.servizi .images{ background: url("../images/servizi.jpg") no-repeat; background-size: cover}
.list-portal-item-item.servizi .name {border-color: #8b6a4a;}
.list-portal-item-item.sit .images{ background: url("../images/sit.jpg") no-repeat; background-size: cover}
.list-portal-item-item.sit .name {border-color: #f37a4f;}
.list-portal-item-item.autorizzazioni-ambientali .images{ background: url("../images/autorizzazioni_ambientali.jpg") no-repeat; background-size: cover}
.list-portal-item-item.autorizzazioni-ambientali .name {border-color: #2b86c2;}
.list-portal-item-item.rifiuti-bonifica .images{ background: url("../images/rifiuti.jpg") no-repeat; background-size: cover}
.list-portal-item-item.rifiuti-bonifica .name {border-color: #5ebf66;}
.list-portal-item-item.att-estrattive .images{ background: url("../images/att_estrattive.jpg") no-repeat; background-size: cover}
.list-portal-item-item.att-estrattive .name {border-color: #297d56;}
.list-portal-item-item.normativa .images{ background: url("../images/normativa.jpg") no-repeat; background-size: cover}
.list-portal-item-item.normativa .name {border-color: #2b86c2;}
    
.images {display: block;width: 100%;height: 100%;}
.list-portal-item-item .images{transition: all 0.2s;}
.list-portal-item-item a {height: 340px;}
.list-portal-item-item a:hover .images, .list-portal-item-item a:focus .images {transform: scale(1.05);}

.site-footer {background-color: #4d4d4d;padding: 10px 0 0 0;margin-top: auto;}
.site-footer .logo{margin: 0 0 15px 15px}
.footer-nav { background-color:#1a1a1a;color: #fff;text-align: center;margin-bottom:0;margin-top: 0px;padding: 10px;font-size: 0.85em;}
.footer-nav>li {display:inline}
.footer-nav>li>a {color: #fff;padding: 0px 10px;border-right: 1px solid #fff;text-decoration: underline}
.footer-nav>li>a:hover, .footer-nav>li>a:focus {background-color: transparent;color: #d8d8d8;}
.description-footer {color: #fff;font-size: 0.8em;text-align: right;margin: 0 20px 20px;float: right;}

.news-item {background-color: #f2f2f2;padding: 15px 100px 15px 15px;border-left: 4px solid #39b54a;color: #333; position: relative;border-radius: 0 6px 6px 0;box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);}
.news-title {font-weight: bold;color: #006837;}
.news-description {margin: 0;font-size: 0.9em;}
.news-action {position: absolute;top: 20px;right: 0;width: 80px;text-align: center;bottom: 20px;border-left: 1px solid #39b54a;display: -webkit-flex; /* Safari */  display: flex;-webkit-align-items: center; /* Safari 7.0+ */align-items: center;-webkit-justify-content: center;justify-content: center;}
.news-action a {display: block;padding: 20px;}
.news-action a svg{transition: all 0.2s}
.news-action a:hover svg, .news-action a:focus svg {transform: translateX(5px);}

.grid{margin:0 -10px 0 -10px}

@media (max-width: 767px){
    .grid{margin:0}
}

.grid-item{width: 33.33%;position: absolute;top: 0;left: 0;box-sizing: border-box;margin: 0;background-color: transparent;padding:0 1% 26px 1%}
.grid-item .box_simple_icon{margin-bottom:0px}

#grid {margin-top: -20px;position: relative;}
.video {margin-top: 30px;}
.video_item_box {background: #ffffff;overflow: hidden;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.35);-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.35);box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.35);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:2px solid transparent;transition:border 0.2s}
.video_item_box:hover {box-shadow: 0 0 10px rgba(0,0,0,0.2);border:2px solid #009245;}
.video_item_box p{font-size: 0.9em; margin: 0;}

.video-name {margin: 0;font-size: 1.2em;padding: 10px;color: #009245;}
.poster-container {overflow: hidden;height: 150px;background-color: #636363;position: relative;background-size: cover;background-repeat: no-repeat}
.poster-container svg {position: absolute;top: 50%;left: 50%;margin-left: -40px;margin-top: -40px;}

.faq-item {font-size: 0.9em;}
.faq-item a {display: block;border-left: 3px solid #fff;padding: 15px;color: #fff; text-decoration: none; transition: all 0.2s}
.faq-item a:hover, .faq-item a:focus{border-left-width: 7px}

.faq {margin-bottom: 12px; background-image: url("../images/bg_faq.png"); background-repeat: no-repeat; background-position: right center}
.ob {background: #fff;-ms-transform: skew(0deg, 0.5deg); /* IE 9 */-webkit-transform: skew(0deg, 0.5deg); /* Safari */transform: skew(0deg, 0.5deg);height: 12px;margin: 30px -5px -26px -5px;border-top: 1px solid #006837;}

.mappa {border-top: 10px solid #fff;background: url("../images/bg_mappa.png") no-repeat top center; background-size: cover;overflow: hidden;}
.mappa .section-title{margin-top:20px; margin-bottom: 40px; text-shadow: 1px 0px 4px rgb(255, 255, 255);}
.pc {border: 20px solid #000;border-radius: 12px;height: 200px;max-width: 80%;margin: 20px auto -70px auto;}
.bg-pc {background: #fff url("../images/maps.jpg") no-repeat center;background-size: cover;width: 100%;height: 100%;position: relative;}
.bg-pc .button {position: absolute;bottom: 15px;width: 300px;text-align: center;left: 50%;margin-left: -150px;}

.catasto{min-height: 300px;background: url("../images/bg_catasto.jpg") no-repeat center; background-size: cover;border-top: 10px solid #fff;border-bottom: 10px solid #fff;}
.catasto-item{min-height: 300px;}

.forum-intestazione {text-align: center;margin-top: -14px;}
.forum-intestazione img {width: 100%;max-width: 958px;}
.forum-divisore {margin: -10px 0 -20px 0;}
.forum-divisore img {width: 100%;height: 97px;}
.site-territorio .forum .button {border-color: #0071bc;color: #333;}
.site-territorio .forum .button:hover,.site-territorio .forum .button:focus{background-color:#0071bc; color:#fff}
.forum .button + .button{margin-left: 30px;}

@media (min-width: 1460px){
    .col-lgg-1, .col-lgg-2, .col-lgg-3, .col-lgg-4, .col-lgg-5, .col-lgg-6, .col-lgg-7, .col-lgg-8, .col-lgg-9, .col-lgg-10, .col-lgg-11, .col-lgg-12 {float: left;}
    .col-lgg-12 {width: 100%;}
    .col-lgg-11 {width: 91.66666667%;}
    .col-lgg-10 {width: 83.33333333%;}
    .col-lgg-9 {width: 75%;}
    .col-lgg-8 {width: 66.66666667%;}
    .col-lgg-7 {width: 58.33333333%;}
    .col-lgg-6 {width: 50%;}
    .col-lgg-5 {width: 41.66666667%;}
    .col-lgg-4 {width: 33.33333333%;}
    .col-lgg-3 {width: 25%;}
    .col-lgg-2 {width: 16.66666667%;}
    .col-lgg-1 {width: 8.33333333%;}
}
@media (max-width: 767px){
    .grid-item{width:100%;padding:0 0 20px 0}
	.step .nav-tabs > li {width:auto; display:block; padding:8px 0; margin: 0 8px 0 0;}
	.step .nav-tabs>li>a {padding:10px 0 !important;border-bottom:1px solid;}
	table.dataTable>tbody>tr.child span.dtr-title>button, table.dataTable>tbody>tr.child span.dtr-data > button{/* display:none; */}
	table.dataTable>tbody>tr.child span.dtr-data>button.desk-none {display:block!important;text-align: center;width: 100%;border: 1px solid #aaa;border-radius:2px;background-color:#ccc;}
	.cont-timeline {  max-height: 400px;  overflow-y: scroll;overflow-x: hidden;}
	
}
@media (min-width: 768px) and (max-width: 991px){
    .grid-item{width:48%;padding:0 1% 20px 1%}
	.step .nav-tabs > li {width:auto; display:block; padding:8px 0;margin: 0 20px 0 0;}
	.step .nav-tabs>li>a {padding:10px 0 !important;border-bottom:1px solid;}
	table.dataTable>tbody>tr.child span.dtr-title>button, table.dataTable>tbody>tr.child span.dtr-data > button{/*display:none;*/}
	table.dataTable>tbody>tr.child span.dtr-data>button.desk-none {display:block!important;text-align: center;width: 100%;border: 1px solid #aaa;border-radius:2px;background-color:#ccc;}
	.tab-content {background-color: white;height: 100%;float: left;width: 100%; }
}
@media (min-width: 992px ) {
    .list-portal li {margin: 0 30px;}
    .list-portal img{width: initial}
    .pc{height: 400px;border: 50px solid #000;}
    
    .site-content {display: table;width: 100%;}
    .site-content > * {display: table-cell;float: none; vertical-align: top}
	
	
}

/* animazioni css3 */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.document-list {margin-top: 10px;}
.site-content-pianificazione .document-item .document-title {border-color: #0071bc;}
.site-content-pianificazione .button {background-color: #fff;border-color: #0071bc;color: #0071bc;}
.site-content-pianificazione .button:hover, .site-content-pianificazione .button:focus {background-color: #0071bc;color: #fff;}

.document-item {background-color: #fff;border: 1px solid #cccccc;margin-bottom: 30px}
.document-item .document-title {min-height: 36px;margin: 0px 0 10px -1px;border-left: 3px solid #333;padding: 10px;font-size: 1.2em;font-weight: bold;}
.document-description {min-height: 80px;padding: 10px;margin: 0;}
.pulsantiera {padding: 10px;border-top: 1px solid #ccc;}

.document-item-1 {padding-right: 150px;position: relative;margin-right: 15px;}
.document-item-1 .pulsantiera {position: absolute;top: 0;right: 0;bottom: 0;width: 150px;text-align: center;border-top: 0px solid;border-left: 1px solid #cccccc;display: -webkit-flex; /* Safari */  display: flex;-webkit-align-items: center; /* Safari 7.0+ */align-items: center;-webkit-justify-content: center;justify-content: center;}

/* PER VERSIONE CON GRIDSTER */
.fixedH {height: 160px;}
.dtable {display: table;width: 100%;}
.dtable > * {float: none;display: table-cell;vertical-align: middle;}
.noh{height: initial!important;}

.territorio-site {background-color: #009245;color: #fff;position: absolute;top: 3px;bottom: 0;line-height: 150px;}
.ambiente-site {background-color: #39b54a;color: #fff;position: absolute;top: 3px;left:33.33%;bottom: 0;line-height: 150px;}
.xylella-site {background-color: #d9e021;color: #fff;position: absolute;top: 3px;left:66.66%;bottom: 0;line-height: 150px;}
.portal-list {font-size: 1.5em;}
.portal-list a{color:#fff;text-decoration: none; display: block; transition:all 0.2s}
.portal-list a .overlayer{transition:all 0.2s;height:0px;}
.portal-list .active a, .portal-list a:focus, .portal-list a:hover{line-height: 270px;}
.portal-list .active a .overlayer, .portal-list a:hover .overlayer, .portal-list a:focus .overlayer {height:70%;display: inline-block;background-color: #3c3c3c;position: absolute;top: 0;left: 0;right: 0}
.portal-list a .territorio-o {background: url("../images/img_territorio.png") no-repeat center;background-size: cover;}
.portal-list a .ambiente-o {background: url("../images/img_ambiente.png") no-repeat center;background-size: cover;}
.portal-list a .xylella-o {background: url("../images/img_xylella.png") no-repeat center;background-size: cover;}

.gridster .gs-w {background: #fff;}
.gridster li {font-size: 1em;font-weight: bold;text-align: center;line-height: 100%;overflow: hidden;}
.gridster.list-portal-item-item .name{position:absolute;bottom:0;top: initial;border-left: 0px solid;left:0;right:0;padding: 10px;max-width: none;font-size: 1.1em;}
.pianificazione-back .images{ background: url("../images/pianificazione.jpg") no-repeat; background-size: cover}
.territorio-back .images{ background: url("../images/gestione_territorio.jpg") no-repeat; background-size: cover}
.banche-dati-back .images{ background: url("../images/banche_dati.jpg") no-repeat; background-size: cover}
.amministrazione-back .images{ background: url("../images/amministrazione.jpg") no-repeat; background-size: cover}
.servizi-back .images{ background: url("../images/servizi.jpg") no-repeat; background-size: cover}
.sit-back .images{ background: url("../images/sit.jpg") no-repeat; background-size: cover}

.catasto-back .images{ background: url("../images/bg_catasto.jpg") no-repeat; background-size: cover}
.mappe-back .images{ background: url("../images/maps.jpg") no-repeat; background-size: cover}
.forum-back .images{ background: url("../images/forum.jpg") no-repeat; background-size: cover}
.faq-back .images{ background: url("../images/faq.jpg") no-repeat; background-size: cover}
.news-back .images{ background: url("../images/news.jpg") no-repeat; background-size: cover}

.inner-pages {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.9);z-index: 10;flex: 1 0 auto; overflow-y: auto;}
.inner-pages .site-header {height: 200px;overflow: hidden;transition: all 0.2s}
.inner-pages .site-header img {width: 100%;margin-top: 3px;}


.scolled .inner-pages .site-header {height: 100px;}
.scolled .inner-pages .site-header-intastazione, .scolled .inner-pages .close-site-inner{top: 20px}
.scolled .scrollable{top:100px}

.site-header-intastazione {position: absolute;z-index: 100;color: #fff;left: 50px;top: 54px;}
.site-header-intastazione .inner-page-title {margin: 0;padding: 15px 25px;background-color: #0071bc;display: inline-block;vertical-align: middle;}
.site-header-intastazione .navbar-arrow {font-size: 3em;}
.site-header-intastazione .navbar-toggle, .site-header-intastazione .navbar-arrow {display: inline-block;float: none;background-color: #004870;margin: 0;border-radius: 0;width: 63px;height: 63px;vertical-align: middle;border: 0px solid;}
.site-header-intastazione .navbar-toggle .icon-bar {background-color: #fff;margin: 6px auto;}
.close-site-inner {font-size: 2em;color: #fff;background-color: #F44336;width: 63px;height: 63px;border: 0px solid;z-index: 100;position: absolute;top: 54px;right: 50px;}

.scrollable {position: absolute;top: 200px;bottom: 0;left: 0;right: 0;overflow: auto;}

.inner-pages .breadcrumb {background-color: rgba(255,255,255,0.8);margin: 0;padding-top: 23px;padding-bottom: 23px;box-shadow: 0 0 9px rgba(0,0,0,0.5);border-radius: 0;position: relative;z-index: 1;}
.inner-pages .site-content .portlet {margin-top: 20px;}

#upCarousel {margin: 5px;}

.menu-open .icon-bar, .ics {display: none;}
.menu-open .ics {display: block;font-size: 2.2em;}
.menu-open .ics .fa-angle-left {margin-left: -12px;}

.firstLevel {color: #333;display: block;position: relative;padding: 10px 35px 10px 10px;text-decoration: none;transition: background-color 0.2s;background-color: #e6e6e6;font-size: 0.95em;}
.panel .panel .firstLevel {background-color: transparent;    padding-left: 15px;}
.panel .panel .firstLevel i {color: #a39594;}

.bttn {padding: 7px 12px;background-color: #fff;color: #000;border-radius: 3px;margin: 0 0 0 15px;transition: background-color 0.2s;border: 0px solid;}
.bttn:hover {background-color: #f2f2f2;}
.bttn:focus {background-color: #515151;color: #fff;}
.bttnRed {padding: 7px 12px;background-color: #ca181f;color: #fff;border-radius: 3px;margin: 0 0 0 15px;transition: background-color 0.2s}
.bttnRed:hover{color:#fff; background-color:#a94442}
.bttnRed:focus{color:#fff; background-color:#515151}

.closeBtn {background-color: #c1272d;border: 3px solid #fff;border-radius: 50%;color: #fff;width: 30px;height: 30px;}
.closeBtn:focus,.checkBtn:focus,
.closeBtn:hover,.checkBtn:hover{background-color: #333!important;}
.modificaBtn,.trasmettiBtn,.controllaBtn, .classicBtn, .visualizzaBtn {background-color: #0071bc;border: 3px solid #fff;border-radius: 50%;color: #fff;width: 30px;height: 30px;}

.tableContainer{border: 1px solid #d6d6d6;margin: 0 0 20px 0; border-radius:5px;overflow: auto;}
.tableContainer::-webkit-scrollbar{display: initial;}
.table th {background-color: #fff;border-top:0px solid white; color:#000}
.table td:empty {height: 30px!important;}
.table td{ min-height: 30px}
.table { margin-bottom:0px}
.table thead tr {border-bottom: 3px solid #999;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align:middle}
.table caption {display: none;	}
.table th:first-child {border-top-left-radius: 6px;}
.table th:last-child {border-top-right-radius: 6px;}
.table tr:last-child td:first-child {border-bottom-left-radius: 6px;}
.table tr:last-child td:last-child {border-bottom-right-radius: 6px;}
.table th,.table td {border-right: 1px solid #cccccc;}
.table th:last-child,.table tr td:last-child {border-right: 0px solid #cccccc;}
.table th.action {width: 100px;}

.inline.dropdown {display: inline-block;margin: 20px 0 0 0;}
.inline.dropdown .btn {border-top-color: transparent;border-left-color: transparent;border-right-color: transparent;border-radius: 0;border-bottom: 2px solid;}
.inline.dropdown .dropdown-menu {border-radius: 0;margin:0;}

section.banner-small img {width: 100%;margin-top: -100px;}
section.banner-small {max-height: 200px;overflow: hidden;margin-bottom: 20px;margin-top: -8px;}
	
.login {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #fff url("../images/business-2846221_1920.jpg") no-repeat top center;background-size:cover;z-index: 100;}
.inner-login {background-color: #fff;padding: 40px;}

.right-button .btn-close svg {width: 35px;height: 35px;padding: 7px;}
.right-button .btn-close svg polygon {fill: #0071bc;}
.right-button.flexs {display: flex;align-items: center;margin-top: 9px;position: absolute;top: 20px;width:initial;right: 3%;}
@media (max-width: 767px){
	.right-button.flexs {right: 10px;}
}
.intestazione {background-color: #9cbed4;height: 48px;}
.intestazione svg {position: absolute;top: 0;right: 0;padding: 4px;margin: 14px;}
.intestazione svg polygon {fill: #0d4971;}

.panel-body.nopb {padding: 20px 0;}
.form-group {font-size: 0.9em;}
.ricercaNCEUContainer {margin: -15px;margin-bottom: 40px;}
.ricercaNCEUContainer h4 {font-size: 1em;font-weight: bold;text-align: center;}
.ricercaPulsantieraContainer .pulsantiera {padding: 0;margin: 0;width: 100%;border:0px solid;}
.ricercaNCEUContainer .ricercaPulsantieraContainer {border-top-color: #016c8d;}
.ricercaPulsantieraContainer {border-bottom: 1px solid #bebebe;margin-top: 20px;padding-bottom: 30px;text-align:center;}
.pulsantiera .bttn i{margin-left: 10px;}
.pulsantiera .bttn:hover,.pulsantiera .bttn:focus{background-color:#115582}
.pulsantiera .bttn {background-color: #2b86c2;border: 0px solid;padding: 7px 15px;color: #fff;}

.mainMitem a i {font-size: 1.2em; margin-left: -7px;margin-right: 11px;border-right: 1px solid #bebebe; padding-right: 10px;}

.checkbox, .radio {margin-top: 0;margin-bottom: 0;}
.checkbox label:after, 
.radio label:after {content: '';display: table;clear: both;}
.checkbox .cr,
.radio .cr {position: relative;display: block;border: 1px solid #a9a9a9;border-radius: .25em;width: 1.3em;height: 1.3em;float: left;margin-right: .5em;background-color: #fff;color: #333;margin-top: 4px;}
.table .checkbox .cr,
.table .radio .cr {display: inline-block;margin-right: 0;margin-top: 4px;}

.radio .cr {border-radius: 50%;}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {position: absolute;font-size: .8em;line-height: 0;top: 50%;left: 20%;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {opacity: .5;}
.radio label, .checkbox label {padding-left: 0px;line-height: 24px;}
.checkbox+.checkbox, .radio+.radio{ margin-top: 0}
.checkbox.inline, .radio.inline {display: inline-block;vertical-align: sub;}
.checkboxContainer .checkbox, .checkboxContainer .radio {width: 33%;float: left;}
.checkboxContainer {padding: 5px 0;float: left;width: 100%;box-sizing: border-box;clear: both;}

.inner-list {padding-left: 11px;margin: 10px 0;}

.containerBtnAggiuntivi {background-color: #f1f1f2;padding: 15px 7px 20px 7px;text-align: center;border-radius: 5px 5px 0 0;border: 1px solid #d6d6d6;margin-bottom: -7px;margin-top: 15px;}
.containerBtnAggiuntivi .bttn{background-color: #2b86c2;transition:all 0.2s;border: 0px solid;padding: 5px 15px;color: #fff;margin-bottom: 5px;}
.containerBtnAggiuntivi .bttn i ,.containerBtnAggiuntivi .bttn img{margin: 0 0 0 11px;}
.containerBtnAggiuntivi .bttn img {margin-top: -2px;width: 15px;}
.containerBtnAggiuntivi .bttn:hover,
.containerBtnAggiuntivi .bttn:focus{ background-color:#115582;}

.single-comune {border: 1px solid #bebebe;border-radius: 5px;padding-top: 40px;width: 100%;float: left;background-color: #fff;margin-bottom: 30px;}
.intestazioneComune {padding: 10px; background: #eeeeee; margin: -40px 0 20px 0;border-radius: 5px 5px 0 0;}
.single-comune .closeBtn {position: absolute; top: 50%;right: 10px; margin-top: -15px;}
.trasmissione .onlyVisualizza {  display: block;}
.onlyVisualizza {  display: none;}
.riga:first-child .closeBtn{display:none}
.input-group.btnright { padding-right: 150px;}
.rightinput.bttn { position: absolute;width: 150px;bottom: 0; right: 0; margin: 0; min-height: 35px;font-size: 1.1em;}
.relative { position: relative;}
.rightinput.bttn i {  margin-left: 10px;}
.alerts p {/*font-size: 1.3em;*/}
.alerts .modal-body i{display:none}

.my-modal.info .modal-content {border-left:6px solid #2196F3;}
.my-modal.warning .modal-content {border-left:6px solid #FFC107;}
.my-modal.errore .modal-content {border-left:6px solid #F44336;}
.my-modal.done .modal-content {border-left:6px solid #4CAF50;}

.my-modal.info .modal-header{border-radius: 0;}
.my-modal.warning .modal-header{border-radius: 0;}
.my-modal.errore .modal-header{border-radius: 0;}
.my-modal.done .modal-header{border-radius: 0;}
.my-modal.info .modal-body,.my-modal.warning .modal-body,.my-modal.errore .modal-body,.my-modal.done .modal-body{padding-left:36px;min-height: 80px;}
.my-modal.info .modal-body i.info {display:block;font-size: 2em;border: 2px solid #2196F3;background-color: #2196F3;color: white;font-weight: 100;border-radius: 50%; padding: 6px;width: 50px; height: 50px;text-align: center;float: left;margin-left: -60px;position: absolute;top: 0px;}
.my-modal.warning .modal-body i.warning {display:block;font-size: 2em;border: 2px solid #FFC107;color: #FFC107;border-radius: 50%;padding: 6px;width: 50px;height: 50px;text-align: center;float: left;margin-left: -62px;}
.my-modal.errore .modal-body i.errore {display:block;font-size: 2em;border: 2px solid #F44336;background-color: #F44336;color: white;font-weight: 100;border-radius: 50%;padding: 6px;width: 50px;height: 50px;text-align: center;float: left;margin-left: -60px; position: absolute;top: 0px;}
.my-modal.done .modal-body i.done {display: block;font-size: 2em;border: 2px solid #4CAF50;background-color: #4CAF50;color: white;font-weight: 100;border-radius: 50%; padding: 6px; width: 50px; height: 50px;text-align: center;float: left;margin-left: -60px; position: absolute;top: 0px;}

.my-modal .modal-header .close {opacity: 1;color: #111;text-shadow: none;padding: 4px 0;}
.my-modal .modal-header {background-color: #fff;color: #111;border-bottom:none;margin-right: 10px; margin-top: 10px;}
.my-modal .modal-content {border: 0px solid;border-radius: 0; background-color: #fff;}
.my-modal .modal-title > span {position: absolute;top: 0;left: 50%;margin-left: -40px;background-color: #333;width: 80px;height: 80px;display: block;padding: 14px 0;font-weight: bold;border: 0px solid;border-radius: 50%;box-shadow: 0 0 0px 7px rgb(255,255,255);color: #fff;text-align: center;}
.my-modal .modal-title { position: absolute;margin-left: 20px; margin-top: -10px;font-weight: bold;font-size: 18px;}
.my-modal .modal-title img {display: block;margin: 0 auto;}
.my-modal .nceu .modal-header {background-color: #016c8d;}
.my-modal .nceu .modal-title > span{background-color: #016c8d;}
.my-modal .nceu .box{border-left-color:#016c8d}
.my-modal .nceu .modal-footer button, .my-modal .nceu .modal-footer a, .my-modal .nceu .modal-footer input {background-color: #016c8d;}
.my-modal .nct .modal-header {background-color: #603813;}
.my-modal .nct .modal-title > span{background-color: #603813;}
.my-modal .nct .box{border-left-color:#603813}
.my-modal .nct .modal-footer button, .my-modal .nct .modal-footer a, .my-modal .nct .modal-footer input{background-color: #603813;}
.my-modal .nceu .modal-body,.my-modal .nct .modal-body {padding-top: 80px;font-size: 1.2em;}
.my-modal .modal-footer {text-align: center;background-color:#fff;border-top: 0px solid;}
.my-modal .modal-footer button, .my-modal .modal-footer a,.my-modal .modal-footer input{font-size: 1em; background-color: white;font-weight: bold; border: 0px solid;border-bottom: 3px solid #333;padding: 0px 10px 5px 10px;color: #333;  border-radius: 0;}
.my-modal .modal-footer button i, .my-modal .modal-footer a i {margin-left:11px;}
.my-modal input.bttn[type="submit"] {padding-right: 40px; background-image:url("../images/salva.png"); background-repeat:no-repeat;background-size: 27px;background-position: center right}

.burger_wrapper {position: absolute;z-index: 300;top: 25px;left: 0px;display: table;height: 56px;transition: all 0.3s ease;display:none}

@media (max-width: 767px){
	.burger_wrapper {display:block}
	#sidemenu .menu >li{display:none;}
	#sidemenu .menu >li.selected{display:block;margin-right:0;}
}

.toggle-menu {width: 58px;height: 52px;display: block;padding: 0px;text-align: center;cursor: pointer;-webkit-transition: right 0.3s;-moz-transition: right 0.3s;-o-transition: right 0.3s;transition: right 0.3s;}
.toggle-menu .bar:last-child {top: 33px;}
.toggle-menu .bar:first-child {top: 17px;}
.toggle-menu .bar {height: 4px;width: 32px;background: #006688;position: absolute;left: 12px;top: 25px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-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);}
.burg.logo-container {padding-left: 70px;}
.burger_wrapper p {color: #333;text-transform: uppercase;font-size: 0.68em;display: block;position: absolute;bottom: 3px;width: 100%;text-align: center;margin: 0;}
.burger_container {display: table-cell;text-align: center;vertical-align: middle;}

.portlet-body .panel-title i {font-size: 1.8em;position: absolute;top: 0;right: 0;padding:10px;margin: 0;}
.portlet-body .panel-title {position: relative;}
.collapsed + i:before {content: "\f102";}

hr.divisore {margin-top: 50px;}
.divisore + .text-center {display: inline-block;position: relative;padding: 8px 15px;color: #383838;top: -38px; left: 15px;text-transform:uppercase}

.inner-pulsantiera {padding: 20px;margin: 30px -15px 15px -15px;}
.inner-pulsantiera input,.inner-pulsantiera button, .bttn {cursor:pointer;font-size: 1em;background-color: #fff;;border-radius:0;color: #006688;border-bottom: 4px solid #006688;padding:6px 10px;font-weight:bold;}
.inner-pulsantiera input:hover,.inner-pulsantiera input:focus,.bttn:hover, .bttn:focus,.inner-pulsantiera button:hover,.inner-pulsantiera button:focus {background-color: #fff;border-radius: 0;font-weight: bold;color: #006688; border-bottom: 4px solid #006688;}

.site-content > .minimize {width: 46px;overflow: hidden;display: inline-block;}
.site-content > .minimize .nav {display: none;}

.innerMenu {background: #f2f2f2;position: absolute;top: 104px;left: 0;bottom: 0;min-width: 300px;transition: all 0.2s;z-index:1000;box-shadow: 2px 7px 10px 0px rgba(0,0,0,0.5);}
.closeB{background: transparent;border: 0px solid;font-size: 2em;line-height:35px;width: 40px;vertical-align: middle}
			
.innerMenu > div {background-color: #fbfbfb;height: 40px;text-align: right;}
.mainMitem a {padding: 10px 25px;display: block;font-size: 1.1em;border-bottom: 1px solid #fbfbfb;color: #333;transition: all 0.2s;}
.mainMitem a:focus,.mainMitem a:hover {background-color: #e6e6e6;}
.mainMitem .active a { background-color: #006688; color: #fff;}
.half { width: 50%!important;}
.dettaglio-f {border: 2px solid #c7c7c7;padding: 10px;margin-bottom: 20px;color: #333;min-height: 60px;border-radius: 5px;background-color: #fff;}
.dettaglio-f input {background-color: transparent!important;border: 0px;padding: 0;box-shadow: none;cursor: auto!important;}
.dettaglio-f label{margin-top: 10px}
.dettaglio-f h3 {background-color: #c7c7c7;padding: 8px 15px;color: #000;font-size: 1.2em;margin: -10px -10px 10px;}

.step {padding-top: 5px;padding-left: 5px;border-radius: 0}
.step a {color: #333;}
.step .nav-tabs {border-bottom: 1px solid #c7c7c7;}
.step .nav-tabs>li.active>a, .step .nav-tabs>li.active>a:focus, .step .nav-tabs>li.active>a:hover,
.step .nav-tabs>li.ui-tabs-active >a, .step .nav-tabs>li.ui-tabs-active>a:focus, .step .nav-tabs>li.ui-tabs-active>a:hover{background: #fff;border-color:transparent;border-bottom:0px solid #44A0B0;color:#006688;font-weight:bold;}
.nav-tabs>li>a:hover {background-color: #777777;border-color: transparent;border-bottom-color: #c7c7c7;}

.noStyle .checkbox {display: inline-block;vertical-align: middle;}

#popup .modal-dialog {width: 90%;height: 90%;margin: 0 auto;padding: 0;}
.modal .portlet-content-container {border: 0;margin: -15px;}
.modal-body .burger_wrapper {top: -60px;left: 0;}
.modal-body .toggle-menu .bar{background-color:#fff}
.modal-body .burger_wrapper p{color:#fff}
.modal-body .innerMenu{top: 0;}
.modal-body .innerMenu > div {padding: 20px;height: 100px;}
#popup .modal-header{padding-left: 60px}

.angle-down {position: fixed;bottom: 0;left: 0;border: 80px  solid #009245;border-top-color: transparent;border-right-color: transparent;}
.angle-top {position: fixed;top: 0;right: 0;border: 80px  solid #009245;border-bottom-color: transparent;border-left-color: transparent;}

.upload-container {text-align: center;border: 1px solid #bebebe;border-radius: 5px;background-color: #fff;padding: 30px;}
.tableContainer {border:none;margin: 20px 0 0px 0;border-radius: 5px;overflow: auto;}
.containerBtnAggiuntivi {border-radius: 0px 0px 5px 5px;margin-top: -7px;}
		
.Pianificazione ul.dropdown-menu.sub-menu {  background-color: #2b85c0; }

.Pianificazione .inner-submenu { background: #0b598c; }

.Pianificazione .inner-submenu .panel .panel-title a:hover,
.Pianificazione .inner-submenu .panel .panel-title a:focus { color: #fff; background-color: #053e63; }
ul.dropdown-menu.sub-menu {  position: absolute;top: 40px; left: 0; right: 0; border: 0px solid;border-radius: 0px; padding: 20px 10px;box-shadow: 0px 9px 15px -7px rgba(0, 0, 0, 0.5) inset; background-color: #333;}
#myNavbar li { position: initial;}
.Pianificazione .inner-submenu { background: #0b598c;}
.sit-puglia-container .panel-title a { display: block; position: relative; padding: 10px 35px 10px 10px; text-decoration: none; transition: background-color 0.2s; background-color: #e6e6e6;}
ul.dropdown-menu.sub-menu li { border-bottom: 1px solid #ffffff2b; float: left; width: 100%;}
.site-menu ul.dropdown-menu { z-index: 100; max-height: none;}
ul.dropdown-menu.sub-menu li { border-bottom: 1px solid #ffffff; float: left; width: 100%;}
.inner-submenu .panel-default {border: 0; background: transparent; padding: 0;  margin: 0;}
.sit-puglia-container .panel-default > .panel-heading { background-color: transparent; padding: 0; border: 0px solid; border-radius: 0;}
.sub-menu li a, .sub-menu h4 { color: #fff; font-size: 1em; padding: 10px; margin: 0; display: block;}
.inner-submenu .panel .panel-title { background-color: transparent; padding: 0; margin: 0;}

.sit-puglia-container .sub-menu .panel-title a { background-color: transparent;}

.Pianificazione ul.dropdown-menu.sub-menu { background-color: #2b85c0; }
.Pianificazione .inner-submenu { background: #0b598c; }
.Pianificazione .inner-submenu .panel .panel-title a:hover,
.Pianificazione .inner-submenu .panel .panel-title a:focus {color: #fff;background-color: #053e63; }

.Gestione-del-territorio ul.dropdown-menu.sub-menu {background-color: #5ebf66; }
.Gestione-del-territorio .inner-submenu { background: #17691e; }
.Gestione-del-territorio .inner-submenu .panel .panel-title a:hover,
.Gestione-del-territorio .inner-submenu .panel .panel-title a:focus { color: #fff; background-color: #07350b; }

.Banche-dati ul.dropdown-menu.sub-menu { background-color: #297d56; }
.Banche-dati .inner-submenu { background: #1a5238; }
.Banche-dati .inner-submenu .panel .panel-title a:hover,
.Banche-dati .inner-submenu .panel .panel-title a:focus { color: #fff; background-color: #093521; }

.Procedimenti-amministrativi ul.dropdown-menu.sub-menu {background-color: #2b85c0; }
.Procedimenti-amministrativi .inner-submenu { background: #0b598c; }
.Procedimenti-amministrativi .inner-submenu .panel .panel-title a:hover,
.Procedimenti-amministrativi .inner-submenu .panel .panel-title a:focus { color: #fff;background-color: #053e63; }

.Servizi ul.dropdown-menu.sub-menu {background-color: #2b85c0; }
.Servizi .inner-submenu { background: #0b598c; }
.Servizi .inner-submenu .panel .panel-title a:hover,
.Servizi .inner-submenu .panel .panel-title a:focus {color: #fff;background-color: #332313; }

.SIT-Comunali ul.dropdown-menu.sub-menu {background-color: #f37a4f; }
.SIT-Comunali .inner-submenu {background: #b35b3b; }
.SIT-Comunali .inner-submenu .panel .panel-title a:hover,
.SIT-Comunali .inner-submenu .panel .panel-title a:focus { color: #fff;background-color: #562918; }

.inner-submenu .panel .panel-title a i {color: #fff;margin-top: -6px;font-size: 1.1em;}
.sub-menu li a:hover, .sub-menu li a:focus {background-color: #fff;color: #333;text-decoration: none;}
ul.dropdown-menu.sub-menu li:last-child { border-bottom: 0;}

.panel-title .glyphicon-menu-right:before {content: "\e258";}
.panel-title .glyphicon-menu-right.fa-angle-right:before {content: "\e259";}
.fa-angle-double-down:before { content: "\f102";}
.fa-angle-right.fa-angle-double-down:before {content: "\f103";}
.fa-angle-down.fa-angle-double-down:before{content: "\f102";}

.portlet {margin-bottom: 10px;  position: relative; }

section.site-content { min-height: 500px;}

ul.dropdown-menu.sub-menu ul ul li {background: #59ace2;}

a.select {background-color: #fff!important; border-left: 3px solid; padding-left: 20px!important;}
a.select:before {content: "";border: 10px solid; border-right-color: transparent;border-top-color: transparent;  border-bottom-color: transparent; position: absolute;left: -2px;}

.journal-content-article .alert-info { background-color: #fff;border-color: #2b86c2;color: #155986;padding: 10px;margin: 0 15px 20px 15px;}
.journal-content-article .alert-info:before {content: "i";  background-color: #2b86c2; color: #fff;padding: 5px;border-radius: 50%; margin-right: 10px;width: 27px; display: inline-block;  text-align: center;font-weight: bold;}

body .badge{background-color:#5C5C5C}
table .btn.btn-normal {border-radius: 50%;color: #000;width: 30px;height: 30px;padding: 0;border: 3px solid #fff;background-color:#fff;margin-top:-2px;}
table .btn.btn-success {border-radius: 50%;color: #fff;width: 30px;height: 30px;padding: 0;border: 3px solid #fff;background-color:#337533;margin-top:-2px;}
table .btn.btn-success:hover,table .btn.btn-success:focus {background-color:#0c2f0c}
table .btn.btn-error {border-radius: 50%;color: #fff;width: 30px;height: 30px;padding: 0;border: 3px solid #fff;background-color:red;margin-top:-2px;}
table .btn.btn-error:hover,table .btn.btn-error:focus {background-color:#a40000}
table .btn.btn-primary {border-radius: 50%;color: #fff;width: 30px;height: 30px;padding: 0;border: 3px solid #fff;background-color:#204a87;margin-top:-2px;}
table .btn.btn-primary:hover,table .btn.btn-primary:focus {background-color:#204a87}
table .btn.btn-secondary {border-radius: 50%;color: #fff;width: 30px;height: 30px;padding: 0;border: 3px solid #fff;background-color:#b3b2b2;margin-top:-2px;}
table .btn.btn-secondary:hover,table .btn.btn-secondary:focus {background-color:#b3b2b2}
table .btn.btn-close {border-radius: 50%;color: #fff;width: 30px;height: 30px;padding: 0;border: 3px solid #fff;background-color:#555753;margin-top:-2px;}
table .btn.btn-close:hover,table .btn.btn-close:focus {background-color:#555753}
table .btn:hover,table .btn:focus { border-color: #fff;}
table button[disabled], table input[disabled] { opacity: 0.5; background-color: #b3b2b2!important;}
table#myTable button[disabled], table#myTable input[disabled],
table#myTable-imm button[disabled], table#myTable-imm input[disabled]{background-color: #eee!important;}
.tree, .tree ul { margin:0; padding:0; list-style:none}
.tree ul { margin-left:1em; position:relative}
.tree ul ul { margin-left:.5em}
.tree ul:before { content:""; display:block; width:0; position:absolute; top:0; bottom:0; left:0; border-left:1px solid}
.no-item {  min-height: 150px;  padding: 50px 0;  color: #a2a2a2;  font-size: 1.2em;}
.no-item i { font-size: 4em;  display: block;}
.success {color:#337533;}
#dett.hidden + .no-item{display:block}
#dett + .no-item{display: none;}
.tree li button.active:focus, .tree li button.active { background-color: #369; color: #fff; border-radius: 5px; padding: 0 10px;}
.tree li {  margin:0;  padding:0 0 0 1em;  line-height:2em; color:#105888; font-weight:700; position:relative}
.tree ul li:before { content:""; display:block; width:10px; height:0; border-top:1px solid; margin-top:-1px; position:absolute; top:1em; left:0}
.tree ul li:last-child:before { background:#fcfcfc; height:auto; top:1em; bottom:0}
.indicator {  margin-right:5px;cursor: pointer;}
.tree li a { text-decoration: none; color:#369;}
.tree li button, .tree li button:active, .tree li button:focus { text-decoration: none; color:#369; border:none; background:transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; outline: 0;}

.titolo-tree { margin: 10px 0; font-size: 1em; padding: 11px; background-color: #e6e6e6;}

@media (max-width: 767px){
	.site-header .logo-container {padding-left: 50px;}
	.navbar-toggle .icon-bar {background-color: #0071bc;}
	.navbar-toggle {position: absolute;top: -75px;left: 10px;}
}

.ottav{display:none!important;}

.modal-body .protocollo-container { font-size: 0.7em;}

.protocollo-container { margin-bottom: 10px;  background-color: #fff; padding: 10px; border: 1px solid #bebebe; border-left: 4px solid; position: relative;}
.protocollo-title {  font-weight: bold; font-size: 1.2em;}
.protocollo-date { position: absolute; top: 5px;  right: 55px;padding: 7px; margin: 0;}
.openDetail { position: absolute; top: 0;right: 0;margin: 10px;}
.protocollo-date i {  margin-right: 7px;}
.protocollo-descr {  margin: 0;}

.controllo {border-bottom: 1px solid #bebebe;}
.controllo:nth-child(even) { background-color: #fff;}
.controllo > .row > div:nth-child(2) { border-left: 0px solid #bebebe;}
.controllo > .row > div{ border-left: 1px solid #bebebe; min-height: 126px;  padding: 10px 15px;}
body .pulsantiAggiungiPD { float: right; width: 140px; padding: 20px 0;}
.controllo > .row { padding-right: 150px!important;}

#dLabel { background-color: transparent; border: 0px;padding: 0 10px;min-height: 43px;opacity: 1;}
.open>#dLabel+.dropdown-menu {margin: 0;  border-radius: 0; border-top: 3px solid #2b86c2;}
.open #dLabel { background-color: #2b86c2; border-radius: 0;}

.userInfo {padding: 15px 10px;position:relative;border-bottom: 1px solid #dddddd;}
.userInfo .addToDest { position: absolute;top: 0;  right: 0; margin: 12px;}

body .badge.label-primary {background-color: #6b6b6b;text-shadow: none;font-weight: normal;padding: 8px 10px;border-radius: 4px;margin-right:5px;margin-bottom:5px;}
body .badge.label-primary .input-group-addon {display: inline-block;background-color: transparent;border: 0;color: #fff;padding: 0 10px;cursor: pointer;}
.userInfo .iniziali {background-color: #2196F3;display: inline-block;padding: 10px;border-radius: 50%;color: #fff;font-weight: bold;vertical-align: bottom;margin-right: 10px;}

.userInfo-info {display: inline-block;}

.mleft20 { margin-left: 20px;}

.tab-content.rubricaTab>.active {display: block;background-color: #fff;border: 1px solid #dddddd;border-top: 0px;}

.alerts .modal-md .modal-body { font-size: 0.8em;}
.double .fa-check {position: absolute;left: 50%;top: 12px;}

.alert.double { position: relative;}

.allegatiList li, .destinatariList li {line-height: 30px;border-bottom: 1px solid #ececec;}
.bttn.btn.btn-danger {background-color: #d9534f;border-color: #d43f3a;}
.trasmissione tr.riga:first-child { display: none;}
.controllo:first-child .pulsanteFloat .btn-danger{display:none} 
.allegatoIcon i, .allegatiList li i, .destinatariList li i {margin-right: 9px;color: #fff;background: #337ab7;padding: 6px;border-radius: 50%;font-size: 0.9em;}

.destinatariList li {padding-left: 40px;line-height: normal;margin-bottom: 10px;padding-bottom: 10px;}
.destinatariList li i {  margin-left: -30px;}

.openDetail .fa-angle-down:before {  content: "\f107";}
.openDetail.collapsed .fa-angle-down:before { content: "\f106";}

.nav-tabs.tabs-center > li, .nav-pills.tabs-center  > li {float:none;display:inline-block;display:inline; /* ie7 fix */zoom:1; /* hasLayout ie7 trigger */}
.nav-tabs.tabs-center , .nav-pills.tabs-center  { text-align:center;}

#nuovaCom.addTo > .form-group:first-child{display:none}
#nuovaCom.visualizza .salva,#nuovaCom.visualizza .annulla { display: none;}
.trasmissione .tab-pane .intestazione{display:block}
.tab-pane .intestazione {background: transparent;font-size: 2em;margin: 40px 0px;height: initial;border-bottom: 2px solid;display:none;float: left;width: 100%;}

#rubrica .containerBtnAggiuntivi { margin-top: -1px;}
#nuovaCom .dettaglio-f{display:none}
#nuovaCom.addTo .dettaglio-f{display:block}
.indFas, .addTo .indCom{display:none}
.addTo .indFas{display:inline-block}

.controllo .pulsanteFloat { text-align: left;  min-height: initial;}
.controllo .pulsanteFloat button { margin: 5px; width: 130px;}
.controllList .controllo:last-child { border: 3px solid #2196F3; background-color: #cee9ff;}

.cerca-container {  text-align: center; padding: 20px;}
.cerca-container input {width: 50%;padding: 10px;border: 1px solid #bebebe;border-right: 0px solid;}
.cerca-container input[type="button"] {width: initial;padding: 10px  20px;background-color: #2b86c2;border: 1px solid #004775;color: #fff;text-transform: uppercase;margin-left: -3px;}

#nuovaCom.visualizza .noVisualizza {display: none;}
#nuovaCom.addTo .ifVisualizza {display: none;}

.dettaglio-f .input-group-addon {background-color:transparent;border-left:0px solid;border-bottom:0px solid;border-top:0px solid;border-right: 1px solid #eaeaea;border-radius:0;margin-right: 5px;}
.dettaglio-f .input-group-addon + input {padding-left: 10px;}

.avatar {display: inline-block;padding: 0 22px;min-width: 100px;min-height: 100px;line-height: 100px;border-radius: 50%;background-color: #2196F3;color: #fff;font-size: 3em;}

.td_logoName_right {border-top:5px solid #006688;  position: relative;}
.td_logoName_right #logoName {width: 95%; padding: 20px 0 20px 0; margin: 0 2.5%;}
.td_logoName_right #logoDescr {left: 120px;border-right: 2px solid gray;left: 120px;position: absolute;top: 21px;height: 60px;padding: 0 20px;}
.td_logoName_right #logoExtra {position: absolute;top: 16px;left: 615px;height: 60px;}
@media (max-width: 767px){
	.td_logoName_right #logoDescr h4{font-size:1em;display:none} 
	.td_logoName_right #logoDescr p {padding-left:0;text-align:center;}
	.td_logoName_right #logoName {padding-top:30px;padding-bottom:12px;}
	.td_logoName_right #logoDescr {border: none;left: 0;top: 0;display: block;width: 100%;height: 24px;color: white;background: #006688;}
}

#dashboardnav {color: #fff; position: absolute;top: 4px;right: 8px;padding: 5px 10px;}

#div_help_sinergis {position: absolute; bottom: 0;right: 26px;}

#dashboardnav a { color: #fff;}
.ppover { border-radius: 50%;margin: 0 0 0 12px;line-height: 17px; font-weight: bold;}

.modifica .pcr,.modifica .tiptr, .modifica .tiptrpr{display:none}

.legend {background-color: #fff;padding: 15px;border-radius: 3px;border: 1px solid #f1f1f1;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.legend li {display: inline-block;padding: 0 10px;}
.legend .round {padding: 10px;border-radius: 50%;margin-right: 5px;display: inline-block;vertical-align: middle;}
.trasmetti-f{display:none}
.trasmissione .trasmetti-f{display:block}

.combodata > *:nth-child(2):after { content: "";display: block;position:absolute; top: 50%;  right:0;border-top: 1px solid #cccccc; width: 15px;height: 1px;}
.combodata > *:nth-child(3):after {content: "";display: block;position:absolute;top: 50%;left:0; border-top: 1px solid #cccccc; width: 15px; height: 1px;}

.my-modal .modal-footer {padding:0 10px}

label {text-transform:uppercase}
.step .nav-tabs {padding: 10px 0px;}
.nav-tabs>li>a {font-weight:bold;padding: 10px 40px;text-decoration:none;}
.nav-tabs > li > a.active  {background-color:white;border-bottom:4px solid #006688;color:#006688;font-weight:bold}
.nav-tabs > li > a:hover  {background-color:white;border-bottom:4px solid #44A0B0;color:#44A0B0;font-weight:bold}
.form-control,/*#segnalazione */.input-group-addon/*, #segnalazione .input-group */ {background: none;border:1px solid #eee;border-bottom: 1px solid #aaa;border-radius: 0;-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);box-shadow: inset 0 0 0 rgba(0,0,0,.075);    padding: 8px 10px 6px 10px;}
.form-group {border-bottom: 1px solid #fff}
.form-group:hover{border-bottom: 1px solid #00a3c7;}
.form-group > input:focus, .form-group > select:focus, .form-group > textarea:focus, .form-group>span>.btn-group:focus-within{background-color: #c2defb6e;}

.panel-title a i.fa-angle-down{ display:inline }
.panel-title a i.fa-angle-up{  display:none }
.panel-title a.collapsed i.fa-angle-down{ display:none }
.panel-title a.collapsed i.fa-angle-up{ display:inline }

.step.nav-image {padding:0px;}
.step.nav-image a {color: #333;}
.step.nav-image .nav {border:none;display:block;}
.step.nav-image .nav>li {width: 48%;display: inline-block;}
.step.nav-image .nav>li:nth-child(odd) {margin-right: 0;margin-left:1.5%}
.step.nav-image .nav>li:nth-child(even) {margin-left: 0;margin-right:1.5%}
.step.nav-image .nav>li.active {width:98%;margin-right: 1%;margin-left: 1%;background: #E6E6E6;height:90px}
.step.nav-image >ul.menu {background-color:#006688;padding:10px 0 5px 0;width: 98%; margin: 0 1%;}
.step.nav-image >ul.menu >li{display:inline;padding:4px 20px;margin-right:6px;}
.step.nav-image >ul.menu >li:hover{border-bottom:5px solid #ffcb08;}
.step.nav-image >ul.menu >li>a{color:white;text-transform:uppercase;text-decoration:none;}
.step.nav-image >ul.menu >li.selected {border-bottom:5px solid #ffcb08;}
.step.nav-image >ul.menu >li.selected >a {/*color:#ffcb08;*/}
.step.nav-image .nav>li>a {text-decoration:none}
.step.nav-image .nav>li>a.active>.media-img{background: #E6E6E6;border-bottom:5px solid  #006688;color:#006688;font-weight:bold;}
.step.nav-image .nav>li>a>.media-img {background: #F2F2F2;border-bottom:5px solid #F2F2F2;color:#006688;font-weight:bold;border: 1px solid #cdcdcd; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.media-img {background: #F2F2F2;border-bottom:3px solid #cdcdcd;color:#006688;font-weight:bold;margin:0 1%;width:98%;}
.step.nav-image .nav>li>a>.media-img>.title {font-size:1.3em;position: relative;top:-20px}
.step.nav-image .nav>li>a>.media-img>.abstract {font-size: 0.9em;font-weight: 100; position: relative;left: 172px;color: #111;width: 100%;float: left;top: -64px;padding-right: 210px;}

tr.vmiddle { border-bottom: 1px solid #ccc;}

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
.pagination>li {  display: inline;}
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;font-weight:bold;color: #006688;}
.pagination>li>a, .pagination>li>span { position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #006688; text-decoration: none; background-color: #fff;border: 1px solid #ddd;}
.pagination>li>a.current { 	background-color: #006688;color:white;font-weight:bold;}

.btnAggiuntivi { position: absolute; top: 90px; right: 1%; font-size: 0.86em;}
.btnAggiuntivi .bttn {  background: transparent; border-bottom: 3px solid; padding-bottom: 20px;}
.btnAggiuntivi .bttn.black{  color:#333}
.btnAggiuntivi .bttn i.fa {	margin-left:20px;}

@media (max-width: 1023px){
	.step.nav-image .nav>li>a>.media-img>.title {font-size:1.1em;}
}
@media (max-width: 767px){
	.step.nav-image .nav>li {width:98%;margin:4px 1% !important;}
	.step.nav-image .nav>li>a>.media-img>.title {font-size:1.2em;top:0}
	.step.nav-image .nav>li>a>.media-img>.abstract {display:none;}
	
	.btnAggiuntivi {top:14px}
	
	.step {padding:0 !important;}
	.step .nav-tabs {border-bottom:none;padding:0 !important;}
	.step .nav-tabs>li>a {padding:10px 15px !important;}
	
}

#menuTimelineContainer {width:24%;float:left; margin-left: 1%;margin-right: 0; }
#rightTimelineContainer {float: left;width: 74%;margin-right: 1%;padding: 0;margin-left: 0;}

.cont-timeline {border: 3px solid #e6e6e6}
.riga-close {text-align: right; background: #e6e6e6;}
#menuTimelineContainer.switch {width:48px;}
#menuTimelineContainer.switch .timeline{display:none}

#rightTimelineContainer.switch {width:100%;}

@media (max-width: 767px){
	#menuTimelineContainer,#rightTimelineContainer {width:98%;}
}

.timeline{position: relative;left:10px;	top:10px;}
/*Line*/
.timeline>li::before{content:'';position: absolute;width: 1px;background-color: #E7E7E7;top: 0;bottom: 0;left:-23px;}
/*Circle*/
.timeline>li::after{ text-align: center;padding-top:7px;z-index: 10;content:counter(item);position: absolute;width: 40px;height: 40px;border:3px solid white;background-color: #E7E7E7;border-radius: 50%;top:0;left:-43px;cursor: pointer;}
.timeline>li.completed::before{background-color: #006688;}
.timeline>li.completed::after{background-color: #006688;color:white;}

/*Content*/
.timeline>li{counter-increment: item;padding: 10px 15px;margin-left: 0px;min-height:50px;position: relative;list-style: none;font-size:0.86em;text-transform:uppercase; margin-right: 5px;}
.timeline>li.to-complete > a {text-decoration: none;color:#212529}
.timeline>li.completed > a {text-decoration: none;font-weight:bold;color:#006688}
.timeline>li.current > span, .timeline>li.to-complete.current > span {border-bottom:5px solid #ffcb08;font-weight:bold;color:#006688; padding: 8px 0 0px 0;}
.timeline>li:nth-last-child(1)::before{width: 0px;}

.form-control[readonly] {background-color: #e9ecef !important; opacity: 1;}

.dataTables_wrapper {margin-right: 1%;margin-left: 1%;width: 98%;}
.dataTables_wrapper .dataTables_paginate {float:none; margin-top: 20px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {border-radius:0;color: #006688 !important;text-decoration: none;background-color: #fff;border: 1px solid #ddd; margin-right: -2px; margin-left: -3px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.next, 
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.next:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.first, 
.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.first:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.last, 
.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.last:active {  border-radius:2px;background-color: #fff;border: 1px solid #ddd;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{margin-right: 0px; margin-left: 0px;color: white !important;font-weight: bold;background-image: none; border: none;background: none;background-color: #006688;border-top: 1px solid #ddd;border-bottom:1px solid #ddd}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: #006688!important;border: 1px solid #ddd;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {color:white !important;border-left:1px solid white !important;border-right:1px solid white !important;}
.dataTables_wrapper .dataTables_info {margin-top: 20px; padding-top: 1px;}
.dataTables_filter input{background: none;border:1px solid #eee;border-bottom: 1px solid #aaa;border-radius: 0;-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);box-shadow: inset 0 0 0 rgba(0,0,0,.075);    padding: 8px 10px 6px 10px;}
.dataTables_filter input:hover{border-bottom: 1px solid #00a3c7;}
.dataTables_wrapper .dataTable th:last-child,.dataTables_wrapper .dataTable td:last-child {text-align:center;width:10%}
.dataTables_wrapper .dt-buttons { float: right; }

.sub-nav { background: #F2F2F2;  border-bottom: 3px solid #cdcdcd;margin: 0 1%; padding: 8px 10px 6px 10px;}
.sub-nav li { display: inline;padding-right: 30px;padding-left:10px;}
.sub-nav li>a {color: #006688; text-transform: uppercase;font-size: .9em;text-decoration:none}
.sub-nav li>a:hover {border-bottom:3px solid #006688;padding-bottom:9px;}

.sub-nav-span span { color: #006688; display: inline;padding-right: 30px;padding-left:10px;}
.sub-nav-span span>a {color: #006688; text-transform: uppercase;font-size: .9em;text-decoration:none}
.sub-nav-span span>a:hover {border-bottom:3px solid #006688;padding-bottom: 18px;}
.sub-nav-span span>a.selected {border-bottom:3px solid #006688;padding-bottom: 18px;}

.sub-nav.liv2 {border-bottom: 3px solid #ececec;}

.new-border-bottom {border-bottom: 3px solid #e6e6e6;}
#infoDettaglio {background: #e6e6e6;border-bottom: 3px solid #cdcdcd;margin: 0 1%;padding: 8px 10px 6px 10px;}
.img-home-center {border-bottom: 5px solid #F2F2F2;border: 1px solid #cdcdcd;box-shadow: 0 0 5px rgba(0,0,0,0.2);/*margin-bottom: 20px;*/margin-top: -40px;margin-left: 1%;margin-right: 1.5%;border-top: 8px solid #ffcb08;}
.title-home-center {text-align: center;padding-right: 40px;background-color: #006688;z-index: 99999;position: relative;top: -50px;right: 1%;width: 97.5%;opacity: 0.9;color: white;border: 1px solid #006688;box-shadow: 0 0 5px rgba(0,0,0,0.8);}

#formPrincipale {position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;margin-top:-20px;}
.alpaca-control.radio > label {display: inline-flex;}
.alpaca-control.radio > label input[type="radio"] {margin: 3px 6px 0 6px;}
.alpaca-control.checkbox > label input[type="checkbox"] {position: relative; top: 2px;}

@media (max-width: 767px){
	.sub-nav li {display: block;padding-right: 0;padding-left:0; line-height: 2em;}
	.media-img >img {margin-left:-12px;}
	#infoDettaglio span {display:block}
	.img-home-center {margin-top:-20px;margin-left:0;margin-right:0;}
	.title-home-center {top:4px;font-size:1.2em;left: -2%;right: 0;width: 100%;margin-bottom: 10px;}
	/*#site-content {display: inherit}*/
	section.site-content{display: inline-block;width:100%;}
	.alert, #formPrincipale  {margin-top:10px;}

}

.step .nav-tabs > li {
	width: auto;
    display: block;
    padding: 10px 0;
    margin: 0 6px 0 0;
}
.principalClass .nav-tabs>li>a {
    padding: 10px 24px !important;
}

#ricalcolaPunteggio {
	background: dodgerblue;
	color: white;
	border-radius: 8px;
}

#scaricaGeopackage {
	background: dodgerblue;
	color: white;
	border-radius: 8px;
}

#scaricaXLS { border-radius: 8px;}

.input-wrapper {
  display: flex;
  position: relative;
}

.input-wrapper .icon-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 5 5px;
  left: 270px;
}

.input-wrapper .icon-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
}

.input-wrapper input {
  padding: 0 0 0 10px;
  height: 30px;
}
.input-wrapper button {
  padding: 0 0 0 10px;
  height: 30px;
}

.footer {
  flex-shrink: 0; 
  bottom: 0;
  width: 100%;
}

.footer-content {
    
    margin: 0;
    padding: 0 50px 0px 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 30px;
}

.footer-sections {
    display: grid;
    grid-template-columns: 2.5fr 0.75fr 0.75fr;
    gap: 40px;
    margin-bottom: 10px;
    margin-top: 0;
    width: 100%;
}

.footer-section {
    padding: 10px  10px 10px 0px;
    width: 100%;
}

.footer-section h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.footer-section p {
    font-size: 0.875rem;
    line-height: 1.4;
    margin: 5px 0;
    color: #fff;
}

.footer-divider {
    height: 2px;
    background-color: #666666;
    border: none;
    margin: 0px 0px 10px 0px;
}

.footer-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 0px;
    margin-right: 10px;
    width: 100%;
}

.footer-section a {
    color: #fff;
    text-decoration: underline;
    position: relative;
    display: inline-block;
}

.footer-section a:hover::after {
    transform: scaleX(1);
}