.RalodePlayer .rl-buttons .rl-buttons-bottom .rl-buttons-top {padding: 0; display: none;background-color: #1c1c1c;}
.RalodePlayer .buttonLR {width:24px; height:24px; display: none;}
.RalodePlayer .buttonLR:hover { cursor: pointer; }
.RalodePlayer .ButtonLft {float:left; background: url(img/left.png) no-repeat;
    border-radius: 4px 0 0 4px;}
.RalodePlayer .ButtonLft:hover {background: url(img/left_hov.png) no-repeat;}
.RalodePlayer .rl-lenta {margin:0; line-height:120%;}
.RalodePlayer .ButtonRgh {float:right; background: url(img/right.png) no-repeat; 
    border-radius: 0 4px 4px 0;}
.RalodePlayer .ButtonRgh:hover {background: url(img/right_hov.png) no-repeat;}
.RalodePlayer .RlItem {background-color: var(--bg-darker);color: var(--tt);display: block;padding: 0 10px;height: 40px;width: 95px;
line-height: 40px;cursor: pointer;font-size: 14px;border-radius: 2px;margin: 2px;text-align: center;}
.RalodePlayer .RlItem:hover {background-color:#9c0001; color: #fff;}
.RalodePlayer .serie-active {background-color: #9c0001;color: #fff;}
.RalodePlayer .playerCode {width:100%; clear:both; margin:0;}
.RalodePlayer .RlVisor { overflow-x: hidden; overflow-y: hidden;  }

.rl-buttons-bottom {position: absolute;right: 0;top: 55px;z-index: 20;}
.rl-buttons-top {position: absolute;left: 0;top: 55px;z-index: 20;}

/* Блок жалоб */
.vc-player  #vc-complait-box { text-align: center;display: none; }
/* Ссылка "Пожаловаться на видео" */
.vc-player  #CvComplaintShowModal {} 
/* Форма отправки жалобы*/
.vc-player  #vc-complait-dialog div:last-child {padding-top:8px;}
.vc-player  #cv_complaint_text {width:330px; height:70px; opacity:0.25; resize:none; outline: none; overflow: auto;}

/*
    Ниже идут цветовые надстройки над шаблоном. Как пример.
*/
.vc-player .RalodePlayer {
    width: 100%;
    height: 100%;
    margin: 0 auto 0;
    background-color: #000;
    padding: 0;
    line-height: normal;
}
.file-info {
    margin-top: 5px;
    background-color: rgba(0,0,0,0.3);
    color: #ff0e0e;
    padding: 11px 10px;
    font-size: 14px;
    border: 2px solid #1c1d27;
	border-radius: 50%;
    right: 50px;
    top: 20%;
    position: absolute;
    line-height: 1.5;
	font-weight: 600;
}
.RalodePlayer.rl-nobg {background-color:transparent; padding:0;}

/* Светлый шаблон (серый, надстройка) */
.RalodePlayer.rl-light {background-color:transparent; padding:0;}
.RalodePlayer.rl-light .ButtonLft {background-image: url(img/left_gray.png);}
.RalodePlayer.rl-light .ButtonLft:hover {background-image: url(img/left_gray_hov.png);}
.RalodePlayer.rl-light .ButtonRgh {background-image: url(img/right_gray.png);}
.RalodePlayer.rl-light .ButtonRgh:hover {background-image: url(img/right_gray_hov.png);}
.RalodePlayer.rl-light .RlItem {color:#101010;}
.RalodePlayer.rl-light .serie-active {background-color: #d4d4d4;}

/* Синий шаблон (надстройка) */
.RalodePlayer.rl-blue {background-color:transparent; padding:0;}
.RalodePlayer.rl-blue .ButtonLft {background-image: url(img/left_blue.png);}
.RalodePlayer.rl-blue .ButtonLft:hover {background-image: url(img/left_blue_hov.png);}
.RalodePlayer.rl-blue .ButtonRgh {background-image: url(img/right_blue.png);}
.RalodePlayer.rl-blue .ButtonRgh:hover {background-image: url(img/right_blue_hov.png);}
.RalodePlayer.rl-blue .RlItem {color:#101010; background-color: #f2f5f6;}
.RalodePlayer.rl-blue .serie-active {background-color: #bbcee0;}

/* Красный шаблон (надстройка) */
.RalodePlayer.rl-red {background-color:transparent; padding:0;}
.RalodePlayer.rl-red .ButtonLft {background-image: url(img/left_red.png);}
.RalodePlayer.rl-red .ButtonLft:hover {background-image: url(img/left_red_hov.png);}
.RalodePlayer.rl-red .ButtonRgh {background-image: url(img/right_red.png);}
.RalodePlayer.rl-red .ButtonRgh:hover {background-image: url(img/right_red_hov.png);}
.RalodePlayer.rl-red .RlItem {color:#101010; background-color: #ffe8d8;}
.RalodePlayer.rl-red .serie-active {background-color: #e6bdb3;}

/* Зеленый шаблон (надстройка) */
.RalodePlayer.rl-green {background-color:transparent; padding:0;}
.RalodePlayer.rl-green .ButtonLft {background-image: url(img/left_green.png);}
.RalodePlayer.rl-green .ButtonLft:hover {background-image: url(img/left_red_green.png);}
.RalodePlayer.rl-green .ButtonRgh {background-image: url(img/right_green.png);}
.RalodePlayer.rl-green .ButtonRgh:hover {background-image: url(img/right_green_hov.png);}
.RalodePlayer.rl-green .RlItem {color:#101010; background-color: #e9f9eb;}
.RalodePlayer.rl-green .serie-active {background-color: #aac9ae;}


@media screen and (max-width: 950px) {
.file-info {display: none;}
.rl-buttons-top {position: absolute;left: 0;top: 55px;}
}
@media screen and (max-width: 760px) {
.RalodePlayer .RlItem {display: block;}
.RalodePlayer .playerCode {height: 350px;min-height: 350px;}
}
@media screen and (max-width: 590px) {
.rl-buttons-bottom {position: relative;background-color: var(--bg);top: 0;}
.rl-buttons-top {position: relative;background-color: var(--bg);top: 0;}
.RalodePlayer .RlItem {width: 48.66%;display: inline-block;}
.RalodePlayer .playerCode {height: 300px;min-height: 300px;}
.RalodePlayer .rl-lenta {margin: 5px -5px 0;}
}
@media screen and (max-width: 470px) {
.RalodePlayer .playerCode {height: 250px;min-height: 250px;}
}