/*@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Roboto+Slab&display=swap');*/

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/Roboto-Regular.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;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/RobotoCondensed-Regular.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;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/RobotoSlab-Regular.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;
}



body {
    background: #FFF !important;
}


a.btn-warning {
    color: #FFF !important;
}

a.btn-primary {
    color: #FFF !important;
}


article ul {
    list-style: none;
}

article li {
    list-style: none !important;
}

.u-md-size6of12 ul li {
    list-style: none;
}

.u-md-size6of12 ul li::before {
    content: "\2022";
    color: #F5B90E;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

article ul li::before {
    content: "\2022";
    color: #F5B90E;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

article ul li::before {
    content: "\2022";
    color: #F5B90E;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


.panel-group ul li {
    list-style: none;
}

.panel-group ul li::before {
    content: "\2022";
    color: #F5B90E;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    list-style: none;
}

.spinner:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0px;
    background-color: #3498db;
    animation: rotatemove 1s infinite;
}

@keyframes rotatemove {
    0% {
        -webkit-transform: scale(1) translateX(0px);
        -ms-transform: scale(1) translateX(0px);
        -o-transform: scale(1) translateX(0px);
        transform: scale(1) translateX(0px);
    }

    100% {
        -webkit-transform: scale(2) translateX(45px);
        -ms-transform: scale(2) translateX(45px);
        -o-transform: scale(2) translateX(45px);
        transform: scale(2) translateX(45px);
    }
}


.modal-vue {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    overflow-y: scroll;
}


.caricamento {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(255, 255, 255, 0.8);
    padding-top: 25%;
    text-align: center;
}


.invio_completato {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(0, 0, 0, 0.8);
    padding-top: 25%;
    text-align: center;
}



.error-vue {
    background: #ffa09c !important;
    border: 1px solid red !important;
}

.row.contratti {
    background: #fff;
    border: 1px solid darkgrey;
    box-shadow: 1px 1px 3px #000;
    border-radius: 5px;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 20px;
}

.row.contratti:hover {
    background: #fffea3;
}

.row.contratti.contratto-selezionato {
    background: #9dffc8;
    border: 3px solid darkgreen;
    zoom: 1.3;
}

.row.contratti.contratto-selezionato:before {
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    font-size: 30px;
    float: left;
    width: 100%;
    color: darkgreen;
    margin-top: -20px;
}







.tabella_vie tr td {
    padding: 6px;
    border-bottom: solid 1px #ccc;
}

.tabella_vie td:hover {
    background-color: #ddd;
}

.error_cf {
    border: 2px solid darkred;
    background: #ffe5e5;
}

.error-evidenziato {
    border: 2px solid red !important;
}


.white-readonly:read-only {
    background: #fff;
    cursor: pointer;
}

.loader {
    width: 100px;
    height: 50px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    top: 30%;
}

.spinner:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0px;
    background-color: #3498db;
    animation: rotatemove 1s infinite;
}

@keyframes rotatemove {
    0% {
        -webkit-transform: scale(1) translateX(0px);
        -ms-transform: scale(1) translateX(0px);
        -o-transform: scale(1) translateX(0px);
        transform: scale(1) translateX(0px);
    }

    100% {
        -webkit-transform: scale(2) translateX(45px);
        -ms-transform: scale(2) translateX(45px);
        -o-transform: scale(2) translateX(45px);
        transform: scale(2) translateX(45px);
    }
}



.caricamento {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(255, 255, 255, 0.8);
    padding-top: 25%;
    text-align: center;
}

.error-vue {
    background: #ffa09c !important;
    border: 1px solid red !important;
}






#waiting-popup {

    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 999999;

}

#waiting-popup-content {
    margin: auto;
    width: 60%;
    top: 2%;
    left: 20%;
    right: 20%;
    position: fixed;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #000;
    padding: 40px;
    overflow-y: scroll;
    max-height: 90%;
}


iframe,
#main img:not(#link-footer img, [alt="Chi siamo"]) {
    max-width: 100% !important;
}

.no-padding {
    padding: 0px;
}

.no-margin {
    margin: 0px;
}


#tariffa-online table.layout,
.inner-table,
.inner-inner-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow: scroll !important;
}


.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
    font-size: 17px;
}


@media (max-width:600px) {

    .center-sm {
        text-align: center;
        margin: auto;
    }
}


.white {
    color: #ffffff !important;
    text-decoration: none !important;
}

.black {
    color: #000 !important;
    text-decoration: none !important;
}

.btn-white,
.btn-grey,
.btn-dark-grey,
.btn-success.btn-outer,
.btn-default.btn-outer,
.btn-success.btn-outer,
.btn-warning.btn-outer,
.btn-info.btn-outer,
.btn-danger.btn-outer,
.btn-success.btn-outer,
.btn-outer-white {
    text-shadow: none !important;
    box-shadow: none !important;
}

.btn-white {
    border: 2px solid #fff !important;
    color: #ffffff !important;
    border-radius: 280px !important;
}

.btn-white:active,
.btn-white:hover {
    border-color: #eee !important;
    color: #eee !important;
}



.btn-grey {
    border: 2px solid #888 !important;
    color: #888 !important;
    border-radius: 280px !important;
}

.btn-grey a {
    color: #555 !important;
}

.btn-grey:focus,
.btn-grey:hover,
.btn-grey:hover a {
    border-color: #666 !important;
    color: #FFF !important;
    background: #666;
    text-decoration: none !important;
}


.btn-grey.btn-outer a {
    color: #fff;
    !important;
}

.btn-dark-grey {
    border: 2px solid #444 !important;
    color: #444 !important;
    border-radius: 280px !important;
}

