.dooplay_player {
     float: left;
     width: 100%;
     position: relative;
}
 .dooplay_player h2 {
     font-size: 18px;
     font-weight: 500;
     width: 100%;
     float: left;
     padding: 20px 30px;
}
 .dooplay_player h2 span {
     float: right;
     font-size: 12px;
     font-weight: 500;
     line-height: 20px;
}
 .dooplay_player.played {
     border-bottom: 0;
}
 .dooplay_player .options {
     padding: 0 25px;
     float: left;
     width: 100%;
}
 .dooplay_player .options.scrolling{
     max-height: 180px;
     overflow: hidden;
     overflow-y: auto;
}
 .dooplay_player .options.onload:before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
}
 .dooplay_player .options ul {
     margin: 25px 0;
     float: left;
     width: 100%;
}
 .dooplay_player .options ul li {
     float: left;
     width: 100%;
     padding: 15px 20px;
     font-weight: 500;
     cursor: pointer;
     line-height: 20px;
}
 .dooplay_player .options ul li i{
     font-size: 20px;
     margin-right: 15px;
     float: left;
}
 .dooplay_player .options ul li i.yt{
     margin-right: 0;
}
 .dooplay_player .options ul li span.title{
     float: left;
     font-weight: 600;
}
 .dooplay_player .options ul li span.server {
     font-size: 12px;
     margin-left: 15px;
}
 .dooplay_player .options ul li span.loader{
     float: right;
     position: sticky;
     left: auto;
     top: auto;
     margin-right: 20px;
     margin-top: 5px;
     display: none;
}
 .dooplay_player .options ul li span.flag{
     float: right;
}
 .dooplay_player .options ul li:last-child{
     margin-bottom: 0;
     border-bottom: 0;
}
 .dooplay_player .play {
     position: relative;
     float: left;
     width: 100%;
     margin: 0;
     padding: 0;
}
 .dooplay_player .play .preplayer {
     position: relative;
     padding-bottom: 56.29%;
     max-width: 100%;
     display: block;
     margin: auto;
     height: 0;
     overflow: hidden;
}
 .dooplay_player .play .asgdc{
     display: none;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -125px;
     margin-left: -150px;
     z-index: 1;
     width: 300px;
     height: 250px;
     box-shadow: 0 8px 50px -6px #000;
}
 .dooplay_player .play.isnd {
     padding: 20px;
}
 .dooplay_player .play.isnd.bigger{
     padding: 0!important;
}
 .dooplay_player .play.isnd > .asgdc{
     display: block;
}
 .dooplay_player .play .pframe {
     position: relative;
     padding-bottom: 56.29%;
     max-width: 100%;
     display: block;
     margin: auto;
     height: 0;
     overflow: hidden;
}
 .dooplay_player .play .pframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 <!-- dark mode player!--> .dooplay_player {
     border-bottom: solid 3px rgba(255, 255, 255, 0.08) 
}
 .dooplay_player .options ul li {
     background: transparent;
     border-bottom: solid 1px rgba(255, 255, 255, 0.08) 
}
 .dooplay_player .options ul li:hover span.title{
     color: #408bea 
}
 .dooplay_player .options ul li i{
     color: rgba(255, 255, 255, 0.3) 
}
 .dooplay_player .options ul li span.flag img {
     border: solid 2px rgba(0, 0, 0, 0.5) 
}
 .dooplay_player .options ul li.on, .dooplay_player .options ul li.on:hover{
     background: rgba(255, 255, 255, 0.1) 
}
 .dooplay_player .options ul li.on i{
     color: #fff;
}
 .dooplay_player .play {
     background: #000 
}
 .dooplay_player h2 {
     border-bottom: solid 1px rgba(255, 255, 255, 0.08);
     background: rgba(0, 0, 0, 0.7);
     color: #fff 
}
 .dooplay_player h2 span {
     color: rgba(255, 255, 255, 0.4) 
}
 .dooplay_player h2 span.flashit{
     color: #fff 
}
 .dooplay_player .options ul li span.server {
     color: rgba(255, 255, 255, 0.5) 
}
 .dooplay_player .play .preplayer, .dooplay_player .play .pframe {
     background: #000 
}
 .dooplay_player .options{
     background: rgba(0, 0, 0, 0.5) 
}
 .dooplay_player .options ul li span.title {
     color: #fff 
}