/* main.css */

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5em;
}

h1 {
    color: #3A6959
}

h2 {}

h3 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #717171;
}

h4 {
    font-weight: 600;
    font-size: 18px;
    color: #252525;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

a {
    font-weight: 900 !important;
    text-decoration: none !important;
}

a:hover {
    color: #CE224A;
    text-decoration: underline !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover,
.bg-primary {
    background-color: #CE224A !important;
}

.sub_paragrafo0 img {
    max-width: 100% !important;
}

.card {
    border: none;
    background: #F9F9F9;
}

.card:hover {
    box-shadow: 0 0 0 1.7pt #3A6959, 3px 4px 10px rgba(102, 102, 102, 0.25) !important;
    color: #3A6959 !important;
}

.card.bg-primary h4,
.card:hover.bg-primary h4,
.card.bg-primary .read-all-ico,
.card:hover.bg-primary .read-all-ico {
    color: #FFFFFF;
}

.card-inverse:hover,
.card:hover.bg-primary,
.card:hover.no-hover {
    box-shadow: none !important;
}

.card:hover h4,
.card:hover .read-all-ico {
    color: #3A6959;
}

.card:hover.card-red h4 {
    color: #CE224A;
}

.card-progetto-home {
    border: 2px solid #DADADA;
    border-radius: 4px;
}

.progetti-home .slick-prev,
.progetti-home .slick-next {
    top: 33%;
}

.card-inverse:hover {
    background-color: #CE224A;
    text-decoration: none !important;
}

.card-inverse:hover h4,
.card-inverse:hover .tema-ico {
    color: #FFFFFF;
}

.card-img-top {
    max-height: 120px;
    object-fit: cover;
    overflow: hidden;
    max-width: 100%;
}

.card-img-progetto {
    object-fit: contain;
    background-color: #fff;
    height: 120px;
}

.list-group-item {
    word-break: break-all;
}

.no-hover:hover h4 {
    color: unset;
}

.badge-light {
    background-color: #ffffff;
    color: #3A6959;
    padding: 4px 7px;
    display: inline-block;
}

.card-alt .badge-light {
    color: #252525;
}

.card-alt .badge-light .fa {
    color: #CE224A;
}

.preview-text {
    color: #252525;
    font-size: 0.9em;
}

.testo-verde {
    color: #3A6959;
}

.testo-rosso,
.testo-rosso a,
.btn-archivio.testo-rosso:after {
    color: #CE224A !important;
}

.read-all-ico {
    font-size: 28px;
    color: #717171;
    float: right;
    margin-top: -10px;
}

.btn-archivio,
.linkBackReview {
    font-weight: 600;
    font-size: 16px;
}

.btn-archivio a:hover,
.linkBackReview a:hover {
    color: #CE224A;
}

.linkBackReview {
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 20px;
}

.btn-archivio:after,
.linkBackReview:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free" !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    color: #3A6959;
    font-size: 1em;
    margin-left: 7px;
}

.in-questa-pagina .nav-link:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free" !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    color: #3A6959;
    font-size: 1em;
    margin-right: 7px;
    font-weight: 600;
}

.btn-archivio.btn-archivio-alt a {
    color: #CE224A;
}

.btn-archivio.btn-archivio-alt a:hover {
    color: #3A6959;
}

body.onscroll .header1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    border-bottom: 1px solid #ccc;
}

body.onscroll .header2 {
    margin-top: 80px;
}

body.onscroll .header1 .py-4 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

body.onscroll .header1 .img-logo img {
    height: 40px;
}

body.onscroll .header1 .mt-5 {
    margin-top: 0rem !important;
}

.header1 {}

.header1,
.header3,
.bg-grigio {
    background-color: #F9F9F9;
}

.header2 .navbar {
    padding-left: 0;
}

.header2 .navbar .nav-link {
    font-size: 16px;
    font-weight: 600;
}

.header2 .navbar .nav-link.active,
.header2 .navbar .nav-link:hover {
    color: #CE224A;
}

.header2 .navbar .nav-item:first-of-type {
    padding-left: 0;
}

.social-header-wrapper {
    padding: .5rem 1rem;
}