.btn-dark-grey:active,
.btn-dark-grey:hover {
    border-color: #222 !important;
    color: #222 !important;
}

.btn-success.btn-outer {
    background: none !important;
    color: green !important;
    border: 2px solid green !important;
    border-radius: 280px !important;
}

.btn-success.btn-outer:active:focus {
    background: green !important;
    color: #ffffff !important;
}


.btn-default.btn-outer {
    background: none !important;
    color: dimgrey !important;
    border: 2px solid dimgrey !important;
    border-radius: 280px !important;
}

.btn-success.btn-outer:active:focus {
    background: dimgrey !important;
    color: #ffffff !important;
}



.btn-warning.btn-outer {
    background: none !important;
    color: darkorange !important;
    border: 2px solid darkorange !important;
    border-radius: 280px !important;
}

.btn-info.btn-outer {
    background: none !important;
    color: #2e8ece !important;
    border: 2px solid #2e8ece !important;
    border-radius: 280px !important;
}

.btn-danger.btn-outer {
    background: none !important;
    color: darkred !important;
    border: 2px solid darkred !important;
    border-radius: 280px !important;
}

.btn-outer-white,
.btn-outer-white:hover {
    border: 2px solid #fff;
    border-radius: 100px;
    display: initial !important;
    padding: 10px;
    margin-top: 10%;
    color: #ffffff !important;
}

.btn-outer-black,
.btn-outer-black:hover {
    border: 2px solid #000;
    border-radius: 100px;
    display: initial !important;
    padding: 10px;
    margin-top: 10%;
    color: #000 !important;
}


.menu-grigio,
.menu-grigio:active,
.menu-grigio:focus {
    background: lightgray !important;
    color: #555555 !important;
    padding-left: 0px !important;
}

.menu-raccolta-differenziata:hover,
.raccolta-differenziata {
    background: #006400 !important;
    color: #fff !important;
}

#menu-top-container>li.menu-list-item.menu-raccolta-differenziata>div>div>div.col-sm-9.text-left>div>div>a,
#menu-top-container>li.menu-list-item.menu-raccolta-differenziata>div>div>div.col-sm-9.text-left>div>div>a:hover {
    margin: 0px !important;
    text-align: left;
    background: #006400 !important;
    color: #fff !important;
    height: auto !important;
}


.menu-dove-si-butta:hover,
.dove-si-butta {
    background: #fbcc42 !important;
    color: #000 !important;
}

.menu-societa-trasparente:hover {
    background: #2424a8 !important;
    color: #000 !important;
}

.menu-pulizia:hover,
.pulizia {
    background: #228BB2 !important;
    color: #FFF !important;
}

a.a-pulizia,
a.a-pulizia:hover {
    margin: 0px !important;
    text-align: left !important;
    background: #228BB2 !important;
    color: #fff !important;
    height: auto !important;
}


.menu-tariffa-rifiuti:hover,
.tariffa-rifiuti {
    background: #FABA00 !important;
    color: #000 !important;
}

a.a-serv-online,
a.a-altro {
    color: #ffffff !important;
}


a.a-tari,
a.a-tari:hover,
a.a-dillo-ad-ama {
    color: #000 !important;
}

.menu-servizi-online:hover,
.menu-servizi-online:hover>.servizi-online {
    background: #764F4F !important;
    color: #FFF !important;
}

.menu-dillo-ad-ama:hover,
#header .dillo-ad-ama,
.sub-menu .dillo-ad-ama {
    background: #93C228 !important;
    color: #000 !important;
}

.menu-altro:hover,
.altro {
    background: #886C8C !important;
    color: #FFF !important;
}

.menu-ricerca-top:hover,
.ricerca-top {
    background: #ccc !important;
    color: #000 !important;
}


#strada-home {
    font-size: 20px !important;
}

.lista-parole-cercate a {
    width: 100%;
    float: right;
}





@media (min-width:600px) {
    #strada-home {
        font-size: 20px !important;
    }
}

@media (min-width:801px) {
    #strada-home {
        font-size: 25px !important;
    }
}






.font-xxs {
    font-size: 7px !important;
}

.font-xs {
    font-size: 9px !important;
}

.font-sm {
    font-size: 11px !important;
}

.font-md {
    font-size: 15px !important;
}

.font-lg {
    font-size: 20px !important;
}

.font-xl {
    font-size: 25px !important;
}

.font-xxl {
    font-size: 30px !important;
}

.font-xxl {
    font-size: 40px !important;
}

.font-xxxl {
    font-size: 45px !important;
}

@media (min-width:600px) {
    .font-xxs {
        font-size: 9px !important;
    }

    .font-xs {
        font-size: 11px !important;
    }

    .font-sm {
        font-size: 13px !important;
    }

    .font-md {
        font-size: 17px !important;
    }

    .font-lg {
        font-size: 22px !important;
    }

    .font-xl {
        font-size: 28px !important;
    }

    .font-xxl {
        font-size: 33px !important;
    }

    .font-xxl {
        font-size: 45px !important;
    }

    .font-xxxl {
        font-size: 45px !important;
    }
}

@media (min-width:1025px) {

    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .font-xxs {
        font-size: 10px !important;
    }

    .font-xs {
        font-size: 13px !important;
    }

    .font-sm {
        font-size: 18px !important;
    }

    .font-md {
        font-size: 20px !important;
    }

    .font-lg {
        font-size: 30px !important;
    }

    .font-xl {
        font-size: 35px !important;
    }

    .font-xxl {
        font-size: 40px !important;
    }

    .font-xxl {
        font-size: 45px !important;
    }

    .font-xxxl {
        font-size: 45px !important;
    }
}

