/* Regole Fisse */

a{
    cursor: pointer;
    text-decoration: none;
}

/* IOS fix inizio */
input[type="date"]{ /*Fix data safari*/
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}
select{ /*Fix select safari*/
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}
/* IOS fix fine */

/* Regole Fisse */

.container__mf{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 2px;
    align-items: center;
    justify-content: center;
    justify-items: center;
}
.flex__box--10{
    width: 100%;
    min-width: 100%;
    padding: 5px;
    display: flex;
}
.flex__box--9{
    width: 90%;
    min-width: 90%;
    padding: 5px;
    display: flex;
}
.flex__box--8{
    width: 80%;
    min-width: 80%;
    padding: 5px;
    display: flex;
}
.flex__box--7{
    width: 70%;
    min-width: 70%;
    padding: 5px;
    display: flex;
}
.flex__box--6{
    width: 60%;
    min-width: 60%;
    padding: 5px;
    display: flex;
}
.flex__box--5{
    width: 50%;
    min-width: 50%;
    padding: 5px;
    display: flex;
}
.flex__box--4{
    width: 40%;
    min-width: 40%;
    padding: 5px;
    display: flex;
}
.flex__box--3{
    width: 30%;
    min-width: 30%;
    padding: 5px;
    display: flex;
}
.flex__box--2{
    width: 20%;
    min-width: 20%;
    padding: 5px;
    display: flex;
}
.flex__box--1{
    width: 10%;
    min-width: 10%;
    padding: 5px;
    display: flex;
}
.block__box--10{
    width: 100%;
    min-width: 100%;
    padding: 5px;
    display: block;
}
.block__box--9{
    width: 90%;
    min-width: 90%;
    padding: 5px;
    display: block;
}
.block__box--8{
    width: 80%;
    min-width: 80%;
    padding: 5px;
    display: block;
}
.block__box--7{
    width: 70%;
    min-width: 70%;
    padding: 5px;
    display: block;
}
.block__box--6{
    width: 60%;
    min-width: 60%;
    padding: 5px;
    display: block;
}
.block__box--5{
    width: 50%;
    min-width: 50%;
    padding: 5px;
    display: block;
}
.block__box--4{
    width: 40%;
    min-width: 40%;
    padding: 5px;
    display: block;
}
.block__box--3{
    width: 30%;
    min-width: 30%;
    padding: 5px;
    display: block;
}
.block__box--2{
    width: 20%;
    min-width: 20%;
    padding: 5px;
    display: block;
}
.block__box--1{
    width: 10%;
    min-width: 10%;
    padding: 5px;
    display: block;
}

/* Display */

.d_flex{
    display: flex;
}
.d_block{
    display: block;
}
.d_none{
    display: none;
}
.d_grid{
    display: grid;
}
.d_table{
    display: table;
}
.d_inline{
    display: inline;
}

/* Display */


/* Width */

.w-100{
    width: 100%;
}
.w-98{
    width: 98%;
}
.w-95{
    width: 95%;
}
.w-90{
    width: 90%;
}
.w-85{
    width: 85%;
}
.w-80{
    width: 80%;
}
.w-75{
    width: 75%;
}
.w-70{
    width: 70%;
}
.w-66{
    width: 66%;
}
.w-60{
    width: 60%;
}
.w-55{
    width: 55%;
}
.w-50{
    width: 50%;
}
.w-45{
    width: 45%;
}
.w-40{
    width: 40%;
}
.w-34{
    width: 34%;
}
.w-33{
    width: 33%;
}
.w-32{
    width: 32%;
}
.w-30{
    width: 30%;
}
.w-25{
    width: 25%;
}
.w-20{
    width: 20%;
}
.w-15{
    width: 15%;
}
.w-10{
    width: 10%;
}
.w-5{
    width: 5%;
}

/* Width */

/* Margin */

