.brightcove-video-modal-content {
  border-radius: 0 !important; }

.brightcove-video-modal-title {
  font-size: 24px;
  font-family: "Nimbus Sans Novus Regular";
  margin: 18px 0;
  color: #3b3b3b; }

.brightcove-video-modal.brightcove-video-modal-border-transcriptOn{
  border: solid 1px #bec3c8;
  border-top: none;
}
.brightcove-video-modal.in{
  position: fixed;
}
.brightcove-video-modal{
  position: relative;
}

.thumbnail-duration{
font-size: 14px;
line-height: 1.43;
letter-spacing: 1.12px;
color: #d3d7da;
padding: 8px;
border-radius: 4px;
backdrop-filter: blur(8px);
background-color: rgba(30, 45, 57, 0.56);
font-family: "Nimbus Sans Novus Bold";
position: absolute;
right: 0;
display: flex;
flex-direction: column;
width: 64px;
margin-right: 15.5px;
margin-bottom: 16px;}

.thumbnail-duration.view-transcript-content-off{
  bottom: 24.5%;
  }
.thumbnail-duration.view-transcript-content-on{
  bottom: 72.5%;
}


.brightcove-video-modal .brightcove-video-modal-border-transcriptOff{
  border: none;
}

.view-transcript-label.brightcove-video-modal-border-transcriptOn{
margin-left: 16px;
}

.brightcover-video-title-text.brightcove-video-modal-border-transcriptOn{
  margin-left: 16px;
}

.view-transcript-label.brightcove-video-modal-border-transcriptOff{
  margin-left: 0px;
}

.brightcover-video-title-text.brightcove-video-modal-border-transcriptOff{
  margin-left: 0px;
}


.brightcover-video-title-text{
  font-family: Nimbus Sans Novus Bold;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: 0.03px;
  color: #3b4b59;
  margin-top: 24px;
  margin-bottom: 21px;
}

.view-transcript-label.brightcove-video-modal-transcript-toggle{
  font-family: Nimbus Sans Novus Bold;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.02px;
  color: #086ea1 !important;
  margin-top: 0px;
  padding: 0px;
}

.brightcove-video-modal-duration {
  font-family: "Nimbus Sans Novus Regular";
  font-size: 16px;
  color: #3b3b3b;
}

.brightcove-video-modal-transcript-toggle {
  margin-top: 30px;
  font-family: "Nimbus Sans Novus Regular";
  font-size: 16px;
  color: #086ea1;
  cursor: pointer;
  background-color: #ffffff;
  border: none;
}
.brightcove-video-modal-transcript-toggle:hover {
  color: #054C70;
}

.overlayIcon:hover {
  fill: #04c5de;
  fill-opacity: 1;
}

.brightcove-video-modal-transcript-content-on {
  display: block;
  margin-top: 15px;
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  font-family: "Nimbus Sans Novus Light";
  font-size: 16px;
  color: #3b3b3b;
}



.brightcove-video-modal-view-transcript-content-on{
  padding-top: 24px;
}

.brightcove-video-modal-view-transcript-content-on p{

  font-family: "Nimbus Sans Novus Regular";
  font-size: 14px;
  color: #3b4b59;
  line-height: 20px;
  line-spacing: 0.02 ;
  padding-left: 16px;
  padding-right: 16px;

}

.brightcove-video-modal-transcript-content-off, .brightcove-video-modal-view-transcript-content-off {
  display: none;
}

.launchButton {
  border: none;
  background-color: #fff;
  padding: unset;
  height: 309px;
  background: url('../../../../../content/dam/workplace/icons/ManagedPayoutsVideoThumbnail.jpg') no-repeat;
  background-position: right;
  background-size: cover;
  width: 100%;
}

@media (max-width: 996px) {
  .launchButton {
    height: 194px;
  }
}

@media (max-width: 673px) {
  .launchButton {
    height: 356px;
  }
}

@media (max-width: 550px) {
  .launchButton {
    height: 287px;
  }
  .ipadRowFlexDirection.launchButton {
    height: 209px;
  }
}

@media (max-width: 480px) {
  .launchButton {
    height: 209px;
    width: 100vw;
    position: relative;
    margin-left: -58vw;
    left: 59%;
  }
}

@media (max-width: 330px) {
  .launchButton {
    height: 161px;
  }
}

.launchButton:focus {
  outline: none;
}

.launchButtonImg {
  width: 100%;
}

.launchButtonImg:hover .overlayIcon {
  fill: #04c5de;
  fill-opacity: 1;
}

.launchButton svg path:hover{
  fill: #04c5de;
}

#toggle-arrow {
  display: inline;
  margin-left: 6px;
}