@media (min-width:1281px) {

    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .font-xxs {
        font-size: 11px !important;
    }

    .font-xs {
        font-size: 15px !important;
    }

    .font-sm {
        font-size: 18px !important;
    }

    .font-md {
        font-size: 20px !important;
    }

    .font-lg {
        font-size: 30px !important;
    }

    .font-xl {
        font-size: 35px !important;
    }

    .font-xxl {
        font-size: 40px !important;
    }

    .font-xxl {
        font-size: 45px !important;
    }

    .font-xxxl {
        font-size: 45px !important;
    }
}




/* Mobile First */
@media (min-width:320px) {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */

    #waiting-popup-content {
        width: 95%;
        left: 2%;
    }





}

@media (min-width:480px) {

    /* smartphones, Android phones, landscape iPhone */
    #waiting-popup-content {
        width: 95%;
        left: 2%;
    }
}

@media (min-width:600px) {

    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    #waiting-popup-content {
        width: 85%;
        left: 8%;
    }
}

@media (min-width:801px) {

    /* tablet, landscape iPad, lo-res laptops ands desktops */
    #waiting-popup-content {
        width: 85%;
        left: 8%;
    }
}

@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
}

@media (min-width:1281px) {
    /* hi-res laptops and desktops */
}


/********* CALENDARIO */

.table calendario orizzontale .container-calendario {
    font-size: 100% !important;
}

.table-header>td.header-td.day {
    font-size: 18px !important;
}

.materiale {
    font-size: 15px !important;
}

.raccolta {
    font-size: 13px !important;
}


@media (min-width:801px) {
    .table calendario orizzontale .container-calendario {
        font-size: 100% !important;
    }

    .table-header>td.header-td.day {
        font-size: 18px !important;
    }

    .materiale {
        font-size: 17px !important;
    }

    .raccolta {
        font-size: 15px !important;
    }
}


.alerts-border {
    border: 4px #ff0000 solid !important;
    animation: blink 1s;
    animation-iteration-count: 10;
}

@keyframes blink {
    50% {
        border-color: orange;
    }
}

#strada-home {
    cursor: pointer !important;
}

.contenuto-servizi-in h3 {
    font-size: 13px !important;
}

.lista_servizi .btn {
    font-size: 11px !important;
}

.lista_servizi .titolo-servizio {
    font-size: 15px !important;
    line-height: 15px;
}

@media (min-width:480px) {

    .contenuto-servizi-in h3 {
        font-size: 15px !important;
    }

    .lista_servizi .btn {
        font-size: 13px !important;
    }

    .lista_servizi .titolo-servizio {
        font-size: 18px !important;
        line-height: 18px;
    }

}

@media (min-width:600px) {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */

    .contenuto-servizi-in h3 {
        font-size: 18px !important;
    }

    .lista_servizi .btn {
        font-size: 18px !important;
    }

    .lista_servizi .titolo-servizio {
        font-size: 20px !important;
        line-height: 20px;
    }
}




































/****************************** TARI ************************/
/*.error {
 display: none !important;
 }*/

.title-center {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
}

.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.show-error {
    display: block !important;
}

.Not-Visible {
    display: none !important;
}

.p_bottom_0em {
    padding-bottom: 0em !important;
}

.p_bottom_2-2rem {
    padding-bottom: 2.2 rem !important;
}

.p_bottom_0-5em {
    padding-bottom: 0.5em !important;
}

.p_bottom_1em {
    padding-bottom: 1em !important;
}

.p_bottom-1em {
    padding-bottom: -1em !important;
}

.p_top_1em {
    padding-top: 1em;
}

.p_top_1-6em {
    padding-top: 1.6em;
}

.p_top_5em {
    padding-top: 5em;
}

.p_top_1-7em {
    padding-top: 1.7em !important;
}

.p_top_1-4em {
    padding-top: 1.4em;
}

.p_top_0-5em {
    padding-top: 0.5em;
}

.posizioneDTIscrizone {
    margin-right: -2em !important;
    padding-right: 2em !important;
}

.p_left_0-5em {
    padding-left: 0.49em !important;
}

.p_left_1em {
    padding-left: 1em !important;
}

.p_left_2em {
    padding-left: 2em !important;
}

.p_left_3em {
    padding-left: 3em !important;
}

.form-input2 {
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: .5em;
    width: 50%;
}

.form-input3 {
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: .5em;
    width: 18%;
}

.width30 {
    width: 30% !important;
}

.p_left_1-2em {
    padding-left: 1.2em !important;
}

.p_left_0-5emEffettivo {
    padding-left: 0.5em !important;
}

.styleImgFacsimilePagamentoTariCONTENT {
    width: 40em;
}

.styleImgFacsimilePagamentoTariBODY {
    margin-left: -6em !important;
}

.m_top-1em {
    margin-top: -1em !important;
}

.m_top-0_5em {
    margin-top: -0.5em !important;
}

.m_left-0-7em {
    margin-left: -0.7em !important;
}

.m_bottom-1em {
    margin-bottom: 1em !important;
}

.font_s_0-87em {
    font-size: 0.87em;
}

.font_s_0-98em {
    font-size: 0.98em;
}

.font_w_600 {
    font-weight: 600;
}

.font_s_0-7em {
    font-size: 0.7em;
}

.BKColorLightGrey_e2dcdc {
    background-color: #e2dcdc !important;
}

.ColorLightGrey_828282 {
    color: #828282 !important;
}

.AHREF-Not-Active {
    pointer-events: none;
    cursor: default;
}

.font_weight700 {
    font-weight: 700;
}

