:root {
    --RossoEasyRE: #BA0C2F;
    --RossoEasyRE_Alpha: rgba(186, 12, 47, 0.45);
    --RossoEasyRE_Hover: #CC0E37;
    --RossoEasyRE_Hover_Alpha: rgba(204,14,55,0.25);
    --FontColorGeneral: rgb(102, 102, 102);
    --FontColorInput: rgb(51, 51, 51);
    --GrayBG: #eeeeee;
    --BlueEasyRE: rgb(56, 88, 152);
    --RossoInvestire: rgb(255, 22, 30);
    --RossoInvestire_Hover: rgba(255, 22, 30, 0.85);
    --RossoInvestire_Hover_O25: rgba(255, 22, 30, 0.25);
}

html{
    font-family: Lato;
}


.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--RossoInvestire);
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--RossoInvestire_Hover_O25);
}

span.InvestiRE {
    color: var(--RossoInvestire);
}

span.EasyRE {
    color: var(--RossoEasyRE);
}

a.EasyRE {
    color: var(--RossoEasyRE);
}

    a.EasyRE:hover {
        color: var(--RossoEasyRE_Hover);
    }

a.EasyREBlue {
    color: var(--BlueEasyRE);
}

    a.EasyREBlue:hover {
        color: var(--BlueEasyRE);
        text-decoration: underline;
    }

a.InvestiREAnchor {
    color: var(--RossoInvestire);
}

    a.InvestiREAnchor:hover {
        color: var(--RossoInvestire);
        text-decoration: underline;
    }

a.AnchorNeutal {
    color: inherit;
    text-decoration: underline;
}

a.InvestiREAnchor:hover {
    color: inherit;
    text-decoration: underline;
}




html, body, form {
}

input {
    color: var(--FontColorInput);
}

body {
    font-family: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: var(--FontColorGeneral);
}

