#transcript {
  width: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
}

.transcript-body {
  height: 500px;
  overflow-y: scroll;
}

.transcript-line {
  position: relative;
  padding: 14px;
  cursor: pointer;
  line-height: 1.3;
  font-size: 18px;
  font-family: "proxima-soft",sans-serif;
  float: left;
  clear: both;
  border-radius: 5px;
  font-weight: 500;
}

.transcript-line:first-child {
  display: none;
}

.transcript-timestamp {
  position: absolute;
  display: inline-block;
  color: #ababab;
  width: 50px;
}

.transcript-text {
  display: block;
  margin-left: 50px;
}

.transcript-line:hover {
  background-color: #fff28c;
}

.transcript-line:hover .transcript-timestamp {
  color: #8e8324;
}

.transcript-line.is-active .transcript-timestamp {
  color: #8e8324;
}


.transcript-line.is-active {
  background-color: #fff28c;
}

.transcript-panel {
  float: left;
  width: 380px;
  background-color: #f3f3f3;
  height: 550px;
  display: none;
}
.transcripts-active .inner_wrapper {
  width: 1380px;
}
.transcript-panel-heading {
  float: left;
  width: 100%;
  height: 120px;
  box-sizing: border-box;
  padding: 30px 30px 0px 30px;
}
.transcript-panel-heading h3 {
  float: left;
  width: 100%;
  font-size: 24px;
}
.transcript-panel-heading p {
  float: left;
  width: 100%;
  font-size: 15px;
  color: #828282;
  line-height: 20px;
  margin-top: 5px;
}
.transcript-body {
  height: 430px;
  overflow-y: scroll;
  padding: 30px;
  box-sizing: border-box;
}
#transcript {
  float: left;

}
.transcript-line {
  padding: 10px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
}

.transcripts-active .video_player_wrapper{
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.transcripts-active .video_player_wrapper div#sco_video {
  float: left;
}


a.standard_sco_button.tab_button {
  background-color: #cccccc;
  color: #ffffff;
  float: left;
}

a.standard_sco_button.tab_button.transcripts-button.selected {
  background-color: #cccccc;
  color: #ffffff;
  float: left;
}

@media screen and (max-width: 1400px) {

  .transcripts-active .inner_wrapper {
    width: 1140px;
  }
  .transcripts-active .video_player_wrapper div#sco_video {
    width: 980px;
    height: 550px;
    min-width: 740px;
    min-height: 417px;
  }
  .transcript-panel {
    height: 417px;
  }
  .transcript-body {
    height: 297px;
  }

}


@media screen and (max-width: 1180px) {

  .transcripts-active .inner_wrapper {
    width: 1000px;
  }

  .transcripts-active .video_player_wrapper div#sco_video {
    min-width: 599px;
    min-height: 417px;
  }

}


@media screen and (max-width: 1000px) {

  .transcripts-active .inner_wrapper {
    width: 890px;
  }

  .transcripts-active .video_player_wrapper div#sco_video {
    min-width: 489px;
    min-height: 417px;
  }
  .video_player_wrapper {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
  }

  .vjs-default-skin .vjs-big-play-button {
    height: 117px !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    top: 32%;
  }


}


@media screen and (max-width: 900px) {

  .transcripts-active .inner_wrapper {
    width: 95%;
  }
  .transcripts-active .video_player_wrapper div#sco_video {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 400px !important;
  }

  .transcripts-active .video_player_wrapper  {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 400% !important;
    height: 100% !important;
    box-sizing: border-box;
  }

  .transcripts-active .transcript-panel {
    height: 317px;
    width: 100%;
  }
    .transcripts-active .transcript-panel .transcript-body {
    height: 197px;
  }
}


@media screen and (max-width: 650px) {

  .vjs-default-skin .vjs-big-play-button {
    height: 59px !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    top: 39%;

  }
  .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
    background-position: center bottom 1px !important;
    background-repeat: no-repeat !important;
  }



}


@media screen and (max-width: 500px) {

.transcripts-active .video_player_wrapper div#sco_video {
  min-height: 280px !important;
}

}