a.social-header {
    color: #9D9D9D;
    margin-right: 10px;
    padding: .5rem 0rem;
    display: inline-block;
}

a:hover.social-header {
    color: #CE224A;
}

a.social-header-lingua {
    font-weight: 600;
    color: #252525;
    margin-left: 10px;
    margin-right: 0;
}

.contenitore-ricerca {
    position: relative;
}

.search-form {
    background-color: unset !important;
    border: none !important;
    padding: 7px 30px 7px 5px !important;
    border-bottom: 2px solid #3A6959 !important;
    color: #717171 !important;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    width: 250px !important;
    border-radius: unset !important;
}

.ico-search {
    position: absolute;
    top: 8px;
    right: 5px;
    color: #717171;
}

#main-slider {
    height: 340px;
    position: relative;
    width: calc(100% + 40px);
    margin-left: -20px;
}

#main-slider .slick-slide {
    height: 340px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

#main-slider .slide {
    height: 320px;
    border-radius: .25rem;
}

#main-slider .card {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 340px;
}

.slick-slide .card {
    box-shadow: none;
}

.slick-slide a.card {
    color: #252525;
}

.slick-slide.slick-current .card {
    box-shadow: 3px 4px 10px rgba(102, 102, 102, 0.25);
}

.progetti-home .slick-slide.slick-current .card {
    box-shadow: unset;
}

.card:hover.card-red,
#main-slider .card:hover {
    box-shadow: 0 0 0 1.7pt #CE224A, 3px 4px 10px rgba(102, 102, 102, 0.25) !important;
}

#main-slider .card:hover h4 {
    color: #252525;
}

.main-slider-ico {
    font-size: 28px;
    color: #CE224A;
    float: right;
    margin-top: -15px;
}

.empty-slider-home {
    height: 320px;
    border-radius: .25rem;
    margin-bottom: 20px;
}

.breadcrumbs .span-breadcrumbs {
    text-transform: uppercase;
    color: #252525;
}

.sportello-energia {
    position: relative;
}

.social-sportello-energia {
    position: absolute;
    right: 0;
    top: 8px;
}

.social-sportello-energia a {
    color: #717171;
    margin-left: 5px;
}

.social-sportello-energia a:hover {
    color: #CE224A;
}

.qualita-aria h4 {
    margin-bottom: 0;
}

.qualita-aria .preview-text a {
    color: #CE224A;
    text-decoration: underline;
}

.qualita-aria .preview-text a:hover {
    text-decoration: none;
}

.fa-qualita-aria {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #ffffff;
    color: #CE224A;
    text-align: center;
    font-size: 30px;
    padding-top: 2px;
}

.thumb-img {
    object-fit: cover;
    overflow: hidden;
    height: 250px;
    width: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 100%;
}

.img-contain {
    object-fit: contain;
}

.tag {
    display: inline-block;
    background-color: #00765b;
    color: #ffffff;
    padding: 2px 6px;
}

.sys-tags a.tag {
    display: inline-block;
    margin-right: 10px;
}

.sys-tags a:hover.tag {
    color: #fff;
    box-shadow: 0 0 0 1.7pt #3A6959, 3px 4px 10px rgba(102, 102, 102, 0.25) !important;
}

.tema-ico-card {
    min-height: 165px;
}

.tema-ico-card h4 {
    font-size: 1.1em;
}

.tema-ico {
    min-height: 70px;
    color: #CE224A;
    font-size: 3em;
}

.btn-filtro-mtema {
    display: inline-block;
    padding: 5px 10px;
    font-size: 1.1em;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: .25rem;
    margin-left: 10px;
}

.btn-filtro-mtema.active {
    background-color: #CE224A;
    color: #fff;
}

.btn-filtro-mtema:hover {
    cursor: pointer;
    box-shadow: 0 0 0 1pt #3A6959, 3px 4px 10px rgba(102, 102, 102, 0.25) !important;
    color: #3A6959;
}

.btn-filtro-mtema:hover.active {
    box-shadow: none !important;
    color: #fff;
    cursor: unset;
}

