#vodslide video{
    width: 100%;
    height: auto;
}

#vodslide .left-wrap,
#vodslide .right-wrap{
    padding: 1rem;

    background-color: #dddddd;
}

#vodslide .left-wrap{
    padding-right: 0.5rem;
}

#vodslide .right-wrap{
    padding-left: 0.5rem;
}

#speaker_video{
    margin: 1rem 0;
}

#vodslide .nav-tabs .nav-link.active{
    background-color: #1374f8;
    border-color: #1374f8;

    color: #ffffff;
}

#vodslide .tab-pane{
    height: 300px;
    padding: 1rem 0;
    overflow-y: auto;
}

#vodslide .tab-pane.active{
    background-color: #1374f8;
    border-color: #1374f8;

    color: #ffffff;
}

#vodslide .media{
    padding: 0.5rem 0.4rem;
    cursor: pointer;
}

#vodslide .media:hover{
    background-color: rgba(164,70,118,0.7);
}

#vodslide .media.active{
    background-color: rgba(164,70,118,1);
}

#vodslide .media-body{
    padding: 0.3rem 0 0 0.5rem;

    font-size: 0.8rem;
}

#vodslide #profile .wrap{
    padding: 0.5rem;
}

#video-controller{
    padding: 1rem;
}

#video-controller #video_slider{
    display: inline-block;
    width: 10rem;
}

#video-controller #video_timer{
    display: inline-block;
    width: 10rem;
    padding-left: 1rem;
}