/* @font-face {
    font-family: 'leroy_merlin_sansbold';
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-Bold.eot');
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-Bold.eot?#iefix') format('embedded-opentype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Bold.woff2') format('woff2'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Bold.woff') format('woff'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Bold.ttf') format('truetype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Bold.svg#leroy_merlin_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'leroy_merlin_sans_boldBdIt';
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-BoldItalic.eot');
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-BoldItalic.woff2') format('woff2'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-BoldItalic.woff') format('woff'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-BoldItalic.ttf') format('truetype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-BoldItalic.svg#leroy_merlin_sans_boldBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'leroy_merlin_sansitalic';
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-Italic.eot');
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-Italic.eot?#iefix') format('embedded-opentype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Italic.woff2') format('woff2'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Italic.woff') format('woff'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Italic.ttf') format('truetype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Italic.svg#leroy_merlin_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'leroy_merlin_sanslight';
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-Light.eot');
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-Light.eot?#iefix') format('embedded-opentype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Light.woff2') format('woff2'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Light.woff') format('woff'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Light.ttf') format('truetype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-Light.svg#leroy_merlin_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'leroy_merlin_sanslight_italic';
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-LightItalic.eot');
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-LightItalic.woff2') format('woff2'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-LightItalic.woff') format('woff'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-LightItalic.ttf') format('truetype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-LightItalic.svg#leroy_merlin_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'leroy_merlin_sansSBdIt';
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBoldItalic.eot');
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBoldItalic?#iefix') format('embedded-opentype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2') format('woff2'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff') format('woff'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBoldItalic.ttf') format('truetype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBoldItalic.svg#leroy_merlin_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'leroy_merlin_sanssemibold';
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBold.eot');
    src: url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBold.woff2') format('woff2'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBold.woff') format('woff'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBold.ttf') format('truetype'),
         url('#APP_FILES#fonts/LeroyMerlinSans-Web-SemiBold.svg#leroy_merlin_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

} */


@font-face {
    font-family: 'leroy_merlin_sansregular';
    src: url('fonts/LeroyMerlinSans-Web-Regular.eot');
    src: url('fonts/LeroyMerlinSans-Web-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/LeroyMerlinSans-Web-Regular.woff2') format('woff2'),
         url('fonts/LeroyMerlinSans-Web-Regular.woff') format('woff'),
         url('fonts/LeroyMerlinSans-Web-Regular.ttf') format('truetype'),
         url('fonts/LeroyMerlinSans-Web-Regular.svg#leroy_merlin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    /*font-family: sans-serif !important;*/
    font-family: leroy_merlin_sansregular!important;
}

footer#t_Footer {
    background-color: #fdfdfd;
    border-color: #fdfdfd;
    max-width: 99vw;
}
.apex-item-text:focus{
    outline-color: #78BE20;
}
span.apex-item-icon{
    color: #78BE20;
}
.t-MediaList-iconWrap>span {
    background-color: transparent!important;
    color: green!important;
}
.t-Button--hot {
    background-color: #78BE20;
    color: rgb(248, 241, 241);
    --a-button-border-color: #78BE20 !important;
    border-radius: 10px;
}
button.t-Button {
    border-radius: 10px;
}
.t-Button--warning{
    background-color: #be7920;
    --a-button-border-color: #be7920 !important;
}
.t-Button--link{
    background-color: transparent;
}

.t-Header-branding {
    background-image: linear-gradient(135deg, #78BE20, #14B5C6);
    background-repeat: repeat-x;
    background-color: #54bb5d;
    box-shadow: 6px 0 20px 0 rgba(25, 42, 70, .35);
    transition: all .3s cubic-bezier(0, 0, .2, 1);
}
ul.t-NavTabs {
    background-color: #edeff6;
    min-height: 75px;
    overflow: auto; /* Prevents content from causing overflow */
}
li.t-NavTabs :hover, .t-NavTabs-link:hover {
    background-color: #edeff6;
}
li.t-NavTabs-item.is-active {
    color: #78BE20;
}
li.is-active a.t-NavTabs-link {
    background-color: #edeff6;
}
li.t-NavTabs-item {
    color: #777776;
}
@media (min-width: 768px){
    ul.t-NavTabs, li.is-active a.t-NavTabs-link, li.t-NavTabs-item :hover, .t-NavTabs-link {
        background-color: transparent;
    }
    li.is-active a.t-NavTabs-link {
        color:#daf7d9;
    }
    li a.t-NavTabs-link {
            min-width: 9rem;
            padding-top: 15px;
    }
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog--apex.t-Drawer-page--standard.t-Drawer--pullOutEnd.t-Drawer--md {
    max-width: var(--ut-dialog-pullout-max-width,100vw)!important;
}
button#t_Button_navControl {
    display: none;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes slideBackLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(100%);
    }
}
@keyframes slideInBottom {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes slideBackBottom {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(100%);
    }
}
.slide-in-right {
    animation: slideInRight 1.5s forwards;
}
.slide-back-left {
    animation: slideBackLeft 1.5s forwards;
}
.slide-in-bottom {
    animation: slideInBottom 2s forwards;
}
.slide-back-bottom {
    animation: slideBackBottom 1s forwards;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog--inline.ui-dialog--popup.slide-in-right, 
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog--inline.ui-dialog--popup.slide-back-left{
    left: unset!important;
    right: 0px;
    top: 0px!important;
    height: 100%!important;
    margin: 0px;
    width: 100%!important;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog--inline.ui-dialog--popup.slide-in-bottom, 
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog--inline.ui-dialog--popup.slide-back-bottom{
    left: unset!important;
    right: 0px;
    top: 80px!important;
    height: calc(100% - 80px)!important;
    margin: 0px;
    width: 100%!important;
}
@media (max-width: 479px){
    .col-12 {
        flex-basis: unset!important;
    }
    .row {
        flex-wrap: unset!important;
    }
}
.report-badge {
    position: absolute;
    height: 20px!important;
    width: 20px!important;
    border-radius: 70%;
    color: #fff!important;
    background: #fd7f29;
    text-align: center;
    line-height: 20px;
    font-family: initial;
    font-size: 1.0rem;
    bottom: 17px;
    left: 27px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog--apex.t-Drawer-page--standard.t-Drawer--pullOutEnd {
    max-width: 100vw!important;
}

.t-ButtonRegion--highPadding{
    padding-bottom: 20px;
}
.fa.fa-1-5x{
    --a-icon-size: 24px;
    --a-button-icon-size: 20px;
}
@media (max-width: 768px){
    li.t-NavTabs-item.a-pwaInstall {
        display: none;
    }
}
@media (min-width: 768px){
    button#INSTALL-BTN {
        display: none;
    } 
}
div#BUTTONS-REGION {
    bottom: 40px!important;
    background-color: #f9f9f9;
}
.t-Footer-top, .t-Footer-apex {
    display: none;
}
.fa.fa-1-5x {
    font-size: 25px;
}