.btn-filtro-mtema span:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free" !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f058";
    color: #3A6959;
    font-size: 1.5em;
    margin-left: 7px;
}

.btn-filtro-mtema.active span:after {
    color: #fff;
    content: "\f058";
}

.btn-filtro .btn-filtro-mtema:first-of-type {
    margin-left: 0;
}

.filtri-temi {
    display: none;
}

.temi-tags .tema-ico-card {
    min-height: unset;
}

.temi-tags .tema-ico {
    display: none;
}

.temi-tags .btn-filtro-tema {
    width: unset;
    display: inline-block;
    font-size: 0.9em;
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    font-weight: 600;
    margin-left: 5px;
    border-radius: .25rem;
}


}
.temi-tags .btn-filtro-tema:first-of-type {
    margin-left: 0;
}
.temi-tags .card-body {
    padding: 5px 10px;
}
.temi-tags .btn-filtro-tema:hover,
.temi-tags .btn-filtro-tema.active,
.temi-tags .btn-filtro-tema.active .card {
    cursor: pointer;
    box-shadow: 0 0 0 1pt #CE224A, 3px 4px 10px rgba(102, 102, 102, 0.25) !important;
    background-color: #CE224A;
    color: #fff;
}
footer {
    background-color: #F9F9F9;
    font-size: .9em;
    color: #717171;
}
footer a {
    color: #717171;
    text-decoration: underline;
}
footer a:hover {
    color: #CE224A;
}
.img-logo {}
.adminPannelloAdmin {
    height: 50px !important;
}
.gototop {
    display: none;
}
body.onscroll .gototop {
    display: block;
    position: fixed;
    bottom: 56px;
    right: 30px;
    z-index: 999999;
    width: 44px;
    height: 44px;
    background-color: #3A6959;
    color: #FFFFFF;
    text-align: center;
    line-height: 36px;
    font-size: 1.3em;
    border: 2px solid #fff;
    border-radius: 22px;
    cursor: pointer;
}
.titolo-motore-ricerca {
    border-top: 2px solid #3A6959;
    color: #3A6959;
    font-size: 1.2em;
    font-weight: 600;
}
.ui-autocomplete .titolo-motore-ricerca:first-of-type {
    border-top: none;
}
.navbar-ricerca .nav>li>a {
    border: 1px solid #dadada;
    border-radius: .25rem;
    padding: 10px;
}
.navbar-ricerca .nav>li>a:focus,
.navbar-ricerca .nav>li>a:hover {
    box-shadow: 0 0 0 1pt #3A6959, 3px 4px 10px rgba(102, 102, 102, 0.25) !important;
}
.tab-content-ricerca .titolo-filtri-ricerca {
    margin: 5px 0px;
    font-size: 1.2em;
}
.tab-content-ricerca .inner-filtri-ricerca {
    margin: 10px 0;
}
.tab-content-ricerca .inner-filtri-ricerca span.btnFiltroRic,
.tab-content-ricerca .inner-filtri-ricerca a.btnFiltroRic {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px 7px;
    border: 1px solid #dadada;
    border-radius: .25rem;
    color: #000000;
    font-size: 0.9em;
}
.tab-content-ricerca .inner-filtri-ricerca span.btnFiltroRic {
    border-color: #C2C2C2;
    background-color: #D2D2D2;
    color: #000000;
}
.tab-content-ricerca .inner-filtri-ricerca a.btnFiltroRic {
    text-decoration: none;
}
.tab-content-ricerca .inner-filtri-ricerca a.btnFiltroRic:hover {
    box-shadow: 0 0 0 1pt #3A6959, 3px 4px 10px rgba(102, 102, 102, 0.25) !important;
}
.cercaField,
.cercaButton {
    display: inline-block;
}
.cercaField input[type="text"],
.cercaField select {
    padding: 10px !important;
}
.istanzaRicerca {
    margin-bottom: 20px;
}
#formContatto10 label {
    font-weight: 600;
    display: inline-block;
    width: 200px;
}
#formContatto10 input[type="text"] {
    width: calc(100% - 220px);
    width: 300px;
}
#formContatto10 input[type="submit"] {
    text-transform: capitalize;
}
#formContatto10 textarea {
    width: calc(100% - 15px);
    min-height: 150px;
}
#formContatto10 #idLabelCode {
    width: 390px;
}
#formContatto10 #code {
    width: 120px;
}
.erroreCampoContatto {
    color: #CE224A;
    font-size: 0.9em;
    margin-bottom: 15px !important;
    margin-top: -5px !important;
}
.campo-obbligatorio {
    box-shadow: 0 0 0 0.5pt #333, 3px 4px 10px rgba(102, 102, 102, 0.25) !important;
}