.modal-text {
  font-size: 16px;
  font-family: "Nimbus Sans Novus Regular", "Nimbus Sans TW01";
  color: #086ea1;
  cursor: pointer; }
.modal-text:hover {
  font-size: 16px;
  font-family: "Nimbus Sans Novus Regular", "Nimbus Sans TW01";
  color: #054c70;
  cursor: pointer;
  text-decoration: underline; }

.brightcove-video-modal-header {
  padding: 20px 30px 0 30px;
}

.brightcove-video-modal.modal.modal-component .modal-dialog .body {
  font-size: 16px;
  line-height: 1.2;
  color: #000000;
  font-family: "Nimbus Sans Novus Regular";
  padding: 30px 50px 40px 50px;
}

.brightcove-video-modal-close {
  float: right;
  font-size: 20px;
  color: #000000;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  margin-right: -10px;
}

.brightcove-video-modal-icon {
  cursor: pointer; }

.brightcove-video-modal-ok {
  color: #ffffff;
  padding: 10px 30px;
  background: #086ea1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0px 10px 0px 0px;
  width: 120px;
  font-size: 16px;
  border: 1px solid transparent;
  font-family: "Nimbus Sans Novus Regular", "Nimbus Sans TW01"; }

.brightcove-video-modal-cancel {
  color: #086ea1;
  padding: 10px 30px;
  background: #f1f1f1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0px 10px 0px 0px;
  width: 120px;
  font-size: 16px;
  border: 1px solid transparent;
  font-family: "Nimbus Sans Novus Regular", "Nimbus Sans TW01"; }

.d-none {
  display: none; }

@media (min-width: 768px) and (max-width: 1023px) {
  .thumbnail-duration.view-transcript-content-off{
    bottom: 32%;
  }
  .thumbnail-duration.view-transcript-content-on{
    bottom: 85.7%;
  }
  .brightcove-video-modal.modal.modal-component .modal-dialog .body {
    font-size: 16px;
    line-height: 1.2;
    color: #000000;
    font-family: "Nimbus Sans Novus Regular", "Nimbus Sans TW01";
    padding: 30px 40px 50px 40px; }
  .brightcover-video-title-text{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.02px;
    color: #3b4b59;
    margin: 16.5px 13px 10px 0px;  }
  .view-transcript-label.brightcove-video-modal-transcript-toggle{
    margin: 16.5px 13px 14px 0px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02px;
     margin-top: 0px;}
  .brightcove-video-modal.brightcove-video-modal-border-transcriptOn{
    border: none;
  }
  .brightcove-video-modal-border-transcriptOn #view-transcript-content{
    border: solid 1px #bec3c8;
  }
  .brightcove-video-modal-border-transcriptOff #view-transcript-content{
    border: none;
  }
  .brightcover-video-title-text.brightcove-video-modal-border-transcriptOn{
    margin-left: 0px;
  }
  .view-transcript-label.brightcove-video-modal-border-transcriptOn{
    margin-bottom: 6px;
  }

  .brightcove-video-modal-view-transcript-content-on.brightcove-video-modal-border-transcriptOn{
    padding: 16px ;
    padding-bottom: 0px;
  }
  .brightcove-video-modal-view-transcript-content-on.brightcove-video-modal-border-transcriptOn p{
    padding: 0px;
    padding-bottom: 16px;
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .thumbnail-duration{
    bottom: 0 !important;
  }

  .brightcover-video-title-text.brightcove-video-modal-border-transcriptOn{
    margin-left: 0px;
  }

  .view-transcript-label{
    margin-bottom: 16px;
  }
  .brightcove-video-modal.brightcove-video-modal-border-transcriptOn{
    border: none;
  }
  .brightcove-video-modal.modal.modal-component .modal-dialog .body {
    font-size: 16px;
    line-height: 1.2;
    color: #000000;
    font-family: "Nimbus Sans Novus Regular", "Nimbus Sans TW01";
    padding: 15px 30px 30px 30px; }
  .view-transcript-label.brightcove-video-modal-border-transcriptOn{
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .brightcove-video-modal-view-transcript-content-on p{
    padding: 0px;
    font-family: Nimbus sans Novus Regular;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02px;
    color: #3b4b59;
  }
  .brightcove-video-modal-close {
    float: right;
    font-size: 15px;
    color: #000000;
    cursor: pointer;
    background: 0 0;
    border: 0; }
  .modal-text {
    font-size: 18px; }
  .brightcover-video-title-text{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.02px;
    margin-top: 16px;
    margin-bottom: 14px; }
  .view-transcript-label.brightcove-video-modal-transcript-toggle{
    font-size: 16px;
    line-height: 1.14;
    letter-spacing: 0.02px;
    margin-top: 0px;
  }

  .brightcove-video-modal-view-transcript-content-on {
    padding-top: 18px;
  }}