#wrapper {
    margin-right: 317px;
    margin-top: 5px;
    min-width: 600px;
    max-width: 1024px;
}

#content {
    float: left;
    margin-left: 0px;
    width: 100%;
    min-width: 600px;
}
#hide_playlist{
	background-color: #E7E7E7;
	width: 8px;
	cursor: pointer;
	position: absolute;
	top: 0;
    bottom: 0;
    right: 0;
	margin-right: -10px;
	border-top-color: #ABABAB;
    border-top-style: solid;
    border-top-width: 1px;
	border-bottom-color: #ABABAB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-right-color: #ABABAB;
    border-right-style: solid;
    border-right-width: 1px;
	}

/*content_topic - стиль для плеера в разделах спраки*/
#content_topic {
    margin-left: 48px;
    width: 1024px;
    min-width: 600px;
}

#hide_playlist:hover {
	background-color: #FFE896;

}
#sidebar {
    float: right;
    width: 315px;
    margin-right: -325px; /* -319, потом 317 */
    overflow: auto;
	border-top-color: #ABABAB;
    border-top-style: solid;
    border-top-width: 1px;
	border-bottom-color: #ABABAB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-right-color: #ABABAB;
    border-right-style: solid;
    border-right-width: 1px;
}
 /*Сворачивание плейлиста при мальнком разрешении экрана*/
@media screen and (max-width: 948px) {
	#sidebar {
		display: none;
	}
}
#cleared {
    clear: both;
}

.outer-container {
    width: 100%;
    height: 100%;
    text-align: center;
}

.inner-container {
    display: inline-block;
    position: relative;
}

#video {
    z-index: 1;
    margin-bottom: -59px;
	border-top-color: #ABABAB;
    border-top-style: solid;
    border-top-width: 1px;
	border-bottom-color: #ABABAB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-left-color: #ABABAB;
    border-left-style: solid;
    border-left-width: 1px;
	border-right-color: #ABABAB;
    border-right-style: solid;
    border-right-width: 1px;
}

#final_background {
	position: absolute;
	background-color: #9BBAD4;
	top: 0; left: 0; bottom: 0; right: 0;
	opacity: 0.7;
	visibility: hidden;
	width: 100%;
    min-width: 600px;
	z-index: 2;
}

#next_button {
	top: 0; left: 0; bottom: 0; right: 0;
    color: #FFF;
    cursor: pointer;
    visibility: hidden;
    z-index: 3;
}

#prev_button {
	top: 0; left: 0; bottom: 0; right: 0;
    color: #FFF;
    cursor: pointer;
    visibility: hidden;
    z-index: 3;
}

#repeat_button {
    color: #FFF;
    cursor: pointer;
    z-index: 3;
	top: 0; left: 0; bottom: 0; right: 0;
	visibility: hidden;
}
.preview {
    border: none;
    float: left;
    margin: 10px;
}

.playlist_group_title {
    font-size: 11pt; /* Уменьшили кегль для длинных названий*/
    margin-left: 10px;
    color: #3775ab;
}

.playlist_item,
.current_playlist_item {
    height: 70px;
    cursor: pointer;
}

.current_playlist_item {
    background: #DCE9F4;
}

.playlist_item:hover {
    background: #F2F7FB;
}

.video_name {
    display: block;
    padding: 5px;
    font-size: 10pt;
}

.video_description {
    text-align: justify;
    margin: 5px 0px 0px 0px;
	line-height: 2;
}

.timestamps_style {
    margin: 5px 0px 0px 10px;
	font-size: 11pt;
	line-height: 0.6;
}

.toolbar {
    position: relative;
    top: 10px;
    left: 0px;
}

.controls #prev {
    margin: 2px;
    width: 19px;
    height: 16px;        
    cursor: pointer;
    background: url(icon_prev.png) no-repeat;
    display: inline-block;
}

#video-controls{
    position: relative;
    z-index: 10;
	margin-right:-1px;
}

.controls .leftbar {
    float: left;
}

.controls .rightbar {
    float: right;
}

.controls #next {
    margin: 2px;
    width: 19px;
    height: 16px;        
    cursor: pointer;
    background: url(icon_next.png) no-repeat;
    display: inline-block;
}

.controls .timeline-container{
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: -4px;
}

.controls #copy_url {
    margin-left: 16px;
    width: 16px;
    height: 16px;        
    cursor: pointer;
    background: url(copy_url.png) no-repeat;
    display: inline-block;
}
 
/*Goloviznin_V: Доработан полноэкранный режим*/
.controls #full-screen {
    margin-left: 10px;
    width: 23px;
    height: 16px;        
    cursor: pointer;
    display: inline-block;
}
.controls .full-screen-on{
    margin-left: 10px;
    width: 23px;
    height: 16px;        
    cursor: pointer;
    background:url(icon_fullscreen.png) no-repeat;
    display: inline-block;
}
.controls .full-screen-off{
    margin-left: 10px;
    width: 23px;
    height: 16px;        
    cursor: pointer;
    background: url(icon_fullscreen.png) no-repeat;
    display: inline-block;
}
#video::-webkit-media-controls-enclosure {
  display:none !important;
}
.controls{
	z-index:2147483648;
}
 #video::-webkit-media-controls-panel 
  {
         display: flex !important;
         opacity: 1 !important;
  }
#inner-container:-moz-full-screen { position: fixed; }
#inner-container:-webkit-full-screen { position: fixed; }
#inner-container:-ms-fullscreen { 
		position:absolute; 
        left:0px; 
        top:0px; 
        width: 100%; 
        height: 100%;   }
