body {
    padding-top: 0;
}

p:empty {
    display: none;
}

p {
    font-size: 1rem;
}

button:focus {
    outline: 1px auto #dddddd;
}

.masthead {
    padding-left: 1%;
    padding-right: 1%;
}

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
    border-top: 1px solid #eee;
}

.ni_footer {
    background-color: #FDFDFC;
    border-top: 3px solid #00536c;
}

.rowtitle {
    margin-left: 0;
    margin-right: 0;
}

/* loghi testata */
.logoni {
    max-width: 35%;
    padding-top: 0.7rem;
}

.niglossario>li {
    list-style-type: none;
    position: relative;
    left: -32px;
    font-size: 0.9rem;
    padding-top: 12px;
}

.niglossario>li>strong {
    font-weigh: 500;
    color: #00536C;
    padding-right: 4px;
}

ul.niglossario>li:first-letter {
    text-transform: uppercase;
}

.logoistat {
    float: right;
    max-width: 28%;
    padding-top: 2.8%;
}

/* Main marketing message and sign up button */
.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    padding: 14px 24px;
    font-size: 21px;
}

.ni_home {
    padding-top: 3em;
}

.redleft {
    border-left: 3px solid #D61B2D;
}

.redh1 {
    color: #d00707;
    font-weight: 100;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1.6rem;
    margin-top: 1.8rem;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.redh1 > strong {
    font-weight: 400;
}

.navbar {
    width: 100%;
}

.bordoverde {
    border-bottom: 3px solid #00536c;
    background: #EAEBEB;
    padding-left: 0.5% !important;
    margin-left: 0.3%;
    width: 16%;
    padding-right: 2% !important;
}

.bordoverdelast {
    border-bottom: 3px solid #00536c;
    background: #EAEBEB;
    padding-left: 0.5% !important;
    margin-left: 0.3%;
    width: 18%;
    padding-right: 2% !important;
}

.bordoverdemini {
    border-bottom: 3px solid #00536c;
    background: #EAEBEB;
    padding-left: 0.5% !important;
    margin-left: 0.3%;
    width: 15%;
    padding-right: 3% !important;
}

.dropdown-menu.bordoverde {
    width: 100%;
    border-left: 0;
    border-right: 1px solid #F5F5F5;
    margin-top: 3px;
    margin-left: 0;
    background-color: #F5F5F5;
    text-transform: uppercase;
}

.dropdown-item {
    text-decoration: none;
    padding-left: 0.5rem;
}

.menuverde {
    padding-left: 0;
    padding-right: 0;
    margin-top: 1.2em;
}

.navbar-light .navbar-toggler {
    border: 0;
}

.ita > a {
    width: 60px;
    height: 20px;
    color: #ffffff;
}

.white {
    color: #ffffff;
}

.itabnav > a {
    border-bottom: 3px solid #00536c !important;
    margin-right: 4px;
    margin-bottom: 15px;
}

.itab.link {
    background-color: #fff;
    border: none !important;
    border-bottom: 3px solid #00536c;
    margin-right: 8px;
    padding-top: 8px;
    height: 30px;
}

.itab.active {
    background-color: #fff;
    border: none !important;
    border-bottom: 3px solid #ff0000 !important;
}

.itabthis,
.itabthis.a {
    background-color: #dddd;
    border-bottom: 3px solid #D61B2D;
    margin-right: 6px;
    padding-top: 8px;
    height: 30px;
}

.itabpane {
    margin-top: 8%;
}

.h2tab {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    word-spacing: 4px;
    letter-spacing: 0.1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.h2tab > mark {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    text-transform: uppercase;
    border-left: 2px solid #666;
    word-spacing: normal;
    background: none;
    padding-left: 10px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.intro {
    font-size: 0.98rem;
    line-height: 1.3rem;
}

.testotab {
    font-size: 0.92rem;
    line-height: 1.2rem;
}

.pillole {
    color: #00536c;
    border: none;
}

h3.pillole {
    font-size: 1.3rem;
    font-weight: 500;
    font-family: 'Fira Sans Condensed', sans-serif;
}

ul.pillole,
ul.pillole>li {
    font-size: 0.95rem;
    font-weight: 500;
    font-family: 'Fira Sans Condensed', sans-serif;
    border: none;
}

ul.pillole {
    padding: 0.1rem 2rem;
}

.extra {
    border-top: 1px solid #ddd;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.extra > p {
    margin-top: 6px;
    margin-bottom: 1px;
    font-size: 0.8rem;
    color: #666;
    line-height: 0.9rem;
}

.extra > p  > mark {
    font-weight: 700;
    color: #00536c;
    background-color: white;
}

/* aggiunte da vecchio css */
.dropdown-menu {
    font-weight: 400;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 0.9rem;
}

.nav-link,
.nav-link.active {
    color: #00536C !important;
    font-size: 1.1rem;
    font-family: 'Fira Sans Condensed', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer !important;
}

.redbar {
    padding: 0rem 0.2rem 0rem !important;
}

.tabred,
.tabred.active {
    color: #ffffff !important;
    font-size: 0.945rem;
    font-family: 'Fira Sans Condensed', sans-serif;
    text-decoration: none;
    font-weight: 600;
    padding: 0.1rem 0.8rem 0.1rem 0.8rem !important;
}

.tabgrey,
.tabgrey.active {
    color: #ffffff !important;
    background-color: #00536C;
    font-size: 0.945rem;
    font-family: 'Fira Sans Condensed', sans-serif;
    text-decoration: none;
    font-weight: 600;
    padding: 0.1rem 0.8rem 0.1rem 0.8rem !important;
}

.nav-justified .nav-item {
    text-align: left;
    padding: 0;
    line-height: 1.1;
}

.nitab {
    margin-top: 42px;
}

/* BOTTONI e FA ICONS */
.bottoni {
    padding-right: 1opx;
    padding-left: 1px;
    text-align: right;
}

.bottoni ul {
    padding-bottom: 0;
    margin-bottom: -8px;
}

.bottonidx {
    padding-inline-start: 1px;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
}

.circle {
    border-radius: 50%;
    margin: 0.15em;
    font-size: 1.4em;
    background: #bb0000;
    color: #FFFFFF;
}

.red {
    border-radius: 50%;
    margin: 0.15em;
    font-size: 1.4em;
    color: #d00707;
    font-weight: 600;
    border-radius: 50%;
    margin: 0.15em;
    border: 2px solid #dddddd;
}

.fa-download,
.fa-alphabet,
.fa-spell-check,
.fa-stack-exchange,
.fa-chalkboard,
.fa-layer-group,
.fa-chart-bar {
    padding: 0.45em 0.45em;
}

.fa-book,
.fa-indent {
    padding: 0.45em 0.5em;
}

.fa-file-contract {
    padding: 0.45em 0.6em;
}

/* bottoni con scritta */
.roundicon {
    display: inline-block;
    margin: 1px;
    padding: 4px 4px 0 4px;
    text-align: center;
}

.my-text {
    display: block;
    padding-top: 6px;
    font-size: 11px;
    font-weight: 600;

    /* text-transform: uppercase; */
    text-decoration: none !important;
    color: #555555;
}

.my-icon {
    vertical-align: middle;
    font-size: 20px;
    border: 2px solid #dddddd;
    border-radius: 24px;
    padding: 8px 8px;
}

/* embed per data wrapper */
/* nb meso bordo verde più chiaro */
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 0;
    overflow: hidden;
    max-height: 450px;
    margin-bottom: 24px;
    border-bottom: 1px solid #3997a0;
    border-top: 1px solid #3997a0;

    /* altrimenti resta il margine sotto i grafici */
}

.embed-responsive iframe {
    max-height: 450px;
}

h3.titgraf {
    /* vecchio rosso color: #D61B2D; */
    color: #00536c;
    font-weight: 400;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1.3rem;
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
    text-transform: uppercase;
}

.titpar {
    color: #00536c;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 700;
    margin-top: 16px;
}

.modal-title {
    color: #d00707;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.modal-body > p {
    font-size: 0.9rem;
}

.chart-title {
    color: #00536c;
}

.voceg {
    color: #00536c;
    text-decoration: underline;
    font-weight: 600;
    max-height: 450px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .navbar-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .navbar-nav .nav-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 16,5%;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
     {
        padding-right: 0;
        padding-left: 0;
    }

    .bordoverde {
        width: 16,5%;
    }
}

/* Responsive: small desk */
@media screen and (max-width: 1200px) 
{
    .nav-link,
    -link.active {
        font-size: 1rem;
    }

    .bordoverde {
        padding-right: 1% !important;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (max-width: 767px) {
    .bordoverde {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .bordoverdemini {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dropdown .bordoverde {
        border: 0;
    }

    .dropdown .bordoverdemini {
        border: 0;
    }

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 10px;
    }

    .nav-link br {
        display: none;
    }
	
	.redleft {
    border-left: none;
    padding-left:1.8em;
	}
	
   .ni_home: {
	padding-top: 1em;
	}
}

@media only screen and (min-width: 100px) and (max-width: 700px) {
}

/* modal */
.modal-header {
    color: #00536C;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    border-bottom: none;
}

.close {
    color: #D61B2D;
    text-shadow: 0 ;
    opacity: 1;
}

@media (max-width: 576px)
{
    .container {
        max-width: 576px;
        padding-left: 0;
        padding-right: 0;
    }

    .masthead {
        max-width: 576px;
    }

    .main {
        max-width: 576px;
    }

    .nitab {
        padding-left: 10px;
        padding-right: 2px;
        margin-left: 0;
        margin-top: 18px;
    }

    .embed-responsive {
        height: 22rem;
    }

    .embed-responsive1 {
        height: 18rem;
    }

    .embed-responsive2 {
        height: 30rem;
    }

    .bottoni {
        height: 58px;
    }
}

@media (min-width: 576px)
    {
    .bottoni ul {
        margin-left: 0;
        padding-left: 0;
    }

    .modal-dialog {
        max-width: 732px !important;
        margin: 12px auto;
    }

    .modal-body strong {
        color: #00536C;
        font-weight: 600;
    }
}
    
}