/*
    Contains common CSS variables and overrides bootstrap variables

    Created on : Jun 10, 2014, 4:59:04 PM
    Author     : iskren
*/
.container-relative {
  position: relative;
}

#lecturio_player:focus {
  outline: none;
}

.player-overlay-content {
  position: absolute;
  z-index: 1001;
  top: 0;
  background: #1b1b1b;
  background: rgba(27, 27, 27, 0.95);
}
.player-overlay-content.scroll {
  overflow: auto;
}
.player-overlay-content ul.list-data {
  list-style-type: none;
  padding: 15px 0px 15px 0;
  margin: 15px 10px;
}
.player-overlay-content ul.list-data li {
  border-bottom: solid 1px #353535;
}
.player-overlay-content ul.list-data li a, .player-overlay-content ul.list-data li a:hover, .player-overlay-content ul.list-data li a:visited, .player-overlay-content ul.list-data li a:active {
  color: #fff;
  display: block;
  text-decoration: none;
  width: 100%;
  padding: 10px 2px;
}
.player-overlay-content ul.list-data li:hover, .player-overlay-content ul.list-data li.active {
  background: #383838;
}

.no-jwplayer-message {
  background-color: #ffaa00;
  padding: 15px;
  margin-bottom: 20px;
  color: #ffffff;
}

/* customizes the scrollbar appearance - classes to be used by enscroll js */
/*.scrollContainer {
    width: 5px;
    background: rgba(27, 27, 27, 0.95);
    margin: 10px 0 0 15px;
    border-radius: 5px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.scrollContainer:hover,
.scrollContainer.dragging {
    background: #383838;  Browsers without rgba support
}

.scroll {
    width: 5px;
    right: 0;
    background: #383838;
    border-radius: 5px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.scrollContainer:hover .scroll,
.scrollContainer.dragging .scroll {
    width: 5px;
}*/
/* customizes the scrollbar appearance - classes to be used by enscroll js  / END */
.off_list {
  display: none;
}

/*******************************************************************************************/
#lecturioPlayer:-moz-full-screen, #lecturioPlayer:-webkit-full-screen, #lecturioPlayer:-ms-fullscreen, #lecturioPlayer:fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.player-menu-tabs {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}
.player-menu-tabs a {
  display: block;
  color: #FFF;
  background: #292929;
  font-size: 14px;
  line-height: 32px;
  min-height: 32px;
  text-align: center;
  text-decoration: none;
}
.player-menu-tabs a:last-child {
  border: none;
}
.player-menu-tabs a:hover {
  text-decoration: none;
}
.player-menu-tabs a:hover, .player-menu-tabs a.active {
  background: #383838;
}
.player-menu-tabs a .icon {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 20px;
  background: 0 0 no-repeat;
}
.player-menu-tabs a .icon.lecture-list {
  background-image: url("../images/jwplayer/chapter-list-icon.png");
}
.player-menu-tabs a .icon.chapter-list {
  background-image: url("../images/jwplayer/chapters-icon.png");
}
.player-menu-tabs a .icon.quiz-list {
  background-image: url("../images/jwplayer/quiz-icon.png");
}
.player-menu-tabs a .title {
  margin-left: 2px;
}

.jwplayerSpinnerBG {
  position: absolute;
  top: 0;
  background-color: #292929;
}

#lecturio_player_logo {
  cursor: default;
}

.bare-player-container {
  height: calc(100% - 32px);
}

@media (max-width: 767px) {
  .web-player.player-xs #lecturio_player {
    min-height: 325px;
  }
  .web-player.player-xs #quiz-list {
    min-height: 357px;
  }
  .web-player.player-xs .panel-body {
    min-height: 240px;
  }
  .web-player.player-xs .panel-title {
    font-size: 14px;
  }
}
/*New Top Bar Style*/
.lecture_player_new {
  /*New Player Overlay Style*/
}
.lecture_player_new .player-menu-tabs {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}
.lecture_player_new .player-menu-tabs a {
  display: inline-block;
  background: #f9f9f9;
  font-size: 14px;
  line-height: 32px;
  min-height: 32px;
  text-align: left;
  text-decoration: none;
  color: #9f9f9f;
}
.lecture_player_new .player-menu-tabs a .icon {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 20px;
  background: #f9f9f9;
}
.lecture_player_new .player-menu-tabs a:hover,
.lecture_player_new .player-menu-tabs a:active,
.lecture_player_new .player-menu-tabs a:visited {
  background: #f9f9f9;
  outline: 0;
}
.lecture_player_new .player-overlay-content ul.list-data {
  margin: 15px -15px;
}
.lecture_player_new .player-overlay-content {
  position: absolute;
  z-index: 1001;
  top: 0;
  background: #f9f9f9;
}
.lecture_player_new .player-overlay-content ul.list-data {
  list-style-type: none;
  padding: 4px 0;
}
.lecture_player_new .player-overlay-content ul.list-data li {
  border-bottom: 1px solid #d6d6d6;
}
.lecture_player_new .player-overlay-content ul.list-data li a, .lecture_player_new .player-overlay-content ul.list-data li a:hover, .lecture_player_new .player-overlay-content ul.list-data li a:visited {
  color: #2d2d2d;
  display: block;
  text-decoration: none;
  width: 100%;
  padding: 10px 28px;
  background: #f9f9f9;
}
.lecture_player_new .player-overlay-content ul.list-data:nth-child(1) {
  border-top: 1px solid #d6d6d6;
}
.lecture_player_new .player-overlay-content ul.list-data:active {
  background: #f9f9f9;
}
.lecture_player_new .player-overlay-content.scroll {
  overflow: auto;
  background: #f9f9f9;
  color: #2d2d2d;
}
.lecture_player_new .active a:before {
  content: url("https://d24tigbl4jyjl7.cloudfront.net/images/icons/en/play-green.png");
  margin: 1px -28px;
  padding-right: 14px;
  position: absolute;
}