.text-container2 {
    color: #428bca;
}

.servizi-online-sidebar2 {
    text-align: center;
}

.cleared {
    clear: both;
    height: 1%;
}

/* -------------INIZIO TARIFFA ONLINE ----------------------- */
#tariffa-online .tariffa-online-nav {
    list-style-type: none;
    margin: 30px 0;
}

#tariffa-online .tariffa-online-nav li {
    float: left;
    display: inline;
    margin: 0px 5px;
}

#tariffa-online .tariffa-online-nav li.first {
    margin-left: 0px;
}

#tariffa-online .tariffa-online-nav li.last {
    margin-right: 0px;
}

#tariffa-online .tariffa-online-nav .awesome {
    height: 45px;
    width: 220px;
    margin-top: 0px;
    padding: 0px 20px 5px 10px;
    font-size: 14px;
    line-height: 50px;
    text-transform: none;
    color: #2C64BF;
    background-color: #DDE8F3;
    /*color:#666; background-color:#EEE;*/
    background-image: url(/images-new/buttons/fancy-btn-light.png);
    background-position: left center;
    text-shadow: none;
    box-shadow: none;
    font-weight: normal;
}

#tariffa-online .tariffa-online-nav .awesome img {
    vertical-align: middle;
    margin-right: 3px;
}

#tariffa-online .tariffa-online-nav .awesome:hover,
#tariffa-online .tariffa-online-nav .current .awesome,
#tariffa-online .tariffa-online-nav li:hover .awesome {
    color: #FFFFFF;
    background-color: #2C64BF;
    text-decoration: none;
    font-weight: normal;
    background-image: url(/images-new/buttons/fancy-btn.png);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
}

#tariffa-online .tariffa-online-nav .awesome:visited {
    font-weight: normal;
}

#tariffa-online .gestici-posizione-tab-nav {
    list-style-type: none;
    margin: 0;
    margin-top: -3px;
    position: absolute;
    z-index: 999;
}

#tariffa-online .gestici-posizione-tab-nav li {
    float: none;
    display: block;
    margin: 0px;
}

#tariffa-online .gestici-posizione-tab-nav .awesome {
    display: block;
    height: 20px;
    width: 225px;
    padding: 10px 10px 10px 15px;
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
    text-transform: none;
    text-shadow: none;
    background-color: #1F4687 !important;
    background-image: none !important;
    border-radius: 0px;
}

#tariffa-online .gestici-posizione-tab-nav .awesome img {
    margin-right: 12px;
    margin-top: -2px;
}

#tariffa-online .gestici-posizione-tab-nav .awesome:hover {
    color: #FFFFFF;
    font-weight: normal;
    background-color: #2C64BF !important;
    text-decoration: none;
    background-image: url(/images-new/buttons/fancy-btn.png) !important;
}

#tariffa-online .gestici-posizione-tab-nav .awesome:visited {
    font-weight: normal;
}

#tariffa-online h2 {
    margin-bottom: 5px;
}

#tariffa-online.form-style-02 .tab3 {
    background: #FAFAFA;
}

#tariffa-online.form-style-02 .tab3 .odd {
    background: #F5F5F5;
}

#tariffa-online.form-style-02 .tab3 .testata,
#tariffa-online.form-style-02 .tab3 .piede {
    background: #FFF;
}

#tariffa-online.form-style-02 .tab3 .tab3 {
    background: #F4F4F4;
}

#tariffa-online.form-style-02 td {
    padding: 0px;
}

#tariffa-online.form-style-02 form td {
    padding: 10px;
}

#tariffa-online.form-style-02 td.testata {
    font-size: 18px;
    line-height: 25px;
    color: #333;
    padding-top: 0px;
    text-align: left;
    border-bottom: 1px solid #CCC;
}

#tariffa-online.form-style-02 td.testata img {
    cursor: pointer
}

#tariffa-online.form-style-02 td.testatariga {
    font-size: 14px;
    color: #2C64BF;
}

#tariffa-online.form-style-02 td.riga {
    font-size: 18px;
    color: #555;
}

#tariffa-online.form-style-02 td.testatariga,
#tariffa-online.form-style-02 td.riga {
    border-bottom: 1px dotted #eeeeee;
}

#tariffa-online.form-style-02 .listaContratti td.testatariga,
#tariffa-online.form-style-02 .listaContratti td.riga,
#tariffa-online.form-style-02 .listaFatture td.testatariga,
#tariffa-online.form-style-02 .listaFatture td.riga {
    border-bottom: none;
}

#tariffa-online.form-style-02 .admin-btn {
    background: #EEE;
    color: #333;
}

#tariffa-online.form-style-02 .admin-btn a {
    font-size: 13px;
    color: #990000;
    text-decoration: underline;
}

#tariffa-online.form-style-02 #listaConti {
    margin-top: 20px;
}

#tariffa-online.form-style-02 #listaConti .testata,
#tariffa-online.form-style-02 #listaConti .testataContrattoCessato {
    padding: 5px 10px;
    color: #FFFFFF;
    background: #2C64BF;
    border: 1px solid #CCC;
}

#tariffa-online.form-style-02 .listaContratti .riga,
#tariffa-online.form-style-02 .listaFatture .riga {
    padding: 0px;
}

#tariffa-online.form-style-02 #listaConti .inner-row {
    padding: 20px 20px 0px 20px;
}

#tariffa-online.form-style-02 #listaConti .inner-table {
    background: #E9EFF8;
    margin: 20px 10px;
    margin-bottom: 0px;
}

#tariffa-online.form-style-02 #listaConti .inner-table .testata,
#tariffa-online.form-style-02 #listaConti .inner-table .testataContrattoCessato {
    background: #5683CC;
}