/* paginazione */
.interfacciaPagine {
    margin: 20px auto;
    text-align: center;
}
.interfacciaPagine .interfacciaPaginePagSep {
    display: none;
}
.interfacciaPagineCurrentPage {
    background-color: #3A6959;
    color: #fff;
}
.interfacciaPagine .interfacciaPagineCurrentPage,
.interfacciaPagine .interfacciaPagineMore,
.interfacciaPagine a {
    border: 1px solid #3A6959;
    border-right: none;
    display: inline-block;
    padding: 5px 13px;
    text-align: center;
}
.interfacciaPagine a:hover {
    background-color: #3A6959;
    color: #fff;
    text-decoration: none !important;
}
.interfacciaPagine .interfacciaPagineMore {
    color: #3A6959;
    background-color: #fff;
}
.interfacciaPagine .interfacciaPagineCurrentPage:last-child,
.interfacciaPagine .interfacciaPagineMore:last-child,
.interfacciaPagine a:last-child {
    border-right: 1px solid #3A6959;
}
.line-clamp-2 {
    position: relative;
    height: 42px;
    /* exactly 2 lines */
    
    overflow: hidden;
}
.line-clamp-2:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
    height: 21px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
}
@supports (-webkit-line-clamp: 2) {
    .line-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 42px;
        /* I needed this to get it to work */
        height: auto;
    }
    
    .line-clamp-2:after {
        display: none;
    }
}
input[type="text"],
input[type="password"],
select,
textarea {
    display: inline-block;
    width: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #252525;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #3A6959;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 10px;
}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: #3A6959;
    outline: 0;
    box-shadow: 0 0 0 0.7pt #3A6959, 3px 4px 10px rgba(102, 102, 102, 0.25) !important;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    color: #fff;
    background-color: #3A6959;
    border-color: #3A6959;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    margin-right: 10px;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {}
#trace-form {
    position: fixed;
    padding: 20px 10px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    opacity: 0.90;
    color: #fff;
    font-size: 100%;
    text-align: center;
    z-index: 100000000;
    background: #3A6959;
}
#trace-form a {
    color: #fff;
}
.pulsanteAccetto {
    margin-left: 15px;
    margin-right: 30px;
    padding: 5px 10px;
    border: 1px solid #fff;
    font-size: 100%;
    text-decoration: none;
}

/*************************************
 ******** MAPPA QUALITA' ARIA ********
 *************************************/

/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
    position: relative;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    /*    height: 300px;
    width: 400px;*/
}

