body {
    background: #F3F5F6; /*#E7E7E7;*/
    color: #8c8c8c;
}

a, a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: 0px;
}

.site-color {
    color: #fe0000 !important;
}

.site-dark-color {
    color: #bd0000;
}

.site-bg {
    background: #fe0000 !important;
}

.site-border {
    border-color: #fe0000 !important;
}

.site-dark-bg {
    background: #bd0000;
}

.black {
    color: #000;
}

.green-bg, button.green-bg {
    background: #5CB446;
}

    .green-bg:hover {
        background: #398226;
    }

.green-color {
    color: #5CB446;
}

.site-dark-border {
    border-color: #bd0000 !important;
}

.white-color {
    color: #FFFFFF;
}

.white-bg {
    background: #FFFFFF !important;
}

.white-border {
    border-color: #FFFFFF !important;
}

.positive-color {
    background: #60B444 !important;
}

.negative-color {
    background: #FE0000 !important;
}

.red-bg {
    background: #fe0000;
}

    .red-bg:hover {
        background: #bd0000 !important;
    }

.red-color {
    color: #fe0000 !important;
}

.grey-color1 {
    color: #EEEEEE;
}

.grey-bg1 {
    background: #EEEEEE !important;
}

.grey-border1 {
    border-color: #EEEEEE !important;
}

.grey-color2 {
    color: #DADADA !important;
}

.grey-bg2 {
    background: #DADADA;
}

.grey-border2 {
    border-color: #DADADA;
}

.grey-color3 {
    color: #616264;
}

.grey-bg3 {
    background: #616264 !important;
}

.grey-border3 {
    border-color: #616264;
}

.grey-bg3:hover {
    background: #999 !important;
}

.hoverable {
    -o-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

#header #logo-container {
    background: #FFFFFF;
}

#header .header-top #scelte-user > div {
    background: #FFFFFF;
}

.error .b2u-icon {
    color: #fe0000 !important;
}

input, select, textarea, .inner-addon label {
    border: 0;
    border-bottom: 1px solid #fe0000;
    border-radius: 0 !important;
}

    input:focus, textarea:focus {
        border: 1px solid #fe0000;
        border-bottom: 2px solid #fe0000;
    }

button, button.icon-button {
    background: #fe0000;
}

    button:hover, button.icon-button:hover {
        background: #bd0000;
    }

    button.invert {
        background: #bd0000;
    }

        button.invert:hover {
            background: #fe0000;
        }

    button.annulla {
        background: #fe0000;
    }

        button.annulla:hover {
            background: #be3b14;
        }

    button.white {
        background: #FFF;
        color: #fe0000;
    }

        button.white:hover {
            background: #000;
        }

#header #carrello-header.vuoto:hover {
    background: #bd0000 !important;
}

.irs-bar {
    background: #fe0000;
    border: 0;
    height: 5px;
}

.irs-slider, .irs-slider:hover, .irs-slider.state_hover {
    background: #fe0000;
    border: 0;
    box-shadow: none;
    height: 20px;
    width: 20px;
}

.irs-line-left, .irs-line {
    background: #616264;
    border: 0;
    height: 5px;
}
/*.premio .content-top { border-bottom: 1px solid #fe0000; }*/

ul#menu li a {
    color: #a7a7a7;
}

ul#menu li.selected {
    border-top: 4px solid #fe0000;
}

    ul#menu li:hover a, ul#menu li.selected a {
        color: #fe0000;
        font-weight: bold;
    }

::-webkit-input-placeholder {
    color: #EEEEEE;
    font-size: 16px;
}

:-moz-placeholder {
    color: #EEEEEE;
    font-size: 16px;
}

::-moz-placeholder {
    color: #EEEEEE;
    font-size: 16px;
}

input:-ms-input-placeholder {
    color: #EEEEEE;
    font-size: 16px;
}

#footer #goToTop {
    background: #FFFFFF !important;
}

    #footer #goToTop i {
        color: #fe0000 !important;
    }

    #footer #goToTop:hover {
        background: none !important;
    }

        #footer #goToTop:hover i {
            color: #FFF !important;
        }

/*ADMIN*/
.pagination-container ul.pagination a {
    border: 1px solid #8c8c8c;
    color: #8c8c8c;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: #fe0000;
    color: #FFF !important;
    border: 1px solid #fe0000;
}

@media only screen and (min-device-width : 1200px) {
    .site-bg.hoverable:hover {
        background: #bd0000 !important;
    }

    .site-dark-bg.hoverable:hover {
        background: #fe0000;
    }

    .white-bg.hoverable:hover {
        background: #fe0000 !important;
        color: #FFFFFF !important;
    }

    .premio:hover .descrizione, #catalogo .premio .content-top .premio-overlay {
        background: #00a7e6;
        background: rgba(254,0,0,.7);
        color: #FFFFFF !important;
    }
}

@media only screen and (max-width : 767px) {
    ul#menu li.selected {
        border-top: 0;
    }

    .tabs .tab:hover, .tabs .tab:focus, .tabs .tab:active {
        border-color: #fe0000;
    }

    .top-banner h1 {
        color: #FE0000;
    }

    /*#checkout {
        color: #FFF;
    }*/
}

::selection {
    color: #FFFFFF !important;
    background: #fe0000;
}

::-moz-selection {
    color: #FFFFFF !important;
    background: #fe0000;
}

button:focus, input:focus {
    outline: 0;
}

::-webkit-scrollbar {
    width: 12px;
    background: none;
}

::-webkit-scrollbar-thumb {
    background: rgba(254,0,0,.7);
}


#cookieBar {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 2rem;
    margin-top: 20px;
    text-align: center;
    background-color: #fff;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    z-index:9999;
}