#tariffa-online.form-style-02 #listaConti .inner-table tr {
    border-bottom: 1px dotted #CCC;
}

#tariffa-online.form-style-02 #listaConti .inner-table tr tr {
    border-bottom: none;
}

/*#tariffa-online.form-style-02 #listaConti .inner-table .riga {background:#E9EFF8;}*/

#tariffa-online.form-style-02 #listaConti .inner-table .inner-inner-table td {
    padding: 10px;
    font-size: 15px;
    text-align: center;
    background: #D5E0F2;
}

#tariffa-online.form-style-02 #listaConti .inner-table .inner-inner-table .testata td,
#tariffa-online.form-style-02 #listaConti .inner-table .inner-inner-table td.testata {
    background: #80A2D9;
}

#tariffa-online.form-style-02 #listaFatture td {
    font-size: 13px;
    text-align: left;
    padding: 10px;
}

#tariffa-online.form-style-02 #listaFatture td.testata {
    background: #5683CC;
    line-height: 20px;
    border: none;
}

#tariffa-online.form-style-02 #listaFatture td.testatarigaGray {
    background: #E6E6E6;
}

#tariffa-online.form-style-02 #listaFatture td a {
    text-decoration: underline;
}

#tariffa-online.form-style-02 .introtext {
    padding-right: 125px;
}

#tariffa-online.form-style-02 #xtra-info ul {
    margin-left: 10px;
}

#tariffa-online.form-style-02 #xtra-info li {
    font-size: 15px;
    line-height: 20px;
    margin: 10px 0px;
}

/*#tariffa-online.form-style-02 p.privacy-info {padding-left:0px; border-top:none;}*/

#tariffa-online.form-style-02 div#tab_1,
#tariffa-online.form-style-02 div#tab_2,
#tariffa-online.form-style-02 div#tab_3,
#tariffa-online.form-style-02 div#tab_4,
#tariffa-online.form-style-02 div#tab_5,
#tariffa-online.form-style-02 div#tab_6,
#tariffa-online.form-style-02 div#tab_7,
#tariffa-online.form-style-02 div#tab_8 {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
}

#tariffa-online.form-style-02 #next-button,
#tariffa-online.form-style-02 #prev-button {
    position: absolute;
    top: 0px;
    padding: 5px 10px 10px 10px;
}

#tariffa-online.form-style-02 #next-button {
    right: 0px;
}

#tariffa-online.form-style-02 #prev-button {
    left: 0px;
}

#tariffa-online.form-style-02 .table-form {
    margin: 10px;
    width: auto;
}

#tariffa-online.form-style-02 .table-form td {
    padding: 10px 0px;
}

#tariffa-online.form-style-02 #riepilogo-tari h2 {
    margin-bottom: 20px;
}

#tariffa-online.form-style-02 #riepilogo-tari td img {
    vertical-align: baseline;
}

/* Reset */
#tariffa-online.form-style-02 #modulo-tari .form-block span {
    margin-right: 7px;
}

#tariffa-online.form-style-02 #modulo-tari span.file-description {
    padding-top: 5px;
}

/* -------------FINE TARIFFA ONLINE ----------------------- */

/*----------------////    TARIFFA RIFIUTI - PRENOTAZIONE ON LINE   /////-------------------*/
#prenotazione-title {
    padding-top: 20px;
    padding-left: 40px;
}

#prenotazione-title p {
    color: #15467B;
    font-size: 14px;
}

.pre-bck {
    position: relative;
    height: 1%;
    background: #E9E9E9 url(/images-new/prenotazione-online/form-bck.jpg) repeat-y right top;
    margin: 20px;
}

.pre-bck-bt {
    position: relative;
    height: 1%;
    background: url(/images-new/prenotazione-online/form-bck-bt.jpg) repeat-x right bottom;
}

.pre-bck-tl {
    position: relative;
    height: 1%;
    background: transparent url(/images-new/prenotazione-online/form-bck-tl.jpg) no-repeat left top;
}

.pre-bck-tr {
    position: relative;
    height: 1%;
    background: transparent url(/images-new/prenotazione-online/form-bck-tr.jpg) no-repeat right top
}

.pre-bck-br {
    position: relative;
    height: 1%;
    background: transparent url(/images-new/prenotazione-online/form-bck-br.jpg) no-repeat right bottom;
}

.pre-bck-bl {
    position: relative;
    height: 1%;
    background: transparent url(/images-new/prenotazione-online/form-bck-bl.jpg) no-repeat left bottom;
    padding: 20px;
}

#form-prenotazione h2 {
    color: #1D63AE;
    margin-bottom: 5px;
}

#form-prenotazione label {
    color: #15467B;
    font: bold 12px Arial, Helvetica, sans-serif;
}

#form-prenotazione input,
#form-prenotazione select,
#form-area textarea {
    border: 1px solid #B8B8B8;
    padding: 5px;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 18px;
    margin-right: 20px;
}

#form-prenotazione select {
    height: 28px;
    background-color: #fff;
    width: 200px;
}

#form-prenotazione option {
    background-color: #fff;
}

#form-prenotazione input.check {
    margin-right: 0px;
}

#form-prenotazione .form-footer {
    position: relative;
}

#form-prenotazione .error-input-msg {
    position: absolute;
    bottom: 2px;
    font-size: 10px;
    color: #F00;
    display: block;
    left: 0;
    min-width: 100px;
}

#form-prenotazione {
    font-size: 12px;
    line-height: 20px;
}

#form-prenotazione h5 {
    color: #15467B;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 20px;
}