/*rules applied to all axes*/
.jqplot-axis {
    font-size: 0.75em;
}
.jqplot-xaxis {
    margin-top: 10px;
}
.jqplot-x2axis {
    margin-bottom: 10px;
}
.jqplot-yaxis {
    margin-right: 10px;
}
.jqplot-y2axis,
.jqplot-y3axis,
.jqplot-y4axis,
.jqplot-y5axis,
.jqplot-y6axis,
.jqplot-y7axis,
.jqplot-y8axis,
.jqplot-y9axis,
.jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick,
.jqplot-xaxis-tick,
.jqplot-yaxis-tick,
.jqplot-x2axis-tick,
.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick,
.jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}
.jqplot-xaxis-tick {
    top: 0px;
    /* initial position untill tick is drawn in proper place */
    
    left: 15px;
    /*    padding-top: 10px;*/
    
    vertical-align: top;
}
.jqplot-x2axis-tick {
    bottom: 0px;
    /* initial position untill tick is drawn in proper place */
    
    left: 15px;
    /*    padding-bottom: 10px;*/
    
    vertical-align: bottom;
}
.jqplot-yaxis-tick {
    right: 0px;
    /* initial position untill tick is drawn in proper place */
    
    top: 15px;
    /*    padding-right: 10px;*/
    
    text-align: right;
}
.jqplot-yaxis-tick.jqplot-breakTick {
    right: -20px;
    margin-right: 0px;
    padding: 1px 5px 1px 5px;
    /*	background-color: white;*/
    
    z-index: 2;
    font-size: 1.5em;
}
.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
    left: 0px;
    /* initial position untill tick is drawn in proper place */
    
    top: 15px;
    /*    padding-left: 10px;*/
    /*    padding-right: 15px;*/
    
    text-align: left;
}
.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}
.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}
.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}
.jqplot-yaxis-label {
    margin-right: 10px;
    /*    text-align: center;*/
    
    font-size: 11pt;
    position: absolute;
}
.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}
.jqplot-y2axis-label,
.jqplot-y3axis-label,
.jqplot-y4axis-label,
.jqplot-y5axis-label,
.jqplot-y6axis-label,
.jqplot-y7axis-label,
.jqplot-y8axis-label,
.jqplot-y9axis-label {
    /*    text-align: center;*/
    
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}
.jqplot-meterGauge-tick {
    font-size: 0.75em;
    color: #999999;
}
.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}
table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}
table.jqplot-table-legend,
table.jqplot-cursor-legend {
    background-color: rgba(255, 255, 255, 0.6);
    /* border: 1px solid #cccccc; */
    
    position: absolute;
    font-size: 0.75em;
}
td.jqplot-table-legend {
    vertical-align: middle;
}

/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/

/*
td.jqplot-table-legend-swatch {
    padding-top: 0.5em;
    text-align: center;
}

tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
    padding-top: 0px;
}
*/
td.jqplot-seriesToggle:hover,
td.jqplot-seriesToggle:active {
    cursor: pointer;
}
.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}
div.jqplot-table-legend-swatch-outline {
    border: 1px solid #cccccc;
    padding: 1px;
}
div.jqplot-table-legend-swatch {
    width: 0px;
    height: 0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}
.jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}
table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}
.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208, 208, 208, 0.5);
    padding: 1px;
}
.jqplot-highlighter-tooltip,
.jqplot-canvasOverlay-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208, 208, 208, 0.5);
    padding: 1px;
}

