.app-range{
    min-width: 363.33px;
    width: 100%;
}
.app-range > div{
    display: flex;
    width: 100%;
}
.app-range > div > div{
    padding: 5px;
    border-top: 1px solid #ddd;
}
.app-range > .app-range__header{
    font-weight: bold;
    background-color: #eeeeee;
}
.app-range > div > div:nth-child(2),
.app-range > div > div:nth-child(3){
    text-align: left;
}
.app-range > div > div:nth-child(1){
    float: left;
    width: 31%;
}
.app-range > div > div:nth-child(2){
    float: left;
    width: 25.5%;
}
.app-range > div > div:nth-child(3){
    float: left;
    width: 25.5%;
}
.app-range > div > div:nth-child(4){
    float: left;
    width: 19%;
}
.app-range > div:nth-of-type(odd){
    background-color: #eeeeee;
}
.app-range .app-range__title-create > div{
    background-color: #eeeeee;
    font-weight: bold;
    width: 100% !important;
}
.app-range .app-range__title-create > div{
    background-color: #eeeeee;
    border-top: 1px solid #ddd;
    font-weight: bold;
    width: 100% !important;
}
.app-range .app-range__create{
    background-color: #ffffff !important;
    border-bottom: 2px solid #ddd;
}
.app-range .app-range__create > div:last-child a{
    padding: 8px 5px;
}
.app-range .app-range__validation{
    background-color: transparent !important;
    padding: 5px 5px 0;
}
.app-range .app-range__validation > div{
    width: 100% !important;
    display: contents;
}