#form-prenotazione div.privacy {
    border: 1px solid #B8B8B8;
    color: #15467B;
    padding-bottom: 0px;
}

#form-prenotazione div.privacy div {
    padding-top: 0;
    padding-bottom: 20px;
}

#form-prenotazione div.privacy p {
    font-size: 13px;
}

#form-prenotazione div.message {
    margin: 20px;
    margin-left: 40px;
}

/*.calendar 														{	position:absolute;left:20px;top:0px;background:#fff;padding:20px;border:solid 1px #dedede;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;height:290px;}*/
.calendar {
    position: absolute;
    left: 20px;
    top: 0px;
    background: #fff;
    padding: 20px;
    border: solid 1px #dedede;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 323px;
}

.data {
    background: url(/images-new/prenotazione-online/data.png) no-repeat left top;
    width: 166px;
    height: 166px;
    margin: 20px 0;
}

.mese {
    font-size: 20px;
    color: #1D63AE;
    padding: 30px 10px 0px 10px;
    display: block;
    text-align: center;
}

.giorno {
    font-size: 50px;
    color: #fff;
    padding: 0;
    display: block;
    text-align: center;
}

.ora {
    font-size: 20px;
    color: #fff;
    padding: 0px 10px 0px 0px;
    display: block;
    text-align: right;
}

/*.txt 																	{margin-left:465px; padding:20px;border:solid 1px #dedede;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;height:290px;background:#FFF}*/
.txt {
    margin-left: 492px;
    padding: 20px;
    border: solid 1px #dedede;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 323px;
    background: #FFF
}

.txt p {
    color: #15467B;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
}

.txt p span {
    font-weight: bold;
}

.txt strong {
    color: #1D63AE;
}

.pre-caption {
    min-height: 40px;
}

.localizzazione p {
    color: #15467B;
    font-size: 14px;
    font-weight: bold;
}

p.sportello,
p.data-caption {
    color: #1D63AE;
    font-size: 16px;
    font-weight: bold;
}

.mappa {
    border: 1px solid #dedede;
    margin-top: 20px;
    margin-bottom: 20px;
}

.orari {
    width: 166px;
}

#loader-status {
    display: block;
    line-height: 240px;
    text-align: center;
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("/images-new/ajax-loader.gif") no-repeat center center;
    padding-top: 60px;
}

#form-prenotazione div.mattina-pomeriggio {
    border-bottom: solid 1px #dedede;
    padding-bottom: 5px;
}

#form-prenotazione div.mattina-pomeriggio input {
    margin-right: 5px;
}

#form-prenotazione div.mattina-pomeriggio label {
    display: inline !important;
    padding-right: 20px;
    font-size: 16px;
}

.form-submit-response {
    float: none;
    width: 33px;
    height: 33px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #FFF url(/images-new/ajax-loader.gif) no-repeat center center;
    position: absolute !important;
    right: 0px;
    top: 15px;
    border: solid 1px #dedede;
}

#form-prenotazione div.form-footer {
    padding: 0;
    margin: 0;
    border: none;
}

#form-prenotazione div.mattina-pomeriggio input {
    border: none;
    background: none;
}

#calendar {
    width: 281px;
    margin-top: 10px;
    background-color: #FFF;
}

#calendar a {
    text-decoration: none;
}

#calendar-head {
    background-color: #FFF;
    height: 20px;
    line-height: 30px;
    position: relative;
}

#calendar-title {
    text-align: center;
    font-size: 14px;
    color: #1D63AE;
}

a#calendar-prev {
    background: url(/images-new/prenotazione-online/freccia-lf.gif) no-repeat left top;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
}

a#calendar-next {
    background: url(/images-new/prenotazione-online/freccia-rg.gif) no-repeat left top;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
}

#calendar-days {
    background-color: #FFF;
    height: 30px;
    line-height: 30px;
    color: #666666;
    padding-top: 10px;
}

#calendar-days span {
    width: 40px;
    display: block;
    float: left;
    text-align: center;
    color: #15467B;
}

#calendar-weeks {
    background-color: #FFF;
    padding-left: 1px;
}

/*.calendar-week a												{ width:33px; height:30px; background-color:#E4EFF8;color:#dedede; display:block; float:left; text-align:right; border-right:1px solid #fff;border-left:1px solid #BDC8D2;border-top:1px solid #BDC8D2;border-bottom:1px solid #fff;padding-right:5px}*/
.calendar-week a {
    width: 40px;
    height: 32px;
    background-color: #E4EFF8;
    color: #dedede;
    display: block;
    float: left;
    text-align: right;
    border-right: 1px solid #fff;
    border-left: 1px solid #BDC8D2;
    border-top: 1px solid #BDC8D2;
    border-bottom: 1px solid #fff;
    padding-right: 5px
}

.calendar-week a.calendar-active {
    background-color: #0C3;
    color: #FFF;
    cursor: pointer;
}

.calendar-week a.calendar-active:hover {
    background-color: #090;
    color: #fff;
}

.calendar-week a.calendar-off {
    background-color: #F9F9F9
}

.calendar-week a.calendar-current {
    background-color: #1D63AD;
    color: #fff;
}

/*div.step-2 div.localizzazione						{position:absolute;left:240px;top:0px;background:#fff;padding:20px;border:solid 1px #dedede;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;height:290px;}*/
div.step-2 div.localizzazione {
    position: absolute;
    left: 240px;
    top: 0px;
    background: #fff;
    padding: 20px;
    border: solid 1px #dedede;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 323px;
}

