@import url('/css/ui-lightness/jquery-ui.css');

.cat-wrapper {
    margin: 0 0 50px;
    text-align: center;
    float: left;
    width: 33%;
}

.cat-desc {
    font-size: 18px;
    height: 45px;
    margin: 0 auto 10px;
    width: 177px;
}

.picto {
    box-shadow: 1px 1px 4px;
    margin-bottom: 10px;
}

#range {
    width: 450px;
    margin: 35px auto 10px;
    background: linear-gradient(to right, lightgray 0%, lightgray 50%, cornflowerblue 50%, cornflowerblue 100%);
    clear: both;
}

.ui-slider-range {
    background: PowderBlue;
}

.ui-slider-handle {
    background-color: #f6f6f6 !important;
    background-image: url("/asset/img/slider.png") !important;
    background-position: 1px 1px !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px !important;
    //font-size: 28px !important;
}

.repartitionInput {
    width: 45px !important;
    height: 30px;
    text-align: center;
    border: none;
    font-size: inherit;
}