.page__player{position:relative;}

#simple-episodes-tabs::-webkit-scrollbar-button { background-image: url(""); background-repeat: no-repeat; width: 100%; height: 0px; }
#simple-episodes-tabs::-webkit-scrollbar-track { background-color: rgb(38, 38, 39); }
#simple-episodes-tabs::-webkit-scrollbar-thumb { background: var(--accent); }
#simple-episodes-tabs::-webkit-resizer { background-image: url(""); background-repeat: no-repeat; width: 4px; height: 0px; }
#simple-episodes-tabs::-webkit-scrollbar { width: 4px; }

#player { background: rgb(28, 28, 29); min-height: 460px; }
.b-player { background: rgb(28, 28, 29); position: relative; }
.b-player iframe { overflow: hidden; width: 100% !important; }
.b-player iframe::-webkit-scrollbar { display: block; }
.b-post__lastepisodeout { position: relative; background: rgb(238, 68, 56); color: rgb(255, 255, 255); height: 25px; line-height: 22px; }
.b-post__lastepisodeout_full { position: relative; background: rgb(238, 68, 56); color: rgb(255, 255, 255); height: 25px; line-height: 22px; }
@media only screen and (max-width: 590px) {
  .b-post__lastepisodeout_full { position: relative; background: url("../dle_serials/dle_serials.png") rgb(18, 23, 27); color: rgb(204, 204, 204); height: 40px; }
}
.b-post__lastepisodeout_full a { color: rgb(220, 219, 219); text-decoration: none; }
.b-episodes__list { margin-left: -16px; padding: 32px 0px 15px; transition: opacity 0.5s ease 0s; }
.b-episodes__list li { float: left; margin: 0px 0px 17px 17px; }
.b-simple_seasons__list { margin: 0px auto; padding: 4px 10px 12px 13px; list-style: none; }
.b-simple_seasons__title { color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; padding-top: 10px; padding-left: 11px; text-align: left; }
.b-simple_season__item { background: rgb(45, 45, 45); color: rgb(255, 255, 255); cursor: pointer; float: left; font-size: 13px; min-width: 11.8%; padding: 5px 7px; text-align: left; margin: 0px 2px 2px 0px !important; list-style: none !important; }
.b-simple_episodes__list { margin: 0px auto; padding: 10px 10px 12px 13px; text-align: left; }
.b-simple_episode__item { display: inline-block; font-size: 12px; background: rgb(43, 41, 48); color: rgb(240, 240, 240); border: 1px solid rgb(22, 22, 24); cursor: pointer; padding: 10px 15px; margin: 0px 3px; transition: background 0.3s ease 0s; text-align: left; }
#serial_player { min-height: 460px; }
#simple-episodes-tabs { white-space: nowrap; overflow: auto; margin: 0px 30px; display: block; position: relative; }
@media only screen and (max-width: 590px) {
  #simple-episodes-tabs { overflow-x: scroll; }
  #serial_player { min-height: 300px; }
  #player { background: rgb(0, 0, 0); min-height: 300px; }
}
#simple-episodes-list { padding-inline-start: 0px; text-align: left; }
.b-simple_episode__item { display: inline-block; font-size: 12px; background: rgb(43, 41, 48); color: rgb(240, 240, 240); border: 1px solid rgb(22, 22, 24); cursor: pointer; padding: 10px 15px; margin: 0px 3px; transition: background 0.3s ease 0s; text-align: left; border-radius: 25px; }
.prenext { position: relative; }
.prevpl, .nextpl { position: absolute; top: 3px; font-size: xx-large; width: 25px; height: 20px; color: rgb(213, 217, 217); cursor: pointer; font-weight: bold; z-index: 999; }
.prevpl { left: 0px; }
.nextpl { right: 0px; }
.b-simple_season__item.active, .b-simple_episode__item.active { background: var(--gradient-blue); cursor: default; }
.b-changeplayer__list li:hover, .b-simple_season__item:hover, .b-simple_episode__item:hover, .b-changeplayer__list li:focus, .b-simple_season__item:focus, .b-simple_episode__item:focus {
    background: var(--accent);
    color: rgb(240, 240, 240);
}
.seaser { padding: 2px; background: rgb(171, 85, 135); color: rgb(255, 255, 255); }
.sharepod { text-align: center; background-color: rgb(30, 29, 33); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: rgba(0, 0, 0, 0.05) 0px 1.1875rem 2.125rem -0.9375rem; padding: 10px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.serieb {
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 0;
    display: flex;
}
.serieb a, .serieb div {
    position: relative;
    opacity: 1;
    padding: 7px 15px 7px 80px;
    font-size: 13px;
    border-radius: 2px;
    /* margin: 0px 10px; */
    cursor: pointer;
    display: inline-block;
    background: var(--ui-bg-darkest);
    position: relative;
    line-height: 28px;
    height: 40px;
}
.serieb > a > span.fa, .serieb div > span.fa {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 40px;
    width: 64px;
    line-height: 43px;
    text-align: center;
    background: #bfbcbc6e;
    /* color: #908f8f; */
    /* color: var(--ui-bg); */
}
 .serieb a.active span,  .serieb div.active span { background: rgba(255, 255, 255, 0.21); color: var(--white); }
.serieb > div:hover,
.serieb a:hover {
    background: var(--gradient-blue);
    color: var(--white);
    background: var(--accent);
    color: var(--ui-bg);
}

.series__list {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -130%;
    white-space: nowrap;
    border-radius: 2px;
    opacity: 0;
    z-index: -1;
    color: #000;
    transform: scale(0);
    transition: all 0.3s ease 0s;
    background-color: var(--bg);
    /* border: 1px solid var(--bg-2); */
    box-shadow: var(--bg-2);
}
.series__list.is-active{
	opacity: 1;
    z-index: 1;
    transform: scale(1);
}

.series__list li {
	cursor: pointer;
    padding: 5px 20px;
}
.series__list li span{
	margin-right: 10px;
     color: #000;
}
.series__list li span.fa{color: #000;}
.series__list li.active,
.series__list li:hover{
     background: var(--accent);
    color: #fff;
}
.series__list li:hover span.fa,
.series__list li.active span.fa{
     color: #fff;
}

.serieb a:hover span, .serieb a.active span {
      background: transparent;
    color: var(--white);
}
.serieb > a:hover > span.fa, .serieb div:hover > span.fa{ color: var(--white);}
.series__list li:hover span{
    background: transparent;
    color: #f3682b;
}
.series__date {
    background: var(--gradient-blue);
    text-align: center;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    border-radius: 3px;
    padding: 4px 7px;
    right: 15px;
    position: absolute;
    top: 9px;
    z-index: 1;
}
.serieb{margin-bottom: 20px;display: grid;grid-template-columns: repeat(4, minmax(0px, 1fr));gap: 10px;}
/*! header */


@media screen and (max-width: 1224px){
    .list_hide-text {
        display: none;
    }
    .serieb {
        display: grid;
        grid-template-columns: repeat(4, minmax(0px, 1fr));
        gap: 10px;
    }
    .notepn .fa,
    .notepp .fa,
    .serieb a:first-child .fa,
    .serieb a:last-child .fa {width: 100%!important;}
}

@media screen and (max-width: 950px) {
    .semylists-tabs, .serieb {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        padding: 10px 0;
    }
    .notepp,
    .serieb a:first-child {order: -3;/* height: 33px; */}
  
    .notepn,
    .serieb a:last-child {order: -2;/* height: 33px; */}
    .series__list li {
        padding: 5px 11px;
    }
   .serieb a, .serieb div {
        margin: 0;
        text-align: center;
        padding: 7px 15px 7px 43px;
    }
    
}
@media screen and (max-width: 760px) {
.serieb {padding: 10px;
 }
    }
@media screen and (max-width: 590px) {
    
    .serieb a, .serieb div {
        margin: 0;
        text-align: center;
        padding: 7px 15px 7px 74px;
    }
    
    
}
@media screen and (max-width: 340px) {
    
    .serieb a, .serieb div {

        font-size: 10px;
    }
    
    
}