/*div.step-3 div.localizzazione						{position:absolute;left:370px;top:60px;background:#fff;padding:20px;border:solid 1px #dedede;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;height:290px;}*/
div.step-3 div.localizzazione {
    position: absolute;
    left: 370px;
    top: 60px;
    background: #fff;
    padding: 20px;
    border: solid 1px #dedede;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 323px;
}

/*.pre-riepilogo													{padding-bottom:0px;margin-right:50%;}*/

/*.dati-personali													{ width:160px; display:inline}*/
.dati-personali {
    /*width: 22rem;*/
    /*display: inline*/
}

/*.dati-personali-response {
	width: 15rem;
	display: inline
}*/

.dati-personali-t {
    line-height: 30px;
    color: #1D63AE;
    font-weight: bold;
}

.dati-personali,
.dati-personali-response {
    padding: 20px 0;
    /*float: left;*/
}

.dati-personali p {
    /*line-height: 30px;*/
    color: #1D63AE;
    font-weight: bold;
}

.riepilogo-prenotazione-container {
    padding: 18px;
}

.dati-personali-response p {
    line-height: 30px;
    color: #15467B;
    font-weight: bold;
    font-size: 14px;
}

/*.box-riepilogo													{ position:absolute;background:#fff;padding:20px;padding-top:0;border:solid 1px #dedede;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; right:20px; top:140px;width:290px}*/
.box-riepilogo {
    padding: 20px;
    padding-top: 0;
}

.grid-style {
    absolute;
    background: #fff;
    border: solid 1px #dedede;
    border-radius: 6px;
}

.dati-personali-response p.num-pre {
    line-height: 30px;
    text-align: center;
    color: #990000;
    font-size: 30px;
    padding: 10px;
    display: inline-block;
    position: relative;
    border: solid 2px #dedede;
}

.pre-msg {
    border-top: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 20px;
}

.pre-msg p {
    color: #15467B;
    font-weight: bold;
    font-size: 14px;
}

a.pulsante-riepilogo {
    background: #0042B5 url(/images-new/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
}

#stampante {
    background: url(/images-new/prenotazione-online/icona-stampante.png) no-repeat 5px center;
    padding-left: 30px;
    line-height: 30px;
    border: solid 1px #dedede;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #FFF;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

#ical {
    background: url(/images-new/prenotazione-online/ical_icon.png) no-repeat 5px center;
    padding-left: 30px;
    line-height: 30px;
    border: solid 1px #dedede;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #FFF;
    display: block;
    font-size: 12px
}

strong#advise {
    font-weight: normal;
    line-height: 15px;
    margin-left: 140px;
    position: absolute;
    display: block;
    margin-top: -30px;
    width: 550px;
}

.prenotazione-data {
    position: relative
}

/*----------FINE TARIFFA RIFIUTI-PRENOTAZIONE ONLINE---------------*/


/*----------------MEDIA QUERY PER TABELLA CONTRATTO----------------*/

@media only screen and (max-width: 636px) {
    .testata {
        padding: 0px 0px !important;
        color: #FFFFFF !important;
        /*background: #2C64BF*/
        border: 0px solid #CCC !important;
    }
}

@media only screen and (max-width: 454px) {
    .testataContrattoCessato {
        padding: 5px 10px !important;
        color: #FFFFFF !important;
        background: #5683CC !important;
        border: 0px solid #CCC !important;
    }
}

@media only screen and (max-width: 452px) {
    .testataContrattoCessato {
        padding: 5px 10px !important;
        color: #FFFFFF !important;
        background: #5683CC !important;
        border: 0px solid #CCC !important;
        font-size: 1.5rem !important;
    }
}

@media only screen and (max-width: 400px) {
    .testataContrattoCessato {
        padding: 10px 10px !important;
        color: #FFFFFF !important;
        background: #5683CC !important;
        border: 0px solid #CCC !important;
        font-size: 1.3rem !important;
    }
}

@media only screen and (max-width: 366px) {
    .testataContrattoCessato {
        padding: 10px 10px !important;
        color: #FFFFFF !important;
        background: #5683CC !important;
        border: 0px solid #CCC !important;
        font-size: 1.1rem !important;
    }
}

