@import "//p3.3playmedia.com/p3sdk-fa/css/p3sdk-font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Poppins:300');

.p3sdk-loading{
  font-weight: bold;
  z-index: 999999;
  position: fixed;
  top: 0px;
  overflow: show;
  margin: auto;
  display: inline;
  background: white;
  opacity: 0.8;
}

.mycroft-loading{
  color: darkgray;
}

.p3sdk-container{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.p3sdk-audio-description-component{
  max-height: 26px;
  background: #4a4a4a;
  padding: 5px;
  border-bottom: 1px solid #ddd;
}

.p3sdk-audio-description-component .mycroft-audio-description-snippet-toggle{
  background: #4a4a4a;
}

.p3sdk-audio-description-component .mycroft-primary{
  color: white;
}

.p3sdk-audio-description-component .mycroft-secondary{
  color: darkgray;
}

.p3sdk-audio-description-component .mycroft-volume-display{
  width: 20px;
}

.p3sdk-audio-description-component .mycroft-audio-description-widget{
  background: #4a4a4a;
  border-radius: 4px;
}

.p3sdk-audio-description-component .mycroft-audio-description-toggle{
  border: none;
  background: #4a4a4a;
}

.p3sdk-audio-description-component .mycroft-equalizer-toggle{
  border: none;
  background: #4a4a4a;
}

.p3sdk-audio-description-component .mycroft-vol-control{
  display:inline-block;
}

.p3sdk-audio-description-component .glowing-border {
  border: none;
}

.p3sdk-audio-description-component .glowing-border:hover{
  outline: -webkit-focus-ring-color auto 5px;
}

/*
*
*          INTERACTIVE TRANSCRIPT
*
*/

.p3sdk-interactive-transcript-component .p3sdk-pull-right {
  float: right !important;
}
.p3sdk-interactive-transcript-component .p3sdk-pull-left {
  float: left !important;
}
.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript {
  background: #4a4a4a;
  color: #f1f1f1;
  border-bottom: 1px solid #222;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-progressbar {
  display: block;
  width: 100%;
  height: 1em;
  cursor: pointer;
  cursor: hand;
  border-bottom: 1px solid #111;
  color: #444;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-progress {
  display: block;
  width: 100%;
  height: 1em;
  background: #0095d6;
  width: 0px;
  cursor: pointer;
  cursor: hand;
  color: #444;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-control-bar {
  padding: 8px;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-control-bar a {
  color: #f1f1f1;
  text-decoration: none;
  padding: 0px 4px;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-searchbox {
  font-family: 'Poppins', sans-serif;
  padding: 4px 8px;
  text-align: left;
  color: #000;
}


.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-content {
  padding: 2px 8px;
  text-align: justify;
  line-height: 1.5em;
  background: #333;
  border-top: 1px solid #222;
  overflow-y: auto;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-content .p3sdk-current-word {
  background: #61D0FF;
  color: #111;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-content.p3sdk-progressive-tracking .p3sdk-tracked-paragraph {
  color: #a8a8a8; /* #c8c8c8 */
}
.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-content.p3sdk-progressive-tracking .p3sdk-tracked-word {
  color: #61D0FF;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-content .p3sdk-interactive-transcript-search-hit {
  color: white !important;
  background-color: #fD9961 !important;
}

.p3sdk-interactive-transcript-component .p3sdk-progress-search-marker {
  background-color: #fff;
  font-weight: bold;
  padding: 0;
  margin: 0;
  line-height: 1em;
  height: 1em;
  width: 2px;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-content:hover {
  cursor: pointer;
  cursor: hand;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-bottom-bar {
  padding: 8px;
  overflow: hidden;
  *zoom: 1;
  border-top: 1px solid #4a4a4a;
}


.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-bottom-bar span {
  cursor: pointer;
  cursor: hand;
}

.p3sdk-interactive-transcript-component .p3sdk-interactive-transcript-track-select {
  font-family: 'Poppins', sans-serif;
}


/*
*
*           CLOSED CAPTIONS
*
*/

.p3sdk-closed-captions-component .p3sdk-interactive-transcript-progressbar { display: none; }
.p3sdk-closed-captions-component .p3sdk-interactive-transcript-controlbar { display: none; }
.p3sdk-closed-captions-component .p3sdk-interactive-transcript-bottom-bar { display: none; }

.p3sdk-closed-captions-component .p3sdk-interactive-transcript {
  background: #111;
  color: #fff;
  min-height: 3.5em;
}
.p3sdk-closed-captions-component .p3sdk-interactive-transcript-content{
  overflow: hidden;
  *zoom: 1;
  min-height: 58px;
}
.p3sdk-closed-captions-component .p3sdk-interactive-transcript-content span {
  display: none;
}
.p3sdk-closed-captions-component .p3sdk-interactive-transcript-content span.p3sdk-current-word {
  display: block;
  text-align: center;
  line-height: 1.3em;

}
.p3sdk-closed-captions-component .p3sdk-captions-logo{
  float: left;
  padding: 15px;
}

.p3sdk-closed-captions-component .p3sdk-captions-button-layout {
  background: #000;
  color: #fff;
  float: right;
  cursor: pointer;
  cursor: hand;
  padding: 8px;
}

.p3sdk-closed-captions-component .p3sdk-interactive-transcript-captions-searchbar {
  overflow: hidden;
  *zoom: 1;
  background: #111;
  padding: 4px;
  text-align: center;
}

.p3sdk-closed-captions-component .p3sdk-interactive-transcript-searchbox {
  font-family: 'Poppins', sans-serif;
  height: 14px;
  line-height: 14px;
  padding: 2px 4px;
  text-align: left;
  color: #000;
}

.p3sdk-closed-captions-component .p3sdk-interactive-transcript-progressbar {
  background: #111;
  border: 1px solid #000;
  width: 98%;
  color: #ccc;
  display: inline-block;
  height: 12px;
  font-size: 12px;
  margin-top: 2px;
  text-align: left;
  cursor: pointer;
  cursor: hand;
}

.p3sdk-closed-captions-component .p3sdk-interactive-transcript-progress {
  display: inline-block;
  float: left;
  background: #0095d6;
  height: 10px;
  margin-top: 1px;
}

.p3sdk-closed-captions-component .p3sdk-progress-search-marker{
  color: black;
}

.p3sdk-closed-captions-component .p3sdk-interactive-transcript-track-select {
  font-family: 'Poppins', sans-serif;
  color: #000;
}

.p3sdk-closed-captions-component .p3sdk-interactive-transcript-hiddencontrols {
  display: none;
  border-top: 1px solid #333;
  background: #333;
  overflow: hidden;
  padding: 2px 0;
  *zoom: 1;
}
.p3sdk-closed-captions-component .p3sdk-captions-bottom-grid {
  display: block;
  float: left;
  overflow: hidden;
  *zoom: 1;
  width: 33%;
}
.p3sdk-closed-captions-component .p3sdk-interactive-transcript:hover .p3sdk-interactive-transcript-hiddencontrols {
  display: block;
}

.p3sdk-closed-captions-component .p3sdk-captions-minimizer {
  visibility: hidden;
}

.p3sdk-closed-captions-component .p3sdk-captions-minimizer:hover{
  visibility: visible;
}
.p3sdk-closed-captions-component .p3sdk-interactive-transcript:hover .p3sdk-captions-minimizer {
  visibility: visible;
}

.collapsible-button{
  background-color: Transparent;
  color: white;
  border-style: none;
  cursor: pointer;
  font: inherit;
  padding: 0;
}