.mar-auto{
    margin: auto;
}
.mar-0{
    margin: 0;
}
.mar-1{
    margin: 0.25rem;
}
.mar-2{
    margin: 0.50rem;
}
.mar-3{
    margin: 0.75rem;
}
.mar-4{
    margin: 1rem;
}
.mar-5{
    margin: 1.25rem;
}
.mar-6{
    margin: 1.50rem;
}
.mar-7{
    margin: 1.75rem;
}
.mar-8{
    margin: 2rem;
}
.mar-9{
    margin: 2.25rem;
}
.mar-10{
    margin: 2.50rem;
}
.mar-11{
    margin: 2.75rem;
}
.mar-12{
    margin: 3rem;
}
.mar-13{
    margin: 3.25rem;
}
.mar-14{
    margin: 3.50rem;
}
.mar-15{
    margin: 3.75rem;
}
.mar-16{
    margin: 4rem;
}
.mar-17{
    margin: 4.25rem;
}
.mar-18{
    margin: 4.50rem;
}
.mar-19{
    margin: 4.75rem;
}
.mar-20{
    margin: 5rem;
}

.m-top-auto{
    margin-top: auto;
}
.m-top-0{
    margin-top: 0;
}
.m-top-1{
    margin-top: 0.25rem;
}
.m-top-2{
    margin-top: 0.50rem;
}
.m-top-3{
    margin-top: 0.75rem;
}
.m-top-4{
    margin-top: 1rem;
}
.m-top-5{
    margin-top: 1.25rem;
}
.m-top-6{
    margin-top: 1.50rem;
}
.m-top-7{
    margin-top: 1.75rem;
}
.m-top-8{
    margin-top: 2rem;
}
.m-top-9{
    margin-top: 2.25rem;
}
.m-top-10{
    margin-top: 2.50rem;
}
.m-top-11{
    margin-top: 2.75rem;
}
.m-top-12{
    margin-top: 3rem;
}
.m-top-13{
    margin-top: 3.25rem;
}
.m-top-14{
    margin-top: 3.50rem;
}
.m-top-15{
    margin-top: 3.75rem;
}
.m-top-16{
    margin-top: 4rem;
}
.m-top-17{
    margin-top: 4.25rem;
}
.m-top-18{
    margin-top: 4.50rem;
}
.m-top-19{
    margin-top: 4.75rem;
}
.m-top-20{
    margin-top: 5rem;
}

.m-bot-auto{
    margin-bottom: auto;
}
.m-bot-0{
    margin-bottom: 0;
}
.m-bot-1{
    margin-bottom: 0.25rem;
}
.m-bot-2{
    margin-bottom: 0.50rem;
}
.m-bot-3{
    margin-bottom: 0.75rem;
}
.m-bot-4{
    margin-bottom: 1rem;
}
.m-bot-5{
    margin-bottom: 1.25rem;
}
.m-bot-6{
    margin-bottom: 1.50rem;
}
.m-bot-7{
    margin-bottom: 1.75rem;
}
.m-bot-8{
    margin-bottom: 2rem;
}
.m-bot-9{
    margin-bottom: 2.25rem;
}
.m-bot-10{
    margin-bottom: 2.50rem;
}
.m-bot-11{
    margin-bottom: 2.75rem;
}
.m-bot-12{
    margin-bottom: 3rem;
}
.m-bot-13{
    margin-bottom: 3.25rem;
}
.m-bot-14{
    margin-bottom: 3.50rem;
}
.m-bot-15{
    margin-bottom: 3.75rem;
}
.m-bot-16{
    margin-bottom: 4rem;
}
.m-bot-17{
    margin-bottom: 4.25rem;
}
.m-bot-18{
    margin-bottom: 4.50rem;
}
.m-bot-19{
    margin-bottom: 4.75rem;
}
.m-bot-20{
    margin-bottom: 5rem;
}