@media only screen and (max-width: 330px) {
    .testataContrattoCessato {
        padding: 13px 10px !important;
        color: #FFFFFF !important;
        background: #5683CC !important;
        border: 0px solid #CCC !important;
        font-size: 0.8rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .paddingLeft {
        padding-left: 16rem !important;
    }
}

@media only screen and (max-width: 639px) {
    .paddingLeft {
        padding-left: 6rem !important;
    }
}

@media only screen and (max-width: 636px) {
    .paddingLeft {
        padding-left: 9rem !important;
    }
}

@media only screen and (max-width: 483px) {
    .paddingLeft {
        padding-left: 7rem !important;
    }
}

@media only screen and (max-width: 410px) {
    .paddingLeft {
        padding-left: 6rem !important;
    }
}

@media only screen and (max-width: 361px) {
    .paddingLeft {
        padding-left: 3rem !important;
    }
}

@media only screen and (max-width: 335px) {
    .paddingLeft {
        padding-left: 0rem !important;
    }
}

/*----------------FINE MEDIA QUERY CONTRATTO-----------------------*/


/*---------------- MEDIA QUERY RESPONSIVE QUADROTTO LOGIN-----------------------*/

@media screen and (max-width: 1600px) and (min-width: 1400px) {
    .paragrafo_responsive {
        font-size: 1.4rem !important;
    }
}

@media screen and (max-width: 1399px) and (min-width: 1300px) {
    .paragrafo_responsive {
        font-size: 1.2rem !important;
    }
}

@media screen and (max-width: 1299px) and (min-width: 1150px) {
    .paragrafo_responsive {
        font-size: 1.0rem !important;
    }
}

@media screen and (max-width: 1149px) {
    .paragrafo_responsive {
        font-size: 0.8rem !important;
    }
}

@media screen and (max-width: 1080px) {
    .paragrafo_responsive {
        font-size: 0.7rem !important;
    }
}

@media screen and (max-width: 990px) and (min-width: 500px) {
    .paragrafo_responsive {
        font-size: 1.6rem !important;
    }
}

@media screen and (max-width: 499px) and (min-width: 430px) {
    .paragrafo_responsive {
        font-size: 1.2rem !important;
    }
}

@media screen and (max-width: 429px) and (min-width: 400px) {
    .paragrafo_responsive {
        font-size: 1.0rem !important;
    }
}

@media screen and (max-width: 399px) and (min-width: 350px) {
    .paragrafo_responsive {
        font-size: 0.8rem !important;
    }
}

@media screen and (max-width: 349px) and (min-width: 50px) {
    .paragrafo_responsive {
        font-size: 0.6rem !important;
    }
}

/*---------------- MEDIA QUERY RESPONSIVE QUADROTTO LOGIN-----------------------*/


@media screen and (max-width: 1450px) and (min-width: 1400px) {
    .paragrafo_responsive2 {
        font-size: 1.4rem !important;
    }
}

@media screen and (max-width: 1399px) and (min-width: 1300px) {
    .paragrafo_responsive2 {
        font-size: 1.2rem !important;
    }
}

@media screen and (max-width: 1299px) and (min-width: 1200px) {
    .paragrafo_responsive2 {
        font-size: 1.0rem !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 990px) {
    .paragrafo_responsive2 {
        font-size: 0.8rem !important;
    }
}

@media screen and (max-width: 550px) {
    .paragrafo_responsive2 {
        font-size: 1.2rem !important;
    }
}

@media screen and (max-width: 500px) {
    .paragrafo_responsive2 {
        font-size: 1.0rem !important;
    }
}

@media screen and (max-width: 400px) {
    .paragrafo_responsive2 {
        font-size: 0.8rem !important;
    }
}




/*---------------- MEDIA QUERY RESPONSIVE QUADROTTO LOGIN-----------------------*/


@media screen and (max-width: 1450px) and (min-width: 1250px) {
    .paragrafo_responsive3 {
        font-size: 1.8rem !important;
    }
}

@media screen and (max-width: 1499px) and (min-width: 1250px) {
    .paragrafo_responsive3 {
        font-size: 1.6rem !important;
    }
}

@media screen and (max-width: 1549px) and (min-width: 990px) {
    .paragrafo_responsive3 {
        font-size: 1.3rem !important;
    }
}

@media screen and (max-width: 550px) {
    .paragrafo_responsive3 {
        font-size: 1.4rem !important;
    }
}

/*----------------FINE MEDIA QUERY RESPONSIVE QUADROTTO LOGIN-----------------------*/


/*----------------MEDIA QUERY IMG CELL-PC HOME PAGE-----------------------*/
@media screen and (max-width: 1383px) {
    .size-ImagePC-CELL-HomePage {
        width: 36rem;
        margin-top: 4rem;
    }
}

@media screen and (max-width: 1186px) {
    .size-ImagePC-CELL-HomePage {
        width: 30rem;
        margin-top: 4rem;
    }
}

@media screen and (max-width: 1055px) {
    .size-ImagePC-CELL-HomePage {
        width: 28rem;
        margin-top: 8rem;
    }
}

@media screen and (max-width: 1033px) {
    .size-ImagePC-CELL-HomePage {
        width: 25rem;
        margin-top: 10rem;
    }
}

@media screen and (max-width: 991px) {
    .size-ImagePC-CELL-HomePage {
        width: 36rem;
        margin-top: 0rem;
    }
}

@media screen and (max-width: 991px) {
    .Centro {
        text-align: center;
    }
}

@media screen and (max-width: 396px) {
    .size-ImagePC-CELL-HomePage {
        width: 26rem;
        margin-top: 0rem;
    }
}

@media screen and (max-width: 300px) {
    .size-ImagePC-CELL-HomePage {
        width: 19rem;
        margin-top: 0rem;
    }
}

/*----------------FINE MEDIA QUERY IMG CELL-PC HOME PAGE-----------------------*/

.Grid-cell2 {
    padding-top: 2.5rem;
    padding-left: 1.6rem;
}

/*----------------MEDIA QUERY IMG LOGIN-----------------------*/


@media screen and (max-width: 2500px) {
    .size-Image-Login {
        min-height: 147px !important;
    }
}



@media screen and (max-width: 1250px) {
    .size-Image-Login {
        min-height: 130px !important;

    }
}

@media screen and (max-width: 1200px) {
    .size-Image-Login {
        min-height: 95px !important;

    }
}

@media screen and (max-width: 1170px) {
    .size-Image-Login {
        max-height: 85px !important;

    }
}

@media screen and (max-width: 1150px) {
    .size-Image-Login {
        max-height: 80px !important;

    }
}

@media screen and (max-width: 1120px) {
    .size-Image-Login {
        max-height: 75px !important;

    }
}


@media screen and (max-width: 1100px) {
    .size-Image-Login {
        max-height: 70px !important;

    }
}

legend.Form-legend {
    color: #3871ab !important;
}

h4 legend.Form-legend {
    color: #3871ab !important;
}

.widget-fotogallery {
    height: 500px;
    width: 900px;
}

@media screen and (max-width: 640px) {
    .widget-fotogallery {
        height: 170px;
        width: 900px;
    }
}