.ContentContainer {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.MenuNav {
}

    .MenuNav a {
        font-size: 1.5rem;
        line-height: inherit;
        color: inherit;
        display: inline-block;
    }

    .MenuNav li > a:hover {
        background-image: url('../IMG/Sistema/BGActiveMenu.png');
        background-repeat: repeat-x;
        background-position: bottom;
    }


[data-Active="1"] {
    background-image: url('../IMG/BGActiveMenu.png');
    background-repeat: repeat-x;
    background-position: bottom;
}


.KickFooterBottom {
    min-height: 100%;
    /*AltezzaFooter*/
    margin-bottom: -300px;
}

.FooterPusher {
    /*AltezzaFooter*/
    height: 300px;
}


.CropSingleImage {
    position: relative;
}

    .CropSingleImage > div {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .CropSingleImage > div > div {
            position: relative;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            -webkit-perspective: 1000px;
            perspective: 1000px;
        }


.ListColoRedActive > li.active {
    background-color: var(--RossoInvestire) !important;
    border-color: var(--RossoInvestire) !important;
}

.ListContainer {
    max-height: 200px;
    overflow-y: auto;
}


.BGHome {
    display: block;
    position: relative;
}

    .BGHome:after {
        background-image: url('../IMG/Pagine/HOME/HomeBannerTop.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
        /*opacity: 0.45;*/
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

.NoReadOnly {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.FiltriContainer {
    background-color: var(--GrayBG);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.fs-1e5 {
    font-size: 1.5em;
}

.fs-2 {
    font-size: 2em;
}

@media (max-width:768px) {
    .CropImage, .CropSingleImage {
        /*max-width: 720px;*/
        overflow: hidden;
    }

        .CropImage .carousel-inner,
        .CropSingleImage > div {
            width: 768px;
            left: 50%;
            /*Metà di max-width del container*/
            margin-left: -360px;
        }
}


/*#region DettaglioClasseEnergetica */

.ContentEnergeticClass {
    width: 100% !important;
    margin: 20px 0;
    /*max-width: 750px;*/
    color: white;
}

.FumettoDettaglio {
    background-color: #999999;
    width: auto;
    display: table;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    min-width: 33%;
}

    .FumettoDettaglio.Left {
        float: left;
    }

    .FumettoDettaglio.Center {
        margin: 0 auto;
    }


    .FumettoDettaglio.Right {
        float: right;
    }

/*#region Legge DL192 */
.TopLeggeDL192 {
    float: left;
    width: 100%;
}

    .TopLeggeDL192 > div {
        float: left;
        width: 12.5%;
        height: 23px;
        line-height: 32px;
        text-align: center;
        vertical-align: middle;
    }


        .TopLeggeDL192 > div.Selected {
            background-repeat: no-repeat;
            background-position: top center;
            background-image: url('../IMG/Sistema/FrecciaClasseEnergeticaSelezionata.png');
        }

.LeggeDL192 {
    float: left;
    width: 100%;
}

    .LeggeDL192 > div {
        float: left;
        width: 12.5%;
        height: 32px;
        line-height: 32px;
        text-align: center;
        vertical-align: middle;
    }


        .LeggeDL192 > div:nth-child(1) {
            background-color: #6D9E00;
        }

        .LeggeDL192 > div:nth-child(2) {
            background-color: #7FB800;
        }

        .LeggeDL192 > div:nth-child(3) {
            background-color: #91D100;
        }

        .LeggeDL192 > div:nth-child(4) {
            background-color: #EBC400;
        }

        .LeggeDL192 > div:nth-child(5) {
            background-color: #EB9D00;
        }

        .LeggeDL192 > div:nth-child(6) {
            background-color: #E67300;
        }

        .LeggeDL192 > div:nth-child(7) {
            background-color: #D22300;
        }

        .LeggeDL192 > div:nth-child(8) {
            background-color: #B80000;
        }

/*#endregion */

/*#region Legge90 */

.TopLegge90 {
    float: left;
    width: 100%;
}

    .TopLegge90 > div {
        float: left;
        width: 10%;
        height: 23px;
        line-height: 32px;
        text-align: center;
        vertical-align: middle;
    }

        .TopLegge90 > div.Selected {
            background-repeat: no-repeat;
            background-position: top center;
            background-image: url('../IMG/Sistema/FrecciaClasseEnergeticaSelezionata.png');
        }

.Legge90 {
    float: left;
    width: 100%;
}

    .Legge90 > div {
        float: left;
        width: 10%;
        height: 32px;
        line-height: 32px;
        text-align: center;
        vertical-align: middle;
    }

        .Legge90 > div:nth-child(1) {
            background-color: #4A6B00;
        }

        .Legge90 > div:nth-child(2) {
            background-color: #5C8500;
        }

        .Legge90 > div:nth-child(3) {
            background-color: #6D9E00;
        }

        .Legge90 > div:nth-child(4) {
            background-color: #7FB800;
        }

        .Legge90 > div:nth-child(5) {
            background-color: #91D100;
        }

        .Legge90 > div:nth-child(6) {
            background-color: #EBC400;
        }

        .Legge90 > div:nth-child(7) {
            background-color: #EB9D00;
        }

        .Legge90 > div:nth-child(8) {
            background-color: #E67300;
        }

        .Legge90 > div:nth-child(9) {
            background-color: #D22300;
        }

        .Legge90 > div:nth-child(10) {
            background-color: #B80000;
        }

/*#endregion */

/*#endregion */


/*#region DettagliECaratteristicheImmobile */

.GridDettaglioImmobile dt {
    color: rgb(153, 153, 153);
    font-size: 14px;
    font-weight: 400;
}

.GridDettaglioImmobile dd {
    color: rgb(102, 102, 102);
    font-size: 14px;
}

.GridDettaglioImmobile dt,
.GridDettaglioImmobile dd {
    border-top: 1px solid #dee2e6;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

    .GridDettaglioImmobile dt:last-of-type,
    .GridDettaglioImmobile dd:last-of-type {
        border-bottom: 1px solid #dee2e6;
    }

.BorderMe {
    border-bottom: 1px solid #dee2e6;
}

.FullBorderMe {
    border: 1px solid #dee2e6;
}

.GridDettaglioImmobile > div.col-xs-12 > span {
    font-size: 14px;
    background-color: #eee;
    font-size: 1em;
    padding: .6em .7em;
    float: left;
    margin: 0 5px 5px 0;
    color: #666;
}

/*#endregion */


.DivisorInvestiRE{
    border-color: var(--RossoInvestire);
}


/*#region TastiCustom */

/*#region InvestiRE Button */

.btn-InvestiRE {
    color: #fff;
    background-color: var(--RossoInvestire);
    border-color: var(--RossoInvestire);
}

    .btn-InvestiRE:hover {
        color: #fff;
        background-color: var(--RossoInvestire_Hover);
        border-color: var(--RossoInvestire);
    }

    .btn-InvestiRE:focus, .btn-InvestiRE.focus {
        box-shadow: 0 0 0 0.2rem var(--RossoInvestire_Hover);
    }

    .btn-InvestiRE.disabled, .btn-InvestiRE:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-InvestiRE:not(:disabled):not(.disabled):active, .btn-InvestiRE:not(:disabled):not(.disabled).active,
    .show > .btn-InvestiRE.dropdown-toggle {
        color: #fff;
        background-color: var(--RossoInvestire_Hover);
        border-color: var(--RossoInvestire);
    }

        .btn-InvestiRE:not(:disabled):not(.disabled):active:focus, .btn-InvestiRE:not(:disabled):not(.disabled).active:focus,
        .show > .btn-InvestiRE.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--RossoInvestire_Hover);
        }

/*#endregion */

/*#region InvestiRE Button Outline */

.btn-outline-InvestiRE {
    color: var(--RossoInvestire);
    border-color: var(--RossoInvestire);
}

    .btn-outline-InvestiRE:hover {
        color: #fff;
        background-color: var(--RossoInvestire_Hover);
        border-color: var(--RossoInvestire);
    }

    .btn-outline-InvestiRE:focus, .btn-outline-InvestiRE.focus {
        box-shadow: 0 0 0 0.2rem var(--RossoInvestire_Hover);
    }

    .btn-outline-InvestiRE.disabled, .btn-outline-InvestiRE:disabled {
        color: #dc3545;
        background-color: transparent;
    }

    .btn-outline-InvestiRE:not(:disabled):not(.disabled):active, .btn-outline-InvestiRE:not(:disabled):not(.disabled).active,
    .show > .btn-outline-InvestiRE.dropdown-toggle {
        color: #fff;
        background-color: var(--RossoInvestire_Hover);
        border-color: var(--RossoInvestire);
    }

        .btn-outline-InvestiRE:not(:disabled):not(.disabled):active:focus, .btn-outline-InvestiRE:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-InvestiRE.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--RossoInvestire_Hover);
        }

/*#endregion */

/*#endregion */

/*#region Footer */

.FooterStyle {
    min-height: 300px;
    background-color: white;
}

    .FooterStyle ul {
        text-align: center;
        font-size: 0.7em;
        line-height: 1.9em;
    }


        .FooterStyle ul li {
            display: inline-block;
            vertical-align: top;
            padding: 5px 10px;
        }

            .FooterStyle ul li span {
                padding: 0 15px 0 0;
            }


            .FooterStyle ul li a {
                color: inherit !important;
                text-decoration: underline;
            }

            .FooterStyle ul li > a {
                padding: 0 15px;
            }

            .FooterStyle ul li a:hover {
                color: inherit !important;
                text-decoration: underline;
            }

            .FooterStyle ul li > * {
                border-right: 1px solid #d6d6d6;
            }

            .FooterStyle ul li > :last-child {
                border: none;
            }

.MiniLinkCommerciali {
    font-size: 0.7em;
    color: #aeaeae;
}

/*#endregion */

/*col-sm*/
@media (min-width:576px) {
    .ContentContainer {
        max-width: 540px
    }
}

/*col-md*/
@media (min-width:768px) {
    .ContentContainer {
        max-width: 720px
    }
}

/*col-lg*/
@media (min-width:992px) {
    .ContentContainer {
        max-width: 960px
    }
}

/*col-xl*/
@media (min-width:1200px) {
    .ContentContainer {
        max-width: 1140px
    }
}

@media (min-width:1600px) {
    .ContentContainer {
        max-width: 1300px
    }
}


/*SPECIAL ED ECCEZZIONI*/
@media only screen and (max-width: 576px) {
    .GridDettaglioImmobile dt {
        border-bottom: none !important;
    }

    .GridDettaglioImmobile dd {
        border-top: none !important;
    }
}