@import "variables-site.less";
@colordefault: desaturate(lighten(@colordark, 14%),25%);
@colorlighter: lighten(@colorlight, 10%);
@colorbrighter: lighten(@colorbright, 30%);

.form-control {
    color: @colordefault;
}

#GlobalContainer {
    h2 {
        background: @colordark;
    }

    .owl-buttons {
        .owl-next, .owl-prev {
            color: @colorbright;
        }
    }

    #widgetForm form#search-form #mainSearch #search-btn button{
        background: @colorbright;

        &:hover, &:focus {
            background: darken(@colorbright,7%);
            color: @white;
        }
    }
}

#currentProductSelectedResponsive, #widgetForm form#search-form {
    background: @colordark;
}

#widgetProductList {
    background: @colordark;

    .dates {
        i {
            color: @colordark;
        }
    }

    owl-item.active {
        background: none;
        color: @colorbright;

        @media screen and (max-width : @screen-sm-max) {
            background: @colorbright;
            color: white;
        }
    }

    li.active,
    li:hover {
        background: @colorbright;
    }

    #search-btn button {
        background-color: @colorbright;

        &:hover, &:focus {
            background: darken(@colorbright,7%);
            color: @white;
        }
    }
}

.datepicker {
    .active {
        background: @colorbright !important;
    }
}