.timeSelectBlock{
    position: relative;
    margin: 10px -40px 15px -40px;
    border-bottom:1px #bebebe solid;
}
    .timeSelectBlock .slimScrollDiv{
        padding-right: 23px;
    }
    .timeSelectBlock .slimScrollBar{
        border-radius: 2px;
        background: #bebebe !important;
    }
    .timeSelectBlock .slimScrollRail{
        background: #ebebeb !important;
    }
    .tsDaysList{
        border-top:1px #bebebe solid; 
        border-bottom:1px #bebebe solid;
        height: 47px;   
        background: #eef5f5;        
    }
         .tsDaysListBody{
            height: 47px;
            position: relative;
            overflow: hidden;
        }
            .tsDayItem{
                height: 40px;
                text-align: center;
                font-size: 14px;
                color: #696969;
                padding: 7px 0 0 0;
            }
    .tsTimeList{
        position: relative;
        /*h eight: 260px;         */
        overflow:hidden;
        margin:10px 17px 10px 40px;
    }
        .tsTimeListGradient{
            position: absolute;
            bottom: 0px;
            right: 20px;
            height: 1px;
            width: 100%;
            background: #e9f0f0;
            box-shadow: 0 0 15px 15px #e9f0f0;
            z-index: 1000;
        }
        .tsTimeListBody{
            /*h eight: 260px;*/
            position: relative;     
        }
            
            .tsTimeListItem{
                text-align: center;
            }
            .tsTimeItem{
                width: 66px;
                height: 28px;
                text-align: center;
                background: #01c2bc;
                color: white;
                font-size: 14px;
                line-height: 28px;
                margin: 0px auto 10px auto; 
            }
                .tsTimeItem.noTime{
                    background: transparent;
                    padding-top: 14px;
                    height: 14px; 
                }
                    .tsTimeItem.noTime .noTimeLine{
                        height: 2px;
                        width: 15px;
                        background: #bebebe;
                        margin:auto; 
                    }
                .tsTimeItem:not(.noTime){
                    cursor: pointer;
                }
                    .tsTimeItem:not(.noTime):hover{
                        background: #2c928d;
                    }

.timeSelectSlider{
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
        .timeSelectSliderButton{
            width: 40px; 
            height: 47px;
            float: left;   
        }
            .timeSelectPrev{
                cursor: pointer;
                height:17px;
                width: 9px;
                float: left;
                margin: 15px 0 0 15px;
                background: url('images/tsPrev.png') bottom left no-repeat;
            }
            .timeSelectNext{
                cursor: pointer;
                height:17px;
                width: 9px;
                float: right;
                margin: 15px 15px 0 0;
                background: url('images/tsNext.png') bottom left no-repeat;
            }
                .timeSelectPrev.inactive,
                .timeSelectNext.inactive{
                    cursor: default;
                    background-position: top left;
                }
        .tsSliderItem{
            display: inline-block;
            overflow: hidden;
            position: relative;
            vertical-align: top;
        }
.timeSelectResult{
    display: none;
    border:1px #01c2bc solid;
    border-radius: 2px;
    margin: 10px 0 12px 0;
    height: 32px;
    overflow-y: hidden;
    line-height: 32px;
    padding: 0 10px;
    background: white;
    color: #696969;
    cursor: pointer;
}
    .timeSelectResult.inactive{
        cursor: default;
    }


@media (max-width: 480px)
{
    .timeSelectBlock{
        margin: 0 -30px 8px -30px !important;
    }
    .timeSelectSliderButton
    {
        width:30px !important;
    }
    .timeSelectPrev{
        margin-left: 9px !important;
    }
    .timeSelectNext{
        margin-right: 9px !important;
    }
    .tsTimeList{
        margin:10px 11px 10px 30px !important;
    }
    .timeSelectBlock .slimScrollDiv{
        padding-right: 19px !important;
    }
    .timeSelectResult{
        margin: 0 0 8px 0 !important;
    }

}
@media (max-width: 450px)
{
    .timeSelectBlock{
        margin: 0 -20px 8px -20px !important;
    }
    .timeSelectSliderButton
    {
        width:20px !important;
    }
    .timeSelectPrev{
        margin-left: 7px !important;
    }
    .timeSelectNext{
        margin-right: 7px !important;
    }
    .tsTimeList{
        margin:10px 9px 10px 20px !important;
    }
    .timeSelectBlock .slimScrollDiv{
        padding-right: 11px !important;
    }
}
@media (max-width: 420px)
{
    .timeSelectBlock{
        margin: 0 -30px 8px -30px !important;
    }
    .timeSelectSliderButton
    {
        width:30px !important;
    }
    .timeSelectPrev{
        margin-left: 9px !important;
    }
    .timeSelectNext{
        margin-right: 9px !important;
    }
    .tsTimeList{
        margin:10px 11px 10px 30px !important;
    }
    .timeSelectBlock .slimScrollDiv{
        padding-right: 19px !important;
    }
}

@media (max-width: 360px)
{
    .timeSelectBlock{
        margin: 0 -20px 8px -20px !important;
    }
    .timeSelectSliderButton
    {
        width:20px !important;
    }
    .timeSelectPrev{
        margin-left: 7px !important;
    }
    .timeSelectNext{
        margin-right: 7px !important;
    }
    .tsTimeList{
        margin:10px 9px 10px 20px !important;
    }
    .timeSelectBlock .slimScrollDiv{
        padding-right: 11px !important;
    }
}