.m-left-auto{
    margin-left: auto;
}
.m-left-0{
    margin-left: 0;
}
.m-left-1{
    margin-left: 0.25rem;
}
.m-left-2{
    margin-left: 0.50rem;
}
.m-left-3{
    margin-left: 0.75rem;
}
.m-left-4{
    margin-left: 1rem;
}
.m-left-5{
    margin-left: 1.25rem;
}
.m-left-6{
    margin-left: 1.50rem;
}
.m-left-7{
    margin-left: 1.75rem;
}
.m-left-8{
    margin-left: 2rem;
}
.m-left-9{
    margin-left: 2.25rem;
}
.m-left-10{
    margin-left: 2.50rem;
}
.m-left-11{
    margin-left: 2.75rem;
}
.m-left-12{
    margin-left: 3rem;
}
.m-left-13{
    margin-left: 3.25rem;
}
.m-left-14{
    margin-left: 3.50rem;
}
.m-left-15{
    margin-left: 3.75rem;
}
.m-left-16{
    margin-left: 4rem;
}
.m-left-17{
    margin-left: 4.25rem;
}
.m-left-18{
    margin-left: 4.50rem;
}
.m-left-19{
    margin-left: 4.75rem;
}
.m-left-20{
    margin-left: 5rem;
}

.m-right-auto{
    margin-right: auto;
}
.m-right-0{
    margin-right: 0;
}
.m-right-1{
    margin-right: 0.25rem;
}
.m-right-2{
    margin-right: 0.50rem;
}
.m-right-3{
    margin-right: 0.75rem;
}
.m-right-4{
    margin-right: 1rem;
}
.m-right-5{
    margin-right: 1.25rem;
}
.m-right-6{
    margin-right: 1.50rem;
}
.m-right-7{
    margin-right: 1.75rem;
}
.m-right-8{
    margin-right: 2rem;
}
.m-right-9{
    margin-right: 2.25rem;
}
.m-right-10{
    margin-right: 2.50rem;
}
.m-right-11{
    margin-right: 2.75rem;
}
.m-right-12{
    margin-right: 3rem;
}
.m-right-13{
    margin-right: 3.25rem;
}
.m-right-14{
    margin-right: 3.50rem;
}
.m-right-15{
    margin-right: 3.75rem;
}
.m-right-16{
    margin-right: 4rem;
}
.m-right-17{
    margin-right: 4.25rem;
}
.m-right-18{
    margin-right: 4.50rem;
}
.m-right-19{
    margin-right: 4.75rem;
}
.m-right-20{
    margin-right: 5rem;
}

/* Margin */

/* Formattazione del testo */

.par-1{
    font-size: 12px!important;
}
.par-2{
    font-size: 13px!important;
}
.par-3{
    font-size: 14px!important;
}
.par-4{
    font-size: 15px!important;
}
.par-5{
    font-size: 16px!important;
}

.h5-min{
    font-size: 18px!important;
}
.h5-med{
    font-size: 19px!important;
}
.h5-big{
    font-size: 20px!important;
}
.h4-min{
    font-size: 22px!important;
}
.h4-med{
    font-size: 23px!important;
}
.h4-big{
    font-size: 24px!important;
}
.h3-min{
    font-size: 26px!important;
}
.h3-med{
    font-size: 27px!important;
}
.h3-big{
    font-size: 28px!important;
}
.h2-min{
    font-size: 30px!important;
}
.h2-med{
    font-size: 31px!important;
}
.h2-big{
    font-size: 32px!important;
}
.h1-min{
    font-size: 34px!important;
}
.h1-med{
    font-size: 35px!important;
}
.h1-big{
    font-size: 36px!important;
}

.f-xlight{
    font-weight: 300;
}
.f-light{
    font-weight: 400;
}
.f-medium{
    font-weight: 500;
}
.f-xmedium{
    font-weight: 550;
}
.f-bold{
    font-weight: 600;
}
.f-xbold{
    font-weight: 700;
}
.f-xxbold{
    font-weight: 800;
}

.italic{
    font-style: italic;
}

.line-h-1{
    line-height: 0.6rem;
}
.line-h-2{
    line-height: 1.2rem;
}
.line-h-3{
    line-height: 1.8rem;
}
.line-h-4{
    line-height: 2.4em;
}
.line-h-5{
    line-height: 3.0rem;
}

.l-spacing-1{
    letter-spacing: 0.2px;
}
.l-spacing-2{
    letter-spacing: 0.4px;
}
.l-spacing-3{
    letter-spacing: 0.6px;
}
.l-spacing-4{
    letter-spacing: 0.8px;
}
.l-spacing-5{
    letter-spacing: 1px;
}

/* Formattazione del testo */

.f-dir-colm{
    flex-direction: column!important;
}

