:root{
    --theme: #380c56;
    --theme2: #b52e84;
    --thememix: linear-gradient(45deg, #380c56, #b52e84);
    --info: #2F80ED;
    --success: #27AE60;
    --warning: #E2B93B;
    --error: #EB5757;
    --black: #000000;
    --black2: #1D1D1D;
    --black3: #282828;
    --white: #ffffff;
    --gray: #333333;
    --gray2: #4F4F4F;
    --gray3: #828282;
    --gray4: #BDBDBD;
    --gray5: #E0E0E0;
    --active:#efefef;
    --height:380px;
}

/* width */
#video_player_main_section ::-webkit-scrollbar {
    width: 0px !important;
    height: 5px !important;
}

/* Handle on hover */
#video_player_main_section ::-webkit-scrollbar-thumb {
    background: var(--theme);
}

#video_player_main_section .bg-theme{background-color:var(--theme) !important;}
#video_player_main_section .bg-theme2{background-color:var(--theme2) !important;}
#video_player_main_section .text-theme{color:var(--theme) !important;}
#video_player_main_section .text-theme2{color:var(--theme2) !important;}
#video_player_main_section .fa{padding:2px; margin:0px; color:#fff;transition: all 0.2s;cursor: pointer;}
#video_player_main_section .fa:hover{color:#fff; transform:scale(1.3);}
#video_player_main_section .pointer{ cursor: pointer; }

#video_player_main_section{
    width:100%;
    height:var(--height);
    overflow:hidden;
    position:relative;
    border-radius:5px;
}


#video_player_main_section #video_player{
    position: relative;
    width:100%;
    height:var(--height);
}

#video_player_main_section #video_player_info_section,
#video_player_main_section #video_player_share_section,
#video_player_main_section #video_player_chapter_section{
    position: absolute;
    width:100%;
    height:100%;
    z-index:1;
    background:rgba(0,0,0,0.7);
    transition: all 0.5s;
    top:-100%;
    overflow-y:auto;
    overflow-x:hidden;
}

#video_player_info_section #info_section_close_btn,
#video_player_share_section #share_section_close_btn,
#video_player_chapter_section #chapter_section_close_btn{
    position:absolute;
    top:0px;
    right:0px;
    z-index: 1;
}


#video_player_share_section .podops_log_setup,
#video_player_info_section .podops_log_setup,
#video_player_chapter_section .podops_log_setup{
    text-align:end;
}


.vjs-poster img{
    object-fit: cover;
}

.table > :not(:first-child) {
    border: none;
}


#multi_episodes_list_section{
    height:350px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right:10px;
}

#multi_episodes_list_section .video_thumbnail_section{
    position: relative;
    width:150px;
    height: 90px;
    border-radius:5px;
}
#multi_episodes_list_section .video_thumbnail_section .video_thumbnail{
    position: absolute;
    height:100%;
    width:100%;
    object-fit:cover;
    border-radius: 5px;
}

#multi_episodes_list_section .video_thumbnail_section .time_section{
    position: absolute;
    height:auto;
    padding-left:4px;
    padding-right:4px;
    border-radius:5px;
    width:auto;
    font-size:12px;
    bottom:2px;
    right:2px;
    background-color:var(--theme2);
    color:var(--white);
}

#multi_episodes_list_section .card{
    cursor: pointer;
    transition: transform .4s;
}

#multi_episodes_list_section .card.active{
    background-color:var(--active);
}

#multi_episodes_list_section .card:hover{
    transform: scale(1.01);
}


.form-check-input:checked {
    background-color: var(--theme) !important;
    border-color: none !important;
}

@media only screen and (max-width: 767px){
    #multi_episodes_list_section{
        height:200px;
        padding-bottom:25px;
    }

    #video_player_main_section{
        height:auto;
    }

}