/*! @name @viostream/videojs-chapters @version v0.0.15 @license MIT */
.vjs-viostream-chaptering-container{
    position:relative;
    overflow:hidden;
    font-family:Arial,Helvetica,sans-serif;
    font-size:24px;
    width:100%;
    height:42px;
    box-sizing:border-box
}

.vjs-viostream-chapters-icon{
    float:left;
    width:50px;
    text-align:center;
    margin:0
}

.vjs-viostream-chapters-icon:before{
    font-family:VideoJS;
    font-weight:400;
    font-style:normal;
    content:"\f10e";
    font-size:24px;
    line-height:40px
}

.vjs-viostream-chaptering-container-dropdown{
    border:0;
    padding:0;
    position:relative
}

.vjs-viostream-chaptering-container-dropdown>select{
    padding:0;
    height:40px;
    line-height:40px;
    margin:0!important;
    background-color:inherit;
    border:0!important;
    cursor:pointer;
    color:inherit;
    box-shadow:none;
    width:calc(100% - 100px)
}

.vjs-viostream-chaptering-container-dropdown>select>option{
    padding:8px 15px;
    background-color:inherit;
    color:inherit
}

.vjs-viostream-chaptering-container-dropdown>select::-ms-expand{
    display:none
}

.vjs-viostream-chaptering-container-dropdown>select::-ms-value{
    background:0 0;
    color:inherit
}

.vjs-viostream-chaptering-horizontal{
    padding:0 30px 0 80px
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chapters-icon{
    position:absolute;
    left:0;
    top:0
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chaptering-arrow-button{
    position:absolute;
    top:0;
    cursor:pointer;
    padding:0;
    margin:0;
    min-width:0;
    height:42px
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chaptering-arrow-button-icon{
    border-width:0 0 2px 2px;
    border-style:solid;
    cursor:pointer;
    z-index:7;
    position:absolute;
    box-sizing:content-box;
    width:7px;
    height:7px;
    top:16px
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chaptering-left{
    width:30px;
    left:50px;
    overflow:hidden;
    border:0;
    z-index:2
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chaptering-left i{
    left:12px;
    transform:rotate(45deg)
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chaptering-right{
    width:30px;
    position:absolute;
    z-index:1;
    right:0;
    overflow:hidden;
    border:0
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chaptering-right i{
    right:12px;
    transform:rotate(226deg)
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-outer-stage{
    overflow:hidden;
    width:100%;
    box-sizing:border-box
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chaptering-noscroll.vjs-viostream-chaptering-container{
    padding:0
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chaptering-noscroll .vjs-viostream-chaptering-arrow-button{
    display:none
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chaptering-horizontal>.vjs-viostream-chapter-item-list{
    height:4em
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chapter-item-list{
    position:relative;
    overflow:hidden;
    margin-left:0;
    margin-right:0;
    transition:.2s;
    height:100%;
    width:100%
}

.vjs-viostream-chaptering-horizontal .vjs-viostream-chapter-item{
    position:relative;
    padding:0 20px;
    height:42px;
    line-height:40px;
    box-sizing:border-box;
    cursor:pointer;
    display:inline-block;
    border:0;
    margin:0;
    min-width:0;
    text-align:left;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}

.vjs-viostream-marker{
    position:absolute;
    opacity:1;
    height:15px;
    width:10px;
    background-color:rgb(39, 39, 39);
    /*border-radius:50%*/
}

.vjs-viostream-marker .tooltiptext{
    visibility:hidden;
    width:400px;
    background-color:rgba(0, 0, 0, 0);
    color:#fff;
    opacity: 0;
    font-size: 2em;
    text-align:center;
    /*text-shadow: rgb(116, 116, 116) 2px 2px;*/
    padding:5px 0;
    border-radius:6px;
    position:absolute;
    top:-85px;
    left:-190px;
    z-index:10
}

.vjs-viostream-marker:hover .tooltiptext{
    visibility:visible
}