/* Customizzazione Template Grafico */
.jqplot-table-legend-label {
    padding-left: 5px;
}
.jqplot-grid-canvas {
    color: red !important;
}
.jqplot-point-label {
    font-size: 0.75em;
    z-index: 2;
}
td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}
div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}
.jqplot-error {
    /*   Styles added to the plot target container when there is an error go here.*/
    
    text-align: center;
}
.jqplot-error-message {
    /*    Styling of the custom error message div goes here.*/
    
    position: relative;
    top: 46%;
    display: inline-block;
}
div.jqplot-bubble-label {
    font-size: 0.8em;
    /*    background: rgba(90%, 90%, 90%, 0.15);*/
    
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}
div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.7);
}
div.jqplot-noData-container {
    text-align: center;
    background-color: rgba(96%, 96%, 96%, 0.3);
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*.dow {
          border-top: 1px solid #ddd !important;
      }*/
}
.datepicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}
.datepicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
}
.datepicker>div {
    display: none;
}
.datepicker.days div.datepicker-days {
    display: block;
}
.datepicker.months div.datepicker-months {
    display: block;
}
.datepicker.years div.datepicker-years {
    display: block;
}
.datepicker table {
    margin: 0;
}
.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.datepicker td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datepicker td.old,
.datepicker td.new {
    color: #999999;
}
.datepicker td.disabled,
.datepicker td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active.disabled:hover,
.datepicker td.active.disabled:hover:hover,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.disabled:active,
.datepicker td.active.disabled:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled.active,
.datepicker td.active.disabled:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active.disabled.disabled,
.datepicker td.active.disabled:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled],
.datepicker td.active.disabled[disabled],
.datepicker td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.disabled:active,
.datepicker td.active.disabled:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled.active,
.datepicker td.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.datepicker td span:hover {
    background: #eeeeee;
}
.datepicker td span.disabled,
.datepicker td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active.disabled,
.datepicker td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:hover:hover,
.datepicker td span.active.disabled:hover,
.datepicker td span.active.disabled:hover:hover,
.datepicker td span.active:active,
.datepicker td span.active:hover:active,
.datepicker td span.active.disabled:active,
.datepicker td span.active.disabled:hover:active,
.datepicker td span.active.active,
.datepicker td span.active:hover.active,
.datepicker td span.active.disabled.active,
.datepicker td span.active.disabled:hover.active,
.datepicker td span.active.disabled,
.datepicker td span.active:hover.disabled,
.datepicker td span.active.disabled.disabled,
.datepicker td span.active.disabled:hover.disabled,
.datepicker td span.active[disabled],
.datepicker td span.active:hover[disabled],
.datepicker td span.active.disabled[disabled],
.datepicker td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker td span.active:active,
.datepicker td span.active:hover:active,
.datepicker td span.active.disabled:active,
.datepicker td span.active.disabled:hover:active,
.datepicker td span.active.active,
.datepicker td span.active:hover.active,
.datepicker td span.active.disabled.active,
.datepicker td span.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker td span.old {
    color: #999999;
}
.datepicker th.switch {
    width: 145px;
}
.datepicker thead tr:first-child th {
    cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
    background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    padding: 4px 5px;
}
.datepicker .prev,
.datepicker .next {
    font-style: normal;
}
.datepicker .prev:after {
    content: "<";
}
.datepicker .next:after {
    content: ">";
}
.heading-h3-bollettino {
    border-bottom: 2px solid #F9F9F9;
    padding-bottom: 15px;
}
.btn-seleziona-data {
    position: relative;
    top: 1px;
}
.legent-span-left,
.legent-span-right,
.legent-span-left-one {
    font-size: 90%;
}
.legent-span-left {
    display: inline-block;
    width: 15%;
}
.legent-span-right {
    display: inline-block;
    width: auto;
}
.legent-span-left-one {
    display: inline-block;
    width: 5%;
}
.legent-span-right {
    display: inline-block;
    width: auto;
}
.position-greenvalue,
.position-yellowvalue,
.position-redvalue {
    position: relative;
    top: 5px;
}
.greenvalue {
    background: #a6e3ab;
    /* RGB: 166.277.171*/
}
.yellowvalue {
    background: #FBCC33;
    /* RGB: 251.204.51*/
}
.redvalue {
    background: #EF6230;
    /* RGB: 239.98.48 */
}
.block-legend {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.heading-th {
    font-size: 83%;
}
.plotContainer {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.block-legend-home {
    display: inline-block;
    width: 11px;
    height: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 10px;
    margin-right: 3px;
    position: relative;
    top: 0px;
    /*border: 1px solid #ccc;*/
}
ul.air-quality-list {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.air-quality-list ul>li {
    color: red;
}
div.olMapViewport {
    z-index: 0 !important;
    /* Hack per non far sovrapporre la mappa nella testata */
}
.nav {
    font-size: 125% !important;
    /* font-weight: bold; */
}
#card-temi .card-body {
    padding: 1.1rem;
}
.img-responsive {
    width: 100% !important;
    height: auto !important;
}

/****************************************
*********** STYLE SHARE *****************
*****************************************/
.cont_share {
    margin: auto;
    padding: auto;
}
.cont_share strong {
    display: inline-block;
    margin-left: 12px;
}
.cont_share a {
    display: inline-block;
    margin-left: 3px;
}
.home-accordoaria {
    background-color: rgb(206, 34, 74);
    color: #ffffff !important;
    font-size: 0.90em;
    padding: 10px 15px;
    font-weight: 800;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ws_kindle_tile {
    color: #252524;
    /*position: relative;
    right: 27px;
    top: 24px;*/
}
._clearfix {
    display: block;
    content: "";
    clear: both;
}
.noIstanze {
    padding: 15px;
}