.caption-button{
  outline: none;
}
.caption-button:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    content: "\f20a";
    font-size: 1.5em;
    line-height: 1.0em;
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    opacity: 0.3;
}
.caption-button-active:before {
    opacity: 1;
}

#mainVideo.subtitle-center-position > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button {
  width: 240px;
  left: calc(30% - 120px);
  max-width: 300px;
  display: inline-flex;
}
#mainVideo.subtitle-center-position > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button .fontButton{
  width: 50px;
}
#mainVideo.subtitle-center-position > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button #toogleSubtitle{
  width: 140px;
}

#mainVideo.subtitle-center-position > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button:before{
  content: '';
}

#mainVideo.subtitle-center-position > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button .subtitleLabel{
  margin: 0;
}


#mainVideo > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button .subtitleLabel{
  display: none;
}

#mainVideo.subtitle-center-position > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button .subtitleLabel{
  display: inline-block;
}

#mainVideo.subtitle-center-position > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button #subtitleLabelSuccess,
#mainVideo.subtitle-center-position > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button.caption-button-active #subtitleLabelDanger{
  display: none;
}

#mainVideo.subtitle-center-position > div.vjs-control-bar > button.vjs-control.vjs-button.caption-button.caption-button-active #subtitleLabelSuccess{
  display: inline-block;
}
/*
#mainVideo > div.vjs-text-track-display div.vjs-text-track-cue{
  font-size: 1em !important;
}
*/