/* Previon Color */

.light-green{
    color: #01b8a0!important;
}
.dark-green{
    color: #59A4A2 !important;
}
.white{
    color: #fff!important;
}
.black{
    color: #000!important;
}
.light-grey{
    color: #e0e0e0!important;
}
.table-grey{
    color: #f0f2f2!important;
}
.grey-new{
    color: #f9f9f9!important;
}
.dark-blue{
    color: #282d41!important
}
.alert-red{
    color: #e5224b!important;
}
.bo-green{
    color: #b0dcde!important;
}
.blu-generale {
    color: #548eb9!important;
}
.green-separata{
    color: #009865!important;
}
.arancio-pubblica {
    color: #ff8151!important;
}
.bordeaux-spettacolo {
    color: #703472!important;
}
.blue-previon {
    color: #073763!important;
}
.blue-previon-chiaro {
    color: #196d94!important;
}


.b-light-green{
    background: #01b8a0!important;
}
.b-dark-green{
    background: #59A4A2 !important;
}
.b-white{
    background: #fff!important;
}
.b-black{
    background: #000!important;
}
.b-light-grey{
    background: #e0e0e0!important;
}
.b-table-grey{
    background: #f0f2f2!important;
}
.b-grey-new{
    background: #f9f9f9!important;
}
.b-dark-blue{
    background: #282d41!important
}
.b-alert-red{
    background: #e5224b!important;
}
.b-bo-green{
    background: #b0dcde!important;
}
.b-blu-generale {
    background: #548eb9!important;
}
.b-green-separata{
    background: #009865!important;
}
.b-arancio-pubblica {
    background: #ff8151!important;
}
.b-bordeaux-spettacolo {
    background: #703472!important;
}
.b-blue-previon {
    background: #073763!important;
}
.b-blue-previon-chiaro {
    background: #196d94!important;
}

/* Previon Color */
@media screen and (min-width: 768px) and (max-width: 1366px){
    .d-flex-r-tab{
        display: flex!important;
    }
    .d-block-r-tab{
        display: block!important;
    }
    .d-none-r-tab{
        display: none!important;
    }
    .d-grid-r-tab{
        display: grid!important;
    }
    .d-table-r-tab{
        display: table!important;
    }
    .d-inline-r-tab{
        display: inline!important;
    }
    .w-100-r-tab{
        width: 100%!important;
    }
    .w-95-r-tab{
        width: 95%!important;
    }
    .w-90-r-tab{
        width: 90%!important;
    }
    .w-85-r-tab{
        width: 85%!important;
    }
    .w-80-r-tab{
        width: 80%!important;
    }
    .w-75-r-tab{
        width: 75%!important;
    }
    .w-70-r-tab{
        width: 70%!important;
    }
    .w-66-r-tab{
        width: 66%!important;
    }
    .w-60-r-tab{
        width: 60%!important;
    }
    .w-55-r-tab{
        width: 55%!important;
    }
    .w-50-r-tab{
        width: 50%!important
    }
    .w-45-r-tab{
        width: 45%!important;
    }
    .w-40-r-tab{
        width: 40%!important;
    }
    .w-34-r-tab{
        width: 34%!important;
    }
    .w-33-r-tab{
        width: 33%!important;
    }
    .w-32-r-tab{
        width: 32%!important;
    }
    .w-30-r-tab{
        width: 30%!important;
    }
    .w-25-r-tab{
        width: 25%!important;
    }
    .w-20-r-tab{
        width: 20%!important;
    }
    .w-15-r-tab{
        width: 15%!important;
    }
    .w-10-r-tab{
        width: 10%!important;
    }
    .w-5-r-tab{
        width: 5%!important;
    }
    .f-dir-colm-r-tab{
        flex-direction: column!important;
    }
    .no-wrap-r-tab{
        flex-wrap: nowrap!important;
    }
}

@media screen and (max-width: 1080px) {
    .pr-0-1080{
        padding-right: 0!important;
    }
    .pl-0-1080{
        padding-left: 0!important;
    }
    .no-wrap-1080{
        flex-wrap: nowrap!important;
    }
}