#inner-container:fullscreen { position: fixed; } 
/*Goloviznin_V: Конец доработки полноэкранного режима*/

/*.controls #list {
    margin-left: 16px;
    width: 16px;
    height: 16px;        
    cursor: pointer;
    background: url(icon_list.png) no-repeat;
    display: inline-block;
}*/

.controls #mute {        
    margin-right: 8px;
    cursor: pointer;
    display: inline-block;
}

.controls .icon-mute {    
    width: 21px;
    height: 16px;
    background: url(icon_mute.png) no-repeat;
    display: block;
}

.controls .icon-unmute {
    width: 21px;
    height: 16px;
    background: url(icon_unmute.png) no-repeat;
    display: block;
}

.controls #play-pause { 
    margin-left: 13px;       
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
}

.controls .icon-play {    
    width: 16px;
    height: 20px;
    background: url(icon_play.png) no-repeat;
    display: block;
}

.controls .icon-pause {
    width: 16px;
    height: 20px;
    background: url(icon_pause.png) no-repeat;
    display: block;
}

/** Zaynullin_AT. Начало. Субтитры. */
/* Кнопка субтитров. */
.controls #subtitles {
    margin-left: 8px;
    cursor: pointer;
    display: inline-block;
}

.controls #subtitles.no-subtitles {
    display: none;
}

.controls .icon-subtitles-on {    
    width: 21px;
    height: 16px;
    background: url(icon_subtitles_on.png) no-repeat;
    display: block;
}

.controls .icon-subtitles-off {
    width: 21px;
    height: 16px;
    background: url(icon_subtitles_off.png) no-repeat;
    display: block;
}

/* Внешний вид субтитров. */
#video::cue {
    background-color: #828c9a;
    font-size: 16pt;
}
/** Zaynullin_AT. Конец. Субтитры. */

.timeline-text {
    color: white;
}

.toolbar-user-inactive {
  display: block;
  visibility: hidden;
  opacity: 0;

  -webkit-transition: visibility 1s, opacity 1s;
     -moz-transition: visibility 1s, opacity 1s;
      -ms-transition: visibility 1s, opacity 1s;
       -o-transition: visibility 1s, opacity 1s;
          transition: visibility 1s, opacity 1s;
}

/* Progress bar */

.progress-bar {
    height: 55px;    
    background: rgba(130, 140, 154, 0.78);
    padding-left: 10px;        
    padding-right: 10px;
}

.progressClickableArea {
    width: 100%;
    height: 13px;                
    cursor: pointer;        
}

.progress {
    width: 100%;    
    height: 3px;
    top: 10px;
    position: relative;    
    background: white;    
}

.timeBar {
    height: 100%;
    position: absolute;    
    left: 0;
    display: block;
    border-radius: 10px;
    z-index: 10;
    width: 0;
    background: #2f66b2;    
}

.timeBarCurrent {
    display: inline-block;
    position: absolute;          
    top: -4px;
    margin-left: -4px;        
    left: 0%;        
    height: 11px;
    width: 11px;
    background: #2f66b2;    
    border-radius: 50%;
}

.timeBar-stampContainer {
    display: inline-block;
    position: absolute;          
    width: 100%;
}

.timeBar-stamp {
    display: inline-block;
    cursor: pointer;
    position: absolute;          
    margin-left: -5px;                
    height: 3px;
    width: 10px;
    background: #E0AD5C;    
}

/* volume bar */

.volumeClickableArea {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 16px;                
    cursor: pointer;        
}
.volume {                            
    width: 100px;
    height: 3px;                    
    margin-top: 7px;
    margin-right: 10px;
    background-color:rgba(255, 255, 255, 0.3);;
}

.volumeBar {
    position: absolute;    
    left: 0;    
    width: 100%;
    display: block;
    height: 3px;                    
    background-color:white;
    z-index: 10;
}

.volumeBarCurrent {
    display: inline-block;
    position: absolute;          
    top: 3px;
    margin-left: -4px;        
    left: 100%;        
    height: 11px;
    width: 11px;
    background: white;    
    border-radius: 50%;
}

.common_text {
    font-size: 11pt;
    font-family: 'Segoe UI', -apple-system, 'BlinkMacSystemFont', 'Roboto', 'Helvetica Neue', 'Helvetica', 'Ubuntu', 'Arial', 'sans-serif';
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: justify;
    text-indent: 0px;
	
}

html {
    overflow: auto;
}

/* Let's get this party started */
#sidebar::-webkit-scrollbar {
    width: 6px;
}
 
/* Track */
#sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); 
    -webkit-border-radius: 6px;
    border-radius: 10px;
}
 
/* Handle */
#sidebar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(170,170,170,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
#sidebar::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(170,170,170,0.4); 
}

#BigPlayButton {
	margin-right: 317px;
    margin-top: 0px;
	top: 0; left: 0; bottom: 0; right: 0;
	position: absolute;
	opacity: 0.7;
	z-index: 2;
	visibility: hidden;
/*	background-color: #9BBAD4;*/
	float: left;
    margin-left: 1px;
    width: 100%;
    min-width: 600px;
}

#BigPlayButton:hover {
	cursor: pointer;
}
    /*Shakirov - video speed*/
    #moreSpeed, #lessSpeed, #videoSpeed, #speedControlX {
        display: inline-block;
        color: white;
        font-size: 16px;
    }
    #moreSpeed, #lessSpeed {
        cursor: pointer;
    }
    #speedControl {
        display: inline-block;
        padding-right: 10px;
        position: relative;
        top: -2px;
    }
    /*END Shakirov - video speed*/