@media screen and (max-width: 767px){
    .d-flex-r{
        display: flex!important;
    }
    .d-block-r{
        display: block!important;
    }
    .d-none-r{
        display: none!important;
    }
    .d-grid-r{
        display: grid!important;
    }
    .d-table-r{
        display: table!important;
    }
    .d-inline-r{
        display: inline!important;
    }
    .w-100-r{
        width: 100%!important;
    }
    .w-95-r{
        width: 95%!important;
    }
    .w-90-r{
        width: 90%!important;
    }
    .w-85-r{
        width: 85%!important;
    }
    .w-80-r{
        width: 80%!important;
    }
    .w-75-r{
        width: 75%!important;
    }
    .w-70-r{
        width: 70%!important;
    }
    .w-66-r{
        width: 66%!important;
    }
    .w-60-r{
        width: 60%!important;
    }
    .w-55-r{
        width: 55%!important;
    }
    .w-50-r{
        width: 50%!important
    }
    .w-45-r{
        width: 45%!important;
    }
    .w-40-r{
        width: 40%!important;
    }
    .w-34-r{
        width: 34%!important;
    }
    .w-33-r{
        width: 33%!important;
    }
    .w-32-r{
        width: 32%!important;
    }
    .w-30-r{
        width: 30%!important;
    }
    .w-25-r{
        width: 25%!important;
    }
    .w-20-r{
        width: 20%!important;
    }
    .w-15-r{
        width: 15%!important;
    }
    .w-10-r{
        width: 10%!important;
    }
    .w-5-r{
        width: 5%!important;
    }

    .mw-100-r{
        max-width: 100%!important;
    }
    .mw-90-r{
        max-width: 90%!important;
    }
    .mw-80-r{
        max-width: 80%!important;
    }
    .mw-75-r{
        max-width: 75%!important;
    }
    .mw-70-r{
        max-width: 70%!important;
    }
    .mw-66-r{
        max-width: 66%!important;
    }
    .mw-60-r{
        max-width: 60%!important;
    }
    .mw-50-r{
        max-width: 50%!important
    }
    .mw-40-r{
        max-width: 40%!important;
    }
    .mw-34-r{
        max-width: 34%!important;
    }
    .mw-33-r{
        max-width: 33%!important;
    }
    .mw-30-r{
        max-width: 30%!important;
    }
    .mw-20-r{
        max-width: 20%!important;
    }

    .par-1{
        font-size: 10px!important;
    }
    .par-2{
        font-size: 11px!important;
    }
    .par-3{
        font-size: 12px!important;
    }
    .par-4{
        font-size: 13px!important;
    }
    .par-5{
        font-size: 14px!important;
    }

    .h5-min{
        font-size: 15px!important;
    }
    .h5-med{
        font-size: 16px!important;
    }
    .h5-big{
        font-size: 17px!important;
    }
    .h4-min{
        font-size: 19px!important;
    }
    .h4-med{
        font-size: 20px!important;
    }
    .h4-big{
        font-size: 21px!important;
    }
    .h3-min{
        font-size: 23px!important;
    }
    .h3-med{
        font-size: 24px!important;
    }
    .h3-big{
        font-size: 25px!important;
    }
    .h2-min{
        font-size: 27px!important;
    }
    .h2-med{
        font-size: 28px!important;
    }
    .h2-big{
        font-size: 29px!important;
    }
    .h1-min{
        font-size: 31px!important;
    }
    .h1-med{
        font-size: 32px!important;
    }
    .h1-big{
        font-size: 33px!important;
    }
    .t-align-center-r{
        text-align: center!important;
    }
    .f-dir-colm-r{
        flex-direction: column!important;
    }
    .flex__box--10{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .flex__box--9{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .flex__box--8{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .flex__box--7{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .flex__box--6{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .flex__box--5{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .flex__box--4{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .flex__box--3{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .flex__box--2{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .flex__box--1{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--10{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--9{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--8{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--7{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--6{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--5{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--4{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--3{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--2{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .block__box--1{
        width: 100%;
        min-width: 100%;
        padding: 5px;
    }
    .no-wrap-r{
        flex-wrap: nowrap!important;
    }
}