@font-face {
  font-family: 'ProximaNovaLight';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.svg#ProximaNovaLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.svg#ProximaNovaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaThin';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.svg#ProximaNovaThin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaBold';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.svg#ProximaNovaBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaSemiBold';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/proximanova-semibold-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/proximanova-semibold-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/proximanova-semibold-webfont.woff2') format('woff2'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/proximanova-semibold-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.meetingSplashScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.meetingSplashScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.meetingSplashScreen div {
  color: white;
}
.meetingSplashScreen div.title {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.meetingSplashScreen div.staticMeetingTitle {
  display: block;
  margin-top: 35px;
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #BACADA;
  color: rgba(255, 255, 255, 0.56);
}
.meetingSplashScreen div.status {
  margin-top: 20px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.meetingSplashScreen button.shareScreen {
  font-size: 16px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -150px;
}
/* Centering utilities */
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spinner {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.urlBig {
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 137, 255, 0.24);
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
.urlBig:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 4px;
}
.urlBig:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
.urlBig:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 4px;
}
.urlBig.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.urlSmall {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
.urlSmall:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
.urlSmall:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
.urlSmall:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
.urlSmall.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
/* not working
.linear-gradient(){
	background-image: ~"linear-gradient(@{arguments})";
	background-image: ~"-o-linear-gradient(@{arguments})";
	background-image: ~"-moz-linear-gradient(@{arguments})";
	background-image: ~"-webkit-linear-gradient(@{arguments})";
}*/
/**
 * DOES NOT WORK WITH LESSCSS 1.3.0 (works on 1.2.1)
 * Named mixin parameters were added, which has the side effect of varargs mixin definitions with no explicit arguments (like the one below) never matching the mixin invocations.
 *
 * arguments are of the form
 * <property>, <duration> [, <property>, <duration> ...]
 */
.primarySplashScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.primarySplashScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.primarySplashScreen div.splashTitle {
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  word-break: break-all;
  color: #d5d8d7;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 12px;
}
.renders-fonts-thin .primarySplashScreen div.splashTitle {
  font: 28px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.primarySplashScreen div.splashTitle .titleText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.primarySplashScreen div.sharingStatus {
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #d5d8d7;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 12px;
}
.renders-fonts-thin .primarySplashScreen div.sharingStatus {
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.primarySplashScreen div.rosterStatus {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #8E99A3;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 45px;
  height: 20px;
}
.renders-fonts-thin .primarySplashScreen div.rosterStatus {
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.primarySplashScreen div.rosterStatus.hideRoster {
  display: none !important;
}
.primarySplashScreen .participantInfo {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #8E99A3;
  color: rgba(255, 255, 255, 0.64);
  transition: height 2s;
  margin-bottom: 45px;
}
.primarySplashScreen .participantInfo .participantCount {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
}
.primarySplashScreen .participantInfo .participantCount.interactive {
  cursor: pointer;
}
.primarySplashScreen .participantInfo .participantCount.interactive:hover {
  background-color: #5C87B8;
  background-color: rgba(255, 255, 255, 0.16);
}
.primarySplashScreen .participantInfo .participantCount.interactive:active {
  background-color: #7B9EC6;
  background-color: rgba(255, 255, 255, 0.32);
}
.primarySplashScreen .participantInfo .participantCount .countNumber {
  height: 20px;
  display: inline-block;
}
.primarySplashScreen .participantInfo .participantCount .expandIcon {
  width: 0;
  height: 0;
  margin-left: 8px;
  margin-bottom: 2px;
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(255, 255, 255, 0.8);
  transition: transform 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
}
.primarySplashScreen .participantInfo .participantCount .expandIcon.show {
  display: inline-block;
}
.ie-8 .primarySplashScreen .participantInfo .participantCount .expandIcon.show {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 8px;
  width: 15px;
  border: none;
}
.primarySplashScreen .participantInfo .participantCount .expandIcon.spin {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ie-8 .primarySplashScreen .participantInfo .participantCount .expandIcon.spin {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -31px;
  height: 8px;
  width: 15px;
  border: none;
}
.primarySplashScreen .participantInfo .expandedRoster {
  margin-top: 16px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
  -moz-transition: max-height 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
  transition: max-height 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
}
.primarySplashScreen .participantInfo .expandedRoster .nameList {
  font-size: 12px;
}
.primarySplashScreen .participantInfo .expandedRoster.show {
  max-height: 50px;
}
div.BJN-modal div.modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
  z-index: 10;
}
div.BJN-modal div.dialog {
  margin: 0px auto;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 20%;
  width: 360px;
  height: 283px;
  position: absolute;
  border-radius: 0 0 2px 2px;
  z-index: 20;
}
div.BJN-modal div.dialog.appShareOverrideModal {
  height: 320px !important;
}
div.BJN-modal div.dialog.rdcEndedModal {
  height: 350px !important;
}
div.BJN-modal div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
div.BJN-modal div.dialog > .modalContent {
  position: relative;
  z-index: 4;
  text-align: left;
  background-color: #F2F2F2;
  height: 283px;
}
div.BJN-modal div.dialog > .modalContent .title {
  box-sizing: border-box;
  height: 56px;
  padding: 16px;
  background-color: #FFF;
  text-align: center;
  line-height: 28px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
div.BJN-modal div.dialog > .modalContent .content {
  padding: 0px 25px;
}
div.BJN-modal div.dialog > .modalContent .content .message {
  margin-top: 29px;
  font-size: 16px;
  line-height: 22px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
div.BJN-modal div.dialog > .modalContent .content .message b {
  font-size: 16px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  line-height: 22px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.BJN-modal div.dialog > .modalContent .content div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.BJN-modal div.dialog > .modalContent .content div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.BJN-modal div.dialog > .modalContent .content button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.BJN-modal div.dialog > .modalContent .content button.accept .turnOffOutlineForClick {
  outline: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept div.icon {
  display: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept.hovered {
  background-color: #4182e2;
  border: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.BJN-modal div.dialog > .modalContent .content button.accept:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.disabled,
div.BJN-modal div.dialog > .modalContent .content button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.disabled:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept:disabled:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept.disabled:active,
div.BJN-modal div.dialog > .modalContent .content button.accept:disabled:active,
div.BJN-modal div.dialog > .modalContent .content button.accept.disabled:focus,
div.BJN-modal div.dialog > .modalContent .content button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.invalid div {
  display: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.invalid:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept.invalid:active,
div.BJN-modal div.dialog > .modalContent .content button.accept.invalid:focus,
div.BJN-modal div.dialog > .modalContent .content button.accept.invalid:disabled,
div.BJN-modal div.dialog > .modalContent .content button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.BJN-modal div.dialog > .modalContent .content button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.loading div {
  display: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.loading:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept.loading:active,
div.BJN-modal div.dialog > .modalContent .content button.accept.loading:focus,
div.BJN-modal div.dialog > .modalContent .content button.accept.loading:disabled,
div.BJN-modal div.dialog > .modalContent .content button.accept.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.loading.no-svg div {
  display: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red div.icon {
  display: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.disabled,
div.BJN-modal div.dialog > .modalContent .content button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.disabled:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept.red:disabled:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.disabled:active,
div.BJN-modal div.dialog > .modalContent .content button.accept.red:disabled:active,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.disabled:focus,
div.BJN-modal div.dialog > .modalContent .content button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid div {
  display: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid:active,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid:focus,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid:disabled,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.BJN-modal div.dialog > .modalContent .content button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading div {
  display: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading:hover,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading:active,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading:focus,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading:disabled,
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading.no-svg div {
  display: none;
}
div.BJN-modal div.dialog > .modalContent .content button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.BJN-modal div.dialog > .modalContent .content a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.BJN-modal div.dialog > .modalContent .content a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.BJN-modal div.dialog > .modalContent .content a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.BJN-modal div.dialog > .modalContent .content a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.BJN-modal div.dialog > .modalContent .content a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.alreadyInMeetingScreen {
  width: 400px;
  height: 250px;
  left: 50%;
  top: 45%;
  margin-left: -200px;
  margin-top: -125px;
  overflow: hidden;
  position: absolute;
  z-index: 25;
}
div.alreadyInMeetingScreen .content {
  padding: 40px;
  background-color: #272727;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  color: #cccccc;
}
div.alreadyInMeetingScreen .content .title {
  font-size: 34px;
}
div.alreadyInMeetingScreen .content .message {
  margin-top: 20px;
  font-size: 14px;
}
div.alreadyInMeetingScreen .content .buttonContainer {
  margin-top: 30px;
}
div.alreadyInMeetingScreen .content .buttonContainer button {
  padding: 11px 17px;
  min-width: 77px;
}
div.alreadyInMeetingScreen .content .buttonContainer button.ok {
  background-color: #1286d4;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
div.alreadyInMeetingScreen .content .buttonContainer button.ok.hover {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #5bb5f1;
}
div.alreadyInMeetingScreen .content .buttonContainer button.ok.active {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #0e68a5;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
div.alreadyInMeetingScreen .content .buttonContainer button + button {
  margin-left: 8px;
}
.appInstallationOfferSplashScreen {
  display: none;
  text-align: center;
  font: 14px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  height: 100%;
}
.appInstallationOfferSplashScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.appInstallationOfferSplashScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.appInstallationOfferSplashScreen div.backgroundCover {
  display: none;
}
.appInstallationOfferSplashScreen div.alternatives a,
.appInstallationOfferSplashScreen div.eula a {
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.appInstallationOfferSplashScreen div.alternatives a:hover,
.appInstallationOfferSplashScreen div.eula a:hover {
  background-color: #7798C8;
  background-color: rgba(255, 255, 255, 0.16);
}
.appInstallationOfferSplashScreen div.alternatives a:active,
.appInstallationOfferSplashScreen div.eula a:active {
  background-color: #91ACD3;
  background-color: rgba(255, 255, 255, 0.32);
}
.appInstallationOfferSplashScreen div.offerTitle {
  color: #333;
  font: 28px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #DFD8D7;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 11px;
}
.renders-fonts-thin .appInstallationOfferSplashScreen div.offerTitle {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.appInstallationOfferSplashScreen div.clickHereButton {
  height: 32px;
  width: 32px;
  margin: 11px auto 19px auto;
}
.appInstallationOfferSplashScreen div.installButton {
  background-color: #6F8CBB;
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid #93ABCF;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 16px;
  height: 160px;
  width: 160px;
  margin-bottom: 64px;
  display: inline-block;
  cursor: pointer;
}
.appInstallationOfferSplashScreen div.installButton:hover {
  background-color: #8FA6CA;
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid #C3CFE3;
  border: 1px solid rgba(255, 255, 255, 0.48);
}
.appInstallationOfferSplashScreen div.installButton div.icon {
  height: 80px;
  width: 80px;
  margin: 24px auto 16px;
}
.appInstallationOfferSplashScreen div.installButton div.text {
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
}
.appInstallationOfferSplashScreen div.alternatives div.alternative {
  margin-bottom: 16px;
}
.appInstallationOfferSplashScreen div.alternatives div.alternative div.text {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
  margin-right: 10px;
  color: #D1DBED;
  color: rgba(255, 255, 255, 0.72);
}
.renders-fonts-thin .appInstallationOfferSplashScreen div.alternatives div.alternative div.text {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationOfferSplashScreen div.eula {
  width: 100%;
  position: absolute;
  bottom: 16px;
}
.appInstallationOfferSplashScreen div.eula span {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #D1DBED;
  color: rgba(255, 255, 255, 0.72);
}
.renders-fonts-thin .appInstallationOfferSplashScreen div.eula span {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationOfferSplashScreen div.eula a {
  font-size: 12px;
}
.appInstallationOfferSplashScreen #deprecateMessage {
  width: 575px;
  text-align: left;
}
.appInstallationOfferSplashScreen #deprecateMessage > .title {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
  font-size: 28px;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  padding-bottom: 42px;
  text-align: center;
}
.appInstallationOfferSplashScreen #deprecateMessage .videoOption .joinVideo {
  padding-left: 14px;
  display: inline-block;
}
.appInstallationOfferSplashScreen #deprecateMessage .videoOption .joinVideo .text {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 11px;
}
.appInstallationOfferSplashScreen #deprecateMessage .videoOption .joinVideo .downloadChrome {
  margin-bottom: 11px;
  border: 1px solid #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 100px;
  display: inline-block;
  padding: 8px 18px 8px 8px;
  cursor: pointer;
  background: none;
  background-color: rgba(255, 255, 255, 0.16);
}
.appInstallationOfferSplashScreen #deprecateMessage .videoOption .joinVideo .downloadChrome .logo {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/chrome.png");
}
.appInstallationOfferSplashScreen #deprecateMessage .videoOption .joinVideo .downloadChrome .downloadText {
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  margin-left: 4px;
  line-height: 24px;
  vertical-align: top;
  text-transform: uppercase;
}
.appInstallationOfferSplashScreen #deprecateMessage .videoOption .joinVideo .downloadChrome:hover {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.48);
}
.appInstallationOfferSplashScreen #deprecateMessage .videoOption .joinVideo .mobileText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 29px;
}
.appInstallationOfferSplashScreen #deprecateMessage .audioOption {
  display: none;
}
.appInstallationOfferSplashScreen #deprecateMessage .audioOption .joinAudio {
  padding-left: 14px;
  display: inline-block;
}
.appInstallationOfferSplashScreen #deprecateMessage .audioOption .joinAudio .text {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 11px;
}
.appInstallationOfferSplashScreen #deprecateMessage .audioOption .joinAudio .dialText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
}
.appInstallationOfferSplashScreen #deprecateMessage div.bullet {
  display: inline-block;
  vertical-align: top;
  margin: 6px;
  width: 4px;
  height: 4px;
  background-size: 136px 15438px;
  background-position: 0px -49px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appInstallationOfferSplashScreen #deprecateMessage div.bullet {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -49px;
}
.appInstallationOfferSplashScreen div.corporateInformation {
  height: 18px;
  bottom: 18px;
  left: 0;
  position: absolute;
  z-index: 10;
  text-align: center;
  right: 0;
}
.appInstallationOfferSplashScreen div.corporateInformation div.logoContainer {
  position: absolute;
  left: 30px;
}
.appInstallationOfferSplashScreen div.corporateInformation div.logoContainer div.logo {
  background-image: url("images/BJN_logo_76x18_svg.svg");
  width: 78px;
  height: 18px;
  background-repeat: no-repeat;
}
.appInstallationOfferSplashScreen div.corporateInformation div.logoContainer img.logo {
  max-height: 18px;
}
.appInstallationOfferSplashScreen div.corporateInformation div.privacyPolicyContainer div.privacyText {
  color: #FFFFFF;
  color: #ffffff;
  opacity: 0.8;
  font-size: 12px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
}
.appInstallationOfferSplashScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #FFFFFF;
  color: #ffffff;
  opacity: 0.8;
  display: inline-block;
  margin-left: 2px;
  padding: 3px 4px;
}
.appInstallationOfferSplashScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.appInstallationOfferSplashScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.appInstallationOfferSplashScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.appInstallationOfferSplashScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appInstallationOfferSplashScreen .helpInfo {
  height: auto;
  width: auto;
  position: absolute;
  right: 32px;
  bottom: 17px;
  text-align: right;
  z-index: 10;
}
.appInstallationOfferSplashScreen .helpInfo .helpLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appInstallationOfferSplashScreen .helpInfo .helpLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.appInstallationOfferSplashScreen .helpInfo .helpLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.appInstallationOfferSplashScreen .helpInfo .helpLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.appInstallationOfferSplashScreen .helpInfo .helpLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appInstallationOfferSplashScreen .helpInfo .helpNumber {
  size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  margin-top: 8px;
}
.appInstallationOfferSplashScreen .helpInfo .helpPhone {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  margin-top: 5px;
}
.appInstallationOfferSplashScreen .backgroundCover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #222c3c;
  filter: alpha(opacity=40);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  z-index: 1;
}
.appInstallationOfferSplashScreen .splashBody {
  position: relative;
  z-index: 2;
}
.appInstallationOfferSplashScreen .eula {
  z-index: 2;
}
.appInstallationOfferSplashScreen div.installButton div.icon {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -78px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appInstallationOfferSplashScreen div.installButton div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -78px;
}
.appInstallationOfferSplashScreen div.clickHereButton div.icon {
  width: 26px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -183px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appInstallationOfferSplashScreen div.clickHereButton div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -175px;
}
.appInstallationOverlayScreen {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.8;
  z-index: 40;
  color: white;
}
.appInstallationOverlayScreen div.close {
  width: 22px;
  height: 22px;
  background-size: 136px 15438px;
  background-position: 0px -240px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
}
.no-svg .appInstallationOverlayScreen div.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -232px;
}
.appInstallationOverlayScreen div.close:hover {
  right: 11px;
  top: 11px;
  width: 40px;
  height: 40px;
  background-size: 136px 15438px;
  background-position: 0px -287px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appInstallationOverlayScreen div.close:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -279px;
}
.appInstallationOverlayScreen div.close:active {
  right: 11px;
  top: 11px;
  width: 40px;
  height: 40px;
  background-size: 136px 15438px;
  background-position: 0px -352px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appInstallationOverlayScreen div.close:active {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -344px;
}
.appInstallationOverlayScreen div.close:focus {
  outline: 4px solid #ff9700;
}
.appInstallationOverlayScreen div.instructions {
  position: absolute;
  max-width: 250px;
}
.appInstallationOverlayScreen div.instructions div.arrow {
  margin-left: 40px;
}
.appInstallationOverlayScreen div.instructions div.text {
  font: 20px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
}
.appInstallationOverlayScreen div.instructions div.text span.highlight {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: white;
}
.appInstallationOverlayScreen div.instructions.win_firefox {
  top: 36px;
  right: 86px;
  margin-left: 100px;
  text-align: center;
}
.appInstallationOverlayScreen div.instructions.win_firefox div.arrow {
  margin: 0 auto;
  width: 90px;
  height: 184px;
  background-size: 136px 15438px;
  background-position: 0px -417px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appInstallationOverlayScreen div.instructions.win_firefox div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -409px;
}
.appInstallationOverlayScreen div.instructions.win_firefox div.text {
  display: inline;
}
.appInstallationOverlayScreen div.instructions.win_firefox .firefoxDownloadIcon {
  height: 40px;
  width: 42px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/jf3_Button_Firefox_Win.png");
  display: inline-block;
  vertical-align: middle;
}
.appInstallationOverlayScreen div.instructions.mac_firefox {
  top: 36px;
  right: 86px;
  margin-left: 100px;
  text-align: center;
}
.appInstallationOverlayScreen div.instructions.mac_firefox div.arrow {
  margin: 0 auto;
  width: 90px;
  height: 184px;
  background-size: 136px 15438px;
  background-position: 0px -417px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appInstallationOverlayScreen div.instructions.mac_firefox div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -409px;
}
.appInstallationOverlayScreen div.instructions.mac_firefox div.text {
  display: inline;
}
.appInstallationOverlayScreen div.instructions.mac_firefox .firefoxDownloadIcon {
  height: 40px;
  width: 42px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/jf3_Button_Firefox_Mac.png");
  display: inline-block;
  vertical-align: middle;
}
.appInstallationOverlayScreen div.instructions.safari {
  top: 37px;
  right: 19px;
  margin-left: 100px;
  text-align: center;
}
.appInstallationOverlayScreen div.instructions.safari div.arrow {
  margin: 0 auto;
  width: 35px;
  height: 128px;
  background-size: 136px 15438px;
  background-position: 0px -626px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appInstallationOverlayScreen div.instructions.safari div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -618px;
}
.appInstallationOverlayScreen div.instructions.safari div.text {
  display: inline;
}
.appInstallationOverlayScreen div.instructions.safari div.safariDownloadIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -62px;
  width: 49px;
  height: 35px;
  vertical-align: middle;
  display: inline-block;
}
.appInstallationOverlayScreen div.instructions.ie {
  bottom: 120px;
  right: 10%;
  left: 55%;
  margin: auto;
  text-align: center;
  position: absolute;
}
.appInstallationOverlayScreen div.instructions.ie div.text {
  margin-bottom: 16px;
  display: inline-block;
}
.appInstallationOverlayScreen div.instructions.ie div.arrow {
  width: 116px;
  height: 187px;
  background-size: 136px 15438px;
  background-position: 0px -779px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin: 0 auto;
}
.no-svg .appInstallationOverlayScreen div.instructions.ie div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -771px;
}
.appInstallationOverlayScreen div.instructions.edge {
  bottom: 120px;
  right: 10%;
  left: 18%;
  margin: auto;
  text-align: center;
  position: absolute;
  max-width: 300px;
}
.appInstallationOverlayScreen div.instructions.edge div.text {
  margin-bottom: 16px;
  display: inline-block;
}
.appInstallationOverlayScreen div.instructions.edge div.arrow {
  width: 116px;
  height: 187px;
  background-size: 136px 15438px;
  background-position: 0px -991px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin: 0 auto;
}
.no-svg .appInstallationOverlayScreen div.instructions.edge div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -983px;
}
.appInstallationOverlayScreen div.instructions.chrome {
  bottom: 20px;
  left: 68px;
  margin-right: -310px;
}
.appInstallationOverlayScreen div.instructions.chrome div.text {
  margin-bottom: 16px;
}
.appInstallationOverlayScreen div.instructions.chrome div.arrow {
  width: 90px;
  height: 184px;
  background-size: 136px 15438px;
  background-position: 0px -1203px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appInstallationOverlayScreen div.instructions.chrome div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1195px;
}
.appInstallationScreen {
  display: none;
  text-align: center;
  font: 14px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  position: absolute;
  z-index: 36;
  width: 100%;
  height: 100%;
}
.appInstallationScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.appInstallationScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.appInstallationScreen .splashBody {
  position: relative;
  z-index: 2;
}
.appInstallationScreen .splashBody .title {
  display: inline-block;
  color: #FFFFFF;
  font-size: 40px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appInstallationScreen .splashBody .title {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationScreen .splashBody .exceptLinuxOs .downloadAppAgain {
  margin-top: 32px;
}
.appInstallationScreen .splashBody .exceptLinuxOs .downloadAppAgain div.downloadAppAgainText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appInstallationScreen .splashBody .exceptLinuxOs .downloadAppAgain div.downloadAppAgainText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationScreen .splashBody .exceptLinuxOs .downloadAppAgain a.downloadAppAgainLink {
  margin-left: 15px;
  display: inline-block;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appInstallationScreen .splashBody .exceptLinuxOs .downloadAppAgain a.downloadAppAgainLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.appInstallationScreen .splashBody .exceptLinuxOs .downloadAppAgain a.downloadAppAgainLink:focus {
  border-bottom: none;
}
.appInstallationScreen .splashBody .exceptLinuxOs .downloadAppAgain a.downloadAppAgainLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.appInstallationScreen .splashBody .exceptLinuxOs .downloadAppAgain a.downloadAppAgainLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appInstallationScreen .splashBody .exceptLinuxOs .launchApp {
  margin-top: 16px;
}
.appInstallationScreen .splashBody .exceptLinuxOs .launchApp div.launchAppText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appInstallationScreen .splashBody .exceptLinuxOs .launchApp div.launchAppText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationScreen .splashBody .exceptLinuxOs .launchApp a.launchAppLink {
  margin-left: 15px;
  display: inline-block;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appInstallationScreen .splashBody .exceptLinuxOs .launchApp a.launchAppLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.appInstallationScreen .splashBody .exceptLinuxOs .launchApp a.launchAppLink:focus {
  border-bottom: none;
}
.appInstallationScreen .splashBody .exceptLinuxOs .launchApp a.launchAppLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.appInstallationScreen .splashBody .exceptLinuxOs .launchApp a.launchAppLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appInstallationScreen .splashBody .linuxOs {
  text-align: left;
  padding-left: 50px;
}
.appInstallationScreen .splashBody .linuxOs .downloadAppAgain {
  margin-top: 32px;
}
.appInstallationScreen .splashBody .linuxOs .downloadAppAgain div.downloadAppAgainStep {
  display: inline-block;
  color: #FFFFFF;
  font-size: 28px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  margin-right: 10px;
}
.appInstallationScreen .splashBody .linuxOs .downloadAppAgain div.downloadAppAgainText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 28px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appInstallationScreen .splashBody .linuxOs .downloadAppAgain div.downloadAppAgainText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationScreen .splashBody .linuxOs .downloadAppAgain div.downloadNotSuccess {
  display: inline-block;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  margin-left: 12px;
}
.renders-fonts-thin .appInstallationScreen .splashBody .linuxOs .downloadAppAgain div.downloadNotSuccess {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationScreen .splashBody .linuxOs .downloadAppAgain a.downloadAppAgainLink {
  margin-left: 15px;
  display: inline-block;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appInstallationScreen .splashBody .linuxOs .downloadAppAgain a.downloadAppAgainLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.appInstallationScreen .splashBody .linuxOs .downloadAppAgain a.downloadAppAgainLink:focus {
  border-bottom: none;
}
.appInstallationScreen .splashBody .linuxOs .downloadAppAgain a.downloadAppAgainLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.appInstallationScreen .splashBody .linuxOs .downloadAppAgain a.downloadAppAgainLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appInstallationScreen .splashBody .linuxOs .launchApp {
  margin-top: 16px;
}
.appInstallationScreen .splashBody .linuxOs .launchApp div.launchAppStep {
  display: inline-block;
  color: #FFFFFF;
  font-size: 28px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  margin-right: 10px;
}
.appInstallationScreen .splashBody .linuxOs .launchApp div.launchAppText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 28px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appInstallationScreen .splashBody .linuxOs .launchApp div.launchAppText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationScreen .splashBody .linuxOs .launchApp .launchAppButton {
  display: inline-block;
  height: 42px;
  width: 202px;
  background-color: #169bf4;
  font-size: 18px;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 4px;
  margin-left: 12px;
  -webkit-box-shadow: 0px 14px 3px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 14px 3px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 14px 3px 0px rgba(0, 0, 0, 0.03);
  border: none;
  outline: none;
}
.appInstallationScreen .splashBody .linuxOs .launchApp .launchAppButton:hover,
.appInstallationScreen .splashBody .linuxOs .launchApp .launchAppButton:focus {
  background-color: #2DB0EC;
  background-color: #2db0ec;
  -webkit-box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  outline: none;
}
.appInstallationScreen .splashBody .linuxOs .launchApp .launchAppButton:active {
  color: #85CAF9;
  color: rgba(255, 255, 255, 0.48);
  background-color: #169bf4;
  -webkit-box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  outline: none;
}
.appInstallationScreen .joinWithBrowser {
  display: none;
  position: absolute;
  bottom: 66px;
  left: 0;
  right: 0;
  margin: auto;
}
.appInstallationScreen .joinWithBrowser div.joinWithBrowserText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appInstallationScreen .joinWithBrowser div.joinWithBrowserText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationScreen .joinWithBrowser a.joinWithBrowserLink {
  margin-left: 15px;
  display: inline-block;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appInstallationScreen .joinWithBrowser a.joinWithBrowserLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.appInstallationScreen .joinWithBrowser a.joinWithBrowserLink:focus {
  border-bottom: none;
}
.appInstallationScreen .joinWithBrowser a.joinWithBrowserLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.appInstallationScreen .joinWithBrowser a.joinWithBrowserLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appInstallationScreen .helpInfo {
  height: auto;
  width: auto;
  position: absolute;
  right: 32px;
  bottom: 17px;
  text-align: right;
  z-index: 10;
}
.appInstallationScreen .helpInfo .helpLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appInstallationScreen .helpInfo .helpLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.appInstallationScreen .helpInfo .helpLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.appInstallationScreen .helpInfo .helpLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.appInstallationScreen .helpInfo .helpLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appInstallationScreen .helpInfo .helpNumber {
  size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  margin-top: 8px;
}
.appInstallationScreen .helpInfo .helpPhone {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  margin-top: 5px;
}
.appInstallationScreen div.corporateInformation {
  bottom: 18px;
  left: 0;
  position: absolute;
  z-index: 10;
  text-align: center;
  right: 0;
}
.appInstallationScreen div.corporateInformation div.logoContainer {
  position: absolute;
  left: 30px;
}
.appInstallationScreen div.corporateInformation div.logoContainer div.logo {
  background-image: url("images/BJN_logo_76x18_svg.svg");
  width: 78px;
  height: 18px;
  background-repeat: no-repeat;
}
.appInstallationScreen div.corporateInformation div.logoContainer img.logo {
  max-height: 18px;
}
.appInstallationScreen div.corporateInformation div.privacyPolicyContainer div.privacyText {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
}
.appInstallationScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin-left: 6px;
  padding-bottom: 3px;
  padding-right: 4px;
}
.appInstallationScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.appInstallationScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.appInstallationScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.appInstallationScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appInstallationScreen a:focus {
  outline: 4px solid #ff9700;
}
.appInstallationStepsSplashScreen {
  display: none;
  text-align: center;
  font: 14px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  position: absolute;
  z-index: 36;
  width: 100%;
  height: 100%;
}
.appInstallationStepsSplashScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.appInstallationStepsSplashScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.appInstallationStepsSplashScreen div.backgroundCover {
  display: none;
}
.appInstallationStepsSplashScreen div.alternatives a,
.appInstallationStepsSplashScreen div.eula a {
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.appInstallationStepsSplashScreen div.alternatives a:hover,
.appInstallationStepsSplashScreen div.eula a:hover {
  background-color: #7798C8;
  background-color: rgba(255, 255, 255, 0.16);
}
.appInstallationStepsSplashScreen div.alternatives a:active,
.appInstallationStepsSplashScreen div.eula a:active {
  background-color: #91ACD3;
  background-color: rgba(255, 255, 255, 0.32);
}
.appInstallationStepsSplashScreen div.offerTitle {
  color: #333;
  font: 28px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #DFD8D7;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 64px;
}
.renders-fonts-thin .appInstallationStepsSplashScreen div.offerTitle {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.packageSelect.appInstallationStepsSplashScreen div.offerTitle {
  margin-bottom: 24px;
}
.appInstallationStepsSplashScreen div.packageSelect {
  display: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect {
  display: block;
  margin-bottom: 64px;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect div.directions,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect div.or {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #D1DBED;
  color: rgba(255, 255, 255, 0.72);
}
.renders-fonts-thin .packageSelect.appInstallationStepsSplashScreen div.packageSelect div.directions,
.renders-fonts-thin .packageSelect.appInstallationStepsSplashScreen div.packageSelect div.or {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect div.directions {
  margin-bottom: 64px;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect div.or {
  margin: 16px 0px;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  display: inline-block;
  padding: 0 32px;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button .turnOffOutlineForClick {
  outline: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button div.icon {
  display: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button:hover,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.hovered {
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid #ffffff;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button:active {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button:active:focus {
  background-color: rgba(255, 255, 255, 0.32);
  color: none;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button:focus {
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.disabled,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button:disabled {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.disabled:hover,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button:disabled:hover,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.disabled:active,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button:disabled:active,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.disabled:focus,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button:disabled:focus {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.valid {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid div {
  display: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid:hover,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid:active,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid:focus,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid:disabled,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -1412px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .packageSelect.appInstallationStepsSplashScreen div.packageSelect button.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1404px;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.loading {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.loading div {
  display: none;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.loading:hover,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.loading:active,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.loading:focus,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.loading:disabled,
.packageSelect.appInstallationStepsSplashScreen div.packageSelect button.loading.disabled {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.renders-fonts-thin .packageSelect.appInstallationStepsSplashScreen div.packageSelect button {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationStepsSplashScreen div.steps {
  margin-bottom: 64px;
}
.packageSelect.appInstallationStepsSplashScreen div.steps {
  display: none;
}
.appInstallationStepsSplashScreen div.steps div.step {
  display: inline-block;
  margin: 0 24px;
}
.appInstallationStepsSplashScreen div.steps div.step div.stepImage {
  height: 160px;
  width: 260px;
  margin-bottom: 32px;
}
.appInstallationStepsSplashScreen div.steps div.step div.bottom {
  width: 260px;
  white-space: nowrap;
}
.appInstallationStepsSplashScreen div.steps div.step div.bottom div.stepNumber {
  color: #333;
  font: 40px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  color: #C2CEE4;
  color: rgba(255, 255, 255, 0.64);
}
.renders-fonts-thin .appInstallationStepsSplashScreen div.steps div.step div.bottom div.stepNumber {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationStepsSplashScreen div.steps div.step div.bottom div.text {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  text-align: left;
  color: #FFF;
}
.renders-fonts-thin .appInstallationStepsSplashScreen div.steps div.step div.bottom div.text {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationStepsSplashScreen div.steps div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -122px;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  margin-top: 68px;
}
.appInstallationStepsSplashScreen div.steps div.arrow:first-child {
  display: none;
}
.appInstallationStepsSplashScreen div.alternatives div.alternative {
  margin-bottom: 16px;
}
.appInstallationStepsSplashScreen div.alternatives div.alternative div.text {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
  margin-right: 10px;
  color: #D1DBED;
  color: rgba(255, 255, 255, 0.72);
}
.renders-fonts-thin .appInstallationStepsSplashScreen div.alternatives div.alternative div.text {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appInstallationStepsSplashScreen .backgroundCover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #222c3c;
  filter: alpha(opacity=40);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  z-index: 1;
}
.appInstallationStepsSplashScreen .splashBody {
  position: relative;
  z-index: 2;
}
.appInstallationStepsSplashScreen .step_mac_chrome_download div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -171px;
}
.appInstallationStepsSplashScreen .step_mac_launch div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -358px;
}
.appInstallationStepsSplashScreen .step_mac_ff_download div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -545px;
}
.appInstallationStepsSplashScreen .step_mac_ff_run div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -732px;
}
.appInstallationStepsSplashScreen .step_safari_download div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -919px;
}
.appInstallationStepsSplashScreen .step_safari_run div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1106px;
}
.appInstallationStepsSplashScreen .step_win_chrome_download div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1293px;
}
.appInstallationStepsSplashScreen .step_win_nonie_security div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1480px;
}
.appInstallationStepsSplashScreen .step_win_ff_download div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1667px;
}
.appInstallationStepsSplashScreen .step_win_ff_run div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1854px;
}
.appInstallationStepsSplashScreen .step_edge_run div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2041px;
  max-height: 124px;
}
.appInstallationStepsSplashScreen .step_edge_launch div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2188px;
  max-height: 124px;
}
.appInstallationStepsSplashScreen .step_ie_run div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2335px;
  max-height: 122px;
}
.appInstallationStepsSplashScreen .step_ie8_run div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2482px;
}
.appInstallationStepsSplashScreen .step_ie8_security div.stepImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2669px;
}
.bjnui-button-secondary-dark {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: #555;
  background-color: rgba(0, 0, 0, 0.24);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-dark .turnOffOutlineForClick {
  outline: none;
}
.bjnui-button-secondary-dark div.icon {
  display: none;
}
.bjnui-button-secondary-dark:hover,
.bjnui-button-secondary-dark.hovered {
  background-color: #656565;
  background-color: rgba(0, 0, 0, 0.16);
  border: none;
}
.bjnui-button-secondary-dark:active {
  background-color: #747474;
  background-color: rgba(0, 0, 0, 0.08);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-secondary-dark:active:focus {
  background-color: rgba(0, 0, 0, 0.08);
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-dark:focus {
  background-color: #555;
  background-color: rgba(0, 0, 0, 0.24);
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.bjnui-button-secondary-dark.valid {
  background-color: #555;
  background-color: rgba(0, 0, 0, 0.24);
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-dark.invalid {
  background-color: #B84242;
  background-color: rgba(255, 255, 255, 0.88);
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-dark.invalid div {
  display: none;
}
.bjnui-button-secondary-dark.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.bjnui-button-secondary-dark.invalid:hover,
.bjnui-button-secondary-dark.invalid:active,
.bjnui-button-secondary-dark.invalid:focus,
.bjnui-button-secondary-dark.invalid:disabled,
.bjnui-button-secondary-dark.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-dark.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bjnui-button-secondary-dark.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bjnui-button-secondary-dark.disabled,
.bjnui-button-secondary-dark:disabled {
  background-color: #7A7A7A;
  color: #999;
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(255, 255, 255, 0.24);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-dark.disabled:hover,
.bjnui-button-secondary-dark:disabled:hover,
.bjnui-button-secondary-dark.disabled:active,
.bjnui-button-secondary-dark:disabled:active,
.bjnui-button-secondary-dark.disabled:focus,
.bjnui-button-secondary-dark:disabled:focus {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(255, 255, 255, 0.24);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-shim {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-shim .turnOffOutlineForClick {
  outline: none;
}
.bjnui-button-secondary-shim div.icon {
  display: none;
}
.bjnui-button-secondary-shim:hover,
.bjnui-button-secondary-shim.hovered {
  background-color: rgba(0, 0, 0, 0.24);
  border: none;
}
.bjnui-button-secondary-shim:active {
  background-color: rgba(0, 0, 0, 0.36);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-secondary-shim:active:focus {
  background-color: rgba(0, 0, 0, 0.36);
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-shim:focus {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.bjnui-button-secondary-shim.valid {
  background-color: rgba(0, 0, 0, 0.12);
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-shim.invalid {
  background-color: rgba(255, 255, 255, 0.88);
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-shim.invalid div {
  display: none;
}
.bjnui-button-secondary-shim.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.bjnui-button-secondary-shim.invalid:hover,
.bjnui-button-secondary-shim.invalid:active,
.bjnui-button-secondary-shim.invalid:focus,
.bjnui-button-secondary-shim.invalid:disabled,
.bjnui-button-secondary-shim.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-shim.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bjnui-button-secondary-shim.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bjnui-button-secondary-shim.disabled,
.bjnui-button-secondary-shim:disabled {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(255, 255, 255, 0.24);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary-shim.disabled:hover,
.bjnui-button-secondary-shim:disabled:hover,
.bjnui-button-secondary-shim.disabled:active,
.bjnui-button-secondary-shim:disabled:active,
.bjnui-button-secondary-shim.disabled:focus,
.bjnui-button-secondary-shim:disabled:focus {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(255, 255, 255, 0.24);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-shim {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-shim .turnOffOutlineForClick {
  outline: none;
}
.bjnui-button-primary-shim div.icon {
  display: none;
}
.bjnui-button-primary-shim:hover,
.bjnui-button-primary-shim.hovered {
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid #ffffff;
}
.bjnui-button-primary-shim:active {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-primary-shim:active:focus {
  background-color: rgba(255, 255, 255, 0.32);
  color: none;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-shim:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.bjnui-button-primary-shim:focus {
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.bjnui-button-primary-shim.disabled,
.bjnui-button-primary-shim:disabled {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-shim.disabled:hover,
.bjnui-button-primary-shim:disabled:hover,
.bjnui-button-primary-shim.disabled:active,
.bjnui-button-primary-shim:disabled:active,
.bjnui-button-primary-shim.disabled:focus,
.bjnui-button-primary-shim:disabled:focus {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-shim.valid {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-shim.invalid {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-shim.invalid div {
  display: none;
}
.bjnui-button-primary-shim.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.bjnui-button-primary-shim.invalid:hover,
.bjnui-button-primary-shim.invalid:active,
.bjnui-button-primary-shim.invalid:focus,
.bjnui-button-primary-shim.invalid:disabled,
.bjnui-button-primary-shim.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-shim.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -1412px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bjnui-button-primary-shim.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1404px;
}
.bjnui-button-primary-shim.loading {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-shim.loading div {
  display: none;
}
.bjnui-button-primary-shim.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.bjnui-button-primary-shim.loading:hover,
.bjnui-button-primary-shim.loading:active,
.bjnui-button-primary-shim.loading:focus,
.bjnui-button-primary-shim.loading:disabled,
.bjnui-button-primary-shim.loading.disabled {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary .turnOffOutlineForClick {
  outline: none;
}
.bjnui-button-secondary div.icon {
  display: none;
}
.bjnui-button-secondary:hover,
.bjnui-button-secondary.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
.bjnui-button-secondary:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-secondary:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
.bjnui-button-secondary.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary.invalid div {
  display: none;
}
.bjnui-button-secondary.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.bjnui-button-secondary.invalid:hover,
.bjnui-button-secondary.invalid:active,
.bjnui-button-secondary.invalid:focus,
.bjnui-button-secondary.invalid:disabled,
.bjnui-button-secondary.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bjnui-button-secondary.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bjnui-button-secondary.disabled,
.bjnui-button-secondary:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-secondary.disabled:hover,
.bjnui-button-secondary:disabled:hover,
.bjnui-button-secondary.disabled:active,
.bjnui-button-secondary:disabled:active,
.bjnui-button-secondary.disabled:focus,
.bjnui-button-secondary:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary .turnOffOutlineForClick {
  outline: none;
}
.bjnui-button-primary div.icon {
  display: none;
}
.bjnui-button-primary:hover,
.bjnui-button-primary.hovered {
  background-color: #4182e2;
  border: none;
}
.bjnui-button-primary:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-primary:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.bjnui-button-primary:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.bjnui-button-primary.disabled,
.bjnui-button-primary:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary.disabled:hover,
.bjnui-button-primary:disabled:hover,
.bjnui-button-primary.disabled:active,
.bjnui-button-primary:disabled:active,
.bjnui-button-primary.disabled:focus,
.bjnui-button-primary:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.bjnui-button-primary.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary.invalid div {
  display: none;
}
.bjnui-button-primary.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.bjnui-button-primary.invalid:hover,
.bjnui-button-primary.invalid:active,
.bjnui-button-primary.invalid:focus,
.bjnui-button-primary.invalid:disabled,
.bjnui-button-primary.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bjnui-button-primary.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bjnui-button-primary.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary.loading div {
  display: none;
}
.bjnui-button-primary.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.bjnui-button-primary.loading:hover,
.bjnui-button-primary.loading:active,
.bjnui-button-primary.loading:focus,
.bjnui-button-primary.loading:disabled,
.bjnui-button-primary.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary.loading.no-svg {
  background-color: #1D6BDD !important;
}
.bjnui-button-primary.loading.no-svg div {
  display: none;
}
.bjnui-button-primary.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.bjnui-button-primary-green {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-green .turnOffOutlineForClick {
  outline: none;
}
.bjnui-button-primary-green div.icon {
  display: none;
}
.bjnui-button-primary-green:hover,
.bjnui-button-primary-green.hovered {
  background-color: #21c37f;
  border: none;
}
.bjnui-button-primary-green:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-primary-green:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-green:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.bjnui-button-primary-green.disabled,
.bjnui-button-primary-green:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-green.disabled:hover,
.bjnui-button-primary-green:disabled:hover,
.bjnui-button-primary-green.disabled:active,
.bjnui-button-primary-green:disabled:active,
.bjnui-button-primary-green.disabled:focus,
.bjnui-button-primary-green:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-green.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.bjnui-button-primary-green.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-green.invalid div {
  display: none;
}
.bjnui-button-primary-green.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.bjnui-button-primary-green.invalid:hover,
.bjnui-button-primary-green.invalid:active,
.bjnui-button-primary-green.invalid:focus,
.bjnui-button-primary-green.invalid:disabled,
.bjnui-button-primary-green.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-green.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bjnui-button-primary-green.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bjnui-button-primary-green.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-green.loading div {
  display: none;
}
.bjnui-button-primary-green.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.bjnui-button-primary-green.loading:hover,
.bjnui-button-primary-green.loading:active,
.bjnui-button-primary-green.loading:focus,
.bjnui-button-primary-green.loading:disabled,
.bjnui-button-primary-green.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-green.loading.no-svg {
  background-color: #19A96D !important;
}
.bjnui-button-primary-green.loading.no-svg div {
  display: none;
}
.bjnui-button-primary-green.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.bjnui-button-primary-red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-red .turnOffOutlineForClick {
  outline: none;
}
.bjnui-button-primary-red div.icon {
  display: none;
}
.bjnui-button-primary-red:hover,
.bjnui-button-primary-red.hovered {
  background-color: #db3c3c;
  border: none;
}
.bjnui-button-primary-red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-primary-red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
.bjnui-button-primary-red.disabled,
.bjnui-button-primary-red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-red.disabled:hover,
.bjnui-button-primary-red:disabled:hover,
.bjnui-button-primary-red.disabled:active,
.bjnui-button-primary-red:disabled:active,
.bjnui-button-primary-red.disabled:focus,
.bjnui-button-primary-red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.bjnui-button-primary-red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-red.invalid div {
  display: none;
}
.bjnui-button-primary-red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.bjnui-button-primary-red.invalid:hover,
.bjnui-button-primary-red.invalid:active,
.bjnui-button-primary-red.invalid:focus,
.bjnui-button-primary-red.invalid:disabled,
.bjnui-button-primary-red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bjnui-button-primary-red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bjnui-button-primary-red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-red.loading div {
  display: none;
}
.bjnui-button-primary-red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.bjnui-button-primary-red.loading:hover,
.bjnui-button-primary-red.loading:active,
.bjnui-button-primary-red.loading:focus,
.bjnui-button-primary-red.loading:disabled,
.bjnui-button-primary-red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-red.loading.no-svg {
  background-color: #1D6BDD !important;
}
.bjnui-button-primary-red.loading.no-svg div {
  display: none;
}
.bjnui-button-primary-red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.bjnui-button-primary-copywidget {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-copywidget .turnOffOutlineForClick {
  outline: none;
}
.bjnui-button-primary-copywidget div.icon {
  display: none;
}
.bjnui-button-primary-copywidget:hover,
.bjnui-button-primary-copywidget.hovered {
  background-color: #4182e2;
  border: none;
}
.bjnui-button-primary-copywidget:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-primary-copywidget:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-copywidget:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.bjnui-button-primary-copywidget:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.bjnui-button-primary-copywidget.disabled,
.bjnui-button-primary-copywidget:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-copywidget.disabled:hover,
.bjnui-button-primary-copywidget:disabled:hover,
.bjnui-button-primary-copywidget.disabled:active,
.bjnui-button-primary-copywidget:disabled:active,
.bjnui-button-primary-copywidget.disabled:focus,
.bjnui-button-primary-copywidget:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-primary-copywidget.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.bjnui-button-primary-copywidget.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-copywidget.invalid div {
  display: none;
}
.bjnui-button-primary-copywidget.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.bjnui-button-primary-copywidget.invalid:hover,
.bjnui-button-primary-copywidget.invalid:active,
.bjnui-button-primary-copywidget.invalid:focus,
.bjnui-button-primary-copywidget.invalid:disabled,
.bjnui-button-primary-copywidget.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-copywidget.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bjnui-button-primary-copywidget.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bjnui-button-primary-copywidget.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-copywidget.loading div {
  display: none;
}
.bjnui-button-primary-copywidget.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.bjnui-button-primary-copywidget.loading:hover,
.bjnui-button-primary-copywidget.loading:active,
.bjnui-button-primary-copywidget.loading:focus,
.bjnui-button-primary-copywidget.loading:disabled,
.bjnui-button-primary-copywidget.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.bjnui-button-primary-copywidget.loading.no-svg {
  background-color: #1D6BDD !important;
}
.bjnui-button-primary-copywidget.loading.no-svg div {
  display: none;
}
.bjnui-button-primary-copywidget.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.bjnui-button-primary-copywidget div.icon {
  display: block !important;
  background-size: 136px 15438px;
  background-position: 0px -1461px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.no-svg .bjnui-button-primary-copywidget div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1453px;
}
.bjnui-button-screen-sharing {
  width: 100%;
  height: 42px;
  padding-top: 13px;
  padding-bottom: 13px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  border: 1px solid #FFF;
  background-color: #1D6BDD;
  vertical-align: top;
}
.bjnui-button-screen-sharing:hover,
.bjnui-button-screen-sharing.hovered {
  background-color: #4182e2;
  border: 1px solid #ffffff;
}
.bjnui-button-screen-sharing:active {
  background-color: #659ae7;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-screen-sharing:active:focus {
  background-color: #659ae7;
  color: none;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-screen-sharing:focus {
  background-color: #1d6bdd;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
}
.bjnui-button-stop-sharing {
  width: 100%;
  height: 42px;
  padding-top: 13px;
  padding-bottom: 13px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  border: 1px solid #FFF;
  background-color: #DF0E0E;
  vertical-align: top;
}
.bjnui-button-stop-sharing:hover,
.bjnui-button-stop-sharing.hovered {
  background-color: #db3c3c;
  border: 1px solid #ffffff;
}
.bjnui-button-stop-sharing:active {
  background-color: #e95b5b;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bjnui-button-stop-sharing:active:focus {
  background-color: #e95b5b;
  color: none;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bjnui-button-stop-sharing:focus {
  background-color: #df0e0e;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
}
.desktopAppInstallerView,
.chromeExtensionInstallerView {
  background-color: #414141;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 6;
}
.desktopAppInstallerView.jf3Screen,
.chromeExtensionInstallerView.jf3Screen {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
}
.desktopAppInstallerView.jf3Screen .backgroundCover,
.chromeExtensionInstallerView.jf3Screen .backgroundCover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #222c3c;
  filter: alpha(opacity=40);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  z-index: 1;
}
.desktopAppInstallerView.jf3Screen .content,
.chromeExtensionInstallerView.jf3Screen .content {
  position: relative;
  z-index: 2;
}
.jf3 .desktopAppInstallerView,
.jf3 .chromeExtensionInstallerView {
  position: absolute;
  top: 0;
  left: 0;
}
.desktopAppInstallerView .content,
.chromeExtensionInstallerView .content {
  position: relative;
  top: 50%;
}
.desktopAppInstallerView .content .box,
.chromeExtensionInstallerView .content .box {
  width: 514px;
  margin-left: auto;
  margin-right: auto;
}
.desktopAppInstallerView .content a,
.chromeExtensionInstallerView .content a {
  color: #22B7FF;
  display: inline;
  padding: 4px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.desktopAppInstallerView .content a.jf3Screen,
.chromeExtensionInstallerView .content a.jf3Screen {
  color: #FFF;
}
.desktopAppInstallerView .content a:hover,
.chromeExtensionInstallerView .content a:hover {
  background-color: rgba(34, 183, 255, 0.16);
}
.desktopAppInstallerView .content a:active,
.chromeExtensionInstallerView .content a:active {
  background-color: #1D6BDD;
  color: white;
}
.desktopAppInstallerView .content a:focus,
.chromeExtensionInstallerView .content a:focus {
  border-bottom: 2px solid rgba(34, 183, 255, 0.48);
}
.desktopAppInstallerView .content .title,
.chromeExtensionInstallerView .content .title {
  font-size: 40px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: white;
  text-align: center;
  margin-bottom: 25px;
}
.desktopAppInstallerView .content .steps,
.chromeExtensionInstallerView .content .steps {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #BABABA;
  color: rgba(255, 255, 255, 0.64);
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
}
.desktopAppInstallerView .content .text,
.chromeExtensionInstallerView .content .text {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #BABABA;
  color: rgba(255, 255, 255, 0.64);
  font-size: 18px;
  line-height: 24px;
}
.desktopAppInstallerView .content .eula,
.chromeExtensionInstallerView .content .eula {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #BABABA;
  color: rgba(255, 255, 255, 0.64);
  font-size: 18px;
  line-height: 24px;
}
.desktopAppInstallerView .content .stepsContainer ul,
.chromeExtensionInstallerView .content .stepsContainer ul {
  border-spacing: 0 47px;
}
.desktopAppInstallerView .content .stepsContainer ul li,
.chromeExtensionInstallerView .content .stepsContainer ul li {
  display: table-row;
}
.desktopAppInstallerView .content .stepsContainer ul li > *,
.chromeExtensionInstallerView .content .stepsContainer ul li > * {
  display: table-cell;
}
.desktopAppInstallerView .content .stepsContainer .downloadButton,
.chromeExtensionInstallerView .content .stepsContainer .downloadButton {
  padding: 10px;
  background-color: #1d6bdd;
  border: none;
  color: white;
  border-radius: 2px;
  margin-top: 5px;
  height: 36px !important;
  width: 178px !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -2845px;
  text-indent: 16px;
}
.desktopAppInstallerView .content .stepsContainer .downloadButton.ie,
.chromeExtensionInstallerView .content .stepsContainer .downloadButton.ie {
  vertical-align: middle;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -2839px;
}
.desktopAppInstallerView .content .stepsContainer .downloadButton:hover,
.chromeExtensionInstallerView .content .stepsContainer .downloadButton:hover {
  background-color: #4182E2;
}
.desktopAppInstallerView .content .stepsContainer .downloadButton:active,
.chromeExtensionInstallerView .content .stepsContainer .downloadButton:active {
  background-color: #659AE7;
}
.desktopAppInstallerView .content .stepsContainer .run,
.chromeExtensionInstallerView .content .stepsContainer .run,
.desktopAppInstallerView .content .stepsContainer .save,
.chromeExtensionInstallerView .content .stepsContainer .save {
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
}
.desktopAppInstallerView .content .stepsContainer .run.win,
.chromeExtensionInstallerView .content .stepsContainer .run.win,
.desktopAppInstallerView .content .stepsContainer .save.win,
.chromeExtensionInstallerView .content .stepsContainer .save.win {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -2894px;
}
.desktopAppInstallerView .content .stepsContainer .run.mac,
.chromeExtensionInstallerView .content .stepsContainer .run.mac,
.desktopAppInstallerView .content .stepsContainer .save.mac,
.chromeExtensionInstallerView .content .stepsContainer .save.mac {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -2932px;
}
.desktopAppInstallerView .content .stepsContainer .instruction,
.chromeExtensionInstallerView .content .stepsContainer .instruction {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #BABABA;
  color: rgba(255, 255, 255, 0.64);
  font-size: 18px;
  line-height: 24px;
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
  padding-left: 24px;
  text-align: left;
}
.desktopAppInstallerView .content .stepsContainer .num,
.chromeExtensionInstallerView .content .stepsContainer .num {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 40px;
  color: #7E7E7E;
  color: rgba(255, 255, 255, 0.32);
  padding-right: 12px;
  vertical-align: middle;
  text-align: center;
}
.desktopAppInstallerView .content .browsersContainer,
.chromeExtensionInstallerView .content .browsersContainer {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 16px;
}
.desktopAppInstallerView .content .browsersContainer .icon,
.chromeExtensionInstallerView .content .browsersContainer .icon {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 12px;
  vertical-align: middle;
}
.desktopAppInstallerView .content .browsersContainer .icon.ff,
.chromeExtensionInstallerView .content .browsersContainer .icon.ff {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/firefox_logo.png");
}
.desktopAppInstallerView .content .browsersContainer .icon.ie,
.chromeExtensionInstallerView .content .browsersContainer .icon.ie {
  display: none;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/ie_logo.png");
}
.desktopAppInstallerView .content .browsersContainer .icon.safari,
.chromeExtensionInstallerView .content .browsersContainer .icon.safari {
  display: none;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/safari_logo.png");
}
.desktopAppInstallerView .content .alreadyInstalled,
.chromeExtensionInstallerView .content .alreadyInstalled {
  text-align: center;
}
.desktopAppInstallerView .content .launchLink.ie8,
.chromeExtensionInstallerView .content .launchLink.ie8 {
  display: block;
  margin: 0 auto 92px auto;
  text-align: center;
  text-decoration: none;
  height: 43px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 22px;
  box-sizing: border-box;
  -webkit-user-select: none;
  background-color: #1d6bdd;
  color: white;
  border: none;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 492px;
}
.desktopAppInstallerView .content .launchLink.ie8:hover:not(:disabled),
.chromeExtensionInstallerView .content .launchLink.ie8:hover:not(:disabled) {
  background-color: #4182E2;
}
.desktopAppInstallerView .content .launchLink.ie8:focus:not(:disabled):not(:active),
.chromeExtensionInstallerView .content .launchLink.ie8:focus:not(:disabled):not(:active) {
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
.desktopAppInstallerView .content .launchLink.ie8:active:not(:disabled),
.chromeExtensionInstallerView .content .launchLink.ie8:active:not(:disabled) {
  background-color: #659AE7;
  box-shadow: none;
}
.desktopAppInstallerView .content .launchLink.ie8:disabled,
.chromeExtensionInstallerView .content .launchLink.ie8:disabled {
  color: rgba(0, 0, 0, 0.32);
  background-color: rgba(0, 0, 0, 0.04);
  box-shadow: none;
}
.desktopAppInstallerView .content .nthTimeContainer .white,
.chromeExtensionInstallerView .content .nthTimeContainer .white {
  color: white;
}
.desktopAppInstallerView .content .nthTimeContainer .protocolMsg,
.chromeExtensionInstallerView .content .nthTimeContainer .protocolMsg {
  margin-bottom: 18px;
}
.desktopAppInstallerView .content .nthTimeContainer .rememberMsg,
.chromeExtensionInstallerView .content .nthTimeContainer .rememberMsg {
  margin-bottom: 40px;
}
.desktopAppInstallerView .content .nthTimeContainer .rememberMsg.center,
.chromeExtensionInstallerView .content .nthTimeContainer .rememberMsg.center {
  font-size: 30px;
  text-align: center;
}
.desktopAppInstallerView .content .nthTimeContainer .tryAgain.center,
.chromeExtensionInstallerView .content .nthTimeContainer .tryAgain.center {
  text-align: center;
}
.desktopAppInstallerView .content .nthTimeContainer .tryAgain,
.chromeExtensionInstallerView .content .nthTimeContainer .tryAgain {
  margin-bottom: 18px;
}
.desktopAppInstallerView .content .nthTimeContainer .neverMind,
.chromeExtensionInstallerView .content .nthTimeContainer .neverMind {
  display: none;
}
.jf3 .desktopAppInstallerView .content .nthTimeContainer .neverMind,
.jf3 .chromeExtensionInstallerView .content .nthTimeContainer .neverMind {
  display: block;
}
.chromeExtensionInstallerView {
  display: none;
}
.chromeExtensionInstallerView div.corporateInformation {
  bottom: 18px;
  left: 0;
  position: absolute;
  z-index: 10;
  text-align: center;
  right: 0;
  height: 18px;
}
.chromeExtensionInstallerView div.corporateInformation div.logoContainer {
  position: absolute;
  left: 30px;
}
.chromeExtensionInstallerView div.corporateInformation div.logoContainer div.logo {
  background-image: url("images/BJN_logo_76x18_svg.svg");
  width: 78px;
  height: 18px;
  background-repeat: no-repeat;
}
.chromeExtensionInstallerView div.corporateInformation div.logoContainer img.logo {
  max-height: 18px;
}
.chromeExtensionInstallerView .helpInfo {
  height: auto;
  width: auto;
  position: absolute;
  right: 32px;
  bottom: 17px;
  text-align: right;
  z-index: 10;
}
.chromeExtensionInstallerView .helpInfo .helpLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.chromeExtensionInstallerView .helpInfo .helpLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.chromeExtensionInstallerView .helpInfo .helpLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.chromeExtensionInstallerView .helpInfo .helpLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.chromeExtensionInstallerView .helpInfo .helpLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.chromeExtensionInstallerView .helpInfo .helpNumber {
  size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  margin-top: 8px;
}
.chromeExtensionInstallerView > .joinWithBrowser {
  display: none;
  position: absolute;
  bottom: 66px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.chromeExtensionInstallerView > .joinWithBrowser div.joinWithBrowserText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 18px;
  padding-right: 5px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .chromeExtensionInstallerView > .joinWithBrowser div.joinWithBrowserText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.chromeExtensionInstallerView > .joinWithBrowser a.joinWithBrowserLink {
  display: inline-block;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.chromeExtensionInstallerView > .joinWithBrowser a.joinWithBrowserLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.chromeExtensionInstallerView > .joinWithBrowser a.joinWithBrowserLink:focus {
  border-bottom: none;
}
.chromeExtensionInstallerView > .joinWithBrowser a.joinWithBrowserLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.chromeExtensionInstallerView > .joinWithBrowser a.joinWithBrowserLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.chromeExtensionInstallerView > .joinWithBrowser a.joinWithBrowserLink.lowerCase {
  text-transform: none;
}
.chromeExtensionInstallerView > .content .box .text,
.chromeExtensionInstallerView > .content .stepsContainer {
  text-align: center;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension {
  width: 170px;
  margin-top: 32px;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button .turnOffOutlineForClick {
  outline: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button div.icon {
  display: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button:hover,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.hovered {
  background-color: #21c37f;
  border: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.disabled,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.disabled:hover,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button:disabled:hover,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.disabled:active,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button:disabled:active,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.disabled:focus,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid div {
  display: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid:hover,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid:active,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid:focus,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid:disabled,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading div {
  display: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading:hover,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading:active,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading:focus,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading:disabled,
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading.no-svg {
  background-color: #19A96D !important;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading.no-svg div {
  display: none;
}
.chromeExtensionInstallerView > .content .stepsContainer .install-extension.green-button.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.chromeExtensionInstallerView > .content .hide {
  display: none;
}
.chromeExtensionInstallerView > .content .link {
  cursor: pointer;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #22B7FF;
}
.chromeExtensionInstallerView > .content .link.jf3Screen {
  color: #FFF;
}
.chromeExtensionInstallerView > .content .link:hover {
  background-color: rgba(34, 183, 255, 0.16);
}
.chromeExtensionInstallerView > .content .link:active {
  background-color: #1D6BDD;
}
.chromeExtensionInstallerView > .content .link:focus {
  border-bottom: 2px solid rgba(34, 183, 255, 0.48);
}
.chromeExtensionInstallerView > .content .firstTimeContainer .why {
  width: 185px;
}
.chromeExtensionInstallerView > .content .firstTimeContainer .thanks {
  width: 120px;
}
.chromeExtensionInstallerView > .content .firstTimeContainer .whyChromeExtension {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px;
  margin-top: 35px;
}
.chromeExtensionInstallerView > .content .firstTimeContainer .whyChromeExtension.jf3Screen {
  margin-bottom: 16px;
}
.chromeExtensionInstallerView > .content .firstTimeContainer .infoMessage {
  display: none;
  width: 518px;
  text-align: center;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.64);
  line-height: 26px;
  background-color: #414141;
  text-align: justify;
}
.chromeExtensionInstallerView > .content .firstTimeContainer .infoMessage.jf3Screen {
  margin: 16px auto;
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: rgba(255, 255, 255, 0.72);
  background-color: transparent;
  line-height: 20px;
}
.chromeExtensionInstallerView > .content .firstTimeContainer .infoMessage.jf3Screen.ie {
  color: #DFE6F1;
}
.chromeExtensionInstallerView > .content .browsersContainer {
  margin-top: 30px;
}
.chromeExtensionInstallerView.jf3Screen .box {
  width: 100%;
  text-align: center;
}
.chromeExtensionInstallerView.jf3Screen .title {
  display: block;
  color: #FFFFFF;
  font-size: 40px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 40px;
  margin-bottom: 20px;
}
.chromeExtensionInstallerView.jf3Screen .text {
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  display: inline-block;
}
.chromeExtensionInstallerView.jf3Screen .learnMore {
  display: inline-block;
  color: #FFFFFF;
  font-size: 14px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  text-decoration: underline;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 4px;
}
.chromeExtensionInstallerView.jf3Screen .learnMore.ie {
  border-bottom: 2px solid #9B9B9B;
}
.chromeExtensionInstallerView.jf3Screen .learnMore:hover {
  background-color: #7798C8;
  background-color: rgba(255, 255, 255, 0.16);
}
.chromeExtensionInstallerView.jf3Screen .learnMore:active {
  background-color: #91ACD3;
  background-color: rgba(255, 255, 255, 0.32);
}
.chromeExtensionInstallerView.jf3Screen .why {
  width: 192px !important;
}
.chromeExtensionInstallerView.jf3Screen .thanks {
  width: 104px !important;
}
.chromeExtensionInstallerView.jf3Screen .install-extension {
  width: 182px !important;
  padding: 12px 30px;
  font-size: 14px;
  color: #FFF;
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background-color: #7798C8 ;
  background-color: rgba(255, 255, 255, 0.16);
  text-transform: uppercase;
}
.chromeExtensionInstallerView.jf3Screen .install-extension:hover {
  background-color: #91ACD3 ;
  border: 1px solid rgba(255, 255, 255, 0.48);
  background-color: rgba(255, 255, 255, 0.32);
}
.chromeExtensionInstallerView.jf3Screen .install-extension:active {
  background-color: #91ACD3 ;
  border: 1px solid rgba(255, 255, 255, 0.48);
  background-color: rgba(255, 255, 255, 0.32);
}
.chromeExtensionInstallerView.jf3Screen .install-extension:focus {
  outline: 4px solid #ff9700;
}
.chromeExtensionInstallerView.jf3Screen .install-extension.green-button {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 220px;
}
.chromeExtensionInstallerView.jf3Screen .whyChromeExtension {
  margin-top: 29px;
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.chromeExtensionInstallerView.jf3Screen .whyChromeExtension.ie {
  border-bottom: 2px solid #9B9B9B;
}
.chromeExtensionInstallerView.jf3Screen .whyChromeExtension:hover {
  background-color: #7798C8;
  background-color: rgba(255, 255, 255, 0.16);
}
.chromeExtensionInstallerView.jf3Screen .whyChromeExtension:active {
  background-color: #91ACD3;
  background-color: rgba(255, 255, 255, 0.32);
}
.chromeExtensionInstallerView.jf3Screen a:focus {
  outline: 4px solid #ff9700;
}
.lang-de .chromeExtensionInstallerView .content .stepsContainer .install-extension {
  width: auto !important;
}
@-webkit-keyframes appOfferAnimation {
  0% {
    opacity: 0;
    bottom: -111px;
  }
  20% {
    opacity: 1;
  }
  100% {
    bottom: 0px;
  }
}
@-webkit-keyframes controlsAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes appOfferHideAnimation {
  0% {
    bottom: 0px;
  }
  80% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    bottom: -111px;
    visibility: hidden;
  }
}
.appOfferBanner {
  -webkit-animation: appOfferAnimation 0.3s;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 111px;
  z-index: 10;
  background-color: #363636;
  text-align: center;
}
.appOfferBanner.hide {
  -webkit-animation: appOfferHideAnimation 0.3s;
  animation-fill-mode: forwards;
}
.appOfferBanner .appOfferContent {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.appOfferBanner .appOfferContent:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.appOfferBanner .appOfferContent .close {
  display: none;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -2958px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
.appOfferBanner .appOfferContent .close:hover,
.appOfferBanner .appOfferContent .close:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.appOfferBanner .appOfferContent .close:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.appOfferBanner .appOfferContent .icon {
  background-size: 136px 15438px;
  background-position: 0px -1510px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 59px;
  height: 40px;
}
.no-svg .appOfferBanner .appOfferContent .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1502px;
}
.appOfferBanner .appOfferContent .text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  margin-right: 64px;
  text-align: left;
}
.appOfferBanner .appOfferContent .text .appOfferTitle {
  font: 24px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  color: #FFF;
}
.appOfferBanner .appOfferContent .text .appOfferMessage {
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  color: #FFF;
}
.appOfferBanner .appOfferContent button.getTheApp,
.appOfferBanner .appOfferContent button.launchTheApp {
  -webkit-animation: controlsAnimation 0.45s;
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 48px;
}
.appOfferBanner .appOfferContent button.getTheApp .turnOffOutlineForClick,
.appOfferBanner .appOfferContent button.launchTheApp .turnOffOutlineForClick {
  outline: none;
}
.appOfferBanner .appOfferContent button.getTheApp div.icon,
.appOfferBanner .appOfferContent button.launchTheApp div.icon {
  display: none;
}
.appOfferBanner .appOfferContent button.getTheApp:hover,
.appOfferBanner .appOfferContent button.launchTheApp:hover,
.appOfferBanner .appOfferContent button.getTheApp.hovered,
.appOfferBanner .appOfferContent button.launchTheApp.hovered {
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid #ffffff;
}
.appOfferBanner .appOfferContent button.getTheApp:active,
.appOfferBanner .appOfferContent button.launchTheApp:active {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.appOfferBanner .appOfferContent button.getTheApp:active:focus,
.appOfferBanner .appOfferContent button.launchTheApp:active:focus {
  background-color: rgba(255, 255, 255, 0.32);
  color: none;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner .appOfferContent button.getTheApp:active:not(:disabled),
.appOfferBanner .appOfferContent button.launchTheApp:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.appOfferBanner .appOfferContent button.getTheApp:focus,
.appOfferBanner .appOfferContent button.launchTheApp:focus {
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.appOfferBanner .appOfferContent button.getTheApp.disabled,
.appOfferBanner .appOfferContent button.launchTheApp.disabled,
.appOfferBanner .appOfferContent button.getTheApp:disabled,
.appOfferBanner .appOfferContent button.launchTheApp:disabled {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner .appOfferContent button.getTheApp.disabled:hover,
.appOfferBanner .appOfferContent button.launchTheApp.disabled:hover,
.appOfferBanner .appOfferContent button.getTheApp:disabled:hover,
.appOfferBanner .appOfferContent button.launchTheApp:disabled:hover,
.appOfferBanner .appOfferContent button.getTheApp.disabled:active,
.appOfferBanner .appOfferContent button.launchTheApp.disabled:active,
.appOfferBanner .appOfferContent button.getTheApp:disabled:active,
.appOfferBanner .appOfferContent button.launchTheApp:disabled:active,
.appOfferBanner .appOfferContent button.getTheApp.disabled:focus,
.appOfferBanner .appOfferContent button.launchTheApp.disabled:focus,
.appOfferBanner .appOfferContent button.getTheApp:disabled:focus,
.appOfferBanner .appOfferContent button.launchTheApp:disabled:focus {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner .appOfferContent button.getTheApp.valid,
.appOfferBanner .appOfferContent button.launchTheApp.valid {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner .appOfferContent button.getTheApp.invalid,
.appOfferBanner .appOfferContent button.launchTheApp.invalid {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner .appOfferContent button.getTheApp.invalid div,
.appOfferBanner .appOfferContent button.launchTheApp.invalid div {
  display: none;
}
.appOfferBanner .appOfferContent button.getTheApp.invalid div.icon,
.appOfferBanner .appOfferContent button.launchTheApp.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.appOfferBanner .appOfferContent button.getTheApp.invalid:hover,
.appOfferBanner .appOfferContent button.launchTheApp.invalid:hover,
.appOfferBanner .appOfferContent button.getTheApp.invalid:active,
.appOfferBanner .appOfferContent button.launchTheApp.invalid:active,
.appOfferBanner .appOfferContent button.getTheApp.invalid:focus,
.appOfferBanner .appOfferContent button.launchTheApp.invalid:focus,
.appOfferBanner .appOfferContent button.getTheApp.invalid:disabled,
.appOfferBanner .appOfferContent button.launchTheApp.invalid:disabled,
.appOfferBanner .appOfferContent button.getTheApp.invalid.disabled,
.appOfferBanner .appOfferContent button.launchTheApp.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner .appOfferContent button.getTheApp.invalid div.icon,
.appOfferBanner .appOfferContent button.launchTheApp.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -1412px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appOfferBanner .appOfferContent button.getTheApp.invalid div.icon,
.no-svg .appOfferBanner .appOfferContent button.launchTheApp.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1404px;
}
.appOfferBanner .appOfferContent button.getTheApp.loading,
.appOfferBanner .appOfferContent button.launchTheApp.loading {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner .appOfferContent button.getTheApp.loading div,
.appOfferBanner .appOfferContent button.launchTheApp.loading div {
  display: none;
}
.appOfferBanner .appOfferContent button.getTheApp.loading div.icon,
.appOfferBanner .appOfferContent button.launchTheApp.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.appOfferBanner .appOfferContent button.getTheApp.loading:hover,
.appOfferBanner .appOfferContent button.launchTheApp.loading:hover,
.appOfferBanner .appOfferContent button.getTheApp.loading:active,
.appOfferBanner .appOfferContent button.launchTheApp.loading:active,
.appOfferBanner .appOfferContent button.getTheApp.loading:focus,
.appOfferBanner .appOfferContent button.launchTheApp.loading:focus,
.appOfferBanner .appOfferContent button.getTheApp.loading:disabled,
.appOfferBanner .appOfferContent button.launchTheApp.loading:disabled,
.appOfferBanner .appOfferContent button.getTheApp.loading.disabled,
.appOfferBanner .appOfferContent button.launchTheApp.loading.disabled {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner .appOfferContent button.getTheApp:focus,
.appOfferBanner .appOfferContent button.launchTheApp:focus {
  box-shadow: 0 0 0 4px #ff9700;
}
.appOfferBanner .appOfferContent button.launchTheApp {
  display: none;
}
.appOfferBanner .appOfferContent a.noThanks {
  -webkit-animation: controlsAnimation 0.55s;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  margin-left: 20px;
  color: #FFF;
}
.appOfferBanner .appOfferContent a.noThanks:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
.appOfferBanner .appOfferContent a.noThanks:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
.appOfferBanner .appOfferContent a.noThanks:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
.appOfferBanner .appOfferContent a.noThanks.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appOfferBanner .appOfferContent a.noThanks:focus {
  outline: 4px solid #ff9700;
}
.appOfferBanner.leavingScreenBanner {
  -webkit-animation: none;
  background-color: #1789FC;
}
.appOfferBanner.leavingScreenBanner:hover {
  background-color: #1789FC;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -webkit-animation: none;
  background-color: #FD9727;
  display: inline-block;
  vertical-align: middle;
  padding: 0 48px;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp .turnOffOutlineForClick {
  outline: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp div.icon {
  display: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:hover,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.hovered {
  background-color: #4182e2;
  border: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.disabled,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.disabled:hover,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:disabled:hover,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.disabled:active,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:disabled:active,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.disabled:focus,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid div {
  display: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid:hover,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid:active,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid:focus,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid:disabled,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading div {
  display: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading:hover,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading:active,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading:focus,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading:disabled,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading.no-svg {
  background-color: #1D6BDD !important;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading.no-svg div {
  display: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:hover,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp.hovered,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:active,
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:focus {
  background-color: #FFA829;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.getTheApp:focus {
  box-shadow: 0 0 0 4px #ffffff;
}
.appOfferBanner.leavingScreenBanner .appOfferContent a.noThanks {
  display: none;
}
.appOfferBanner.leavingScreenBanner .appOfferContent button.launchTheApp {
  display: none;
}
div.appOfferScreen {
  background-color: #F2F2F2;
  display: none;
}
div.appOfferScreen.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.appOfferScreen.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.appOfferScreen.mac.osx_lion *::-webkit-scrollbar:active,
div.appOfferScreen.mac.osx_lion *::-webkit-scrollbar:hover,
div.appOfferScreen.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.appOfferScreen .scrollbar-container {
  right: 3px;
}
div.appOfferScreen div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.appOfferScreen div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.appOfferScreen div.title,
.lang-es div.appOfferScreen div.title,
.lang-de div.appOfferScreen div.title {
  font-size: 18px;
}
div.appOfferScreen div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.appOfferScreen div.back:hover,
div.appOfferScreen div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.appOfferScreen div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.appOfferScreen div.close,
div.appOfferScreen div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.appOfferScreen div.close:hover,
div.appOfferScreen div.closeDialog:hover,
div.appOfferScreen div.close:focus,
div.appOfferScreen div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.appOfferScreen div.close:active,
div.appOfferScreen div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.appOfferScreen div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.appOfferScreen div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.appOfferScreen div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.appOfferScreen div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.appOfferScreen div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.appOfferScreen div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.appOfferScreen div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.appOfferScreen div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.appOfferScreen div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.appOfferScreen div.dialog button.accept div.icon {
  display: none;
}
div.appOfferScreen div.dialog button.accept:hover,
div.appOfferScreen div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.appOfferScreen div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.appOfferScreen div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.appOfferScreen div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.appOfferScreen div.dialog button.accept.disabled,
div.appOfferScreen div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.appOfferScreen div.dialog button.accept.disabled:hover,
div.appOfferScreen div.dialog button.accept:disabled:hover,
div.appOfferScreen div.dialog button.accept.disabled:active,
div.appOfferScreen div.dialog button.accept:disabled:active,
div.appOfferScreen div.dialog button.accept.disabled:focus,
div.appOfferScreen div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.appOfferScreen div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.appOfferScreen div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.dialog button.accept.invalid div {
  display: none;
}
div.appOfferScreen div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.appOfferScreen div.dialog button.accept.invalid:hover,
div.appOfferScreen div.dialog button.accept.invalid:active,
div.appOfferScreen div.dialog button.accept.invalid:focus,
div.appOfferScreen div.dialog button.accept.invalid:disabled,
div.appOfferScreen div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.appOfferScreen div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.appOfferScreen div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.dialog button.accept.loading div {
  display: none;
}
div.appOfferScreen div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.appOfferScreen div.dialog button.accept.loading:hover,
div.appOfferScreen div.dialog button.accept.loading:active,
div.appOfferScreen div.dialog button.accept.loading:focus,
div.appOfferScreen div.dialog button.accept.loading:disabled,
div.appOfferScreen div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.appOfferScreen div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.appOfferScreen div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.appOfferScreen div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.appOfferScreen div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.appOfferScreen div.dialog button.accept.red div.icon {
  display: none;
}
div.appOfferScreen div.dialog button.accept.red:hover,
div.appOfferScreen div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.appOfferScreen div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.appOfferScreen div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.appOfferScreen div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.appOfferScreen div.dialog button.accept.red.disabled,
div.appOfferScreen div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.appOfferScreen div.dialog button.accept.red.disabled:hover,
div.appOfferScreen div.dialog button.accept.red:disabled:hover,
div.appOfferScreen div.dialog button.accept.red.disabled:active,
div.appOfferScreen div.dialog button.accept.red:disabled:active,
div.appOfferScreen div.dialog button.accept.red.disabled:focus,
div.appOfferScreen div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.appOfferScreen div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.appOfferScreen div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.dialog button.accept.red.invalid div {
  display: none;
}
div.appOfferScreen div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.appOfferScreen div.dialog button.accept.red.invalid:hover,
div.appOfferScreen div.dialog button.accept.red.invalid:active,
div.appOfferScreen div.dialog button.accept.red.invalid:focus,
div.appOfferScreen div.dialog button.accept.red.invalid:disabled,
div.appOfferScreen div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.appOfferScreen div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.appOfferScreen div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.dialog button.accept.red.loading div {
  display: none;
}
div.appOfferScreen div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.appOfferScreen div.dialog button.accept.red.loading:hover,
div.appOfferScreen div.dialog button.accept.red.loading:active,
div.appOfferScreen div.dialog button.accept.red.loading:focus,
div.appOfferScreen div.dialog button.accept.red.loading:disabled,
div.appOfferScreen div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.appOfferScreen div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.appOfferScreen div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.appOfferScreen div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.appOfferScreen div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.appOfferScreen div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.appOfferScreen div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.appOfferScreen div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.appOfferScreen div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.appOfferScreen div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.appOfferScreen div.message1 {
  text-align: center;
  color: #333;
  font: 28px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 32px;
}
div.appOfferScreen div.message2 {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 32px;
}
div.appOfferScreen div.appHolder {
  margin-top: 48px;
  text-align: center;
}
div.appOfferScreen div.appHolder button.useApp {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.appOfferScreen div.appHolder button.useApp .turnOffOutlineForClick {
  outline: none;
}
div.appOfferScreen div.appHolder button.useApp div.icon {
  display: none;
}
div.appOfferScreen div.appHolder button.useApp:hover,
div.appOfferScreen div.appHolder button.useApp.hovered {
  background-color: #21c37f;
  border: none;
}
div.appOfferScreen div.appHolder button.useApp:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.appOfferScreen div.appHolder button.useApp:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.appOfferScreen div.appHolder button.useApp:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.appOfferScreen div.appHolder button.useApp.disabled,
div.appOfferScreen div.appHolder button.useApp:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.appOfferScreen div.appHolder button.useApp.disabled:hover,
div.appOfferScreen div.appHolder button.useApp:disabled:hover,
div.appOfferScreen div.appHolder button.useApp.disabled:active,
div.appOfferScreen div.appHolder button.useApp:disabled:active,
div.appOfferScreen div.appHolder button.useApp.disabled:focus,
div.appOfferScreen div.appHolder button.useApp:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.appOfferScreen div.appHolder button.useApp.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.appOfferScreen div.appHolder button.useApp.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.appHolder button.useApp.invalid div {
  display: none;
}
div.appOfferScreen div.appHolder button.useApp.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.appOfferScreen div.appHolder button.useApp.invalid:hover,
div.appOfferScreen div.appHolder button.useApp.invalid:active,
div.appOfferScreen div.appHolder button.useApp.invalid:focus,
div.appOfferScreen div.appHolder button.useApp.invalid:disabled,
div.appOfferScreen div.appHolder button.useApp.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.appHolder button.useApp.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.appOfferScreen div.appHolder button.useApp.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.appOfferScreen div.appHolder button.useApp.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.appHolder button.useApp.loading div {
  display: none;
}
div.appOfferScreen div.appHolder button.useApp.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.appOfferScreen div.appHolder button.useApp.loading:hover,
div.appOfferScreen div.appHolder button.useApp.loading:active,
div.appOfferScreen div.appHolder button.useApp.loading:focus,
div.appOfferScreen div.appHolder button.useApp.loading:disabled,
div.appOfferScreen div.appHolder button.useApp.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.appOfferScreen div.appHolder button.useApp.loading.no-svg {
  background-color: #19A96D !important;
}
div.appOfferScreen div.appHolder button.useApp.loading.no-svg div {
  display: none;
}
div.appOfferScreen div.appHolder button.useApp.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.appOfferScreen div.browserHolder {
  margin-top: 16px;
  text-align: center;
}
div.appOfferScreen div.browserHolder a.useBrowser {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.appOfferScreen div.browserHolder a.useBrowser:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.appOfferScreen div.browserHolder a.useBrowser:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.appOfferScreen div.browserHolder a.useBrowser:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.appOfferScreen div.browserHolder a.useBrowser.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.appOfferScreen div.terms {
  font-size: 15px;
  margin-top: 120px;
}
div.appOfferScreen div.terms a.eula {
  display: block;
  padding: 4px 0px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.appOfferScreen div.terms a.eula:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.appOfferScreen div.terms a.eula:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.appOfferScreen div.terms a.eula:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.appOfferScreen div.terms a.eula.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appPromotionOfferScreen {
  display: none;
  text-align: center;
  font: 14px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  position: absolute;
  z-index: 36;
  width: 100%;
  height: 100%;
}
.appPromotionOfferScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.appPromotionOfferScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.appPromotionOfferScreen:before {
  content: '';
  display: inline-block;
  height: 85%;
  vertical-align: middle;
}
.appPromotionOfferScreen .splashBody {
  position: relative;
  z-index: 2;
  vertical-align: middle;
  display: inline-block;
}
.appPromotionOfferScreen .splashBody .title {
  display: block;
  color: #FFFFFF;
  font-size: 40px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appPromotionOfferScreen .splashBody .title {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.appPromotionOfferScreen .splashBody .subtitle {
  display: block;
  margin-top: 27px;
  color: #FFFFFF;
  font-size: 20px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
}
.appPromotionOfferScreen .splashBody div.downloadApp {
  margin-top: 64px;
  display: inline-block;
}
.appPromotionOfferScreen .splashBody div.downloadApp button.downloadApp {
  height: 56px;
  width: 276px;
  background-color: #169bf4;
  font-size: 18px;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 4px;
  -webkit-box-shadow: 0px 14px 3px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 14px 3px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 14px 3px 0px rgba(0, 0, 0, 0.03);
  border: none;
  outline: none;
}
.appPromotionOfferScreen .splashBody div.downloadApp button.downloadApp:hover,
.appPromotionOfferScreen .splashBody div.downloadApp button.downloadApp:focus {
  background-color: #3BA3F6;
  background-color: #3ba3f6;
  -webkit-box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  outline: none;
}
.appPromotionOfferScreen .splashBody div.downloadApp button.downloadApp:active {
  color: #85CAF9;
  color: rgba(255, 255, 255, 0.48);
  background-color: #169bf4;
  -webkit-box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 16px 8px 0px rgba(0, 0, 0, 0.03);
  outline: none;
}
.appPromotionOfferScreen .splashBody div.downloadApp button.downloadApp:focus {
  outline: 4px solid #ff9700;
}
.appPromotionOfferScreen .joinWithBrowser {
  display: none;
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
}
.appPromotionOfferScreen .joinWithBrowser div.joinWithBrowserText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appPromotionOfferScreen .joinWithBrowser div.joinWithBrowserText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appPromotionOfferScreen .joinWithBrowser a.joinWithBrowserLink {
  margin-left: 15px;
  display: inline-block;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appPromotionOfferScreen .joinWithBrowser a.joinWithBrowserLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.appPromotionOfferScreen .joinWithBrowser a.joinWithBrowserLink:focus {
  border-bottom: none;
}
.appPromotionOfferScreen .joinWithBrowser a.joinWithBrowserLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.appPromotionOfferScreen .joinWithBrowser a.joinWithBrowserLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appPromotionOfferScreen .launchApp {
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 5px;
}
.appPromotionOfferScreen .launchApp div.launchAppText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appPromotionOfferScreen .launchApp div.launchAppText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appPromotionOfferScreen .launchApp a.launchAppLink {
  margin-left: 15px;
  display: inline-block;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appPromotionOfferScreen .launchApp a.launchAppLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.appPromotionOfferScreen .launchApp a.launchAppLink:focus {
  border-bottom: none;
}
.appPromotionOfferScreen .launchApp a.launchAppLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.appPromotionOfferScreen .launchApp a.launchAppLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appPromotionOfferScreen .warnForce {
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 5px;
  display: none;
}
.appPromotionOfferScreen .warnForce div.warnForceText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 18px;
  margin-right: 4px;
  margin-left: 4px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .appPromotionOfferScreen .warnForce div.warnForceText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.appPromotionOfferScreen .warnForce a.warnForceLink {
  display: inline-block;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appPromotionOfferScreen .warnForce a.warnForceLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.appPromotionOfferScreen .warnForce a.warnForceLink:focus {
  border-bottom: none;
}
.appPromotionOfferScreen .warnForce a.warnForceLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.appPromotionOfferScreen .warnForce a.warnForceLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
@media only screen and (min-height: 800px) {
  .appPromotionOfferScreen .joinWithBrowser {
    position: absolute;
    bottom: 144px;
    margin: auto;
  }
  .appPromotionOfferScreen .launchApp {
    position: absolute;
    bottom: 112px;
    margin: auto;
  }
  .appPromotionOfferScreen .warnForce {
    position: absolute;
    bottom: 76px;
    margin: auto;
  }
}
.appPromotionOfferScreen #deprecateMessage {
  text-align: left;
}
.appPromotionOfferScreen #deprecateMessage > .title {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
  font-size: 28px;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  padding-bottom: 42px;
  text-align: center;
}
.appPromotionOfferScreen #deprecateMessage .videoOption .joinVideo {
  padding-left: 14px;
  display: inline-block;
}
.appPromotionOfferScreen #deprecateMessage .videoOption .joinVideo .text {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 11px;
}
.appPromotionOfferScreen #deprecateMessage .videoOption .joinVideo .downloadChrome {
  margin-bottom: 11px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 100px;
  display: inline-block;
  padding: 8px 18px 8px 8px;
  cursor: pointer;
  background: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.16);
}
.appPromotionOfferScreen #deprecateMessage .videoOption .joinVideo .downloadChrome .logo {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3113px;
}
.appPromotionOfferScreen #deprecateMessage .videoOption .joinVideo .downloadChrome .downloadText {
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  margin-left: 4px;
  line-height: 24px;
  vertical-align: top;
  text-transform: uppercase;
}
.appPromotionOfferScreen #deprecateMessage .videoOption .joinVideo .downloadChrome:hover {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.48);
}
.appPromotionOfferScreen #deprecateMessage .videoOption .joinVideo .mobileText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 29px;
}
.appPromotionOfferScreen #deprecateMessage .audioOption {
  display: none;
}
.appPromotionOfferScreen #deprecateMessage .audioOption .joinAudio {
  padding-left: 14px;
  display: inline-block;
}
.appPromotionOfferScreen #deprecateMessage .audioOption .joinAudio .text {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 11px;
}
.appPromotionOfferScreen #deprecateMessage .audioOption .joinAudio .dialText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
}
.appPromotionOfferScreen #deprecateMessage div.bullet {
  display: inline-block;
  vertical-align: top;
  margin: 6px;
  width: 4px;
  height: 4px;
  background-size: 136px 15438px;
  background-position: 0px -49px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .appPromotionOfferScreen #deprecateMessage div.bullet {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -49px;
}
.appPromotionOfferScreen .helpInfo {
  height: auto;
  width: auto;
  position: absolute;
  right: 32px;
  bottom: 17px;
  text-align: right;
  z-index: 10;
}
.appPromotionOfferScreen .helpInfo .helpLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.appPromotionOfferScreen .helpInfo .helpLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.appPromotionOfferScreen .helpInfo .helpLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.appPromotionOfferScreen .helpInfo .helpLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.appPromotionOfferScreen .helpInfo .helpLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appPromotionOfferScreen .helpInfo .helpNumber {
  size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  margin-top: 8px;
}
.appPromotionOfferScreen .helpInfo .helpPhone {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  margin-top: 5px;
}
.appPromotionOfferScreen div.corporateInformation {
  height: 18px;
  bottom: 18px;
  left: 0;
  position: absolute;
  z-index: 10;
  text-align: center;
  right: 0;
}
.appPromotionOfferScreen div.corporateInformation div.logoContainer {
  position: absolute;
  left: 30px;
}
.appPromotionOfferScreen div.corporateInformation div.logoContainer div.logo {
  background-image: url("images/BJN_logo_76x18_svg.svg");
  width: 78px;
  height: 18px;
  background-repeat: no-repeat;
}
.appPromotionOfferScreen div.corporateInformation div.logoContainer img.logo {
  max-height: 18px;
}
.appPromotionOfferScreen div.corporateInformation div.privacyPolicyContainer div.privacyText {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
}
.appPromotionOfferScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin-left: 6px;
  padding-bottom: 3px;
  padding-right: 4px;
}
.appPromotionOfferScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.appPromotionOfferScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.appPromotionOfferScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.appPromotionOfferScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.appPromotionOfferScreen a:focus {
  outline: 4px solid #ff9700;
}
div.applicationSharingjf3 div.jf3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3.mac.osx_lion .scrollpane-content {
  max-width: 280px;
}
div.applicationSharingjf3 div.jf3.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.applicationSharingjf3 div.jf3.mac.osx_lion *::-webkit-scrollbar:active,
div.applicationSharingjf3 div.jf3.mac.osx_lion *::-webkit-scrollbar:hover,
div.applicationSharingjf3 div.jf3.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.applicationSharingjf3 div.jf3 div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer {
  position: relative;
  height: 100%;
  width: 100%;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.hovered {
  background-color: #4182e2;
  border: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.disabled,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.disabled:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:disabled:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.disabled:active,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:disabled:active,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.disabled:focus,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid:active,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid:focus,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid:disabled,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading div {
  display: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading:active,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading:focus,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading:disabled,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.applicationSharingjf3 div.jf3 div.scrollbar-container {
  right: 3px;
}
div.applicationSharingjf3 div.jf3 div.nowindows {
  text-align: center;
}
div.applicationSharingjf3 div.jf3 div.nowindows span,
div.applicationSharingjf3 div.jf3 div.nowindows {
  font-size: 14px;
  margin-top: 20px;
}
div.applicationSharingjf3 div.jf3 div.appArrow {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  right: 0px;
  top: 0px;
  border-style: solid;
  border-width: 15px 15px 15px 0;
  border-color: transparent #414141 transparent transparent;
  z-index: 99;
}
div.applicationSharingjf3 div.jf3 div.appArrowClipping {
  width: 15px;
  height: 30px;
  display: block;
  background-color: #303030;
  position: absolute;
  right: 0px;
  top: 188px;
  z-index: 100;
}
div.applicationSharingjf3 div.jf3 div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  position: absolute;
  top: 0px;
  right: 115px;
}
div.applicationSharingjf3 div.jf3 div.close,
div.applicationSharingjf3 div.jf3 div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.applicationSharingjf3 div.jf3 div.close:hover,
div.applicationSharingjf3 div.jf3 div.closeDialog:hover,
div.applicationSharingjf3 div.jf3 div.close:focus,
div.applicationSharingjf3 div.jf3 div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 div.close:active,
div.applicationSharingjf3 div.jf3 div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3.participant {
  height: 240px;
  margin-top: -120px;
}
div.applicationSharingjf3 div.jf3.participant .choiceContainer {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content {
  background-color: transparent;
  position: absolute;
  width: 360px;
  top: 68px;
  left: 0px;
  bottom: 0;
  z-index: 5;
  color: #cccccc;
  overflow: hidden;
}
div.applicationSharingjf3 div.jf3 .content div.sharingOptions div.sharingOptionsButton {
  display: inline-block;
  height: 46px;
  width: 180px;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
  size: 14px ;
  color: #1D6BDD;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
div.applicationSharingjf3 div.jf3 .content div.sharingOptions div.sharingOptionsButton.selected {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  border-bottom: 2px solid #1D6BDD;
}
div.applicationSharingjf3 div.jf3 .content div.sharingOptions div.sharingOptionsButton:focus {
  width: 172px;
}
div.applicationSharingjf3 div.jf3 .content div.sharingOptions div.sharingOptionsButton:active {
  color: #FFF;
  background-color: #9ACCF6;
  background-color: rgba(0, 137, 255, 0.36);
}
div.applicationSharingjf3 div.jf3 .content div.sharingOptions div.sharingOptionsButton:hover {
  background-color: #D4E4F3;
  background-color: rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content .confirmationMessage {
  margin-top: 20px;
  font-size: 14px;
}
div.applicationSharingjf3 div.jf3 .content .recordingStopWarning {
  margin-top: 10px;
  font-size: 13px;
  color: #878787;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer {
  margin-top: 20px;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer label {
  display: block;
  line-height: 20px;
  color: #cccccc;
  font-size: 13px;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer label.delay {
  margin-left: 27px;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer label + label {
  margin-top: 8px;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer label.disabled {
  color: #4d4d4d;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span {
  vertical-align: middle;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes {
  background-color: #303030;
  color: #1286d4;
  width: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-align: right;
  border: 1px solid transparent;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes:hover {
  border-color: #4d4d4d;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes.error {
  color: #ff5454;
  border: 1px solid #ff5454;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes[disabled],
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes:hover[disabled],
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes.error[disabled] {
  color: #4d4d4d;
  border-color: transparent;
  text-decoration: none;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row-holder {
  overflow: hidden;
  width: 360px;
  position: absolute;
  top: 48px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row-holder.onlyScreenSharing {
  top: 0;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .rows {
  position: relative;
  height: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .screen-header,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .apps-header {
  width: 360px;
  height: 48px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  border-top: 1px solid #DFDFDF;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  text-align: center;
  background-color: #FFF;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .screen-header .title,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .apps-header .title {
  display: inline-block;
  font-size: 16px;
  padding-top: 12px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row {
  width: 360px;
  height: 52px;
  cursor: pointer;
  position: relative;
  border-top: 1px solid #DFDFDF;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .vruler {
  vertical-align: middle;
  height: 52px;
  width: 1px;
  display: inline-block;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .icon {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: auto;
  margin-left: 28px;
  margin-right: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .icon.ie8 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3162px;
  width: 32px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .title {
  width: 140px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  max-height: 34px;
  overflow: hidden;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row.desktop {
  height: 72px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row.desktop .icon {
  height: 56px;
  width: 84px;
  margin-right: 12px;
  margin-left: 28px;
  margin-top: 8px;
  margin-bottom: 0;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row.desktop .icon.ie8 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3219px;
  width: 84px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row.desktop .title {
  margin-top: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row.desktop .canShareMessage,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row.desktop .unshareMessage,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row.desktop .sharedMessage {
  position: absolute;
  top: 28px;
  right: 30px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .sharedIcon,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .unshareIcon,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .canShareIcon,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .canUnshareIcon {
  height: 24px;
  position: absolute;
  top: 14px;
  right: 28px;
  width: 24px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .canShareMessage,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .unshareMessage,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .sharedMessage {
  position: absolute;
  top: 18px;
  right: 30px;
  display: none;
  font-size: 14px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  text-transform: uppercase;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .canShareMessage {
  color: #4183E1;
  color: rgba(29, 107, 221, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .unshareMessage {
  color: #E23535;
  color: rgba(223, 14, 14, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .sharedMessage {
  color: #5EC138;
  color: rgba(63, 184, 17, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:hover {
  background-color: #D4E4F3;
  background-color: rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:hover.shared {
  background-color: #F0D6D6;
  background-color: rgba(223, 14, 14, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:hover.shared .sharedMessage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:hover.shared .unshareMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:hover.shared .canShareMessage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:hover .canShareMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:active {
  background-color: #D4E4F3;
  background-color: rgba(0, 137, 255, 0.36);
  color: #FFF;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:active.shared {
  background-color: #EBA0A0;
  background-color: rgba(223, 14, 14, 0.36);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:active.shared .sharedMessage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row:active .canShareMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row.shared {
  background-color: #DCEAD6;
  background-color: rgba(63, 184, 17, 0.08);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row.shared .sharedMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .ui-accordion .ui-accordion-icons {
  padding-left: none;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .ui-accordion .ui-accordion-header {
  margin-top: 0;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .row .ui-accordion-header {
  margin-top: 0;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens {
  padding: 0;
  margin-top: 0;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens .canShareMessage,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens .unshareMessage,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens .sharedMessage {
  position: absolute;
  right: 50px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens .upArrow {
  width: 12px;
  height: 8px;
  background-size: 136px 15438px;
  background-position: 0px -1575px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens .upArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1567px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens .downArrow {
  width: 12px;
  height: 8px;
  background-size: 136px 15438px;
  background-position: 0px -1608px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens .downArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1600px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens:hover.shared {
  background-color: #DCEAD6;
  background-color: rgba(63, 184, 17, 0.08);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens:hover.shared .sharedMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens:hover.shared .downArrow {
  width: 12px;
  height: 8px;
  background-size: 136px 15438px;
  background-position: 0px -1641px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens:hover.shared .downArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1633px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens:hover .upArrow {
  width: 12px;
  height: 8px;
  background-size: 136px 15438px;
  background-position: 0px -1674px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens:hover .upArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1666px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens:hover .downArrow {
  width: 12px;
  height: 8px;
  background-size: 136px 15438px;
  background-position: 0px -1707px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens:hover .downArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1699px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .moreScreens .arrow {
  position: absolute;
  top: 22px;
  right: 24px;
  height: 16px;
  width: 16px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens {
  padding: 0;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .screen-desc {
  height: 36px;
  font-size: 12px;
  border-top: 1px solid #DFDFDF;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-left: 40px;
  padding-top: 12px;
  color: #000;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 15px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .screen-desc .info {
  width: 12px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -1740px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .screen-desc .info {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1732px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .screen-desc .desc {
  padding-left: 34px;
  padding-right: 20px;
  float: right;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .row {
  border: none;
  height: 72px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .row .vruler {
  padding-left: 72px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .row .rightPanel {
  display: inline-block;
  border-top: 1px solid #DFDFDF;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-right: 49px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .row .icon {
  height: 56px;
  width: 84px;
  margin-right: 12px;
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 0;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .row .title {
  margin-top: 5px;
}
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .row .canShareMessage,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .row .unshareMessage,
div.applicationSharingjf3 div.jf3 .content div.newAppSharing .appScreens .row .sharedMessage {
  position: absolute;
  top: 28px;
  right: 25px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder {
  height: 194px;
  width: 360px;
  text-align: center;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor {
  height: 162px;
  width: 240px;
  margin-top: 32px;
  margin-left: 5px;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  background-color: #222222;
  position: relative;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor div.label {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
  color: #FFF;
  height: 38px;
  padding-left: 14px;
  padding-right: 14px;
  position: absolute;
  left: 97px;
  top: 65px;
  line-height: 38px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor div.vruler {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .thumbnail {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .thumbnail.ie8 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3300px;
  width: 200px;
  height: 124px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .leftArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 56px;
  left: -55px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .leftArrow:hover {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .leftArrow:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .leftArrow:focus {
  border: 4px solid rgba(0, 137, 255, 0.12);
  outline: none !important;
  top: 52px;
  left: -59px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .rightArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 56px;
  right: -52px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
  transform: rotate(180deg);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .rightArrow:focus {
  border: 4px solid rgba(0, 137, 255, 0.12);
  outline: none !important;
  top: 52px;
  right: -56px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .rightArrow:hover {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  border: none;
  top: 56px;
  right: -52px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .rightArrow:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: none;
  top: 56px;
  right: -52px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor.letterbox-sides img {
  width: auto;
  height: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder {
  height: 82px;
  width: 100%;
  text-align: center;
  margin-top: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 62px;
  height: 42px;
  border-radius: 2px;
  margin-left: 8px;
  margin-right: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder.currentlyDisplayed {
  border: 4px solid #1D6BDD;
  border-radius: 2px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder:focus {
  border: 4px solid #D4E4F3;
  border: 4px solid rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder:hover {
  border-radius: 2px;
  border: 4px solid #7EC0F8;
  border: 4px solid rgba(0, 137, 255, 0.48);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder:hover div.mask {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder div.mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 137, 255, 0.36);
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder .miniScreen::before {
  height: 82px;
  vertical-align: middle;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder .miniScreen {
  vertical-align: middle;
  display: inline-block;
  width: 62px;
  height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder .miniScreen.ie8 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3449px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorDotHolder {
  width: 240px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-top: 16px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorDotHolder div.miniScreenDotHolder {
  display: inline-block;
  cursor: pointer;
  margin-left: 8px;
  margin-right: 8px;
  height: 8px;
  width: 8px;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorDotHolder div.miniScreenDotHolder.currentlyDisplayed {
  background-color: #1D6BDD;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder {
  overflow: hidden;
  width: 360px;
  position: absolute;
  top: 330px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.onlyScreenSharing {
  top: 282px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.singleMonitor {
  top: 282px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.onlyScreenSharing.singleMonitor {
  top: 234px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.manyMonitorsLessThan11 {
  top: 299px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.onlyScreenSharing.manyMonitorsLessThan11 {
  top: 251px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .rows {
  position: relative;
  height: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row {
  width: 360px;
  height: 52px;
  cursor: pointer;
  position: relative;
  border-top: 1px solid ##DFDFDF;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .vruler {
  vertical-align: middle;
  height: 52px;
  width: 1px;
  display: inline-block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .icon {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: auto;
  margin-left: 28px;
  margin-right: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .icon.ie8 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3162px;
  width: 32px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .title {
  width: 140px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  max-height: 34px;
  overflow: hidden;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row.desktop .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3516px;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  margin-right: 12px;
  margin-left: 28px;
  display: inline-block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .sharedIcon,
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .unshareIcon,
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .canShareIcon,
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .canUnshareIcon {
  height: 24px;
  position: absolute;
  top: 14px;
  right: 28px;
  width: 24px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .canShareMessage,
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .unshareMessage,
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .sharedMessage {
  position: absolute;
  top: 20px;
  right: 24px;
  display: none;
  font-size: 14px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  text-transform: uppercase;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .canShareMessage {
  color: #4183E1;
  color: rgba(29, 107, 221, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .unshareMessage {
  color: #E23535;
  color: rgba(223, 14, 14, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .sharedMessage {
  color: #5EC138;
  color: rgba(63, 184, 17, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover {
  background-color: #D4E4F3;
  background-color: rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover.shared {
  background-color: #F0D6D6;
  background-color: rgba(223, 14, 14, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover.shared .sharedMessage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover.shared .unshareMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover.shared .canShareMessage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover .canShareMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:active {
  background-color: #D4E4F3;
  background-color: rgba(0, 137, 255, 0.36);
  color: #FFF;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:active.shared {
  background-color: #EBA0A0;
  background-color: rgba(223, 14, 14, 0.36);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:active.shared .sharedMessage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:active .canShareMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row.shared {
  background-color: #DCEAD6;
  background-color: rgba(63, 184, 17, 0.08);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row.shared .sharedMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.notLoggedIn {
  text-align: center;
}
div.applicationSharingjf3 div.jf3 .content div.notLoggedIn div.noRecordingsMessageHolder {
  position: relative;
  margin-top: 63%;
}
div.applicationSharingjf3 div.jf3 .content div.notLoggedIn div.noRecordingsMessageHolder div.noRecordingsIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3573px;
  width: 82px;
  height: 66px;
  margin-left: 37%;
}
div.applicationSharingjf3 div.jf3 .content div.notLoggedIn div.noRecordingsMessageHolder div.noRecordingsMessage {
  margin-top: 21px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing {
  height: 100%;
  width: 360px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow {
  height: 74px;
  width: 100%;
  position: relative;
  background-color: #f2f2f2;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder {
  height: 42px;
  position: absolute;
  top: 16px;
  left: 28px;
  width: 304px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 42px;
  display: inline-block;
  width: 152px;
  line-height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  height: 42px;
  display: inline-block;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  line-height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.hovered {
  background-color: #4182e2;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading.no-svg div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  height: 42px;
  display: inline-block;
  width: 152px;
  line-height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  height: 42px;
  display: inline-block;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  line-height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.hovered {
  background-color: #4182e2;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading.no-svg div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer {
  position: absolute;
  top: 122px;
  left: 0px;
  right: 0px;
  bottom: 90px;
  background-color: #E9E9E9;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer.recordingSharing {
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer.onlyVideoSharing {
  top: 48px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer.onlyRecordingSharing {
  top: 48px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer {
  height: 100%;
  width: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .border {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .noVideos {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .noVideos div.noVideoMessageHolder {
  position: relative;
  margin-top: 40%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .noVideos div.noVideoMessageHolder div.noVideoIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3573px;
  width: 82px;
  height: 66px;
  margin-left: 37%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .noVideos div.noVideoMessageHolder div.noVideoMessage {
  margin-top: 21px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video {
  height: 96px;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading {
  height: 60px;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.deleting .processing-container {
  display: block;
  background-color: #FFFFFF;
  background-color: #ffffff;
  opacity: 0.64;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.deleting .processing-container div.deleting-spinner {
  width: 36px;
  height: 36px;
  background-size: 136px 15438px;
  background-position: 0px -1777px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.deleting .processing-container div.deleting-spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1769px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.info {
  top: 12px;
  left: 28px;
  height: 16px;
  line-height: 16px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper {
  overflow: visible;
  height: 8px;
  width: 304px;
  left: 28px;
  top: 36px;
  background-color: #E7E7E7;
  background-image: none;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper span.progress {
  background-color: #3FB811;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer {
  bottom: 15px;
  width: 24px;
  height: 24px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  right: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer span.percentage {
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  position: static;
  font-size: 14px;
  height: 24px;
  width: 24px;
  display: block;
  line-height: 24px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel {
  border: none;
  height: 24px;
  width: 24px;
  opacity: 0;
  position: relative;
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel button.cancel {
  display: none;
  border: none;
  background: transparent;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -1838px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel button.cancel {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1830px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover {
  display: block;
  opacity: 0.5;
  background-color: #F5F5F5;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover button.cancel {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:active {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.08);
  background-color: #EBEBEB;
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus {
  border: 4px solid #E0F0FF;
  border: 4px solid rgba(0, 137, 255, 0.12);
  border-radius: 4px;
  box-sizing: border-box;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progress.actions {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing {
  height: 60px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing div.progressContainer div.progressWrapper {
  background-image: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/jf3_progressbar_grayscale.gif');
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing span.percentage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item {
  position: relative;
  height: 96px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.vRuler {
  height: 96px;
  margin-left: 28px;
  vertical-align: middle;
  display: inline-block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.thumbnail {
  height: 80px;
  width: 80px;
  position: static;
  vertical-align: middle;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.thumbnail div.playIndicator {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.thumbnail div.playIndicator div.indicator {
  height: 24px;
  width: 24px;
  left: 28px;
  top: 28px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3664px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.info {
  position: relative;
  vertical-align: middle;
  height: 68px;
  width: 200px;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.info div.title {
  height: 47px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 8px;
  font-size: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  background-color: transparent;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 199px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.info div.metadata {
  position: absolute;
  bottom: 0px;
  left: 8px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #9E9E9E;
  color: rgba(0, 0, 0, 0.32);
  line-height: 18px;
  size: 14px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.actions {
  vertical-align: bottom;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.actions button.delete {
  height: 24px;
  width: 24px;
  left: 10px;
  top: 12px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3713px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover {
  background-color: #95C7F1;
  background-color: rgba(0, 137, 255, 0.36);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:focus {
  border-top: 4px solid #D4E4F3;
  border-top: 4px solid rgba(0, 137, 255, 0.12);
  border-bottom: 4px solid #D4E4F3;
  border-bottom: 4px solid rgba(0, 137, 255, 0.12);
  background-color: transparent;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active {
  border: none;
  background-color: none;
  background-color: rgba(0, 137, 255, 0.48);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active.uploading,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active.processing {
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover {
  border: none;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer span.percentage,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer span.percentage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel {
  opacity: 1;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel button.cancel,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel button.cancel {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover {
  display: block;
  opacity: 0.5;
  background-color: #F5F5F5;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:active {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.08);
  background-color: #EBEBEB;
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus {
  border: 4px solid #E0F0FF;
  border: 4px solid rgba(0, 137, 255, 0.12);
  border-radius: 4px;
  box-sizing: border-box;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus button.cancel,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus button.cancel {
  top: 2px;
  left: 2px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.thumbnail div.playIndicator div.indicator,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.thumbnail div.playIndicator div.indicator {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.info div.title,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.info div.title {
  color: #FFF;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.info div.metadata,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.info div.metadata {
  color: #F7F7F7;
  color: rgba(255, 255, 255, 0.64);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer {
  height: 28px;
  width: 28px;
  border-radius: 4px;
  overflow: hidden;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer button.delete,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer button.delete {
  display: block;
  opacity: 0.73;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer button.delete:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer button.delete:focus {
  border: 4px solid #AFD5F4;
  border-radius: 4px;
  opacity: 1;
  box-sizing: content-box;
  left: 6px;
  top: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer button.delete:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer button.delete:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer button.delete:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer button.delete:active {
  border: none;
  border-radius: 4px;
  background-color: #8AB8DE;
  opacity: 1;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos.live .playIndicator {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer {
  height: 100%;
  width: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .border {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .noRecordings {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .noRecordings div.noRecordingsMessageHolder {
  position: relative;
  margin-top: 63%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .noRecordings div.noRecordingsMessageHolder div.noRecordingsIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3573px;
  width: 82px;
  height: 66px;
  margin-left: 37%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .noRecordings div.noRecordingsMessageHolder div.noRecordingsMessage {
  margin-top: 21px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording {
  height: 96px;
  border: none;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading {
  height: 60px;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.deleting .processing-container {
  display: block;
  background-color: #FFFFFF;
  background-color: #ffffff;
  opacity: 0.64;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.deleting .processing-container div.deleting-spinner {
  width: 36px;
  height: 36px;
  background-size: 136px 15438px;
  background-position: 0px -1777px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.deleting .processing-container div.deleting-spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1769px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.info {
  top: 12px;
  left: 28px;
  height: 16px;
  line-height: 16px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.progressWrapper {
  overflow: visible;
  height: 8px;
  width: 304px;
  left: 28px;
  top: 36px;
  background-color: #E7E7E7;
  background-image: none;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.progressWrapper span.progress {
  background-color: #3FB811;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.progressWrapper span.percentage {
  bottom: 26px;
  width: 32px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.progressWrapper span.percentage:hover {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions {
  height: 24px;
  width: 24px;
  top: 6px;
  right: 15px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions button.cancel {
  position: absolute;
  left: 6px;
  top: 8px;
  width: 12px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -1838px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions button.cancel {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1830px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions:hover {
  display: block;
  opacity: 0.5;
  background-color: #F5F5F5;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions:active {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.08);
  background-color: #EBEBEB;
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions:focus {
  border: 4px solid #E0F0FF;
  border: 4px solid rgba(0, 137, 255, 0.12);
  border-radius: 4px;
  top: 2px;
  right: 11px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing {
  height: 60px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing div.progressContainer div.progressWrapper {
  background-image: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/jf3_progressbar_grayscale.gif');
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing span.percentage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item {
  position: relative;
  height: 96px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.vRuler {
  height: 96px;
  margin-left: 28px;
  vertical-align: middle;
  display: inline-block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.thumbnail {
  height: 80px;
  width: 80px;
  position: static;
  vertical-align: middle;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.thumbnail div.playIndicator {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.thumbnail div.playIndicator div.indicator {
  height: 24px;
  width: 24px;
  left: 28px;
  top: 28px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3664px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.info {
  position: relative;
  vertical-align: middle;
  height: 68px;
  width: 200px;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.info div.title {
  height: 47px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 8px;
  font-size: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  background-color: transparent;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 199px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.info div.metadata {
  position: absolute;
  bottom: 0px;
  left: 8px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #9E9E9E;
  color: rgba(0, 0, 0, 0.32);
  line-height: 18px;
  size: 14px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.actions {
  vertical-align: bottom;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.actions button.delete {
  height: 24px;
  width: 24px;
  left: 10px;
  top: 12px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3713px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover {
  background-color: #95C7F1;
  background-color: rgba(0, 137, 255, 0.36);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing:hover {
  border: none;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading:hover div.actions,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing:hover div.actions {
  display: block;
  opacity: 1;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading:hover div.actions button.cancel,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing:hover div.actions button.cancel {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:focus {
  border-top: 4px solid #D4E4F3;
  border-top: 4px solid rgba(0, 137, 255, 0.12);
  border-bottom: 4px solid #D4E4F3;
  border-bottom: 4px solid rgba(0, 137, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing:focus {
  border: none;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active {
  border: none;
  background-color: none;
  background-color: rgba(0, 137, 255, 0.48);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active.uploading,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active.processing {
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.thumbnail div.playIndicator div.indicator,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.thumbnail div.playIndicator div.indicator {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.info div.title,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.info div.title {
  color: #FFF;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.info div.metadata,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.info div.metadata {
  color: #F7F7F7;
  color: rgba(255, 255, 255, 0.64);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.actions button.delete,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.actions button.delete {
  display: block;
  opacity: 0.73;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.actions button.delete:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.actions button.delete:focus {
  border: 4px solid #AFD5F4;
  border-radius: 4px;
  opacity: 1;
  box-sizing: content-box;
  left: 6px;
  top: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.actions button.delete:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.actions button.delete:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.actions button.delete:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.actions button.delete:active {
  border: none;
  border-radius: 4px;
  background-color: #8AB8DE;
  opacity: 1;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings.live .playIndicator {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer {
  position: absolute;
  bottom: 0px;
  height: 90px;
  width: 360px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #f2f2f2;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload {
  position: absolute;
  top: 24px;
  left: 28px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: center;
  height: 42px;
  line-height: 42px;
  width: 304px;
  overflow: visible;
  position: relative;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton div.uploadToolTip {
  position: absolute;
  width: 304px;
  line-height: 18px;
  bottom: 50px;
  right: -10px;
  white-space: pre-wrap;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  size: 14px;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 0 1.5px #666;
  border-radius: 4px;
  text-transform: initial;
  text-align: left;
  padding: 12px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:hover div.uploadToolTip {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content .loadingIndicator {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -60px;
  width: 64px;
  height: 64px;
  background-size: 136px 15438px;
  background-position: 0px -1875px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.applicationSharingjf3 div.jf3 .content .loadingIndicator {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1867px;
}
div.applicationSharingjf3.loading div.jf3 .content .sharingOptions,
div.applicationSharingjf3.loading div.jf3 .content .appSharing,
div.applicationSharingjf3.loading div.jf3 .content .newAppSharing,
div.applicationSharingjf3.loading div.jf3 .content .notLoggedIn,
div.applicationSharingjf3.loading div.jf3 .content .videoSharing {
  display: none !important;
}
div.applicationSharingjf3.loading div.jf3 .content .loadingIndicator {
  display: block;
}
div.placeHolderApplicationSharing {
  display: none;
  width: 100%;
  z-index: 4;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
div.placeHolderApplicationSharing.sharing {
  display: block;
}
div.placeHolderApplicationSharing iframe.applicationSharing.shim {
  top: 0;
  left: 0;
  width: 100%;
}
div.applicationSharingSplash .centerContent {
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  z-index: 4;
  background-color: #414141;
}
div.applicationSharingSplash .centerContent.small .center {
  width: 100%;
}
div.applicationSharingSplash .centerContent.small .center h1,
div.applicationSharingSplash .centerContent.small .center h2,
div.applicationSharingSplash .centerContent.small .center img {
  display: none !important;
}
div.applicationSharingSplash .centerContent.small .center button {
  height: 25px !important;
  width: 125px !important;
  font-size: 10px !important;
  line-height: 25px !important;
  padding: inherit !important;
}
div.applicationSharingSplash .centerContent .center {
  margin-left: auto;
  margin-right: auto;
  width: 505px;
  height: 472px;
  margin-top: 10%;
}
div.applicationSharingSplash .centerContent .center h1 {
  text-align: center;
  color: white;
  font-size: 38px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
div.applicationSharingSplash .centerContent .center h2 {
  text-align: center;
  color: white;
  font-size: 16px;
  margin-bottom: 30px;
}
div.applicationSharingSplash .centerContent .center .splash {
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}
div.applicationSharingSplash .centerContent .center .splash.screen {
  width: auto;
  height: 100px;
}
.ie8 div.applicationSharingSplash .centerContent .center .splash.screen {
  width: 100px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3762px;
}
.ie8 div.applicationSharingSplash .centerContent .center .splash {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3887px;
}
.autoInstallerView {
  background-color: #0a0a0a;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  z-index: 6;
  padding-top: 35%;
  color: white;
}
.basicMeetingSplashScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.basicMeetingSplashScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.basicMeetingSplashScreen div {
  color: white;
}
.basicMeetingSplashScreen div.title {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.basicMeetingSplashScreen div.staticMeetingTitle {
  display: block;
  margin-top: 35px;
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #BACADA;
  color: rgba(255, 255, 255, 0.56);
}
.basicMeetingSplashScreen div.status {
  margin-top: 20px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.basicMeetingSplashScreen button.shareScreen {
  font-size: 16px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -150px;
}
.basicMeetingSplashScreen div.splashBody div.title {
  word-break: break-all;
}
.basicMeetingSplashScreen div.nocontent,
.basicMeetingSplashScreen div.connecting,
.basicMeetingSplashScreen div.startingVideo,
.basicMeetingSplashScreen div.noplugin {
  display: none;
  margin-top: 76px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.basicMeetingSplashScreen div.nocontent a.installPluginLink,
.basicMeetingSplashScreen div.connecting a.installPluginLink,
.basicMeetingSplashScreen div.startingVideo a.installPluginLink,
.basicMeetingSplashScreen div.noplugin a.installPluginLink {
  margin-left: 16px;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
.basicMeetingSplashScreen div.nocontent a.installPluginLink:hover,
.basicMeetingSplashScreen div.connecting a.installPluginLink:hover,
.basicMeetingSplashScreen div.startingVideo a.installPluginLink:hover,
.basicMeetingSplashScreen div.noplugin a.installPluginLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.basicMeetingSplashScreen div.nocontent a.installPluginLink:focus,
.basicMeetingSplashScreen div.connecting a.installPluginLink:focus,
.basicMeetingSplashScreen div.startingVideo a.installPluginLink:focus,
.basicMeetingSplashScreen div.noplugin a.installPluginLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.basicMeetingSplashScreen div.nocontent a.installPluginLink:active,
.basicMeetingSplashScreen div.connecting a.installPluginLink:active,
.basicMeetingSplashScreen div.startingVideo a.installPluginLink:active,
.basicMeetingSplashScreen div.noplugin a.installPluginLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.basicMeetingSplashScreen div.nocontent a.installPluginLink.disabled,
.basicMeetingSplashScreen div.connecting a.installPluginLink.disabled,
.basicMeetingSplashScreen div.startingVideo a.installPluginLink.disabled,
.basicMeetingSplashScreen div.noplugin a.installPluginLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.basicMeetingSplashScreen div.loadingMessage {
  max-width: 500px;
  margin: 0 auto;
}
.basicMeetingSplashScreen div.loadingSpinner {
  background-size: 136px 15438px;
  background-position: 0px -1964px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 13px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg .basicMeetingSplashScreen div.loadingSpinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1956px;
}
.basicMeetingSplashScreen div.downloadingCanvas {
  display: none;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 13px;
}
.basicMeetingSplashScreen .animationBorder {
  -webkit-border-radius: 72px;
  -moz-border-radius: 72px;
  border-radius: 72px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 72px;
  height: 72px;
  margin: 0 auto;
  margin-bottom: 13px;
}
.basicMeetingSplashScreen div.status {
  margin-top: 27px;
}
.capacityReachedScreenNew {
  color: #FFF;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 2;
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  position: absolute;
  top: 0px;
}
.capacityReachedScreenNew .outOfCapacityContainer {
  text-align: center;
  position: absolute;
  top: 32%;
  width: 100%;
  margin: 0 auto;
}
.capacityReachedScreenNew .outOfCapacityContainer .heading .logo {
  width: 94px;
  height: 94px;
  background-size: 136px 15438px;
  background-position: 0px -2053px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin: 0 auto;
}
.no-svg .capacityReachedScreenNew .outOfCapacityContainer .heading .logo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2045px;
}
.capacityReachedScreenNew .outOfCapacityContainer .heading .title {
  font-size: 28px;
  margin: 14px 0;
  font-family: ProximaNovaBold;
  color: rgba(255, 255, 255, 0.8);
}
.capacityReachedScreenNew .outOfCapacityContainer .content {
  width: 460px;
  margin: 0 auto;
}
.capacityReachedScreenNew .outOfCapacityContainer .content .message {
  font-size: 16px;
  margin-bottom: 14px;
  font-family: ProximaNovaLight;
}
.capacityReachedScreenNew .outOfCapacityContainer .content .retry {
  cursor: pointer;
  width: 256px;
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 5px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  height: 48px;
}
.capacityReachedScreenNew .outOfCapacityContainer .content .retry:hover {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.48);
}
.capacityReachedScreenNew .outOfCapacityContainer .content .retry button.retryLink {
  color: #ffffff;
  border: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  background: transparent;
  font-family: 'ProximaNovaLight';
  padding: 6px;
  width: 100%;
}
.capacityReachedScreenNew .outOfCapacityContainer .content .retry button.retryLink:before {
  content: '';
  width: 30px;
  height: 30px;
  background-size: 136px 15438px;
  background-position: 0px -2172px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 33px;
  height: 38px;
}
.no-svg .capacityReachedScreenNew .outOfCapacityContainer .content .retry button.retryLink:before {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2164px;
}
.capacityReachedScreenNew div.footer {
  width: 100%;
  position: absolute;
  bottom: 24px;
}
.capacityReachedScreenNew div.footer div.logoContainer div.logo {
  background-image: url("images/BJN_logo_76x18_svg.svg");
  width: 78px;
  height: 18px;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}
.capacityReachedScreenNew div.footer div.logoContainer img.logo {
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  max-height: 18px;
}
.capacityReachedScreenNew div.footer .helpInfo {
  height: auto;
  width: auto;
  position: absolute;
  right: 32px;
  bottom: 2px;
  text-align: right;
  z-index: 10;
}
.capacityReachedScreenNew div.footer .helpInfo .helpLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.capacityReachedScreenNew div.footer .helpInfo .helpLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: none;
}
.capacityReachedScreenNew div.footer .helpInfo .helpLink:focus {
  border-bottom: none;
}
.capacityReachedScreenNew div.footer .helpInfo .helpLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.capacityReachedScreenNew div.footer .helpInfo .helpLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.capacityReachedScreenNew div.footer .helpInfo .helpLink:hover,
.capacityReachedScreenNew div.footer .helpInfo .helpLink:focus,
.capacityReachedScreenNew div.footer .helpInfo .helpLink:active {
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.capacityReachedScreenNew div.footer .helpInfo .helpNumber {
  size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  margin-top: 8px;
}
.capacityReachedScreenNew div.footer .helpInfo .helpPhone {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  margin-top: 5px;
}
div.chatSlidingPanel {
  background-color: rgba(255, 255, 255, 0.88);
}
div.chatSlidingPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
div.chatSlidingPanel div.close,
div.chatSlidingPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.chatSlidingPanel div.close:hover,
div.chatSlidingPanel div.closeDialog:hover,
div.chatSlidingPanel div.close:focus,
div.chatSlidingPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.chatSlidingPanel div.close:active,
div.chatSlidingPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.chatSlidingPanel .chatHeads {
  display: none;
}
div.chatSlidingPanel.privateChatEnabled .chatContainer .chatHeads {
  display: none;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads {
  display: block;
  border-bottom: 1px solid #D4D4D4;
  height: 31px;
  padding: 10px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder {
  position: relative;
  border: 0;
  background: transparent;
  display: inline-block;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder.privateChat {
  margin-left: 9px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder.privateChat.overflow .selectedBorder .profPic {
  background-color: #D4D4D4;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder.privateChat.offline .selectedBorder .profPic {
  opacity: 0.5;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder.everyoneChat .selectedBorder .profPic {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -2227px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  border: none;
}
.no-svg div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder.everyoneChat .selectedBorder .profPic {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2219px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder.selected .selectedBorder {
  width: 36px;
  height: 41px;
  background-size: 136px 15438px;
  background-position: 0px -2284px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  z-index: 0;
}
.no-svg div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder.selected .selectedBorder {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2276px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder.selected .selectedBorder .profPic {
  border: none;
  background-color: white;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder .selectedBorder {
  height: 41px;
  width: 41px;
  position: relative;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder .selectedBorder .profPic {
  height: 32px;
  width: 32px;
  border-radius: 32px;
  display: inline-block;
  position: absolute;
  z-index: 1;
  vertical-align: middle;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  text-align: center;
  line-height: 35px;
  color: #6F6F6F;
  border: 1px solid #D4D4D4;
  top: 2px;
  left: 2px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder .badge {
  display: none;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 25px;
  border: 2px solid #F4F4F4;
  background-color: #1D6BDD;
  z-index: 2;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .chatHeads .profPicHolder.unreadMessages .badge {
  display: block;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer {
  display: none;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .chevron {
  width: 16px;
  height: 7px;
  background-size: 136px 15438px;
  background-position: 0px -2350px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 28px;
  top: 45px;
  z-index: 1;
}
.no-svg div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .chevron {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2342px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads {
  background-color: white;
  position: absolute;
  width: 220px;
  right: 20px;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  max-height: 250px;
  top: 51px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads .overflowChatHead {
  clear: both;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 40px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads .overflowChatHead:hover {
  background-color: rgba(0, 137, 255, 0.12);
  cursor: pointer;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads .overflowChatHead .profPicHolder {
  position: relative;
  border: 0;
  background: transparent;
  float: left;
  display: inline-block;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads .overflowChatHead .profPicHolder.privateChat {
  margin-left: 10px;
  margin-right: 10px;
  height: 40px;
  width: 38px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads .overflowChatHead .profPicHolder .selectedBorder {
  height: 32px;
  width: 32px;
  position: relative;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads .overflowChatHead .profPicHolder .selectedBorder .profPic {
  height: 32px;
  width: 32px;
  border-radius: 32px;
  display: inline-block;
  position: absolute;
  z-index: 1;
  vertical-align: middle;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  text-align: center;
  line-height: 35px;
  color: #6F6F6F;
  border: 1px solid #D4D4D4;
  top: 2px;
  left: 2px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads .overflowChatHead .profPicHolder .badge {
  display: none;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  right: 4px;
  top: 0;
  left: 26px;
  border: 2px solid #FFFFFF;
  background-color: #1D6BDD;
  z-index: 2;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads .overflowChatHead .profPicHolder.unreadMessages .badge {
  display: block;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .overflowChatHeadsContainer .overflowChatHeads .overflowChatHead .name {
  float: left;
  color: #000000;
  opacity: 0.8;
  font-size: 16px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 40px;
  width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .conversationContainer.actions {
  top: 85px;
}
div.chatSlidingPanel.privateChatEnabled.privateChatOpen .chatContainer .conversationContainer.noActions {
  top: 55px;
}
div.chatSlidingPanel .chatContainer {
  top: 68px;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background-color: #F4F4F4;
  -webkit-user-select: text;
}
div.chatSlidingPanel .chatContainer .not_connected_msg {
  display: none;
  color: #5e5e5e;
  font-size: 10px;
  margin-right: auto;
  margin-left: auto;
  width: 150px;
  text-align: center;
  margin-top: 140px;
  font-style: italic;
}
div.chatSlidingPanel .chatContainer.not_connected .conversationContainer,
div.chatSlidingPanel .chatContainer.not_connected .conversation,
div.chatSlidingPanel .chatContainer.not_connected .input_area,
div.chatSlidingPanel .chatContainer.not_connected .gradient_top,
div.chatSlidingPanel .chatContainer.not_connected .gradient_bottom {
  visibility: hidden;
}
div.chatSlidingPanel .chatContainer.not_connected .not_connected_msg {
  display: block;
}
div.chatSlidingPanel .chatContainer .conversationContainer {
  overflow: hidden;
  bottom: 65px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
div.chatSlidingPanel .chatContainer .chatActions {
  display: none;
  width: 360px;
  height: 30px;
  border-bottom: 1px solid #D4D4D4;
  background-color: #F8F8F8;
}
div.chatSlidingPanel .chatContainer .chatActions .name {
  float: left;
  line-height: 30px;
  color: #4a4a4a;
  opacity: 0.8;
  margin-left: 20px;
  font-size: 14px;
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.chatSlidingPanel .chatContainer .chatActions .actions {
  float: right;
  line-height: 30px;
  font-size: 14px;
  margin-right: 20px;
  margin-top: 5px;
}
div.chatSlidingPanel .chatContainer .chatActions .actions button.closeChat {
  width: 16px;
  height: 16px;
  background-size: 136px 15438px;
  background-position: 0px -2382px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  border: none;
  background-color: #F8F8F8;
  opacity: 0.56;
}
.no-svg div.chatSlidingPanel .chatContainer .chatActions .actions button.closeChat {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2375px;
}
div.chatSlidingPanel .chatContainer .conversation {
  padding: 16px;
  width: 328px;
}
div.chatSlidingPanel .chatContainer .conversation .message {
  width: 100%;
  margin-top: 16px;
  position: relative;
  text-align: right;
}
div.chatSlidingPanel .chatContainer .conversation .message .senderName {
  display: none;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  min-height: 16px;
  color: rgba(0, 0, 0, 0.32);
  background-color: transparent;
  text-align: left;
  margin-left: 56px;
  max-width: 272px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.chatSlidingPanel .chatContainer .conversation .message .profPicHolder {
  position: absolute;
  top: 16px;
  left: 0px;
  display: none;
}
div.chatSlidingPanel .chatContainer .conversation .message .profPicHolder.groupChat {
  cursor: pointer;
}
div.chatSlidingPanel .chatContainer .conversation .message .profPicHolder .profPic {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  display: inline-block;
  position: relative;
  z-index: 1;
  vertical-align: middle;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  text-align: center;
  line-height: 40px;
  color: #6F6F6F;
  background-color: #D4D4D4;
}
div.chatSlidingPanel .chatContainer .conversation .message .profPicHolder .profPic.me {
  visibility: hidden;
}
div.chatSlidingPanel .chatContainer .conversation .message .profPicHolder .badge {
  display: none;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  right: 4px;
  top: 0;
  left: 28px;
  border: 2px solid #F4F4F4;
  background-color: #1D6BDD;
  z-index: 2;
}
div.chatSlidingPanel .chatContainer .conversation .message.otherSender {
  margin-top: 8px;
}
div.chatSlidingPanel .chatContainer .conversation .message.otherSender .senderName {
  display: block;
}
div.chatSlidingPanel .chatContainer .conversation .message.otherSender .profPicHolder {
  display: block;
}
div.chatSlidingPanel .chatContainer .conversation .message.repeatSender {
  margin-top: 8px;
}
div.chatSlidingPanel .chatContainer .conversation .message.otherSender.repeatSender {
  margin-top: 8px;
}
div.chatSlidingPanel .chatContainer .conversation .message.otherSender.repeatSender .senderName {
  display: none;
}
div.chatSlidingPanel .chatContainer .conversation .message.otherSender.repeatSender .profPicHolder {
  display: none;
}
div.chatSlidingPanel .chatContainer .conversation .message.first {
  margin-top: 0px;
}
div.chatSlidingPanel .chatContainer .conversation .message.first.otherSender .senderName {
  display: block;
}
div.chatSlidingPanel .chatContainer .conversation .message.first.otherSender .profPicHolder {
  display: block;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder.them {
  width: 290px;
  display: inline-block;
  text-align: left;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases {
  background-color: #FFFFFF;
  border: 1px solid #DFDFDF;
  position: relative;
  border-radius: 4px;
  padding: 10px 12px;
  word-wrap: break-word;
  white-space: pre-wrap;
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases a {
  color: #1D6BDD;
  border-bottom: none;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases.them {
  max-width: 250px;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases .triangle_left {
  position: absolute;
  left: -8px;
  top: 12px;
  width: 8px;
  height: 14px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4012px;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases .name {
  font-weight: bold;
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 11px;
  line-height: 11px;
  width: 142px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases .body {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  display: block;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases .time {
  position: absolute;
  right: 8px;
  text-align: right;
  top: 6px;
  font-size: 10px;
  color: #5e5e5e;
  width: 85px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases.me {
  background-color: #E0F0FF;
  border: 1px solid #ADC6EB;
  text-align: right;
  margin-left: 0px;
  vertical-align: middle;
  max-width: 256px;
  margin-right: 5px;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases.me span.body {
  text-align: left;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases.me .triangle_right {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4294px;
  position: absolute;
  right: -8px;
  top: 12px;
  width: 8px;
  height: 14px;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases.me .name {
  /*display: none;*/
  text-align: left;
}
div.chatSlidingPanel .chatContainer .conversation .message .phrasesHolder .phrases.flash {
  animation-name: flash-message;
  -webkit-animation-name: flash-message;
  -moz-animation-name: flash-message;
  -o-animation-name: flash-message;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-timing-function: ease- linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
}
div.chatSlidingPanel .chatContainer .conversation .message.unreadMessage .profPicHolder .badge {
  display: block;
}
div.chatSlidingPanel .chatContainer .input_area_jf3 {
  position: absolute;
  right: 0;
  display: block;
  bottom: 0;
  left: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  /*	        .hint {
	            line-height: 20px;
	            font-size: 11px;
	            text-align: center;
	            width: 100%;
	            color: #707070;
	        }*/
}
div.chatSlidingPanel .chatContainer .input_area_jf3 form.say_jf3 {
  padding: 8px 12px 8px 8px;
  display: block;
  border-radius: 6px;
}
div.chatSlidingPanel .chatContainer .dummySpanHidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
div.chatSlidingPanel .chatContainer .gradient-top-jf3 {
  background: linear-gradient(to top, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.8));
  width: 100%;
  position: relative;
  display: none;
  z-index: 9001;
}
div.chatSlidingPanel .chatContainer .gradient-bottom-jf3 {
  background: linear-gradient(to bottom, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.8));
  width: 100%;
  position: absolute;
  bottom: 65px;
  display: none;
  z-index: 9001;
}
@-webkit-keyframes flash-message {
  0% {
    background-color: #404040;
  }
  25% {
    background-color: #4d4d4d;
  }
  50% {
    background-color: #404040;
  }
  75% {
    background-color: #4d4d4d;
  }
  100% {
    background-color: #404040;
  }
}
@-moz-keyframes flash-message {
  0% {
    background-color: #404040;
  }
  25% {
    background-color: #4d4d4d;
  }
  50% {
    background-color: #404040;
  }
  75% {
    background-color: #4d4d4d;
  }
  100% {
    background-color: #404040;
  }
}
@-o-keyframes flash-message {
  0% {
    background-color: #404040;
  }
  25% {
    background-color: #4d4d4d;
  }
  50% {
    background-color: #404040;
  }
  75% {
    background-color: #4d4d4d;
  }
  100% {
    background-color: #404040;
  }
}
@keyframes flash-message {
  0% {
    background-color: #404040;
  }
  25% {
    background-color: #4d4d4d;
  }
  50% {
    background-color: #404040;
  }
  75% {
    background-color: #4d4d4d;
  }
  100% {
    background-color: #404040;
  }
}
div.chromeExtensionOfferScreen {
  background-color: #F2F2F2;
  display: none;
}
div.chromeExtensionOfferScreen.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.chromeExtensionOfferScreen.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.chromeExtensionOfferScreen.mac.osx_lion *::-webkit-scrollbar:active,
div.chromeExtensionOfferScreen.mac.osx_lion *::-webkit-scrollbar:hover,
div.chromeExtensionOfferScreen.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.chromeExtensionOfferScreen .scrollbar-container {
  right: 3px;
}
div.chromeExtensionOfferScreen div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.chromeExtensionOfferScreen div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.chromeExtensionOfferScreen div.title,
.lang-es div.chromeExtensionOfferScreen div.title,
.lang-de div.chromeExtensionOfferScreen div.title {
  font-size: 18px;
}
div.chromeExtensionOfferScreen div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.chromeExtensionOfferScreen div.back:hover,
div.chromeExtensionOfferScreen div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.chromeExtensionOfferScreen div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.chromeExtensionOfferScreen div.close,
div.chromeExtensionOfferScreen div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.chromeExtensionOfferScreen div.close:hover,
div.chromeExtensionOfferScreen div.closeDialog:hover,
div.chromeExtensionOfferScreen div.close:focus,
div.chromeExtensionOfferScreen div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.chromeExtensionOfferScreen div.close:active,
div.chromeExtensionOfferScreen div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.chromeExtensionOfferScreen div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.chromeExtensionOfferScreen div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.chromeExtensionOfferScreen div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.chromeExtensionOfferScreen div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.chromeExtensionOfferScreen div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.chromeExtensionOfferScreen div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.chromeExtensionOfferScreen div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.chromeExtensionOfferScreen div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.chromeExtensionOfferScreen div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept div.icon {
  display: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept:hover,
div.chromeExtensionOfferScreen div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.chromeExtensionOfferScreen div.dialog button.accept.disabled,
div.chromeExtensionOfferScreen div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.disabled:hover,
div.chromeExtensionOfferScreen div.dialog button.accept:disabled:hover,
div.chromeExtensionOfferScreen div.dialog button.accept.disabled:active,
div.chromeExtensionOfferScreen div.dialog button.accept:disabled:active,
div.chromeExtensionOfferScreen div.dialog button.accept.disabled:focus,
div.chromeExtensionOfferScreen div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.chromeExtensionOfferScreen div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.dialog button.accept.invalid div {
  display: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.chromeExtensionOfferScreen div.dialog button.accept.invalid:hover,
div.chromeExtensionOfferScreen div.dialog button.accept.invalid:active,
div.chromeExtensionOfferScreen div.dialog button.accept.invalid:focus,
div.chromeExtensionOfferScreen div.dialog button.accept.invalid:disabled,
div.chromeExtensionOfferScreen div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.chromeExtensionOfferScreen div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.chromeExtensionOfferScreen div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.dialog button.accept.loading div {
  display: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.chromeExtensionOfferScreen div.dialog button.accept.loading:hover,
div.chromeExtensionOfferScreen div.dialog button.accept.loading:active,
div.chromeExtensionOfferScreen div.dialog button.accept.loading:focus,
div.chromeExtensionOfferScreen div.dialog button.accept.loading:disabled,
div.chromeExtensionOfferScreen div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.chromeExtensionOfferScreen div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red div.icon {
  display: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red:hover,
div.chromeExtensionOfferScreen div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.disabled,
div.chromeExtensionOfferScreen div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.disabled:hover,
div.chromeExtensionOfferScreen div.dialog button.accept.red:disabled:hover,
div.chromeExtensionOfferScreen div.dialog button.accept.red.disabled:active,
div.chromeExtensionOfferScreen div.dialog button.accept.red:disabled:active,
div.chromeExtensionOfferScreen div.dialog button.accept.red.disabled:focus,
div.chromeExtensionOfferScreen div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid div {
  display: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid:hover,
div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid:active,
div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid:focus,
div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid:disabled,
div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.chromeExtensionOfferScreen div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading div {
  display: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading:hover,
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading:active,
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading:focus,
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading:disabled,
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.chromeExtensionOfferScreen div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.chromeExtensionOfferScreen div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.chromeExtensionOfferScreen div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.chromeExtensionOfferScreen div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.chromeExtensionOfferScreen div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.chromeExtensionOfferScreen div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.chromeExtensionOfferScreen div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.chromeExtensionOfferScreen div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.chromeExtensionOfferScreen div.message1 {
  text-align: right;
  font-size: 19px !important;
}
div.chromeExtensionOfferScreen div.message1.add-extension-icon {
  padding: 3px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4051px;
}
div.chromeExtensionOfferScreen div.message1 .step {
  position: absolute;
  top: 31px;
  left: 20px;
  margin-left: 0px;
  text-align: center;
  color: rgba(0, 0, 0, 0.16);
  font-size: 28px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  line-height: 30px;
}
div.chromeExtensionOfferScreen div.message2 {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 32px;
}
div.chromeExtensionOfferScreen div.message3 {
  margin-top: 22px;
  height: 140px;
}
div.chromeExtensionOfferScreen div.message3.chrome {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4120px;
}
div.chromeExtensionOfferScreen div.infoMessage {
  display: none;
  padding: 16px 0px;
}
div.chromeExtensionOfferScreen div.infoMessage a.close-details {
  display: block;
  margin-top: 10px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.chromeExtensionOfferScreen div.infoMessage a.close-details:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.chromeExtensionOfferScreen div.infoMessage a.close-details:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.chromeExtensionOfferScreen div.infoMessage a.close-details:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.chromeExtensionOfferScreen div.infoMessage a.close-details.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.chromeExtensionOfferScreen div.appHolder {
  margin-top: 48px;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome .turnOffOutlineForClick {
  outline: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome div.icon {
  display: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome:hover,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.hovered {
  background-color: #4182e2;
  border: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.disabled,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.disabled:hover,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome:disabled:hover,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.disabled:active,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome:disabled:active,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.disabled:focus,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid div {
  display: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid:hover,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid:active,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid:focus,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid:disabled,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.chromeExtensionOfferScreen div.appHolder button.addToChrome.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading div {
  display: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading:hover,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading:active,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading:focus,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading:disabled,
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading.no-svg div {
  display: none;
}
div.chromeExtensionOfferScreen div.appHolder button.addToChrome.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.chromeExtensionOfferScreen div.browserHolder {
  margin-top: 16px;
}
div.chromeExtensionOfferScreen div.browserHolder .why {
  padding: 8px 0px;
}
div.chromeExtensionOfferScreen div.browserHolder a.showDetails {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.chromeExtensionOfferScreen div.browserHolder a.showDetails:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.chromeExtensionOfferScreen div.browserHolder a.showDetails:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.chromeExtensionOfferScreen div.browserHolder a.showDetails:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.chromeExtensionOfferScreen div.browserHolder a.showDetails.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.chromeExtensionOfferScreen div.browserHolder a.gotIt {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.chromeExtensionOfferScreen div.browserHolder a.gotIt:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.chromeExtensionOfferScreen div.browserHolder a.gotIt:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.chromeExtensionOfferScreen div.browserHolder a.gotIt:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.chromeExtensionOfferScreen div.browserHolder a.gotIt.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.confirmLogoutScreen {
  width: 400px;
  height: 250px;
  left: 50%;
  top: 45%;
  margin-left: -200px;
  margin-top: -125px;
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
div.confirmLogoutScreen .content {
  padding: 40px;
  background-color: #272727;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  color: #cccccc;
}
div.confirmLogoutScreen .content .title {
  font-size: 34px;
}
div.confirmLogoutScreen .content .message {
  margin-top: 20px;
  font-size: 14px;
}
div.confirmLogoutScreen .content .buttonContainer {
  margin-top: 30px;
}
div.confirmLogoutScreen .content .buttonContainer button {
  padding: 11px 17px;
  min-width: 77px;
}
div.confirmLogoutScreen .content .buttonContainer button.cancel {
  background-color: #4d4d4d;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
div.confirmLogoutScreen .content .buttonContainer button.cancel.hover {
  background-color: #8d8d8d;
  background-image: -webkit-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -moz-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -o-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -ms-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: linear-gradient(top, #8d8d8d, #4d4d4d);
  background-color: #808080;
}
div.confirmLogoutScreen .content .buttonContainer button.cancel.active {
  background-color: #8d8d8d;
  background-image: -webkit-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -moz-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -o-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -ms-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: linear-gradient(top, #8d8d8d, #4d4d4d);
  background-color: #333333;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
div.confirmLogoutScreen .content .buttonContainer button.logout {
  background-color: #b03a3a;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
div.confirmLogoutScreen .content .buttonContainer button.logout.hover {
  background-color: #da8f8f;
  background-image: -webkit-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -moz-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -o-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -ms-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: linear-gradient(top, #da8f8f, #b03a3a);
  background-color: #d47c7c;
}
div.confirmLogoutScreen .content .buttonContainer button.logout.active {
  background-color: #da8f8f;
  background-image: -webkit-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -moz-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -o-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -ms-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: linear-gradient(top, #da8f8f, #b03a3a);
  background-color: #8a2d2d;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
div.confirmLogoutScreen .content .buttonContainer button + button {
  margin-left: 8px;
}
div.connectingPanel {
  background-color: white;
  font-size: 14px;
}
div.connectingPanel div.title {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: lightgray;
  font-size: 18px;
  font-family: ProximaNovaLight;
}
div.connectingPanel div.back {
  position: absolute;
  top: 15px;
  left: 15px;
  height: 14px;
  width: 14px;
  font-size: 20px;
  cursor: pointer;
}
div.connectingPanel div.content {
  padding: 20px;
}
div.connectingPanel div.message {
  text-align: center;
  font-size: 32px;
  margin-top: 50px;
  font-family: ProximaNovaLight;
}
div.connectingPanel div.epIcon {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  text-align: center;
  font-size: 52px;
  margin-top: 50px;
  background-color: #1D6BDD;
  border-radius: 70px;
  line-height: 70px;
  color: white;
  font-family: ProximaNovaLight;
}
div.connectionSwitchConfirmationPanel {
  background-color: #F2F2F2;
  font-size: 14px;
  text-align: center;
}
div.connectionSwitchConfirmationPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.connectionSwitchConfirmationPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.connectionSwitchConfirmationPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.connectionSwitchConfirmationPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.connectionSwitchConfirmationPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.connectionSwitchConfirmationPanel .scrollbar-container {
  right: 3px;
}
div.connectionSwitchConfirmationPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.connectionSwitchConfirmationPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.connectionSwitchConfirmationPanel div.title,
.lang-es div.connectionSwitchConfirmationPanel div.title,
.lang-de div.connectionSwitchConfirmationPanel div.title {
  font-size: 18px;
}
div.connectionSwitchConfirmationPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.connectionSwitchConfirmationPanel div.back:hover,
div.connectionSwitchConfirmationPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.connectionSwitchConfirmationPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.connectionSwitchConfirmationPanel div.close,
div.connectionSwitchConfirmationPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.connectionSwitchConfirmationPanel div.close:hover,
div.connectionSwitchConfirmationPanel div.closeDialog:hover,
div.connectionSwitchConfirmationPanel div.close:focus,
div.connectionSwitchConfirmationPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.connectionSwitchConfirmationPanel div.close:active,
div.connectionSwitchConfirmationPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.connectionSwitchConfirmationPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.connectionSwitchConfirmationPanel div.content {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.connectionSwitchConfirmationPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.connectionSwitchConfirmationPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.connectionSwitchConfirmationPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.connectionSwitchConfirmationPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.connectionSwitchConfirmationPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept div.icon {
  display: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.disabled,
div.connectionSwitchConfirmationPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.disabled:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept:disabled:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept.disabled:active,
div.connectionSwitchConfirmationPanel div.dialog button.accept:disabled:active,
div.connectionSwitchConfirmationPanel div.dialog button.accept.disabled:focus,
div.connectionSwitchConfirmationPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid div {
  display: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid:active,
div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid:focus,
div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid:disabled,
div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading div {
  display: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading:active,
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading:focus,
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading:disabled,
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.disabled,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.disabled:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red:disabled:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.disabled:active,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red:disabled:active,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.disabled:focus,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid:active,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid:focus,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid:disabled,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading:hover,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading:active,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading:focus,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading:disabled,
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.connectionSwitchConfirmationPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.connectionSwitchConfirmationPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.connectionSwitchConfirmationPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.connectionSwitchConfirmationPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.connectionSwitchConfirmationPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.connectionSwitchConfirmationPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.connectionSwitchConfirmationPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.connectionSwitchConfirmationPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.connectionSwitchConfirmationPanel div.banner {
  display: none;
  width: 100%;
  background-color: #9E0D0D;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
div.connectionSwitchConfirmationPanel div.banner.pairingBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  text-align: left;
  position: relative;
  background-color: transparent;
  display: block;
}
div.connectionSwitchConfirmationPanel div.banner.pairingBanner span.switch {
  line-height: 18px;
  padding: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  background-color: #FF9700;
  font-size: 14px;
  color: #FFF;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow-wrap: break-word;
  display: inline-block;
  width: 324px;
  text-align: left;
}
.lang-fr div.connectionSwitchConfirmationPanel div.title,
.lang-es div.connectionSwitchConfirmationPanel div.title,
.lang-de div.connectionSwitchConfirmationPanel div.title {
  font-size: 16px;
  padding-left: 24px;
}
.lang-fr div.connectionSwitchConfirmationPanel div.scrollpane-content,
.lang-es div.connectionSwitchConfirmationPanel div.scrollpane-content,
.lang-de div.connectionSwitchConfirmationPanel div.scrollpane-content {
  overflow: visible !important;
}
div.connectionSwitchConfirmationPanel div.close {
  display: none;
}
div.connectionSwitchConfirmationPanel div.back {
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  font-size: 20px;
  cursor: pointer;
}
div.connectionSwitchConfirmationPanel div.connectionChange {
  height: 80px;
  display: inline block;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon {
  float: left;
  height: 80px;
  width: 80px;
  border-radius: 80px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode {
  margin-left: 22px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_computer {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -2423px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_computer {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2416px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_computer_neutral {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -2423px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_computer_neutral {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2416px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_presentation {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -2423px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_presentation {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2416px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_lync {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -2528px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_lync {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2521px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_sfb {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -2633px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_sfb {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2626px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_jabber {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -2738px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_jabber {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2731px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_computer_phone {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -2843px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_computer_phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2836px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_roomsystem {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -2948px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.currentJoinMode.join_roomsystem {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2941px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode {
  margin-left: 16px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_computer {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -3053px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_computer {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3046px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_computer_neutral {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -3158px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_computer_neutral {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3151px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_presentation {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -3158px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_presentation {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3151px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_lync {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -3263px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_lync {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3256px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_sfb {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -3473px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_sfb {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3361px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_jabber {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -2738px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_jabber {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2731px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_computer_phone {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -3368px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_computer_phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3466px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_roomsystem {
  width: 80px;
  height: 80px;
  background-size: 136px 15438px;
  background-position: 0px -3578px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.icon.futureJoinMode.join_roomsystem {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3571px;
}
div.connectionSwitchConfirmationPanel div.connectionChange div.arrow {
  float: left;
  height: 20px;
  margin-left: 16px;
  margin-top: 30px;
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -3683px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.connectionChange div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3676px;
}
div.connectionSwitchConfirmationPanel div.directions {
  margin-top: 46px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.8);
}
div.connectionSwitchConfirmationPanel div.response {
  position: relative;
  margin-top: 48px;
  height: 100px;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  position: absolute;
  top: 0px;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  font-size: 16px;
  width: 100%;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm .turnOffOutlineForClick {
  outline: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm div.icon {
  display: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm:hover,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.hovered {
  background-color: #21c37f;
  border: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.disabled,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.disabled:hover,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm:disabled:hover,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.disabled:active,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm:disabled:active,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.disabled:focus,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid div {
  display: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid:hover,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid:active,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid:focus,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid:disabled,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading div {
  display: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading:hover,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading:active,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading:focus,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading:disabled,
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading.no-svg {
  background-color: #19A96D !important;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading.no-svg div {
  display: none;
}
div.connectionSwitchConfirmationPanel div.response div.confirmHolder button.confirm.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.connectionSwitchConfirmationPanel div.response div.cancelHolder {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  text-align: center;
  position: absolute;
  top: 76px;
}
div.connectionSwitchConfirmationPanel div.response div.cancelHolder a.cancel {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}
div.connectionSwitchConfirmationPanel div.response div.cancelHolder a.cancel:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.connectionSwitchConfirmationPanel div.response div.cancelHolder a.cancel:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.connectionSwitchConfirmationPanel div.response div.cancelHolder a.cancel:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.connectionSwitchConfirmationPanel div.response div.cancelHolder a.cancel.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.skinny .developerConsole {
  width: 540px;
  height: 500px;
  margin-left: -270px;
  margin-top: -250px;
  top: 50%;
  left: 50%;
  position: absolute;
}
.skinny .developerConsole .content {
  font-family: 'press_start_k';
  font-size: 12px ;
  color: white;
  padding: 25px;
  background-color: #0080d0;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.skinny .developerConsole .content h3 {
  font-size: 23px;
  border-bottom: 3px solid white;
  padding-bottom: 12px;
  margin-bottom: 21px;
}
.skinny .developerConsole .content .close {
  position: absolute;
  top: 17px;
  right: 25px;
  padding: 7px;
  height: 23px;
  width: 23px;
  line-height: 28px;
  color: white;
  font-size: 23px;
  text-decoration: none;
}
.skinny .developerConsole .content .close:hover,
.skinny .developerConsole .content .close:focus {
  background-color: white;
  color: #0080d0;
}
.skinny .developerConsole .content .option {
  margin: 0 8px;
  padding: 8px;
  cursor: pointer;
}
.skinny .developerConsole .content .option:hover {
  background-color: white;
  color: #0080d0;
}
.skinny .developerConsole .content .option .icon {
  color: #ffb924;
  float: left;
  margin-right: 16px;
}
.skinny .developerConsole .content .option .value {
  float: right;
  width: 77px;
}
.skinny .developerConsole .content h4 {
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 16px;
  margin-left: 16px;
}
.skinny .developerConsole .content dl.versions {
  margin-left: 16px;
}
.skinny .developerConsole .content dl.versions dt {
  margin-left: 32px;
  float: left;
}
.skinny .developerConsole .content dl.versions dd {
  margin-left: 190px;
  margin-bottom: 16px;
}
.skinny .developerConsole .option .slider-value {
  padding-left: 20px;
}
.skinny .developerConsole.developer .option.offset_delay,
.skinny .developerConsole.developer .option.aec_taillength,
.skinny .developerConsole.developer .option.esm_mode,
.skinny .developerConsole.developer .option.esm_level,
.skinny .developerConsole.developer .option.agc_enabled,
.skinny .developerConsole.developer .option.agc_maxgain {
  display: none;
}
.skinny .developerConsole.advanced {
  height: 570px;
  margin-top: -285px;
}
.skinny .developerConsole.advanced .content {
  background-color: #303030;
}
.skinny .developerConsole.advanced .option {
  background-color: #414141;
  opacity: .65;
}
.skinny .developerConsole.advanced .option .icon {
  display: none;
}
.skinny .developerConsole.advanced .option.changed {
  opacity: 1;
}
.skinny .developerConsole.advanced .option.godMode,
.skinny .developerConsole.advanced .option.rosterPoll {
  display: none;
}
.skinny .developerConsole .option.agc_enabled .value input {
  float: right;
}
.skinny .developerConsole .option .ui-slider {
  background-color: #0080d0;
}
.skinny .developerConsole .option .ui-slider .ui-slider-handle {
  background-color: yellow;
}
/* Press Start font family
 * by codeman38
 * http://www.zone38.net/
 * http://www.1001fonts.com/press-start-font.html
 */
@font-face {
  font-family: 'press_start_k';
  src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABhwABAAAAAAU4AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABbAAAABwAAAAcVULAKkdERUYAAAGIAAAAPAAAAEQGMQTaR1BPUwAAAcQAAAAgAAAAIER2THVHU1VCAAAB5AAAAIwAAADKF4wgT09TLzIAAAJwAAAATAAAAFa6oaMiY21hcAAAArwAAAJ0AAADlqmy4KxnYXNwAAAFMAAAAAgAAAAIAAAAEGdseWYAAAU4AAANHQAAQQhyxZLFaGVhZAAAElgAAAAvAAAANgCeqoRoaGVhAAASiAAAAB0AAAAkDwIH4mhtdHgAABKoAAAAmQAABCj+OIUAbG9jYQAAE0QAAAG7AAACGIRJlNJtYXhwAAAVAAAAACAAAAAgAXUAdG5hbWUAABUgAAABNQAAAoI0V2ITcG9zdAAAFlgAAAINAAAC3VLf4c53ZWJmAAAYaAAAAAYAAAAG/f5QmQAAAAEAAAAAzD2izwAAAAC8RW7eAAAAAMy/rnx42mNgZGBg4ANiGwYQYGJgZ2BkqAHiWoZ6IK+B4QOQ/REImRg+MXwHsn8AIRPDT0YuIJsFrIMBAB7ECg0AAQAAAAoAHAAeAAFERkxUAAgABAAAAAD//wAAAAAAAHjaLY2xCsJAEETfnUHkiqBHjGAV/AILQbAWC7H0B4JgEKzsNd9sI3Zxbj2W27c7M+zhgEDDDrc/nM5MKKQwDHjB4a+P9kJ5v3UtlSnOOvLHlJZ2TDPXeo2cQK2p4M2ImSrNX+nJ99q34tFyGzmByJIVL6U/zI1RfNq+MEbx/2Of1T6r6WJF/QNLWxIEeNpjYORgYJzAwMrAwjiTcSYDA4iE0AxpTEIMDEwMDJwMYNDAwLBegCHBiwEKAtJcUxgcGHg/MLEz/Afy2RkYNYAU44ErDAwA7AEMF3jatZJ3SFdRFMc/9/3MzIZplmZm11fasrKdttRs295TKy2amEEZDdrTSmyXhbZ3YWUbtE2W2haj14OgPWkXP183DQn6o7+6cO89B879nMv5fgEbRdsboU5EgspEYe4gYtU9kBBK4KmisszmGJZoKMJEHzFCxIvZIkm7oj20rbHttZ21ZUhn6S69pI/Upb8MlMEyXEb66rqmu+huupfuo9fVO+lReozfNf8Y/3Em7zTL+tVTkSUppCtyqOgtohR5liJf1vKKycjy0lN6S6nIDWTQH2TXP8jRxWQUWVifrMfWeSvTSrTmWnHWaKunFWEFFTjaP9tD7AF2L7uHmWfeNnPNHDPbzDIvmGfMNHPDo3vGF+Ol8cJ4bJjGHeOkkWpsfRCcn5Kf7FvS1aloSv9lOWrOhQrwVw+B9jvS/sEoemnDQWnmSEmcKIUzpSmjZlwOF8rjihsVcKcilfBQulbGiypK7ar4UE3p4ItOdWrghz81qUVt6lCXAOpRnwYE0pBGNKYJTWlGc1oQRDAtaUVr2tBWeSWUMNoRTns60JFOdKYLXYmgG93pQU960Zs+9KUf/Rmg3DWIwQxhKMMYTiRRjFD/X8gilrCMJNazhW2ksp2d7GAXe9jHXvZzgEMc5DBHSFOePMpxTpDOGU5zlnO8IY5oYhirjDBNOSuW8XxlKuOEYDEbKWCK0ISNMarXN37wnftYTGAGd9nNKeYwiknYySoc50Rm8p6RzGUB67jIJZ7wlJe84hnPOSkcyOAqn1XlRz4Vzv8t8bzgNR+Yz3LmkcBSVrKKRFawhrWqYjWbSWYTmVznFpPJJodcpnObm9z4CdiTyzcAAQAB//8AD3ja1RvZiiTJLY48qmmWpimWZhiG2WYYzOCnxfjdn75/td1VmRHOUEgKKTLy6B0b7O0tpo5MSaH7SuOssaY3gzHejMbY59fn76/Pr9Z0ZvrN/zH9K/16N791fxjjnDHLlWO69mm5Nl23XE9/3jgTlpc1cfk3GgvvxuU1wye/vIxLkBEG4sv3hgVPWL6alx/Sa/lvQWeXb4C2r/la+/q8+ZfgT4DTAhUO32dq0qvDzxZpSy/6y5+NXV4LzoW0z4W61l+/wJ/gTBGghwX6jLBHATcyPvoznnEkHoiTbeHzAD1ztw13hN/uwMEgrnASb2cIb28ezC/mB57wk0v/7/LWAeYE5c68y2fP3weUcqLUwm/0rRV0ElVB8NsvZPWZF0BN0QJjWd+ubVkMzIXA7zLvZ/7s89kPYXVMYeB3W7BYLxcded7lWkRNjCA9i5poQZ5bOpi0I+kh4njMlla03AGsABIfEKLDM0aT9BIsS1yfcTrke4KdFK/LPAdrH8wNrCPJw2QY+BtZdZC28bJtG+OOhm7opWO9HKXV2SZHMzcnIY8io2H5PgJnY/WL1bb9qOlP572hJo/Lu/Rvx7Iu/kDTclWfLHqcGXh96d5ImTrzLo5LhBVm7OKoT598owUsRffjYpPROMVVbWlG8rg3v9Lpf9iWlc8IwyOhE2iGY2lOqHGC7mub7kTvHaTSKTo9+IfIkUHR50m77CZEC/KZWdZ39DwOOVCd/pDOka+3yN3iR2fUMguiyoEJ+fhIvnuhdVNjE6UBIGfKSbcyJ+6Vz0zfzhy7QjlDgz8/7DZ/euRCjlAT2AbF5klZZuJ9tvmeYrLwHIFfyS8byAFivnZseabiacjb4H1ge8OJuDoozxHUp4O46hx4xPocLuUy8PLAbZAjxIMzcb5TFhXUpyN6Kpklbdi06iCkljUgf5ckVxyGRf931l468GwZ8owxuQcP16M+WPSmDmJ7rP2x8PRrb+GZWvLFAajuWdeIV/ccQaT9JBlhLK6pd5gD3vHs6XVDC/cqxwwQs876T4u2F1A3HcaSCPwgWi37pVjiseTJtR2jHNtXL849gD3WkUrQ/KhpHpfrO4DxDvrFp5T3PMh76I7A18/y2pdtnuTcf0JeROC45sWMUWXivGSL7iQZh/LP+ds7SNHsxN2ctd7gvhG9YdbVIzwllgwYrxVtX/b1IOcRZEvFcme08ZFj4Nq+g8TTEx6H8rpp2W7GRcIe2K+MjOEds+dZn+nDsCLIgE5WxdindQzRseMOvL2LT6s4/Uvtd5yw2aSPA0bPrEehtqNPW77Fcy7iBEVZGpfpEtGoKEWZZAFX5Trsv2yzprFIb1DyH0QMnrdkfyJXmzjaB8z4da7m2McEmasVexEV8og5/wi+cDhtIyNc3bCRHb9QW0fkeEcnmpTd/DzcGTjhoYIlu3Ma7rcjmy4+TVYYrqoRI8e99m90v5LD0zpH8Bg9KDJT54IyRv8BH5yz6pJN6JLBqsrJyFpW6EfO7yb2o+PJek3i0TKJIo8u17hN/BP68Xfhw/3puNymIpqu+lZ+yvoBZ4XM4neIhu/ggxMNXUWjR14WX0u+AnLGR+0TyR9m6+lQrvfTftChxd/wXs9dkqLXPejWmh895lI94iY/Me/44eJDifKc/RXaHchGnfm5VUvISJByizv3zmQmKvRrsz+T+e0447LM+8CW4pCmeIqmAfS7w0o/iLzVHvjEjvPTXNvlmsDovuZKlj1cW3qLI1I/YQ/MQE8z5h7WA9xf5Aj25eGkDiu9HqntMMqTLgynfGftsQL4ZFt1kSzWXHyuBymfXpzlVjIuqZPPLTpIVsVX9hh2p5KxFBgqRx1EbcCcl3p4Kh/pVD5BdsB6c5iP6Pvjxv1rOxpQ3nT/Tena/lkjcFtcu5HHUfe4ZxpvTZ9Y5DTs5IQO+42Ocy9ZW8aiuxtnyBlErhMn8ADqvH8hxvdcc4WN3KE/keOWeqjnnGGSyV+B9R/MF7Qc1tamY1Hbp5ecLPuuHivcj/CBcvl1fr/WEXvYOyd5zKp3XjJRylBTTzg2evRv5iL7KBt4ZC1JdfsWntxX3zu/W/XGOpVDc5+unlU9v36qe1UFO/VYblxSzOjXGcbX0ql4Pcyk2lqSJV4qzpmv0LOFs72MaGQ/w2H/M5+iVV3Yyn98JKfO9kEdYYuTKCdqO1+dXk815FzjOCctuXWZdOgcW/fbPPYwuzJXxOjruXL0YDcwVwLHd8k5wov5u+5iSppSJLiqqlR2RSPWjR3Hl0TLxb9ZWapGjAKyx0CcbMwoHM99ruZvmjKmcGP2qbWulMf1t0OzY7n+bndO1CdfdyF+P5kv5nfRy6PumCLSvq65ST53BqiUaRHFt02O5plEyYit4HNczYAmxV+n/UKz81hyjKH67IEvrtLh/tdaJJY1I9nGjXMn8oeXN83tKOF+bkte+kGauxYNpFZIpybcWrLJX+eJK8nUle5+wb87H5vYb/51fdVaR+9889vT+nqy31788J3tJEvJQRy4ifNR/Fd9q6/bPfF2b9wqynNu6PmE9YlmjmE/h1NCP43TC5yPKT5IW7av+5gjT+e0j6uxe45/TSrkjODRfNeR94fdyzyj4oGUY6FjqPyGVfsgodDRKTqeUAZpVWKLIZ4JqIfUVHhGHMdlhB1+tio5r+ckj3X20eJB7m2sNWDv3K4+8eac8drgdcZy6d4CjjMnLDTKYImStDz8wfyY8o7rP66HecflDby/HthEkdbUg5ugko8y5DzsVXQAfgL/38G0aT3f6+s9gs2cN9clBMs1Zpc9+8+K30m/6nDikaMFJAVyjoxvFWBT7xltTK06VNkJ5vQEfuSaKjTqimM+lrmO5GPJfT7CxwJL8rGC9TE+FpBrPlaAz/LRozlPOGkvUy2rNqQs77Zxn6qaQNvK2rxQ8EnnQxOvD3gugLxIKX01D3kwrxKXfV1btqy3A9m4RYxyyDTge5mw0dCzDJ0+uLfgeMZd93xKnNjbGdmHTYc4AVvPqV/ac2o9q5YbSQU65WnkaxGDhv+lwFfelvXX8XxEycOKUV1EgXmx+Fj02Rgdz0aofdBO8vbfdRXGprLJdOfW54zN7FLCEgabjWkA/25P9l6OOyvDzm9lp1LkLU9qi4xj5rWRr1jeaRTndBzFO5Wk0BD0xC5A2QvVs7jSW5qwD2RPwSudxA/Be6yrbA2zCK9NZ0QzpqrbbuxvtHxh1p8aquXuOVN7sifQY1olZ24lHlBFHrjzYZvzbrvyC07U77JDgx1i6TuVn5b6pHcTlT6VBsnAyxRynShis17Gr097vSYvcregNq07NswoeqIikH0IB3lKicMe49Cx8jNjoay5RhM4P5ZrwdJ1Fsvbj8uv0psdd+jWSKUL9exAG6fsrPajn3Tnw65KAsvpcKewrh1qUPg2zrjFT60gLQFmsNnY4yrslXIpc9iL+cyoTrmxl2uxzxFwfpknCI73i6zYn+MpIth/zHHj627c+P5PtNqy7+1Ush9ZjlF0EWTMuLx53dcVp1r3cDyniBa613NVuHkMsYEnKtrWFI5WPppRxBUCe4jAC/gyf2jrhQfYpBkFU2RMTunDGl+n8EmdXz864Blitu6CbxQlqFeLL6Tw0Lfv8+4Oz1It26/HctJieJ6gmyX39M7c7/GO1v18zh7m0KuecIFRoqeGw7B8pgWeX6knwyKnKycaeGcXtlRrnrOHk4LuGx5OP+EyVx5u5kkBiZ1bq5ZXqHW8eGpZpm10PEshEnh3owi4Y4pyztwJq42ijhv0Xutzq5CTp5ybMXBVyn0AdnGhczP2rWBrezwb92oB1XGvUehu2P5m3HNVf2vejXehRlfr4Mt2rNORTtpHK86Jathz3eD1VrnlTNpia+lunOj0r2LUZx2jrs0pCTXcLu5ND2CkScwN+dQ51Mt2DtXK0hxPLlyVWXRbPYxN2HVwd7jJewJ2o99Q98floV11iu3aIK6fbXvZfpqHaoS5iWFdJ0T2z5FqpW/7zwqVfYxSO9nGNr/cd9PPkkWenFrhQyKdj7fXtQfpMM+hij/wppLHRl3AKXjmVyz8OnmiTtRX+yeSPbyNE53eU3RVvhWxOpdmovc6WBc+7T1j0W9MjWXPlOr04ovXdLf7ydY8/Png/6QheWvhXyOtewnf1rRX6Q7zJ2AADfycZOndPYSHiO3QMiwpiyfUNyNP8yE76lAX6o3UIn9dH/+PnHH3OcSf+W1Qv/WwcxNxH/WCv6XzXMxb/mX5rYP76l25gbVyVGlqxuNX13vW45EzB4fXdzu7xLUHLBsGEXduDT033dwXdWo7qlc7Cse7zD36vYCegexu4u3bo/t1V2as9sM77g32q+dZncoUerEVlFeox7yxMdI+J011LefgnvNoflIV8XW4I2c3fGi9GWHFDoHwkNZTfnL47PDR1Dody4leXyuX9mqQU3z5xHP+O9bY/0UfeGBH/7/xAp9zNDnTucOpjPk3bAZLMAAAAHjaY2BkYGBgZOqPvlf5Kp7f5isDNwcDCJzZv64GQf9n4GBgB3E5GJhAFABoyQtkAHjaY2BkYGBn+HeDgYGDAQSAJCMDCmDkBAA47wH6AAAAeNqlU4ENwyAMs5NN7S39pxdM2h07baf0lIJa1ChrOqBIVlASHEPCCGIEDCSh+Gj2usfExEquujP4AzVnLWcNeDOX7p5Swc3gfVp0n3Gq4xBXq+REehj4vF409ues3hV6+sUK/igmrn81+lr0s3PefqEfYDBWZoDfhGkDlmTfyb4Q6Hpc9PvIyxx+ZnKd/v9DPPd9XiuGwQ23AAAAeNp9wj1oE1EAAOC7d3fv3v0mub+8+3t3g0imIqVIpiBHKUVKcBSHECSEIMGhlCDFoUiHIhJK6RCO0kFKB5FMHUQylCAhSCgdikMI0slBSgYJoQQHz5hNlO+jKMpayFNFao/6SE3pB3SR3qJjekB/o2cAAQtEoAH2QRdMGMKsMptMi7liAYvZFbbKvmTb7IgTuTz3lDvkOtwX7gZiuAw3YBXG8B28hFMe83n+Gd/iP/Nf+Vt0Bz1CTdRGQzQWHGFJKAt1YUc4EjrCSJiJRFwVa+Ir8a3YFccSlHJSQSpLO9KxdCYNZUq25EiuyadyT75RNCVU1pR6oqn0lZmaVyvq9lxf7afUhJd6kYgTvdTtb2mYCBPVhcP0RQZlHmaamYGGtPvalhZr59pYx3pBr+gHekf/YdwzSsYbo2NMzbtmxYzNrvndwlZkPbf2rU/WNJvLlrJx9hKrOMLb+D0e2Ya9btfsPbttXziqs+40nBNn6KbdyC27LbfnTryc99hreec+WFjyS/5rf+D//B9S+IcN8oTUSIPskiNylrgiEzIJjGAlKAb1uYPgw9x1cB3KCecva2Ej3P3jF4ijk6sAAAEAAAELADIABQAAAAAAAgAIAEAACgAAAFIAAAAAAAB42p2RsUoDQRCGvzNRjIpYyBVWW1kIOXMxoKayUBAiQVQU7DSJFyE55byYt7DwGWwE8SGs9AV8Hv/b20QR08iwu9/8Ozszuwss8koBr1gCVjVy9liRl/OUYnYcF6Q3HRdZo+t4Wvqj4xl8XhzPssyb45KyfDqeY8nzHc9T80a1FsTnjt/xvQfHH1S8J54xVKnIQsoiQ4sb2nToc0HMBlsEHJJIuZMZjkm1k2g2NDiSHjGgZ7XJcZN3zK8cp/ISxV2rj1i7oepn3ZkfOb4zNNhXZKRXK3OgE5G81p+akWfY06mh/CzzrrLF4ixjx9XatnZi739rO0rFXc2p/DrrsqG1QOqoSm9cJbDv11fUf86cqdYlV/bm6fjumdqW15R+r9WwqZG9SV0/ls019Zz/Y0j1C+kMWagAAAB42m3OaZTPdRQH4Oc7jGHGvpSUKFuk/P/DWKIylkmSKFtIBsNMMZgFqVT2ioioaEWRnVaRihItivZNWSv7Em9lmt9Lnxf3Oefec+69Evyf8/3FXCQhpahIUEJJiUpJUloZyVKUVU55FVRUSWVVVFXNJS5V3WVquNwVarpSLbVd5Wp11FVPfQ1co6FGrtXYda7X5MLduFRNNZOmuRZaauUGrbVxo5vcrK107bTXQUcZbtHJrTq7TRe36+oO3XR3p7v00FMvvfVxt7766e8eA9xroEwrLTbZFB+Y729TPeVJL3rDkpDgCb+YZK7Tzphpuq32OOUly531r3MWWWWHz6w2yGCzDfGFLNt97mtf+spO/xjqW9/YZY1hTnraD77zvWxHHPO4++S43wjD5XrFSKONkidfoQJjjHXYOOM94EEPe8h7XvWICR71mKOOe9+P9tlvrXUOOGijQ/7yup/s9avf/O5PP/vDMi971sJQIpQMiaFUSAqlQ5mQHFJC2VAulA8VQkXrvekd7/rEW972qYm2mGZFqGSbzT60KVQ2w3MWeN4Jr5njBUvN8ox5NoQqoWqoZrePfJxUmJsTi6V3KDI1FotFxiNTI5tGNotMi2we2SKyZWSryPRi49HeeDx5aM6wwrysIZn52cWt1Ixi0zISs7My8wpSRhTm5wzOHJ47siCraNLxwlP/AbhfqEQAAAAAAVCZ/f0AAA==) format('woff');
  font-weight: normal;
  font-style: normal;
}
div.downloadAppPanel {
  display: none;
  height: 30%;
  left: 50%;
  margin-left: -352px;
  position: absolute;
  top: 30%;
  width: 714px;
  z-index: 4;
}
div.downloadAppPanel div.downloadAppBox {
  position: relative;
}
div.downloadAppPanel div.downloadAppBox div.message {
  font: 32px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: white;
  text-align: center;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  display: inline-block;
  width: 200px;
  height: 40px;
  margin-top: 50px;
  margin-left: 140px;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp .turnOffOutlineForClick {
  outline: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp div.icon {
  display: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp:hover,
div.downloadAppPanel div.downloadAppBox button.getTheApp.hovered {
  background-color: #4182e2;
  border: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.downloadAppPanel div.downloadAppBox button.getTheApp:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.disabled,
div.downloadAppPanel div.downloadAppBox button.getTheApp:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.disabled:hover,
div.downloadAppPanel div.downloadAppBox button.getTheApp:disabled:hover,
div.downloadAppPanel div.downloadAppBox button.getTheApp.disabled:active,
div.downloadAppPanel div.downloadAppBox button.getTheApp:disabled:active,
div.downloadAppPanel div.downloadAppBox button.getTheApp.disabled:focus,
div.downloadAppPanel div.downloadAppBox button.getTheApp:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid div {
  display: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid:hover,
div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid:active,
div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid:focus,
div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid:disabled,
div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.downloadAppPanel div.downloadAppBox button.getTheApp.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading div {
  display: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading:hover,
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading:active,
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading:focus,
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading:disabled,
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading.no-svg div {
  display: none;
}
div.downloadAppPanel div.downloadAppBox button.getTheApp.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.downloadAppPanel div.downloadAppBox button.noThanks {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  width: 200px;
  height: 40px;
  margin-top: 50px;
  margin-left: 24px;
  border: 2px solid white;
}
div.downloadAppPanel div.downloadAppBox button.noThanks .turnOffOutlineForClick {
  outline: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks div.icon {
  display: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks:hover,
div.downloadAppPanel div.downloadAppBox button.noThanks.hovered {
  background-color: rgba(0, 0, 0, 0.24);
  border: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks:active {
  background-color: rgba(0, 0, 0, 0.36);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks:active:focus {
  background-color: rgba(0, 0, 0, 0.36);
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks:focus {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
div.downloadAppPanel div.downloadAppBox button.noThanks.valid {
  background-color: rgba(0, 0, 0, 0.12);
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks.invalid {
  background-color: rgba(255, 255, 255, 0.88);
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks.invalid div {
  display: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.downloadAppPanel div.downloadAppBox button.noThanks.invalid:hover,
div.downloadAppPanel div.downloadAppBox button.noThanks.invalid:active,
div.downloadAppPanel div.downloadAppBox button.noThanks.invalid:focus,
div.downloadAppPanel div.downloadAppBox button.noThanks.invalid:disabled,
div.downloadAppPanel div.downloadAppBox button.noThanks.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #ffffff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.downloadAppPanel div.downloadAppBox button.noThanks.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.downloadAppPanel div.downloadAppBox button.noThanks.disabled,
div.downloadAppPanel div.downloadAppBox button.noThanks:disabled {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(255, 255, 255, 0.24);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks.disabled:hover,
div.downloadAppPanel div.downloadAppBox button.noThanks:disabled:hover,
div.downloadAppPanel div.downloadAppBox button.noThanks.disabled:active,
div.downloadAppPanel div.downloadAppBox button.noThanks:disabled:active,
div.downloadAppPanel div.downloadAppBox button.noThanks.disabled:focus,
div.downloadAppPanel div.downloadAppBox button.noThanks:disabled:focus {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(255, 255, 255, 0.24);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.downloadAppPanel div.downloadAppBox button.noThanks:hover {
  border: 2px solid white;
}
div.downloadAppPanel div.downloadAppBox div.learnMore {
  margin-top: 28px;
}
div.downloadAppPanel div.downloadAppBox div.learnMore a.learnMoreLink {
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 28%;
}
div.downloadAppPanel div.downloadAppBox div.learnMore a.learnMoreLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
div.downloadAppPanel div.downloadAppBox div.learnMore a.learnMoreLink:focus {
  border-bottom: none;
}
div.downloadAppPanel div.downloadAppBox div.learnMore a.learnMoreLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
div.downloadAppPanel div.downloadAppBox div.learnMore a.learnMoreLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.downloadAppPanel div.downloadAppBox button.noThanks:focus,
div.downloadAppPanel div.downloadAppBox button.getTheApp:focus {
  box-shadow: 0 0 0 4px #ff9700;
}
div.downloadAppPanel div.downloadAppBox a.learnMoreLink:focus {
  outline: 4px solid #ff9700;
}
div.downloadAppPanel.badRatingFullPageAppPitch {
  margin-top: 50px;
  width: 1030px;
  margin-left: -515px;
}
div.downloadAppPanel.badRatingFullPageAppPitch div.downloadAppBox a.learnMoreLink {
  display: none;
}
div.downloadAppPanel.badRatingFullPageAppPitch div.downloadAppBox button.getTheApp {
  margin-left: 303px;
}
div.downloadAppPanel.fullPageAppPitch {
  margin-top: 50px;
  width: 930px;
  margin-left: -465px;
}
div.downloadAppPanel.fullPageAppPitch div.downloadAppBox a.learnMoreLink {
  display: none;
}
div.downloadAppPanel.fullPageAppPitch div.downloadAppBox button.getTheApp {
  margin-left: 253px;
}
.fbStreamingIndicator {
  position: absolute;
  display: none;
  top: 20px;
  left: 20px;
  z-index: 5;
  padding: 8px;
  font-size: 13px;
  color: #FFFFFF;
  background-color: #EE4242;
  border-radius: 4px;
  text-transform: uppercase;
  -webkit-animation-name: fblive;
  /* Chrome, Safari, Opera */
  -webkit-animation-duration: 2s;
  /* Chrome, Safari, Opera */
  -webkit-animation-iteration-count: infinite;
  animation-name: fblive;
  animation-duration: 2s;
}
.fbStreamingIndicatorGifSize {
  height: 31px;
  width: 119px;
}
.windows.fbStreamingIndicator {
  height: 31px;
  width: 119px;
}
.linux.fbStreamingIndicator {
  height: 31px;
  width: 119px;
}
.ubuntu.fbStreamingIndicator {
  height: 31px;
  width: 119px;
}
.solaris.fbStreamingIndicator {
  height: 31px;
  width: 119px;
}
.bsd.fbStreamingIndicator {
  height: 31px;
  width: 119px;
}
iframe.mac.fbStreamingIndicator {
  height: 31px;
  width: 109px;
  background: transparent;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fblive {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.8;
  }
}
/* Standard syntax */
@keyframes fblive {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.8;
  }
}
.skinny .feedbackPanel {
  height: 400px;
  left: 50%;
  margin-left: -166px;
  position: absolute;
  top: 30%;
  width: 332px;
  z-index: 4;
}
.skinny .feedbackPanel.survey {
  width: 100%;
  height: 100%;
  margin-left: 0px;
  left: auto;
  top: auto;
}
.skinny .feedbackPanel.survey .post_meeting_survey {
  display: block;
}
.skinny .feedbackPanel.tNPSEnabled {
  width: 100%;
  height: 100%;
  margin-left: 0px;
  left: auto;
  top: auto;
}
.skinny .feedbackPanel.inMeetingSignupMsgShown {
  top: 40%;
}
.skinny .feedbackPanel.inMeetingSignupMsgShown.tNPSEnabled {
  top: 20%;
}
.skinny .feedbackPanel.lightGreyBackgroundColor .appreciate_message,
.skinny .feedbackPanel.lightGreyBackgroundColor a {
  color: #4F4F4F;
  color: rgba(0, 0, 0, 0.64);
}
.skinny .feedbackPanel.lightGreyBackgroundColor .select_log_upload .checkbox_label {
  color: #4F4F4F;
  color: rgba(0, 0, 0, 0.64);
}
.skinny .feedbackPanel.de .feedback-box-content,
.skinny .feedbackPanel.fr .feedback-box-content {
  font-size: 21px;
}
.skinny .feedbackPanel .feedback-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: white;
  text-align: left;
}
.skinny .feedbackPanel .feedback-box .log_upload_form textarea {
  margin-bottom: 25px;
}
.skinny .feedbackPanel .feedback-box .log_upload_form .placeholderIE {
  color: #ADADAD;
}
.skinny .feedbackPanel .feedback-box-content {
  text-align: center;
  font-size: 22px;
  font-family: arial;
  font-weight: normal;
  margin-bottom: 10px;
  padding: 0px;
  line-height: 25px;
}
.skinny .feedbackPanel .tNPSRatingScreen {
  color: black;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 172px;
  background-color: #DDDDDD;
  text-align: center;
}
.skinny .feedbackPanel .tNPSRatingScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.skinny .feedbackPanel .tNPSRatingScreen .content {
  vertical-align: middle;
  display: inline-block;
}
.skinny .feedbackPanel .tNPSRatingScreen .content {
  width: 600px;
  text-align: center;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .question {
  color: #4F4F4F;
  color: rgba(0, 0, 0, 0.64);
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings {
  margin-top: 40px;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .ratingsButtonHolder {
  height: 32px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .ratingsButtonHolder .tNPSRating {
  display: inline-block;
  float: left;
  width: 32px;
  margin-left: 12px;
  font-size: 16px;
  color: #4282DF;
  border-radius: 50%;
  background-color: #D9E0E9;
  border: 1px solid #83ACE7;
  cursor: pointer;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  height: 32px;
  line-height: 32px;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .ratingsButtonHolder .tNPSRating:hover,
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .ratingsButtonHolder .tNPSRating:active,
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .ratingsButtonHolder .tNPSRating:focus {
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  background-color: #3478DC;
  border: 1px solid #1D6BDD;
  outline: none;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .ratingsButtonHolder .tNPSRating:first-child {
  margin-left: 10px;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .labelContainer {
  margin-top: 12px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  height: 12px;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .labelContainer .scaleLabel {
  color: #848484;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .labelContainer .lowEndLabel {
  display: inline-block;
  float: left;
  margin-left: 10px;
}
.skinny .feedbackPanel .tNPSRatingScreen .content .tNPSRatings .labelContainer .highEndLabel {
  display: inline-block;
  float: right;
  margin-right: 8px;
}
.skinny .feedbackPanel .support_content {
  text-align: center;
  margin: 60px 0;
}
.skinny .feedbackPanel .support_content span {
  padding-top: 10px;
  display: block;
}
.skinny .feedbackPanel .ratings-wrapper {
  text-align: center;
  font-size: 20px;
  font-family: arial;
  font-weight: normal;
  padding: 0px;
  line-height: 20px;
  border: 1px solid;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-color: #606060;
  border-width: 1px;
}
.skinny .feedbackPanel .ratings {
  text-align: left;
  font-size: 15px;
  padding: 8px 0px 8px 15px;
  border-bottom: 1px solid #272727;
}
.skinny .feedbackPanel .ratings:hover {
  background-color: #404040;
}
.skinny .feedbackPanel .twitter_button {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 80%;
  background-repeat: no-repeat;
  margin-top: 25px;
  background-position: 12px center;
  margin-left: 35px;
}
.skinny .feedbackPanel .twitter_button .turnOffOutlineForClick {
  outline: none;
}
.skinny .feedbackPanel .twitter_button div.icon {
  display: none;
}
.skinny .feedbackPanel .twitter_button:hover,
.skinny .feedbackPanel .twitter_button.hovered {
  background-color: #4182e2;
  border: none;
}
.skinny .feedbackPanel .twitter_button:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.skinny .feedbackPanel .twitter_button:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .twitter_button:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.skinny .feedbackPanel .twitter_button:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.skinny .feedbackPanel .twitter_button.disabled,
.skinny .feedbackPanel .twitter_button:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .twitter_button.disabled:hover,
.skinny .feedbackPanel .twitter_button:disabled:hover,
.skinny .feedbackPanel .twitter_button.disabled:active,
.skinny .feedbackPanel .twitter_button:disabled:active,
.skinny .feedbackPanel .twitter_button.disabled:focus,
.skinny .feedbackPanel .twitter_button:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .twitter_button.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.skinny .feedbackPanel .twitter_button.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .twitter_button.invalid div {
  display: none;
}
.skinny .feedbackPanel .twitter_button.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.skinny .feedbackPanel .twitter_button.invalid:hover,
.skinny .feedbackPanel .twitter_button.invalid:active,
.skinny .feedbackPanel .twitter_button.invalid:focus,
.skinny .feedbackPanel .twitter_button.invalid:disabled,
.skinny .feedbackPanel .twitter_button.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .twitter_button.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .skinny .feedbackPanel .twitter_button.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.skinny .feedbackPanel .twitter_button.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .twitter_button.loading div {
  display: none;
}
.skinny .feedbackPanel .twitter_button.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.skinny .feedbackPanel .twitter_button.loading:hover,
.skinny .feedbackPanel .twitter_button.loading:active,
.skinny .feedbackPanel .twitter_button.loading:focus,
.skinny .feedbackPanel .twitter_button.loading:disabled,
.skinny .feedbackPanel .twitter_button.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .twitter_button.loading.no-svg {
  background-color: #1D6BDD !important;
}
.skinny .feedbackPanel .twitter_button.loading.no-svg div {
  display: none;
}
.skinny .feedbackPanel .twitter_button.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.skinny .feedbackPanel .follow {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 60%;
  margin-left: 60px;
}
.skinny .feedbackPanel .follow .turnOffOutlineForClick {
  outline: none;
}
.skinny .feedbackPanel .follow div.icon {
  display: none;
}
.skinny .feedbackPanel .follow:hover,
.skinny .feedbackPanel .follow.hovered {
  background-color: #4182e2;
  border: none;
}
.skinny .feedbackPanel .follow:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.skinny .feedbackPanel .follow:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .follow:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.skinny .feedbackPanel .follow:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.skinny .feedbackPanel .follow.disabled,
.skinny .feedbackPanel .follow:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .follow.disabled:hover,
.skinny .feedbackPanel .follow:disabled:hover,
.skinny .feedbackPanel .follow.disabled:active,
.skinny .feedbackPanel .follow:disabled:active,
.skinny .feedbackPanel .follow.disabled:focus,
.skinny .feedbackPanel .follow:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .follow.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.skinny .feedbackPanel .follow.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .follow.invalid div {
  display: none;
}
.skinny .feedbackPanel .follow.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.skinny .feedbackPanel .follow.invalid:hover,
.skinny .feedbackPanel .follow.invalid:active,
.skinny .feedbackPanel .follow.invalid:focus,
.skinny .feedbackPanel .follow.invalid:disabled,
.skinny .feedbackPanel .follow.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .follow.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .skinny .feedbackPanel .follow.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.skinny .feedbackPanel .follow.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .follow.loading div {
  display: none;
}
.skinny .feedbackPanel .follow.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.skinny .feedbackPanel .follow.loading:hover,
.skinny .feedbackPanel .follow.loading:active,
.skinny .feedbackPanel .follow.loading:focus,
.skinny .feedbackPanel .follow.loading:disabled,
.skinny .feedbackPanel .follow.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .follow.loading.no-svg {
  background-color: #1D6BDD !important;
}
.skinny .feedbackPanel .follow.loading.no-svg div {
  display: none;
}
.skinny .feedbackPanel .follow.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.skinny .feedbackPanel .send_button {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
.skinny .feedbackPanel .send_button .turnOffOutlineForClick {
  outline: none;
}
.skinny .feedbackPanel .send_button div.icon {
  display: none;
}
.skinny .feedbackPanel .send_button:hover,
.skinny .feedbackPanel .send_button.hovered {
  background-color: #4182e2;
  border: none;
}
.skinny .feedbackPanel .send_button:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.skinny .feedbackPanel .send_button:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .send_button:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.skinny .feedbackPanel .send_button:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.skinny .feedbackPanel .send_button.disabled,
.skinny .feedbackPanel .send_button:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .send_button.disabled:hover,
.skinny .feedbackPanel .send_button:disabled:hover,
.skinny .feedbackPanel .send_button.disabled:active,
.skinny .feedbackPanel .send_button:disabled:active,
.skinny .feedbackPanel .send_button.disabled:focus,
.skinny .feedbackPanel .send_button:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .send_button.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.skinny .feedbackPanel .send_button.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .send_button.invalid div {
  display: none;
}
.skinny .feedbackPanel .send_button.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.skinny .feedbackPanel .send_button.invalid:hover,
.skinny .feedbackPanel .send_button.invalid:active,
.skinny .feedbackPanel .send_button.invalid:focus,
.skinny .feedbackPanel .send_button.invalid:disabled,
.skinny .feedbackPanel .send_button.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .send_button.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .skinny .feedbackPanel .send_button.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.skinny .feedbackPanel .send_button.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .send_button.loading div {
  display: none;
}
.skinny .feedbackPanel .send_button.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.skinny .feedbackPanel .send_button.loading:hover,
.skinny .feedbackPanel .send_button.loading:active,
.skinny .feedbackPanel .send_button.loading:focus,
.skinny .feedbackPanel .send_button.loading:disabled,
.skinny .feedbackPanel .send_button.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .send_button.loading.no-svg {
  background-color: #1D6BDD !important;
}
.skinny .feedbackPanel .send_button.loading.no-svg div {
  display: none;
}
.skinny .feedbackPanel .send_button.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.skinny .feedbackPanel .send_icon {
  width: 15px;
  position: relative;
  left: 39%;
  top: 2px;
}
.skinny .feedbackPanel .user_feedback {
  width: 325px;
  height: 90px;
}
.skinny .feedbackPanel .user_email {
  width: 328px;
  height: 40px;
}
.skinny .feedbackPanel .select_log_upload {
  margin-bottom: 25px;
}
.skinny .feedbackPanel .select_log_upload .checkbox_label {
  color: #FFF;
}
.skinny .feedbackPanel .select_log_upload_in_survey {
  font-family: ProximaNovaLight, Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: center;
}
.skinny .feedbackPanel .select_log_upload_in_survey .checkbox_label {
  color: rgba(0, 0, 0, 0.8);
}
.skinny .feedbackPanel .appreciate_message {
  font-family: arial;
  font-size: 13px;
  color: #FFF;
  margin-bottom: 20px;
  text-align: center;
}
.skinny .feedbackPanel .post_meeting_survey {
  color: black;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 172px;
  background-color: #DDDDDD;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_prompt {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  margin: 32px 0px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_selections {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  width: 618px;
  margin: 0 auto;
  background-color: #F2F2F2;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_selections .post_meeting_survey_navbar {
  height: 56px;
  border-bottom: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_selections .post_meeting_survey_navbar .survey_navbar_option {
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  text-align: center;
  opacity: 0.8;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
  border-bottom: 4px solid #EDF4FD;
  border-bottom: 4px solid rgba(29, 107, 221, 0.08);
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_selections .post_meeting_survey_navbar .survey_navbar_option.selected {
  opacity: 1.0;
  border-bottom: 4px solid #1D6BDD;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_selections .survey_page {
  padding: 24px 0px 16px 24px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_selections .survey_page .choice {
  margin-bottom: 14px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_selections .survey_page .choice label {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  padding-left: 10px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_selections .survey_page a.nextPage {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: #1D6BDD;
  border-bottom: 0px;
  text-transform: uppercase;
  display: block;
  margin-top: 16px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_summary {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  margin: 32px 0px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_summary #selectioncount,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_summary .issues {
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_comments {
  width: 618px;
  margin: 0 auto;
  padding-bottom: 16px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_comments .user_feedback {
  width: 100%;
  min-height: 120px;
  max-height: initial !important;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send {
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  height: 68px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .border {
  width: 100%;
  height: 8px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%);
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content {
  height: 60px;
  background-color: #F2F2F2;
  text-align: center;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  padding: 0 35px;
  display: inline-block;
  margin-top: 9px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton .turnOffOutlineForClick {
  outline: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton div.icon {
  display: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton:hover,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.hovered {
  background-color: #4182e2;
  border: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.disabled,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.disabled:hover,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton:disabled:hover,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.disabled:active,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton:disabled:active,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.disabled:focus,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid div {
  display: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid:hover,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid:active,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid:focus,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid:disabled,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading div {
  display: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading:hover,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading:active,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading:focus,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading:disabled,
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading.no-svg {
  background-color: #1D6BDD !important;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading.no-svg div {
  display: none;
}
.skinny .feedbackPanel .post_meeting_survey .post_meeting_survey_send .actual-content #sendsurveybutton.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal {
  margin: auto;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 500px;
  padding: 20px;
  position: absolute;
  color: white;
  z-index: 2000;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal.improvedFlow > .mainContent,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal.improvedFlow > .mainContent {
  width: 790px;
  text-align: center;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal.improvedFlow > .mainContent button.pageReload,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal.improvedFlow > .mainContent button.pageReload {
  width: 200px;
  height: 42px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal.improvedFlow > .mainContent ul.accessDenied li.allowAccessStep div.dontShareModalText,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal.improvedFlow > .mainContent ul.accessDenied li.allowAccessStep div.dontShareModalText {
  font: 22px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  line-height: 26px;
  color: #FFF;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .unblockIndicator,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .unblockIndicator,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .refreshIndicator,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .refreshIndicator,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps {
  display: none;
  position: absolute;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.arrow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.arrow,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .unblockIndicator div.arrow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .unblockIndicator div.arrow,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .refreshIndicator div.arrow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .refreshIndicator div.arrow,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.arrow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.arrow {
  width: 116px;
  height: 73px;
  background-size: 136px 15438px;
  background-position: 0px -3732px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 83px;
  height: 64px;
}
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.arrow,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.arrow,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .unblockIndicator div.arrow,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .unblockIndicator div.arrow,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .refreshIndicator div.arrow,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .refreshIndicator div.arrow,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.arrow,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3725px;
}
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.arrow,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.arrow,
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .unblockIndicator div.arrow,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .unblockIndicator div.arrow,
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .refreshIndicator div.arrow,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .refreshIndicator div.arrow,
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.arrow,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.arrow {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .unblockIndicator div.text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .unblockIndicator div.text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .refreshIndicator div.text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .refreshIndicator div.text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.text {
  max-width: 384px;
  padding-right: 100px;
  margin-top: 48px;
  margin-left: 99px;
  font: 20px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.text span.highlight,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.text span.highlight,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .unblockIndicator div.text span.highlight,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .unblockIndicator div.text span.highlight,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .refreshIndicator div.text span.highlight,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .refreshIndicator div.text span.highlight,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.text span.highlight,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.text span.highlight {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: white;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.text span.firefox-dropdown-icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.text span.firefox-dropdown-icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .unblockIndicator div.text span.firefox-dropdown-icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .unblockIndicator div.text span.firefox-dropdown-icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .refreshIndicator div.text span.firefox-dropdown-icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .refreshIndicator div.text span.firefox-dropdown-icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.text span.firefox-dropdown-icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.text span.firefox-dropdown-icon {
  display: inline-block;
  height: 28px;
  width: 28px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/drop_down_arrow.png");
  vertical-align: middle;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.step4Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.step4Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .unblockIndicator div.step4Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .unblockIndicator div.step4Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .refreshIndicator div.step4Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .refreshIndicator div.step4Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.step4Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.step4Text {
  padding-top: 10px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.text {
  font: 26px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  max-width: 525px;
  line-height: 31px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.arrowFlip,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.arrowFlip {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4333px;
  position: absolute;
  top: -75px;
  left: 0px;
  width: 110px;
  height: 86px;
}
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.arrowFlip,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.arrowFlip {
  display: none;
}
.ffQuantum.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.arrowFlip,
.ffQuantum.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.arrowFlip {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator .allowAccess,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator .allowAccess {
  margin-left: 80px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator .allowAccess .step1Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator .allowAccess .step1Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator .allowAccess .step2Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator .allowAccess .step2Text {
  font: 26px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  margin-left: 30px;
  padding-top: 10px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator .allowAccess .remember,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator .allowAccess .remember {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4444px;
  display: inline-block;
  vertical-align: middle;
  width: 149px;
  height: 19px;
  margin: 8px 0 5px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator .allowAccess .allow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator .allowAccess .allow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4488px;
  display: inline-block;
  vertical-align: middle;
  width: 123px;
  height: 32px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator .allowAccess.nextSteps .step1Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator .allowAccess.nextSteps .step1Icon {
  margin-bottom: 15px;
}
.ffQuantum.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator .allowAccess,
.ffQuantum.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator .allowAccess {
  margin-left: 0;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.textSizerBig,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.textSizerBig {
  display: inline-block;
  visibility: hidden;
  font-size: 12px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.textSizerBig.hasMinWidth,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.textSizerBig.hasMinWidth {
  min-width: 260px;
}
.ffQuantum.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.textSizerBig,
.ffQuantum.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.textSizerBig {
  display: none;
}
.ffQuantum.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator,
.ffQuantum.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 630px;
  height: 200px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .stepIcons,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .stepIcons {
  height: 54px;
  width: 54px;
  border: 1px solid #F6A623;
  border-radius: 50%;
  font-size: 40px;
  font-weight: 300;
  color: #F6A623;
  text-align: center;
  line-height: 54px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .stepIcons,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .stepIcons,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .step1Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .step1Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .step2Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .step2Text {
  display: inline-block;
  vertical-align: middle;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .allow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .allow,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .allow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .allow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4488px;
  display: inline-block;
  vertical-align: middle;
  width: 123px;
  height: 32px;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps,
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog {
  width: 675px;
  margin: 0;
  margin-top: 40px;
  left: 210px;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.arrow,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.arrow,
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.arrow,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.arrow {
  top: -30px;
  left: -150px;
}
.ffQuantum.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps,
.ffQuantum.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps,
.ffQuantum.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog,
.ffQuantum.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog {
  left: 455px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .accessDenied .step1Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .accessDenied .step1Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied .step1Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied .step1Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .accessDenied .step2Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .accessDenied .step2Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied .step2Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied .step2Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .accessDenied .step3Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .accessDenied .step3Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied .step3Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied .step3Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .accessDenied .step4Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .accessDenied .step4Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied .step4Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied .step4Text {
  font: 26px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  margin-left: 30px;
  padding-top: 10px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps ul.nextSteps > li.allowAccessStep.step2Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps ul.nextSteps > li.allowAccessStep.step2Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog ul.nextSteps > li.allowAccessStep.step2Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog ul.nextSteps > li.allowAccessStep.step2Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps ul.nextSteps > li.allowAccessStep.step3Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps ul.nextSteps > li.allowAccessStep.step3Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog ul.nextSteps > li.allowAccessStep.step3Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog ul.nextSteps > li.allowAccessStep.step3Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps ul.nextSteps > li.allowAccessStep.step4Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps ul.nextSteps > li.allowAccessStep.step4Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog ul.nextSteps > li.allowAccessStep.step4Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog ul.nextSteps > li.allowAccessStep.step4Icon {
  margin-top: 64px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare button.shareNow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare button.shareNow,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare button.shareNow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare button.shareNow {
  width: 200px;
  height: 42px;
  margin-left: 0px !important;
  margin-top: 15px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare .accessDenied .allowAccessStep .step1Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare .accessDenied .allowAccessStep .step1Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare .accessDenied .allowAccessStep .step1Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare .accessDenied .allowAccessStep .step1Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare .accessDenied .allowAccessStep .step3Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare .accessDenied .allowAccessStep .step3Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare .accessDenied .allowAccessStep .step3Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare .accessDenied .allowAccessStep .step3Text {
  padding-top: 0 !important;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied .turnOffOutlineForClick,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied .turnOffOutlineForClick,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied .turnOffOutlineForClick,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied .turnOffOutlineForClick,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices .turnOffOutlineForClick,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices .turnOffOutlineForClick,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices .turnOffOutlineForClick,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices .turnOffOutlineForClick {
  outline: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices div.icon {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.hovered,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.hovered,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.hovered,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.hovered,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.hovered,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.hovered,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.hovered,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.hovered {
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid #ffffff;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:active {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:active:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:active:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:active:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:active:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:active:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:active:focus {
  background-color: rgba(255, 255, 255, 0.32);
  color: none;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:active:not(:disabled),
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:active:not(:disabled),
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:active:not(:disabled),
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:active:not(:disabled),
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active:not(:disabled),
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active:not(:disabled),
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:active:not(:disabled),
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:focus {
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.disabled:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.disabled:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.disabled:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled:focus {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.valid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.valid,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.valid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.valid,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.valid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.valid,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.valid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.valid {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid div,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid div,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid div {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -1412px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid div.icon,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.invalid div.icon,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid div.icon,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.invalid div.icon,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div.icon,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div.icon,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid div.icon,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1404px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading div,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading div,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading div,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading div {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading div.icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.loading.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.loading.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.loading.disabled {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices {
  padding: 5px 20px;
  border-color: transparent;
  margin-left: 16px;
  margin-top: 20px;
  margin-left: 40px;
  height: 43px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 22px;
  box-sizing: border-box;
  -webkit-user-select: none;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.16);
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:focus:not(:disabled):not(:active) {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:active:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.32);
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied:disabled,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied:disabled,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices:disabled {
  color: rgba(255, 255, 255, 0.32);
  border-color: rgba(255, 255, 255, 0.32);
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary {
  height: 43px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 22px;
  box-sizing: border-box;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.12);
  color: white;
  border: none;
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.24);
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary:focus:not(:disabled):not(:active) {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary:active:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.36);
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.secondary:disabled {
  color: rgba(255, 255, 255, 0.24);
  border-color: rgba(0, 0, 0, 0.08);
}
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.pageReload,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied.pageReload,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.pageReload,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied.pageReload,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.pageReload,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.pageReload,
.oldFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.pageReload,
.oldFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices.pageReload {
  width: 100px;
  margin-top: -15px;
  margin-left: 70px;
  height: 35px;
  line-height: 10px;
  padding: inherit;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied,
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied,
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices {
  padding: 0 32px;
  margin-left: 16px;
}
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.accessDenied,
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.accessDenied,
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.continueWithoutDevices {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  padding: 0 50px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .stepPrefix,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .stepPrefix,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .stepPrefix,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .stepPrefix {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .neverShareScreenIcons,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .neverShareScreenIcons,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .neverShareScreenIcons,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .neverShareScreenIcons {
  display: inline-block;
  width: 31px;
  height: 31px;
  vertical-align: middle;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .greenLockIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .greenLockIcon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .greenLockIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .greenLockIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4654px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .yellowLockIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .yellowLockIcon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .yellowLockIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .yellowLockIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4545px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .dropdownIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .dropdownIcon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .dropdownIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .dropdownIcon {
  height: 29px;
  width: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/drop_down.png");
}
.ffQuantumNewDropDown.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .dropdownIcon,
.ffQuantumNewDropDown.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .dropdownIcon,
.ffQuantumNewDropDown.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .dropdownIcon,
.ffQuantumNewDropDown.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .dropdownIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/ff_quantum_screen_share_dropdown.png");
  height: 41px;
  width: 41px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .closeButtonIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .closeButtonIcon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .closeButtonIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .closeButtonIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4600px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .allowDropdownIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .allowDropdownIcon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .allowDropdownIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .allowDropdownIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4710px;
  width: 99px;
  height: 29px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps .refreshIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps .refreshIcon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .refreshIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .refreshIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4932px;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53,
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.FF53,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 {
  top: 105px;
  left: 520px;
}
.ffQuantum.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53,
.ffQuantum.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53,
.ffQuantum.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.FF53,
.ffQuantum.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 {
  top: -150px;
  left: 500px;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 670px;
  height: 220px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 li.allowAccessStep.step2Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 li.allowAccessStep.step2Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 li.allowAccessStep.step2Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 li.allowAccessStep.step2Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 li.allowAccessStep.step3Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 li.allowAccessStep.step3Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 li.allowAccessStep.step3Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 li.allowAccessStep.step3Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 li.allowAccessStep.step4Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 li.allowAccessStep.step4Icon,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 li.allowAccessStep.step4Icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 li.allowAccessStep.step4Icon {
  margin-top: 24px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 div.arrowFlip,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 div.arrowFlip,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 div.arrowFlip,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 div.arrowFlip {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4333px;
  position: absolute;
  top: -105px;
  left: -90px;
  width: 121px;
  height: 86px;
}
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 div.arrowFlip,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.FF53 div.arrowFlip,
.improvedInstruction.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 div.arrowFlip,
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 div.arrowFlip {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal div.firefoxNeverShareSteps > div.arrow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal div.firefoxNeverShareSteps > div.arrow {
  width: 115px;
  height: 72px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.close,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.close {
  cursor: pointer;
  position: absolute;
  right: -130px;
  top: -220px;
  width: 22px;
  height: 22px;
  background-size: 136px 15438px;
  background-position: 0px -240px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.close,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -232px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.close:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.close:hover {
  right: -139px;
  top: -229px;
  width: 40px;
  height: 40px;
  background-size: 136px 15438px;
  background-position: 0px -287px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:hover,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:hover,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.close:hover,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.close:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -279px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.close:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.close:active {
  width: 40px;
  height: 40px;
  background-size: 136px 15438px;
  background-position: 0px -352px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:active,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:active,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.close:active,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.close:active {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -344px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps div.close:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.close:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.close:focus {
  outline: 4px solid #ff9700;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close {
  right: -150px;
  top: -35px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close:hover {
  right: -159px;
  top: -44px;
  width: 40px;
  height: 40px;
  background-size: 136px 15438px;
  background-position: 0px -287px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close:hover,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close:hover,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close:hover,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -279px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close:active {
  width: 40px;
  height: 40px;
  background-size: 136px 15438px;
  background-position: 0px -352px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close:active,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxNeverShareSteps.noScreenShare div.close:active,
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close:active,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.noScreenShare div.close:active {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -344px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog {
  position: absolute;
  font: 26px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied.nextSteps,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .accessDenied.nextSteps {
  margin-top: -30px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 .accessDenied.nextSteps,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog.FF53 .accessDenied.nextSteps {
  margin-top: 0px;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog {
  top: 210px;
  left: 520px;
}
.ffQuantum.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .arrowFlip,
.ffQuantum.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .arrowFlip {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .dropdownIcon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .dropdownIcon {
  height: 29px;
  width: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/drop_down.png");
  display: inline-block;
  vertical-align: middle;
}
.ffQuantumNewDropDown.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .dropdownIcon,
.ffQuantumNewDropDown.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .dropdownIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/ff_quantum_screen_share_dropdown.png");
  height: 41px;
  width: 41px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .shareScreenButton,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .shareScreenButton {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4878px;
  display: inline-block;
  vertical-align: middle;
  width: 124px;
  height: 29px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .stepIcons,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .stepIcons,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .step1Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .step1Text,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .step2Text,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .step2Text {
  display: inline-block;
  vertical-align: middle;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog .listNumbers,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog .listNumbers {
  font: 40px "ProximaNovaThin", "Arial", Helvetica, sans-serif;
  position: relative;
  top: 4px;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.arrow,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.arrow {
  width: 116px;
  height: 73px;
  background-size: 136px 15438px;
  background-position: 0px -3732px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: -80px;
  left: -130px;
  width: 108px;
  height: 84px;
}
.no-svg .improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog div.arrow,
.no-svg .improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3725px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 200px;
  margin: 100px 100px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing .turnOffOutlineForClick,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing .turnOffOutlineForClick {
  outline: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing div.icon {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.hovered,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.hovered {
  background-color: #db3c3c;
  border: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:active:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:disabled:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:disabled:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:disabled:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:disabled:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.disabled:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:disabled:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.valid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid div {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid div.icon,
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading div {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading:hover,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading:hover,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading:active,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading:active,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading:focus,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading:disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading:disabled,
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading.disabled,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading.no-svg,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading.no-svg {
  background-color: #1D6BDD !important;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading.no-svg div,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading.no-svg div {
  display: none;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading.no-svg div.icon,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:focus,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .screensharePermissionDialog button.cancelSharing:focus {
  outline: 4px solid #ff9700;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .neverShareTitleMessage,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .neverShareTitleMessage {
  font: 22px "ProximaNovaRegular", "Arial", Helvetica, sans-serif;
  color: #FFFFFF;
  width: 795px;
  margin: 0 auto;
  position: absolute;
  top: 560px;
  left: 0;
  right: 0;
  text-align: center;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .userRevokedPermissionDialog,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .userRevokedPermissionDialog {
  font: 26px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  margin: 160px auto 0;
  width: 575px;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .userRevokedPermissionDialog .userRevokedTitleMessage,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .userRevokedPermissionDialog .userRevokedTitleMessage {
  text-align: center;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .userRevokedPermissionDialog .userRevokedTitleMessage li.allowAccessStep,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .userRevokedPermissionDialog .userRevokedTitleMessage li.allowAccessStep {
  font: 22px "ProximaNovaRegular", "Arial", Helvetica, sans-serif;
  color: #FFF;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .userRevokedPermissionDialog .accessDenied.pageReload,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .userRevokedPermissionDialog .accessDenied.pageReload {
  margin: 0 auto;
  display: block;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxCameraInUseDialog,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxCameraInUseDialog {
  font: 26px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  margin: 160px auto 0;
  width: 575px;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxCameraInUseDialog .firefoxCameraInUseTitleMessage,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxCameraInUseDialog .firefoxCameraInUseTitleMessage {
  text-align: center;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxCameraInUseDialog .firefoxCameraInUseTitleMessage li.allowAccessStep,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxCameraInUseDialog .firefoxCameraInUseTitleMessage li.allowAccessStep {
  font: 22px "ProximaNovaRegular", "Arial", Helvetica, sans-serif;
  color: #FFF;
}
.improvedFlow.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .firefoxCameraInUseDialog .firefoxContinueWithoutCamera.continueWithoutDevices,
.improvedFlow.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .firefoxCameraInUseDialog .firefoxContinueWithoutCamera.continueWithoutDevices {
  margin: 0 auto;
  display: block;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator {
  top: 220px;
  left: 150px;
  white-space: nowrap;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.textSizer,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.textSizer {
  display: inline-block;
  visibility: hidden;
  font-size: 12px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.textSizer.hasMinWidth,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.textSizer.hasMinWidth {
  min-width: 225px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.actualContent,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.actualContent {
  white-space: normal;
  display: inline-block;
  position: relative;
  left: 25px;
}
.webrtcDeviceAccessModal.firefoxWebrtcDeviceAccessModal .allowIndicator div.actualContent div.arrow,
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.actualContent div.arrow {
  display: block;
}
.webrtcDeviceAccessModal.es .noScreenShare button.accessDenied.shareNow,
.webrtcDeviceAccessModal.fr .noScreenShare button.accessDenied.shareNow {
  width: 250px;
  height: 42px;
  margin-left: 0px !important;
  margin-top: 15px;
}
.webrtcDeviceAccessModal.es .screensharePermissionDialog.FF53 ul.accessDenied.nextSteps li.allowAccessStep,
.webrtcDeviceAccessModal.de .screensharePermissionDialog.FF53 ul.accessDenied.nextSteps li.allowAccessStep {
  width: 800px;
}
.hazardousEnvironmentScreen {
  /*@width: 516px;*/
  /*position: fixed;*/
  /*min-height: @height;*/
  /*left: 50%;*/
  /*top: 48%;*/
  /*margin-left: -0.5 * @width;*/
  /*margin-top: -0.5 * @height;*/
  background-color: #303030;
  color: #cccccc;
  font-size: 13px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.hazardousEnvironmentScreen .content {
  max-width: 435px;
  padding: 43px;
  margin: 0 auto;
}
.hazardousEnvironmentScreen .content h1 {
  font-size: 17px;
  color: white;
  /*padding-top: 8px;*/
  text-align: center;
}
.hazardousEnvironmentScreen .content hr {
  border: none;
  height: 1px;
  color: #4d4d4d;
  background-color: #4d4d4d;
  margin: 27px auto;
  width: 324px;
}
.hazardousEnvironmentScreen .content p {
  width: 260px;
  margin: auto;
  line-height: 1.5em;
}
.hazardousEnvironmentScreen .content p strong {
  font-weight: bold;
  color: white;
}
.hazardousEnvironmentScreen .content p a {
  color: #1286d4;
}
.hazardousEnvironmentScreen .content p + p {
  margin-top: 21px;
}
.hazardousEnvironmentScreen .content p.suggestions span {
  display: block;
  padding-bottom: 20px;
}
.hazardousEnvironmentScreen .content p.suggestions .suggestion {
  display: block;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
  font-weight: bold;
  line-height: 42px;
  margin: 1px 21px 0;
  padding-left: 50px;
  -o-transition: background-color 0.1s, color 0.1s;
  -moz-transition: background-color 0.1s, color 0.1s;
  -webkit-transition: background-color 0.1s, color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  position: relative;
}
.hazardousEnvironmentScreen .content p.suggestions .suggestion .bullet {
  display: none;
}
.hazardousEnvironmentScreen .content p.suggestions .suggestion.ie {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 7px -4760px;
}
.hazardousEnvironmentScreen .content p.suggestions .suggestion.firefox {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 7px -4817px;
}
.hazardousEnvironmentScreen .content p.suggestions .suggestion.chrome {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 7px -4984px;
}
.hazardousEnvironmentScreen .content p.suggestions .suggestion.safari {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 7px -5041px;
}
.hazardousEnvironmentScreen .content p.suggestions .suggestion.mac {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 7px -5098px;
}
.hazardousEnvironmentScreen .content p.suggestions .suggestion.windows {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 7px -5155px;
}
.hazardousEnvironmentScreen .content p.suggestions a.suggestion .bullet {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5216px;
  display: inline;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 15.5px;
  right: 6px;
}
.hazardousEnvironmentScreen .content p.suggestions a.suggestion:hover {
  background-color: #272727;
  color: #1286d4;
}
.hazardousEnvironmentScreen .content p.suggestions a.suggestion:active {
  background-color: #1286d4;
  color: white;
  margin-top: 2px;
  margin-bottom: -1px;
}
.hazardousEnvironmentScreen .content p.suggestions a.suggestion:active .bullet {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5252px;
}
.hazardousEnvironmentScreen.deprecateWarning {
  text-align: center;
  font: 14px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  height: 100%;
}
.hazardousEnvironmentScreen.deprecateWarning:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.hazardousEnvironmentScreen.deprecateWarning .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage {
  width: 575px;
  text-align: left;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage > .title {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
  font-size: 28px;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  padding-bottom: 42px;
  text-align: center;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .videoOption .joinVideo {
  padding-left: 14px;
  display: inline-block;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .videoOption .joinVideo .text {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 11px;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .videoOption .joinVideo .downloadChrome {
  margin-bottom: 11px;
  border: 1px solid #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 100px;
  display: inline-block;
  padding: 8px 18px 8px 8px;
  cursor: pointer;
  background: none;
  background-color: rgba(255, 255, 255, 0.16);
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .videoOption .joinVideo .downloadChrome .logo {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/chrome.png");
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .videoOption .joinVideo .downloadChrome .downloadText {
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  margin-left: 4px;
  line-height: 24px;
  vertical-align: top;
  text-transform: uppercase;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .videoOption .joinVideo .downloadChrome:hover {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.48);
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .videoOption .joinVideo .mobileText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 29px;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .audioOption {
  display: none;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .audioOption .joinAudio {
  padding-left: 14px;
  display: inline-block;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .audioOption .joinAudio .text {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 11px;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage .audioOption .joinAudio .dialText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
}
.hazardousEnvironmentScreen.deprecateWarning #deprecateMessage div.bullet {
  display: inline-block;
  vertical-align: top;
  margin: 6px;
  width: 4px;
  height: 4px;
  background-size: 136px 15438px;
  background-position: 0px -49px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .hazardousEnvironmentScreen.deprecateWarning #deprecateMessage div.bullet {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -49px;
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation {
  height: 18px;
  bottom: 18px;
  left: 0;
  position: absolute;
  z-index: 10;
  text-align: center;
  right: 0;
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation div.logoContainer {
  position: absolute;
  left: 30px;
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation div.logoContainer div.logo {
  background-image: url("images/BJN_logo_76x18_svg.svg");
  width: 78px;
  height: 18px;
  background-repeat: no-repeat;
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation div.logoContainer img.logo {
  max-height: 18px;
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation div.privacyPolicyContainer div.privacyText {
  color: #FFFFFF;
  color: #ffffff;
  opacity: 0.8;
  font-size: 12px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation div.privacyPolicyContainer a.privacyLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #FFFFFF;
  color: #ffffff;
  opacity: 0.8;
  display: inline-block;
  margin-left: 2px;
  padding: 3px 4px;
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation div.privacyPolicyContainer a.privacyLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation div.privacyPolicyContainer a.privacyLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation div.privacyPolicyContainer a.privacyLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.hazardousEnvironmentScreen.deprecateWarning div.corporateInformation div.privacyPolicyContainer a.privacyLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.hazardousEnvironmentScreen.deprecateWarning .helpInfo {
  height: auto;
  width: auto;
  position: absolute;
  right: 32px;
  bottom: 17px;
  text-align: right;
  z-index: 10;
}
.hazardousEnvironmentScreen.deprecateWarning .helpInfo .helpLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.hazardousEnvironmentScreen.deprecateWarning .helpInfo .helpLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.hazardousEnvironmentScreen.deprecateWarning .helpInfo .helpLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.hazardousEnvironmentScreen.deprecateWarning .helpInfo .helpLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.hazardousEnvironmentScreen.deprecateWarning .helpInfo .helpLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.hazardousEnvironmentScreen.deprecateWarning .helpInfo .helpNumber {
  size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  margin-top: 8px;
}
.hazardousEnvironmentScreen.deprecateWarning .helpInfo .helpPhone {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  margin-top: 5px;
}
@media (max-width: 480px) {
  /*body {
		margin: 17px;
		width: auto;
		height: auto;
	}*/
  .hazardousEnvironmentScreen {
    overflow: auto;
    width: auto;
    margin: 17px !important;
    position: static;
  }
  .hazardousEnvironmentScreen .content {
    padding: 21.5px;
  }
  .hazardousEnvironmentScreen .content h1,
  .hazardousEnvironmentScreen .content hr,
  .hazardousEnvironmentScreen .content p {
    width: auto;
  }
  .hazardousEnvironmentScreen .content .suggestion {
    margin-left: 0;
    margin-right: 0;
  }
}
.ie-7 .hazardousEnvironmentScreen .content p.suggestions .suggestion,
.ie-6 .hazardousEnvironmentScreen .content p.suggestions .suggestion {
  line-height: normal;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}
.ie-6 .hazardousEnvironmentScreen .content p.suggestions .suggestion {
  background-image: none;
  position: static;
  padding-left: 17px;
  height: auto;
  width: auto;
}
.ie-6 .hazardousEnvironmentScreen .content p.suggestions .suggestion .bullet {
  display: none;
}
.hostAccountDisabledScreen {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 4;
  background-color: #414141;
  display: none;
  top: 0px;
}
.hostAccountDisabledScreen .bgcolor {
  width: 100%;
  height: 100%;
  background-color: #414141;
  z-index: 5;
  position: absolute;
}
.hostAccountDisabledScreen .content {
  width: 450px;
  height: 145px;
  margin-left: -225px;
  margin-top: -72.5px;
  background-color: #414141;
  position: relative;
  z-index: 5;
  left: 50%;
  top: 45%;
}
.hostAccountDisabledScreen .content .icon {
  left: 0px;
  top: 0px;
  width: 115px;
  height: 105px;
}
.hostAccountDisabledScreen .content .messageContainer {
  left: 160px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  position: absolute;
}
.hostAccountDisabledScreen .content .messageContainer .title {
  font-size: 18px;
  color: white;
  font-weight: bold;
}
.hostAccountDisabledScreen .content .messageContainer .messageBox .message {
  position: relative;
  left: 0px;
  top: 20px;
  font-size: 14px;
  color: #878787;
}
.hostAccountDisabledScreen .content .messageContainer .errorMsg {
  position: relative;
  top: 30px;
  display: none;
  width: 100%;
}
.hostAccountDisabledScreen .content .messageContainer .errorMsg.show {
  display: block;
}
.hostAccountDisabledScreen .content .messageContainer .errorMsg .errorIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5288px;
  height: 16px;
  width: 18px;
  display: inline-block;
}
.hostAccountDisabledScreen .content .messageContainer .errorMsg .msg {
  position: relative;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 10px;
  color: #878787;
  font-size: 14px;
}
.hostAccountDisabledScreen .content .messageContainer .buttonContainer {
  position: relative;
  top: 30px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}
.hostAccountDisabledScreen .content .messageContainer .buttonContainer button {
  color: black;
  padding: 9px 30px;
  font-size: 13px;
}
.hostAccountDisabledScreen .content .messageContainer .buttonContainer button + button {
  margin-left: 12px;
}
.hostAccountDisabledScreen .content .messageContainer .buttonContainer button.primary {
  font-size: 13px;
}
.hostAccountDisabledScreen .content .messageContainer .buttonContainer button.primary.hover {
  background-color: #2c9fed;
  color: white;
}
.hostAccountDisabledScreen .content .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5328px;
}
.hostAccountDisabledScreen .notice {
  font-style: italic;
  font-size: 13px;
  color: #878787;
  position: absolute;
  bottom: -30px;
  width: 100%;
  text-align: center;
}
.hoverHolder {
  height: 100%;
  overflow: hidden;
}
.bar.hover {
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: -40px;
  z-index: 5;
  text-align: center;
}
.bar.hover .visibleBar {
  height: 100%;
}
.bar.hover .visibleBar .controls {
  height: 100%;
  position: relative;
  display: none;
  vertical-align: middle;
  color: white;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #8A8A8A;
  border: 1px solid rgba(255, 255, 255, 0.72);
}
.needs-shim .bar.hover .visibleBar .controls {
  border: 1px solid #8A8A8A;
  border-radius: 0;
}
.withLayoutControls.bar.hover .controls {
  display: inline-block;
}
.withLayoutControls.bar.hover .controls .content .layoutControls {
  display: inline-block;
}
.withContentControls.bar.hover .controls {
  display: inline-block;
}
.withContentControls.bar.hover .controls .content .contentControls {
  display: inline-block;
}
.withVideoSharing.withContentControls.bar.hover .controls .content .zoomToggle {
  display: none;
}
.withPresentationLayoutControls.bar.hover .controls {
  display: inline-block;
}
.withPresentationLayoutControls.bar.hover .controls .content .presentationControls {
  display: inline-block;
}
.withControlleeRdcControls.bar.hover {
  height: 48px !important;
}
.withControlleeRdcControls.bar.hover .controls {
  border: none !important;
  display: inline-block;
}
.withControlleeRdcControls.bar.hover .controls .content {
  background-color: transparent !important;
}
.withControlleeRdcControls.bar.hover .controls .content .rdcControlleeControls {
  display: inline-block;
}
.bar.hover .shim {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 2;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.needs-shim .bar.hover .shim {
  display: block;
}
.ie8 .bar.hover div.hoverBarItem:focus {
  width: 56px;
  height: 40px;
  border: 4px solid #5A8AB3;
}
.bar.hover .hoverBarItem {
  width: 56px;
  height: 100%;
  float: left;
}
.bar.hover .hoverBarItem button {
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  width: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  height: 32px;
  border: none;
  background-color: transparent;
  display: block;
  position: relative;
  opacity: 0.72;
}
.bar.hover .hoverBarItem:focus {
  -moz-box-shadow: inset 0 0 0 4px rgba(118, 192, 255, 0.64);
  -webkit-box-shadow: inset 0 0 0 4px rgba(118, 192, 255, 0.64);
  box-shadow: inset 0 0 0 4px rgba(118, 192, 255, 0.64);
}
.bar.hover .hoverBarItem:hover {
  box-shadow: none;
  background-color: #404040;
  background-color: rgba(255, 255, 255, 0.08);
}
.bar.hover .hoverBarItem:hover button {
  opacity: 1.00;
}
.bar.hover .hoverBarItem:active {
  box-shadow: none;
  background-color: #515151;
  background-color: rgba(255, 255, 255, 0.16);
}
.bar.hover .hoverBarItem:active button {
  opacity: 1.00;
}
.bar.hover .hoverBarRdcItem {
  width: 95px;
  height: 90%;
  float: left;
  border-radius: 4px;
  border: 1px solid white;
  background-color: #C11219;
  margin-right: 10px;
}
.bar.hover .hoverBarRdcItem button {
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  width: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  height: 32px;
  border: none;
  background-color: transparent;
  display: block;
  position: relative;
  opacity: 0.72;
}
.bar.hover.sharingVideo .content .contentControls .zoomToggle {
  display: none;
}
.bar.hover.sharingVideo .content .contentControls div.sliderIcon.presentation {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5453px;
}
.bar.hover.sharingVideo .content .contentControls div.sliderIcon.presentation:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5502px;
}
.bar.hover.sharingVideo .content .contentControls div.sliderIcon.presentation .enabled {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5551px;
}
.bar.hover.receivingVideoSharing .content .contentControls {
  visibility: visible;
}
.bar.hover.receivingVideoSharing .content .contentControls .zoomToggle {
  display: none;
}
.bar.hover.receivingVideoSharing .content .contentControls .zoomToggle:hover {
  box-shadow: none;
}
.bar.hover.receivingVideoSharing .content .contentControls div.sliderIcon.presentation {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5453px;
}
.bar.hover.receivingVideoSharing .content .contentControls div.sliderIcon.presentation:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5502px;
}
.bar.hover.receivingVideoSharing .content .contentControls div.sliderIcon.presentation .enabled {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5551px;
}
.bar.hover .controls .content {
  z-index: 5;
  height: 100%;
  position: relative;
  right: 0px;
  background-color: #1F1F1F;
  background-color: rgba(0, 0, 0, 0.72);
}
.needs-shim .bar.hover .controls .content {
  background-color: #1F1F1F;
}
.bar.hover .controls .content:before {
  content: '';
  height: 100%;
  vertical-align: middle;
}
.bar.hover .controls .content .layoutControls,
.bar.hover .controls .content .presentationControls,
.bar.hover .controls .content .rdcControlleeControls {
  display: none;
  height: 100%;
}
.bar.hover .controls .content .layoutControls .hoverBarItem.enabled,
.bar.hover .controls .content .presentationControls .hoverBarItem.enabled,
.bar.hover .controls .content .rdcControlleeControls .hoverBarItem.enabled {
  background-color: #1D6BDD;
  box-shadow: none;
}
.bar.hover .controls .content .layoutControls .hoverBarItem.enabled button,
.bar.hover .controls .content .presentationControls .hoverBarItem.enabled button,
.bar.hover .controls .content .rdcControlleeControls .hoverBarItem.enabled button {
  opacity: 1.00;
}
.bar.hover .controls .content .layoutControls button.VideoCurrentSpeaker,
.bar.hover .controls .content .presentationControls button.VideoCurrentSpeaker,
.bar.hover .controls .content .rdcControlleeControls button.VideoCurrentSpeaker {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -3830px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .layoutControls button.VideoCurrentSpeaker,
.no-svg .bar.hover .controls .content .presentationControls button.VideoCurrentSpeaker,
.no-svg .bar.hover .controls .content .rdcControlleeControls button.VideoCurrentSpeaker {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3823px;
}
.bar.hover .controls .content .layoutControls button.VideoContiniousPresence,
.bar.hover .controls .content .presentationControls button.VideoContiniousPresence,
.bar.hover .controls .content .rdcControlleeControls button.VideoContiniousPresence {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -3887px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .layoutControls button.VideoContiniousPresence,
.no-svg .bar.hover .controls .content .presentationControls button.VideoContiniousPresence,
.no-svg .bar.hover .controls .content .rdcControlleeControls button.VideoContiniousPresence {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3880px;
}
.bar.hover .controls .content .layoutControls button.VideoConstantPresence,
.bar.hover .controls .content .presentationControls button.VideoConstantPresence,
.bar.hover .controls .content .rdcControlleeControls button.VideoConstantPresence {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -3944px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .layoutControls button.VideoConstantPresence,
.no-svg .bar.hover .controls .content .presentationControls button.VideoConstantPresence,
.no-svg .bar.hover .controls .content .rdcControlleeControls button.VideoConstantPresence {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3937px;
}
.bar.hover .controls .content .layoutControls button.ContentVideoOnly,
.bar.hover .controls .content .presentationControls button.ContentVideoOnly,
.bar.hover .controls .content .rdcControlleeControls button.ContentVideoOnly {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -3830px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .layoutControls button.ContentVideoOnly,
.no-svg .bar.hover .controls .content .presentationControls button.ContentVideoOnly,
.no-svg .bar.hover .controls .content .rdcControlleeControls button.ContentVideoOnly {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3823px;
}
.bar.hover .controls .content .layoutControls button.ContentOnly,
.bar.hover .controls .content .presentationControls button.ContentOnly,
.bar.hover .controls .content .rdcControlleeControls button.ContentOnly {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4001px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .layoutControls button.ContentOnly,
.no-svg .bar.hover .controls .content .presentationControls button.ContentOnly,
.no-svg .bar.hover .controls .content .rdcControlleeControls button.ContentOnly {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3994px;
}
.bar.hover .controls .content .layoutControls button.ContentSmallVideo,
.bar.hover .controls .content .presentationControls button.ContentSmallVideo,
.bar.hover .controls .content .rdcControlleeControls button.ContentSmallVideo {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4058px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .layoutControls button.ContentSmallVideo,
.no-svg .bar.hover .controls .content .presentationControls button.ContentSmallVideo,
.no-svg .bar.hover .controls .content .rdcControlleeControls button.ContentSmallVideo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4051px;
}
.bar.hover .controls .content .layoutControls button.ContentLargeVideo,
.bar.hover .controls .content .presentationControls button.ContentLargeVideo,
.bar.hover .controls .content .rdcControlleeControls button.ContentLargeVideo {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4115px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .layoutControls button.ContentLargeVideo,
.no-svg .bar.hover .controls .content .presentationControls button.ContentLargeVideo,
.no-svg .bar.hover .controls .content .rdcControlleeControls button.ContentLargeVideo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4108px;
}
.bar.hover .controls .content .layoutControls button.ContentVideoStacked,
.bar.hover .controls .content .presentationControls button.ContentVideoStacked,
.bar.hover .controls .content .rdcControlleeControls button.ContentVideoStacked {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4172px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .layoutControls button.ContentVideoStacked,
.no-svg .bar.hover .controls .content .presentationControls button.ContentVideoStacked,
.no-svg .bar.hover .controls .content .rdcControlleeControls button.ContentVideoStacked {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4165px;
}
.bar.hover .controls .content .contentControls {
  display: none;
  height: 100%;
}
.withLayoutControls.bar.hover .controls .content .contentControls,
.withPresentationLayoutControls.bar.hover .controls .content .contentControls {
  border-left: 1px solid #8A8A8A;
  border-left: 1px solid rgba(255, 255, 255, 0.72);
}
.needs-shim .bar.hover .controls .content .contentControls {
  border-left: 1px solid #8A8A8A;
}
.bar.hover .controls .content .contentControls .hoverBarItem.enabled {
  background-color: #1D6BDD;
  box-shadow: none;
}
.bar.hover .controls .content .contentControls .hoverBarItem.enabled button {
  opacity: 1.00;
}
.bar.hover .controls .content .contentControls .controlItem {
  width: 56px;
  height: 100%;
  float: left;
}
.bar.hover .controls .content .contentControls .controlItem button {
  z-index: 2;
  width: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  height: 32px;
  border: none;
  background-color: transparent;
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.72;
}
.bar.hover .controls .content .contentControls .controlItem button:hover {
  opacity: 0.72 !important;
  box-shadow: none;
}
.bar.hover .controls .content .contentControls .controlItem button:active {
  opacity: 0.72 !important;
  box-shadow: none;
}
.bar.hover .controls .content .contentControls button.video {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4229px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .contentControls button.video {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4222px;
}
.bar.hover .controls .content .contentControls button.presentation {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4286px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .contentControls button.presentation {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4279px;
}
.bar.hover .controls .content .contentControls button.presentation.videoSharing {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4343px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .contentControls button.presentation.videoSharing {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4336px;
}
.bar.hover .controls .content .contentControls button.togglePauseResume {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4400px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .contentControls button.togglePauseResume {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4393px;
}
.bar.hover .controls .content .contentControls .sliderContainer {
  width: 80px;
  height: 100%;
  position: relative;
  float: left;
}
.bar.hover .controls .content .contentControls .sliderContainer:hover .sizeSlider {
  background-color: #8D8D8D;
  background-color: rgba(255, 255, 255, 0.48);
}
.bar.hover .controls .content .contentControls .sizeSlider {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  height: 4px;
  position: relative;
  width: 80px;
  left: 0px;
  background-color: #595959;
  background-color: rgba(255, 255, 255, 0.24);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.bar.hover .controls .content .contentControls .sizeSlider.hovered {
  background-color: #8D8D8D;
  background-color: rgba(255, 255, 255, 0.48);
}
.bar.hover .controls .content .contentControls .sizeSlider a {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  cursor: pointer;
  top: -6px;
  margin-left: -8px;
  background-color: #1D6BDD;
  border: 1px solid rgba(255, 255, 255, 0.72);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 -2px 0 1px #0f3773;
  -moz-box-shadow: inset 0 -2px 0 1px #0f3773;
  box-shadow: inset 0 -2px 0 1px #0f3773;
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.bar.hover .controls .content .contentControls .sizeSlider a:focus {
  outline: none !important;
  background-color: #659AE7;
  border: 1px solid rgba(255, 255, 255, 0.72);
  -webkit-box-shadow: inset 0 -2px #0f3773, 0px 0px 4px 4px rgba(0, 137, 255, 0.4);
  -moz-box-shadow: inset 0 -2px #0f3773, 0px 0px 4px 4px rgba(0, 137, 255, 0.4);
  box-shadow: inset 0 -2px #0f3773, 0px 0px 4px 4px rgba(0, 137, 255, 0.4);
}
.bar.hover .controls .content .contentControls .sizeSlider a:hover {
  background-color: #4182E2;
  border: 1px solid #FFF;
}
.bar.hover .controls .content .contentControls .sizeSlider a:active {
  background-color: #659AE7;
  border: 1px solid #FFF;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  top: -8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bar.hover .controls .content .contentControls .sizeSlider.grabbing a {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.bar.hover .controls .content .contentControls div.zoomToggle {
  margin-left: -8px;
}
.bar.hover .controls .content .contentControls div.zoomToggle button.zoomToggle {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4457px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .contentControls div.zoomToggle button.zoomToggle {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4450px;
}
.bar.hover .controls .content .contentControls div.zoomToggle button.zoomToggle.tooSmall {
  visibility: hidden;
}
.bar.hover .controls .content .contentControls div.zoomToggle button.zoomToggle.zoomedIn {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4514px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .controls .content .contentControls div.zoomToggle button.zoomToggle.zoomedIn {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4507px;
}
.bar.hover .controls .content .contentControls div.zoomToggle button.zoomToggle.zoomedIn:hover,
.bar.hover .controls .content .contentControls div.zoomToggle button.zoomToggle.zoomedIn:active {
  box-shadow: none;
}
.bar.hover .shareButton {
  height: 100%;
  display: none;
  position: relative;
  vertical-align: middle;
  margin-left: 6px;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #8A8A8A;
  border: 1px solid rgba(255, 255, 255, 0.72);
  overflow: hidden;
  background-color: #1D6BDD;
}
.needs-shim .bar.hover .shareButton {
  border: 1px solid #8A8A8A;
  border-radius: 0;
}
.withSharingButton.bar.hover .shareButton {
  display: inline-block;
}
.sharing.bar.hover .shareButton {
  background-color: #DF0E0E;
}
.bar.hover .shareButton .content {
  height: 100%;
  position: relative;
  z-index: 5;
}
.bar.hover .shareButton .content button.shareScreen {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  border: 0px;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #1d6bdd;
  vertical-align: top;
  border-radius: 4px;
}
.bar.hover .shareButton .content button.shareScreen:hover,
.bar.hover .shareButton .content button.shareScreen.hovered {
  background-color: #4182e2;
  border: 0px;
}
.bar.hover .shareButton .content button.shareScreen:active {
  background-color: #659ae7;
  border: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bar.hover .shareButton .content button.shareScreen:active:focus {
  background-color: #659ae7;
  color: none;
  border: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bar.hover .shareButton .content button.shareScreen:focus {
  background-color: #1d6bdd;
  border: 0px;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
}
.bar.hover .shareButton .content button.shareScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.bar.hover .shareButton .content button.shareScreen div.icon {
  vertical-align: middle;
  display: inline-block;
}
.withLayoutControls.bar.hover .shareButton .content button.shareScreen,
.withPresentationLayoutControls.bar.hover .shareButton .content button.shareScreen,
.withContentControls.bar.hover .shareButton .content button.shareScreen {
  padding-left: 12px;
  padding-right: 12px;
}
.bar.hover .shareButton .content button.shareScreen div.icon {
  height: 32px;
  width: 32px;
}
.bar.hover .shareButton .content button.shareScreen div.text {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
.trackTabAccessibility .bar.hover .shareButton .content button.shareScreen div.text:focus {
  outline: 4px solid #FFFFFF;
}
.bar.hover .shareButton .content button.shareScreen div.icon {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4571px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .shareButton .content button.shareScreen div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4564px;
}
.sharing.bar.hover .shareButton .content button.shareScreen {
  display: none;
}
.bar.hover .shareButton .content button.stopSharing {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  border: 0px;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #df0e0e;
  vertical-align: top;
  border-radius: 4px;
  display: none;
}
.bar.hover .shareButton .content button.stopSharing:hover,
.bar.hover .shareButton .content button.stopSharing.hovered {
  background-color: #db3c3c;
  border: 0px;
}
.bar.hover .shareButton .content button.stopSharing:active {
  background-color: #e95b5b;
  border: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.bar.hover .shareButton .content button.stopSharing:active:focus {
  background-color: #e95b5b;
  color: none;
  border: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bar.hover .shareButton .content button.stopSharing:focus {
  background-color: #df0e0e;
  border: 0px;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.24);
}
.bar.hover .shareButton .content button.stopSharing:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.bar.hover .shareButton .content button.stopSharing div.icon {
  vertical-align: middle;
  display: inline-block;
}
.withLayoutControls.bar.hover .shareButton .content button.stopSharing,
.withPresentationLayoutControls.bar.hover .shareButton .content button.stopSharing,
.withContentControls.bar.hover .shareButton .content button.stopSharing {
  padding-left: 12px;
  padding-right: 12px;
}
.bar.hover .shareButton .content button.stopSharing div.icon {
  height: 32px;
  width: 32px;
}
.bar.hover .shareButton .content button.stopSharing div.text {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
.trackTabAccessibility .bar.hover .shareButton .content button.stopSharing div.text:focus {
  outline: 4px solid #FFFFFF;
}
.bar.hover .shareButton .content button.stopSharing div.icon {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4669px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .bar.hover .shareButton .content button.stopSharing div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4621px;
}
.sharing.bar.hover .shareButton .content button.stopSharing {
  display: inline-block;
}
.bar.hover.ie8 .content .contentControls .sizeSlider a {
  width: 16px;
  height: 16px;
  background-size: 136px 15438px;
  background-position: 0px -4628px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  border: none;
}
.no-svg .bar.hover.ie8 .content .contentControls .sizeSlider a {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4678px;
}
.bar.hover.ie8 .content .contentControls .sizeSlider a:hover {
  width: 16px;
  height: 16px;
  background-size: 136px 15438px;
  background-position: 0px -4628px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  border: none;
}
.no-svg .bar.hover.ie8 .content .contentControls .sizeSlider a:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4678px;
}
.bar.hover.ie8 .content .contentControls .sizeSlider a:active {
  width: 20px;
  height: 20px;
  background-size: 136px 15438px;
  background-position: 0px -4726px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  border: none;
}
.no-svg .bar.hover.ie8 .content .contentControls .sizeSlider a:active {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4719px;
}
.preMeetingContainer {
  width: 100%;
  height: 100%;
  display: none;
}
.preMeetingContainer .preloadProximaNovaThinFont {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.preMeetingContainer .preloadProximaNovaBoldFont {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
}
.preMeetingContainer .preloadProximaNovaSemiBoldFont {
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
}
*:focus {
  outline: none;
}
body {
  /* LESS Mixins */
}
body.preMeetingVisible {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
}
body.preMeetingVisible .preMeetingContainer {
  display: block;
}
body.preMeetingVisible.preMeetingLoadingScreen div#uncontained_main_content {
  height: auto !important;
}
body .webRTCMeetingAlreadyRunningWrapper {
  display: none;
  z-index: 5;
  height: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
}
body .webRTCMeetingAlreadyRunningWrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
body .webRTCMeetingAlreadyRunningWrapper .splashBody {
  vertical-align: middle;
  display: inline-block;
}
body .webRTCMeetingAlreadyRunningWrapper .splashBody {
  width: 100%;
}
body .webRTCMeetingAlreadyRunningWrapper .webRTCMeetingAlreadyRunning {
  display: inline-block;
  font-size: 16px;
  border-radius: 4px;
  padding: 40px;
  position: relative;
  z-index: 4;
  background-color: #272727;
  text-align: left;
  color: #CCCCCC;
}
body .webRTCMeetingAlreadyRunningWrapper .webRTCMeetingAlreadyRunning .title {
  font-family: Helvetica;
  font-size: 28px;
  padding-bottom: 20px;
  line-height: 28px;
}
body .webRTCMeetingAlreadyRunningWrapper .webRTCMeetingAlreadyRunning .description {
  padding-bottom: 30px;
  font-size: 16px;
  margin-left: 5px;
}
body .webRTCMeetingAlreadyRunningWrapper .webRTCMeetingAlreadyRunning a.continue {
  margin-left: 5px;
  font-size: 14px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #22B7FF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
body .webRTCMeetingAlreadyRunningWrapper .webRTCMeetingAlreadyRunning a.continue:hover {
  background-color: #3C545F;
  background-color: rgba(34, 183, 255, 0.16);
}
body .webRTCMeetingAlreadyRunningWrapper .webRTCMeetingAlreadyRunning a.continue:active {
  background-color: #37677E;
  background-color: rgba(34, 183, 255, 0.32);
}
body .fbCountdown {
  margin: 0px auto;
  top: 35%;
  left: 48%;
  position: absolute;
  z-index: 20;
  color: #FFFFFF;
  font-size: 122px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  /* solve for flicker problem */
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
body .fbCountdown.puffer {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(1.6, 1.6);
  -moz-transform: scale(1.6, 1.6);
  -ms-transform: scale(1.6, 1.6);
  -o-transform: scale(1.6, 1.6);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}
#identityScreen {
  position: relative;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  width: 100%;
  height: 100%;
  text-align: center;
}
#identityScreen div.logo {
  background-image: url("images/BJN_logo_76x18_svg.svg");
  width: 78px;
  height: 18px;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 24px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}
#identityScreen img.logo {
  max-height: 30px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 24px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}
#identityScreen #selectLanguage {
  display: none;
}
#identityScreen #languageSelectionView {
  position: absolute;
  top: 16px;
  right: 16px;
  /* Selected item font */
  /* Normal State - Border around dropdown */
  /* Hover State - Border around dropdown */
}
#identityScreen #languageSelectionView .select2-container--default .select2-selection--single {
  background-color: transparent;
}
#identityScreen #languageSelectionView .select2-container .select2-selection--single .select2-selection__rendered {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
}
#identityScreen #languageSelectionView .select2-container .select2-selection--single .select2-selection__rendered:hover {
  color: rgba(255, 255, 255, 0.8);
}
#identityScreen #languageSelectionView .select2-container--default.select2-container--below.select2-container--open .select2-selection--single {
  background-color: #ffffff;
}
#identityScreen #languageSelectionView .select2-container--default.select2-container--below.select2-container--open .select2-selection--single .select2-selection__rendered {
  color: rgba(0, 0, 0, 0.8);
}
#identityScreen #languageSelectionView .select2-container--default .select2-selection--single {
  border: 0;
}
#identityScreen #languageSelectionView .select2-container--default .select2-selection--single:hover {
  border: 1px solid rgba(255, 255, 255, 0.64);
}
#identityScreen #languageSelectionView .select2-container--default .select2-selection--single .select2-selection__arrow b,
#identityScreen #languageSelectionView .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-size: 136px 15438px;
  background-position: 0px -4771px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  border-width: 0px;
  width: 16px;
  height: 16px;
  top: 14px;
  right: 14px;
  left: auto;
}
.no-svg #identityScreen #languageSelectionView .select2-container--default .select2-selection--single .select2-selection__arrow b,
.no-svg #identityScreen #languageSelectionView .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4764px;
}
#identityScreen .clear {
  clear: both;
}
#identityScreen .panel {
  display: none;
}
#identityScreen .meetingTitle {
  text-align: center;
  color: white;
  font-size: 30px;
  margin-top: 20px;
}
#identityScreen .meetingDate {
  text-align: center;
  color: white;
  font-size: 15px;
  margin-top: 10px;
}
#identityScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#identityScreen .content {
  vertical-align: middle;
  display: inline-block;
}
#identityScreen .dialogParent {
  width: 468px;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#identityScreen .content {
  max-width: 944px;
}
#identityScreen .content .dialogParent {
  margin: auto;
}
#identityScreen .content .dialog {
  padding: 48px;
  background-color: #F8F8F8;
  background-color: rgba(255, 255, 255, 0.88);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#identityScreen .content .dialog .title {
  color: #333;
  font: 28px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding-bottom: 10px;
}
#identityScreen .joinButton {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  margin-top: 24px;
}
#identityScreen .joinButton .turnOffOutlineForClick {
  outline: none;
}
#identityScreen .joinButton div.icon {
  display: none;
}
#identityScreen .joinButton:hover,
#identityScreen .joinButton.hovered {
  background-color: #4182e2;
  border: none;
}
#identityScreen .joinButton:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
#identityScreen .joinButton:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
#identityScreen .joinButton:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
#identityScreen .joinButton.disabled,
#identityScreen .joinButton:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.disabled:hover,
#identityScreen .joinButton:disabled:hover,
#identityScreen .joinButton.disabled:active,
#identityScreen .joinButton:disabled:active,
#identityScreen .joinButton.disabled:focus,
#identityScreen .joinButton:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
#identityScreen .joinButton.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .joinButton.invalid div {
  display: none;
}
#identityScreen .joinButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
#identityScreen .joinButton.invalid:hover,
#identityScreen .joinButton.invalid:active,
#identityScreen .joinButton.invalid:focus,
#identityScreen .joinButton.invalid:disabled,
#identityScreen .joinButton.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .joinButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg #identityScreen .joinButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#identityScreen .joinButton.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .joinButton.loading div {
  display: none;
}
#identityScreen .joinButton.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
#identityScreen .joinButton.loading:hover,
#identityScreen .joinButton.loading:active,
#identityScreen .joinButton.loading:focus,
#identityScreen .joinButton.loading:disabled,
#identityScreen .joinButton.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .joinButton.loading.no-svg {
  background-color: #1D6BDD !important;
}
#identityScreen .joinButton.loading.no-svg div {
  display: none;
}
#identityScreen .joinButton.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
#identityScreen .joinButton.go {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .joinButton.go .turnOffOutlineForClick {
  outline: none;
}
#identityScreen .joinButton.go div.icon {
  display: none;
}
#identityScreen .joinButton.go:hover,
#identityScreen .joinButton.go.hovered {
  background-color: #4182e2;
  border: none;
}
#identityScreen .joinButton.go:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
#identityScreen .joinButton.go:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.go:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
#identityScreen .joinButton.go:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
#identityScreen .joinButton.go.disabled,
#identityScreen .joinButton.go:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.go.disabled:hover,
#identityScreen .joinButton.go:disabled:hover,
#identityScreen .joinButton.go.disabled:active,
#identityScreen .joinButton.go:disabled:active,
#identityScreen .joinButton.go.disabled:focus,
#identityScreen .joinButton.go:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.go.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
#identityScreen .joinButton.go.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .joinButton.go.invalid div {
  display: none;
}
#identityScreen .joinButton.go.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
#identityScreen .joinButton.go.invalid:hover,
#identityScreen .joinButton.go.invalid:active,
#identityScreen .joinButton.go.invalid:focus,
#identityScreen .joinButton.go.invalid:disabled,
#identityScreen .joinButton.go.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .joinButton.go.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg #identityScreen .joinButton.go.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#identityScreen .joinButton.go.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .joinButton.go.loading div {
  display: none;
}
#identityScreen .joinButton.go.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
#identityScreen .joinButton.go.loading:hover,
#identityScreen .joinButton.go.loading:active,
#identityScreen .joinButton.go.loading:focus,
#identityScreen .joinButton.go.loading:disabled,
#identityScreen .joinButton.go.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .joinButton.go.loading.no-svg {
  background-color: #1D6BDD !important;
}
#identityScreen .joinButton.go.loading.no-svg div {
  display: none;
}
#identityScreen .joinButton.go.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
#identityScreen .joinButton.back {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.back .turnOffOutlineForClick {
  outline: none;
}
#identityScreen .joinButton.back div.icon {
  display: none;
}
#identityScreen .joinButton.back:hover,
#identityScreen .joinButton.back.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
#identityScreen .joinButton.back:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
#identityScreen .joinButton.back:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.back:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
#identityScreen .joinButton.back.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.back.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.back.invalid div {
  display: none;
}
#identityScreen .joinButton.back.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
#identityScreen .joinButton.back.invalid:hover,
#identityScreen .joinButton.back.invalid:active,
#identityScreen .joinButton.back.invalid:focus,
#identityScreen .joinButton.back.invalid:disabled,
#identityScreen .joinButton.back.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.back.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg #identityScreen .joinButton.back.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#identityScreen .joinButton.back.disabled,
#identityScreen .joinButton.back:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .joinButton.back.disabled:hover,
#identityScreen .joinButton.back:disabled:hover,
#identityScreen .joinButton.back.disabled:active,
#identityScreen .joinButton.back:disabled:active,
#identityScreen .joinButton.back.disabled:focus,
#identityScreen .joinButton.back:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .nowrap {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#identityScreen .authContainer {
  text-align: center;
  padding-top: 24px;
}
#identityScreen .authContainer .guestLoginButton {
  display: none;
}
#identityScreen .authContainer a {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  cursor: pointer;
  text-decoration: none;
}
#identityScreen .authContainer a.ie {
  border-bottom: 2px solid #9B9B9B;
}
#identityScreen .authContainer a:hover {
  background-color: #7798C8;
  background-color: rgba(255, 255, 255, 0.16);
}
#identityScreen .authContainer a:active {
  background-color: #91ACD3;
  background-color: rgba(255, 255, 255, 0.32);
}
#identityScreen .authContainer a:focus {
  border-bottom-color: #ff9700;
}
#identityScreen .errorView {
  margin-top: 20px;
  color: #df0e0e;
  font-size: 15px;
  text-align: center;
}
#identityScreen .errorView .error {
  display: none;
}
#identityScreen .agreement {
  margin-top: 24px;
  padding: 0px;
  font-size: 14px;
  color: #ADADAD;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.56);
  line-height: 18px;
}
#identityScreen .agreement-passwordView {
  margin-top: -10px;
  margin-bottom: -16px;
  position: relative;
  top: 10px;
  color: #ADADAD;
}
#identityScreen .agreement-signupView {
  margin-top: -10px;
  margin-bottom: -16px;
  position: relative;
  top: 10px;
  color: #ADADAD;
  margin-bottom: -17px;
}
#identityScreen .mustContactView > *,
#identityScreen .mustUseIDPView > * {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
#identityScreen .mustContactView .innerTitle,
#identityScreen .mustUseIDPView .innerTitle {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  padding-bottom: 16px;
}
#identityScreen .mustContactView .title,
#identityScreen .mustUseIDPView .title {
  padding-bottom: 36px;
}
#identityScreen .mustContactView .joinButton,
#identityScreen .mustUseIDPView .joinButton {
  margin-top: 44px;
}
#identityScreen .guestView .joinButton.go {
  width: 100%;
}
#identityScreen .spacer {
  height: 12px;
  width: 100%;
}
#identityScreen .firstStepView .joinButton.back,
#identityScreen .passwordView .joinButton.back,
#identityScreen .signupView .joinButton.back,
#identityScreen .mustUseIDPView .joinButton.back,
#identityScreen .mustContactView .joinButton.back {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 64px;
  float: left;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  filter: fliph;
}
#identityScreen .firstStepView .joinButton.back .turnOffOutlineForClick,
#identityScreen .passwordView .joinButton.back .turnOffOutlineForClick,
#identityScreen .signupView .joinButton.back .turnOffOutlineForClick,
#identityScreen .mustUseIDPView .joinButton.back .turnOffOutlineForClick,
#identityScreen .mustContactView .joinButton.back .turnOffOutlineForClick {
  outline: none;
}
#identityScreen .firstStepView .joinButton.back div.icon,
#identityScreen .passwordView .joinButton.back div.icon,
#identityScreen .signupView .joinButton.back div.icon,
#identityScreen .mustUseIDPView .joinButton.back div.icon,
#identityScreen .mustContactView .joinButton.back div.icon {
  display: none;
}
#identityScreen .firstStepView .joinButton.back:hover,
#identityScreen .passwordView .joinButton.back:hover,
#identityScreen .signupView .joinButton.back:hover,
#identityScreen .mustUseIDPView .joinButton.back:hover,
#identityScreen .mustContactView .joinButton.back:hover,
#identityScreen .firstStepView .joinButton.back.hovered,
#identityScreen .passwordView .joinButton.back.hovered,
#identityScreen .signupView .joinButton.back.hovered,
#identityScreen .mustUseIDPView .joinButton.back.hovered,
#identityScreen .mustContactView .joinButton.back.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
#identityScreen .firstStepView .joinButton.back:active,
#identityScreen .passwordView .joinButton.back:active,
#identityScreen .signupView .joinButton.back:active,
#identityScreen .mustUseIDPView .joinButton.back:active,
#identityScreen .mustContactView .joinButton.back:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
#identityScreen .firstStepView .joinButton.back:active:focus,
#identityScreen .passwordView .joinButton.back:active:focus,
#identityScreen .signupView .joinButton.back:active:focus,
#identityScreen .mustUseIDPView .joinButton.back:active:focus,
#identityScreen .mustContactView .joinButton.back:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .firstStepView .joinButton.back:focus,
#identityScreen .passwordView .joinButton.back:focus,
#identityScreen .signupView .joinButton.back:focus,
#identityScreen .mustUseIDPView .joinButton.back:focus,
#identityScreen .mustContactView .joinButton.back:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
#identityScreen .firstStepView .joinButton.back.valid,
#identityScreen .passwordView .joinButton.back.valid,
#identityScreen .signupView .joinButton.back.valid,
#identityScreen .mustUseIDPView .joinButton.back.valid,
#identityScreen .mustContactView .joinButton.back.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .firstStepView .joinButton.back.invalid,
#identityScreen .passwordView .joinButton.back.invalid,
#identityScreen .signupView .joinButton.back.invalid,
#identityScreen .mustUseIDPView .joinButton.back.invalid,
#identityScreen .mustContactView .joinButton.back.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .firstStepView .joinButton.back.invalid div,
#identityScreen .passwordView .joinButton.back.invalid div,
#identityScreen .signupView .joinButton.back.invalid div,
#identityScreen .mustUseIDPView .joinButton.back.invalid div,
#identityScreen .mustContactView .joinButton.back.invalid div {
  display: none;
}
#identityScreen .firstStepView .joinButton.back.invalid div.icon,
#identityScreen .passwordView .joinButton.back.invalid div.icon,
#identityScreen .signupView .joinButton.back.invalid div.icon,
#identityScreen .mustUseIDPView .joinButton.back.invalid div.icon,
#identityScreen .mustContactView .joinButton.back.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
#identityScreen .firstStepView .joinButton.back.invalid:hover,
#identityScreen .passwordView .joinButton.back.invalid:hover,
#identityScreen .signupView .joinButton.back.invalid:hover,
#identityScreen .mustUseIDPView .joinButton.back.invalid:hover,
#identityScreen .mustContactView .joinButton.back.invalid:hover,
#identityScreen .firstStepView .joinButton.back.invalid:active,
#identityScreen .passwordView .joinButton.back.invalid:active,
#identityScreen .signupView .joinButton.back.invalid:active,
#identityScreen .mustUseIDPView .joinButton.back.invalid:active,
#identityScreen .mustContactView .joinButton.back.invalid:active,
#identityScreen .firstStepView .joinButton.back.invalid:focus,
#identityScreen .passwordView .joinButton.back.invalid:focus,
#identityScreen .signupView .joinButton.back.invalid:focus,
#identityScreen .mustUseIDPView .joinButton.back.invalid:focus,
#identityScreen .mustContactView .joinButton.back.invalid:focus,
#identityScreen .firstStepView .joinButton.back.invalid:disabled,
#identityScreen .passwordView .joinButton.back.invalid:disabled,
#identityScreen .signupView .joinButton.back.invalid:disabled,
#identityScreen .mustUseIDPView .joinButton.back.invalid:disabled,
#identityScreen .mustContactView .joinButton.back.invalid:disabled,
#identityScreen .firstStepView .joinButton.back.invalid.disabled,
#identityScreen .passwordView .joinButton.back.invalid.disabled,
#identityScreen .signupView .joinButton.back.invalid.disabled,
#identityScreen .mustUseIDPView .joinButton.back.invalid.disabled,
#identityScreen .mustContactView .joinButton.back.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .firstStepView .joinButton.back.invalid div.icon,
#identityScreen .passwordView .joinButton.back.invalid div.icon,
#identityScreen .signupView .joinButton.back.invalid div.icon,
#identityScreen .mustUseIDPView .joinButton.back.invalid div.icon,
#identityScreen .mustContactView .joinButton.back.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg #identityScreen .firstStepView .joinButton.back.invalid div.icon,
.no-svg #identityScreen .passwordView .joinButton.back.invalid div.icon,
.no-svg #identityScreen .signupView .joinButton.back.invalid div.icon,
.no-svg #identityScreen .mustUseIDPView .joinButton.back.invalid div.icon,
.no-svg #identityScreen .mustContactView .joinButton.back.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#identityScreen .firstStepView .joinButton.back.disabled,
#identityScreen .passwordView .joinButton.back.disabled,
#identityScreen .signupView .joinButton.back.disabled,
#identityScreen .mustUseIDPView .joinButton.back.disabled,
#identityScreen .mustContactView .joinButton.back.disabled,
#identityScreen .firstStepView .joinButton.back:disabled,
#identityScreen .passwordView .joinButton.back:disabled,
#identityScreen .signupView .joinButton.back:disabled,
#identityScreen .mustUseIDPView .joinButton.back:disabled,
#identityScreen .mustContactView .joinButton.back:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .firstStepView .joinButton.back.disabled:hover,
#identityScreen .passwordView .joinButton.back.disabled:hover,
#identityScreen .signupView .joinButton.back.disabled:hover,
#identityScreen .mustUseIDPView .joinButton.back.disabled:hover,
#identityScreen .mustContactView .joinButton.back.disabled:hover,
#identityScreen .firstStepView .joinButton.back:disabled:hover,
#identityScreen .passwordView .joinButton.back:disabled:hover,
#identityScreen .signupView .joinButton.back:disabled:hover,
#identityScreen .mustUseIDPView .joinButton.back:disabled:hover,
#identityScreen .mustContactView .joinButton.back:disabled:hover,
#identityScreen .firstStepView .joinButton.back.disabled:active,
#identityScreen .passwordView .joinButton.back.disabled:active,
#identityScreen .signupView .joinButton.back.disabled:active,
#identityScreen .mustUseIDPView .joinButton.back.disabled:active,
#identityScreen .mustContactView .joinButton.back.disabled:active,
#identityScreen .firstStepView .joinButton.back:disabled:active,
#identityScreen .passwordView .joinButton.back:disabled:active,
#identityScreen .signupView .joinButton.back:disabled:active,
#identityScreen .mustUseIDPView .joinButton.back:disabled:active,
#identityScreen .mustContactView .joinButton.back:disabled:active,
#identityScreen .firstStepView .joinButton.back.disabled:focus,
#identityScreen .passwordView .joinButton.back.disabled:focus,
#identityScreen .signupView .joinButton.back.disabled:focus,
#identityScreen .mustUseIDPView .joinButton.back.disabled:focus,
#identityScreen .mustContactView .joinButton.back.disabled:focus,
#identityScreen .firstStepView .joinButton.back:disabled:focus,
#identityScreen .passwordView .joinButton.back:disabled:focus,
#identityScreen .signupView .joinButton.back:disabled:focus,
#identityScreen .mustUseIDPView .joinButton.back:disabled:focus,
#identityScreen .mustContactView .joinButton.back:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .firstStepView .joinButton.back .arrowBlueIcon,
#identityScreen .passwordView .joinButton.back .arrowBlueIcon,
#identityScreen .signupView .joinButton.back .arrowBlueIcon,
#identityScreen .mustUseIDPView .joinButton.back .arrowBlueIcon,
#identityScreen .mustContactView .joinButton.back .arrowBlueIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5600px;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
#identityScreen .firstStepView .joinButton.go,
#identityScreen .passwordView .joinButton.go,
#identityScreen .signupView .joinButton.go,
#identityScreen .mustUseIDPView .joinButton.go,
#identityScreen .mustContactView .joinButton.go {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 296px;
  float: right;
}
#identityScreen .firstStepView .joinButton.go .turnOffOutlineForClick,
#identityScreen .passwordView .joinButton.go .turnOffOutlineForClick,
#identityScreen .signupView .joinButton.go .turnOffOutlineForClick,
#identityScreen .mustUseIDPView .joinButton.go .turnOffOutlineForClick,
#identityScreen .mustContactView .joinButton.go .turnOffOutlineForClick {
  outline: none;
}
#identityScreen .firstStepView .joinButton.go div.icon,
#identityScreen .passwordView .joinButton.go div.icon,
#identityScreen .signupView .joinButton.go div.icon,
#identityScreen .mustUseIDPView .joinButton.go div.icon,
#identityScreen .mustContactView .joinButton.go div.icon {
  display: none;
}
#identityScreen .firstStepView .joinButton.go:hover,
#identityScreen .passwordView .joinButton.go:hover,
#identityScreen .signupView .joinButton.go:hover,
#identityScreen .mustUseIDPView .joinButton.go:hover,
#identityScreen .mustContactView .joinButton.go:hover,
#identityScreen .firstStepView .joinButton.go.hovered,
#identityScreen .passwordView .joinButton.go.hovered,
#identityScreen .signupView .joinButton.go.hovered,
#identityScreen .mustUseIDPView .joinButton.go.hovered,
#identityScreen .mustContactView .joinButton.go.hovered {
  background-color: #4182e2;
  border: none;
}
#identityScreen .firstStepView .joinButton.go:active,
#identityScreen .passwordView .joinButton.go:active,
#identityScreen .signupView .joinButton.go:active,
#identityScreen .mustUseIDPView .joinButton.go:active,
#identityScreen .mustContactView .joinButton.go:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
#identityScreen .firstStepView .joinButton.go:active:focus,
#identityScreen .passwordView .joinButton.go:active:focus,
#identityScreen .signupView .joinButton.go:active:focus,
#identityScreen .mustUseIDPView .joinButton.go:active:focus,
#identityScreen .mustContactView .joinButton.go:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .firstStepView .joinButton.go:active:not(:disabled),
#identityScreen .passwordView .joinButton.go:active:not(:disabled),
#identityScreen .signupView .joinButton.go:active:not(:disabled),
#identityScreen .mustUseIDPView .joinButton.go:active:not(:disabled),
#identityScreen .mustContactView .joinButton.go:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
#identityScreen .firstStepView .joinButton.go:focus,
#identityScreen .passwordView .joinButton.go:focus,
#identityScreen .signupView .joinButton.go:focus,
#identityScreen .mustUseIDPView .joinButton.go:focus,
#identityScreen .mustContactView .joinButton.go:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
#identityScreen .firstStepView .joinButton.go.disabled,
#identityScreen .passwordView .joinButton.go.disabled,
#identityScreen .signupView .joinButton.go.disabled,
#identityScreen .mustUseIDPView .joinButton.go.disabled,
#identityScreen .mustContactView .joinButton.go.disabled,
#identityScreen .firstStepView .joinButton.go:disabled,
#identityScreen .passwordView .joinButton.go:disabled,
#identityScreen .signupView .joinButton.go:disabled,
#identityScreen .mustUseIDPView .joinButton.go:disabled,
#identityScreen .mustContactView .joinButton.go:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .firstStepView .joinButton.go.disabled:hover,
#identityScreen .passwordView .joinButton.go.disabled:hover,
#identityScreen .signupView .joinButton.go.disabled:hover,
#identityScreen .mustUseIDPView .joinButton.go.disabled:hover,
#identityScreen .mustContactView .joinButton.go.disabled:hover,
#identityScreen .firstStepView .joinButton.go:disabled:hover,
#identityScreen .passwordView .joinButton.go:disabled:hover,
#identityScreen .signupView .joinButton.go:disabled:hover,
#identityScreen .mustUseIDPView .joinButton.go:disabled:hover,
#identityScreen .mustContactView .joinButton.go:disabled:hover,
#identityScreen .firstStepView .joinButton.go.disabled:active,
#identityScreen .passwordView .joinButton.go.disabled:active,
#identityScreen .signupView .joinButton.go.disabled:active,
#identityScreen .mustUseIDPView .joinButton.go.disabled:active,
#identityScreen .mustContactView .joinButton.go.disabled:active,
#identityScreen .firstStepView .joinButton.go:disabled:active,
#identityScreen .passwordView .joinButton.go:disabled:active,
#identityScreen .signupView .joinButton.go:disabled:active,
#identityScreen .mustUseIDPView .joinButton.go:disabled:active,
#identityScreen .mustContactView .joinButton.go:disabled:active,
#identityScreen .firstStepView .joinButton.go.disabled:focus,
#identityScreen .passwordView .joinButton.go.disabled:focus,
#identityScreen .signupView .joinButton.go.disabled:focus,
#identityScreen .mustUseIDPView .joinButton.go.disabled:focus,
#identityScreen .mustContactView .joinButton.go.disabled:focus,
#identityScreen .firstStepView .joinButton.go:disabled:focus,
#identityScreen .passwordView .joinButton.go:disabled:focus,
#identityScreen .signupView .joinButton.go:disabled:focus,
#identityScreen .mustUseIDPView .joinButton.go:disabled:focus,
#identityScreen .mustContactView .joinButton.go:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#identityScreen .firstStepView .joinButton.go.valid,
#identityScreen .passwordView .joinButton.go.valid,
#identityScreen .signupView .joinButton.go.valid,
#identityScreen .mustUseIDPView .joinButton.go.valid,
#identityScreen .mustContactView .joinButton.go.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
#identityScreen .firstStepView .joinButton.go.invalid,
#identityScreen .passwordView .joinButton.go.invalid,
#identityScreen .signupView .joinButton.go.invalid,
#identityScreen .mustUseIDPView .joinButton.go.invalid,
#identityScreen .mustContactView .joinButton.go.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .firstStepView .joinButton.go.invalid div,
#identityScreen .passwordView .joinButton.go.invalid div,
#identityScreen .signupView .joinButton.go.invalid div,
#identityScreen .mustUseIDPView .joinButton.go.invalid div,
#identityScreen .mustContactView .joinButton.go.invalid div {
  display: none;
}
#identityScreen .firstStepView .joinButton.go.invalid div.icon,
#identityScreen .passwordView .joinButton.go.invalid div.icon,
#identityScreen .signupView .joinButton.go.invalid div.icon,
#identityScreen .mustUseIDPView .joinButton.go.invalid div.icon,
#identityScreen .mustContactView .joinButton.go.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
#identityScreen .firstStepView .joinButton.go.invalid:hover,
#identityScreen .passwordView .joinButton.go.invalid:hover,
#identityScreen .signupView .joinButton.go.invalid:hover,
#identityScreen .mustUseIDPView .joinButton.go.invalid:hover,
#identityScreen .mustContactView .joinButton.go.invalid:hover,
#identityScreen .firstStepView .joinButton.go.invalid:active,
#identityScreen .passwordView .joinButton.go.invalid:active,
#identityScreen .signupView .joinButton.go.invalid:active,
#identityScreen .mustUseIDPView .joinButton.go.invalid:active,
#identityScreen .mustContactView .joinButton.go.invalid:active,
#identityScreen .firstStepView .joinButton.go.invalid:focus,
#identityScreen .passwordView .joinButton.go.invalid:focus,
#identityScreen .signupView .joinButton.go.invalid:focus,
#identityScreen .mustUseIDPView .joinButton.go.invalid:focus,
#identityScreen .mustContactView .joinButton.go.invalid:focus,
#identityScreen .firstStepView .joinButton.go.invalid:disabled,
#identityScreen .passwordView .joinButton.go.invalid:disabled,
#identityScreen .signupView .joinButton.go.invalid:disabled,
#identityScreen .mustUseIDPView .joinButton.go.invalid:disabled,
#identityScreen .mustContactView .joinButton.go.invalid:disabled,
#identityScreen .firstStepView .joinButton.go.invalid.disabled,
#identityScreen .passwordView .joinButton.go.invalid.disabled,
#identityScreen .signupView .joinButton.go.invalid.disabled,
#identityScreen .mustUseIDPView .joinButton.go.invalid.disabled,
#identityScreen .mustContactView .joinButton.go.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .firstStepView .joinButton.go.invalid div.icon,
#identityScreen .passwordView .joinButton.go.invalid div.icon,
#identityScreen .signupView .joinButton.go.invalid div.icon,
#identityScreen .mustUseIDPView .joinButton.go.invalid div.icon,
#identityScreen .mustContactView .joinButton.go.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg #identityScreen .firstStepView .joinButton.go.invalid div.icon,
.no-svg #identityScreen .passwordView .joinButton.go.invalid div.icon,
.no-svg #identityScreen .signupView .joinButton.go.invalid div.icon,
.no-svg #identityScreen .mustUseIDPView .joinButton.go.invalid div.icon,
.no-svg #identityScreen .mustContactView .joinButton.go.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#identityScreen .firstStepView .joinButton.go.loading,
#identityScreen .passwordView .joinButton.go.loading,
#identityScreen .signupView .joinButton.go.loading,
#identityScreen .mustUseIDPView .joinButton.go.loading,
#identityScreen .mustContactView .joinButton.go.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .firstStepView .joinButton.go.loading div,
#identityScreen .passwordView .joinButton.go.loading div,
#identityScreen .signupView .joinButton.go.loading div,
#identityScreen .mustUseIDPView .joinButton.go.loading div,
#identityScreen .mustContactView .joinButton.go.loading div {
  display: none;
}
#identityScreen .firstStepView .joinButton.go.loading div.icon,
#identityScreen .passwordView .joinButton.go.loading div.icon,
#identityScreen .signupView .joinButton.go.loading div.icon,
#identityScreen .mustUseIDPView .joinButton.go.loading div.icon,
#identityScreen .mustContactView .joinButton.go.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
#identityScreen .firstStepView .joinButton.go.loading:hover,
#identityScreen .passwordView .joinButton.go.loading:hover,
#identityScreen .signupView .joinButton.go.loading:hover,
#identityScreen .mustUseIDPView .joinButton.go.loading:hover,
#identityScreen .mustContactView .joinButton.go.loading:hover,
#identityScreen .firstStepView .joinButton.go.loading:active,
#identityScreen .passwordView .joinButton.go.loading:active,
#identityScreen .signupView .joinButton.go.loading:active,
#identityScreen .mustUseIDPView .joinButton.go.loading:active,
#identityScreen .mustContactView .joinButton.go.loading:active,
#identityScreen .firstStepView .joinButton.go.loading:focus,
#identityScreen .passwordView .joinButton.go.loading:focus,
#identityScreen .signupView .joinButton.go.loading:focus,
#identityScreen .mustUseIDPView .joinButton.go.loading:focus,
#identityScreen .mustContactView .joinButton.go.loading:focus,
#identityScreen .firstStepView .joinButton.go.loading:disabled,
#identityScreen .passwordView .joinButton.go.loading:disabled,
#identityScreen .signupView .joinButton.go.loading:disabled,
#identityScreen .mustUseIDPView .joinButton.go.loading:disabled,
#identityScreen .mustContactView .joinButton.go.loading:disabled,
#identityScreen .firstStepView .joinButton.go.loading.disabled,
#identityScreen .passwordView .joinButton.go.loading.disabled,
#identityScreen .signupView .joinButton.go.loading.disabled,
#identityScreen .mustUseIDPView .joinButton.go.loading.disabled,
#identityScreen .mustContactView .joinButton.go.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
#identityScreen .firstStepView .joinButton.go.loading.no-svg,
#identityScreen .passwordView .joinButton.go.loading.no-svg,
#identityScreen .signupView .joinButton.go.loading.no-svg,
#identityScreen .mustUseIDPView .joinButton.go.loading.no-svg,
#identityScreen .mustContactView .joinButton.go.loading.no-svg {
  background-color: #1D6BDD !important;
}
#identityScreen .firstStepView .joinButton.go.loading.no-svg div,
#identityScreen .passwordView .joinButton.go.loading.no-svg div,
#identityScreen .signupView .joinButton.go.loading.no-svg div,
#identityScreen .mustUseIDPView .joinButton.go.loading.no-svg div,
#identityScreen .mustContactView .joinButton.go.loading.no-svg div {
  display: none;
}
#identityScreen .firstStepView .joinButton.go.loading.no-svg div.icon,
#identityScreen .passwordView .joinButton.go.loading.no-svg div.icon,
#identityScreen .signupView .joinButton.go.loading.no-svg div.icon,
#identityScreen .mustUseIDPView .joinButton.go.loading.no-svg div.icon,
#identityScreen .mustContactView .joinButton.go.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
#identityScreen .firstStepView .joinButton.go .arrowWhiteIcon,
#identityScreen .passwordView .joinButton.go .arrowWhiteIcon,
#identityScreen .signupView .joinButton.go .arrowWhiteIcon,
#identityScreen .mustUseIDPView .joinButton.go .arrowWhiteIcon,
#identityScreen .mustContactView .joinButton.go .arrowWhiteIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5649px;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
#identityScreen .firstStepView .joinButton.go.nextStep,
#identityScreen .passwordView .joinButton.go.nextStep,
#identityScreen .signupView .joinButton.go.nextStep,
#identityScreen .mustUseIDPView .joinButton.go.nextStep,
#identityScreen .mustContactView .joinButton.go.nextStep {
  width: 100%;
}
#identityScreen .rememberContainer {
  margin-top: 24px;
}
#identityScreen .serviceTerms,
#identityScreen .privacyPolicy,
#identityScreen .urlSmall {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
#identityScreen .serviceTerms:hover,
#identityScreen .privacyPolicy:hover,
#identityScreen .urlSmall:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
#identityScreen .serviceTerms:focus,
#identityScreen .privacyPolicy:focus,
#identityScreen .urlSmall:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
#identityScreen .serviceTerms:active,
#identityScreen .privacyPolicy:active,
#identityScreen .urlSmall:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
#identityScreen .serviceTerms.disabled,
#identityScreen .privacyPolicy.disabled,
#identityScreen .urlSmall.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
#identityScreen .helpInfo {
  height: auto;
  width: auto;
  position: absolute;
  right: 32px;
  bottom: 17px;
  text-align: right;
}
#identityScreen .helpInfo:hover {
  right: 30px;
}
#identityScreen .helpInfo .helpLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-bottom: 2px;
}
#identityScreen .helpInfo .helpLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: none;
}
#identityScreen .helpInfo .helpLink:focus {
  border-bottom: none;
}
#identityScreen .helpInfo .helpLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
#identityScreen .helpInfo .helpLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
#identityScreen .helpInfo .helpNumber {
  size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  margin-top: 8px;
}
#identityScreen .helpInfo .helpPhone {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  margin-top: 5px;
}
#identityScreen.rivet5Updates .content {
  text-align: center;
}
#identityScreen.rivet5Updates .content .dialogParent {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#identityScreen.rivet5Updates .content .dialogParent .dialog {
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#identityScreen.rivet5Updates .content .dialogParent .dialog .title {
  font: 28px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  text-align: center;
  padding-bottom: 10px;
  font-size: 24px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
#identityScreen.rivet5Updates .content .meetingInfo {
  margin-bottom: 24px;
}
#identityScreen.rivet5Updates .content .meetingInfo .meetingTitle {
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  line-height: 34px;
  color: #D5D8D7;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 24px;
}
#identityScreen.rivet5Updates .content .meetingInfo .meetingTitle .titleText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #8E99A3;
  color: rgba(255, 255, 255, 0.64);
  transition: height 2s;
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount.interactive {
  cursor: pointer;
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount.interactive:hover {
  background-color: #5C87B8;
  background-color: rgba(255, 255, 255, 0.16);
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount.interactive:active {
  background-color: #7B9EC6;
  background-color: rgba(255, 255, 255, 0.32);
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount .countNumber {
  height: 20px;
  display: inline-block;
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount .expandIcon {
  width: 0;
  height: 0;
  margin-left: 4px;
  margin-bottom: 2px;
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(255, 255, 255, 0.8);
  transition: transform 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount .expandIcon.show {
  display: inline-block;
}
.ie-8 #identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount .expandIcon.show {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 8px;
  width: 15px;
  border: none;
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount .expandIcon.spin {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ie-8 #identityScreen.rivet5Updates .content .meetingInfo .participantInfo .participantCount .expandIcon.spin {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -31px;
  height: 8px;
  width: 15px;
  border: none;
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .expandedRoster {
  margin-top: 16px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
  -moz-transition: max-height 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
  transition: max-height 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .expandedRoster .nameList {
  font-size: 12px;
}
#identityScreen.rivet5Updates .content .meetingInfo .participantInfo .expandedRoster.show {
  max-height: 50px;
}
#identityScreen.rivet5Updates .content .authContainer {
  text-align: center;
  padding-top: 24px;
}
#identityScreen.rivet5Updates .content .authContainer .guestLoginButton {
  display: none;
}
#identityScreen.rivet5Updates .content .authContainer a {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  cursor: pointer;
  text-decoration: none;
}
#identityScreen.rivet5Updates .content .authContainer a.ie {
  border-bottom: 2px solid #9B9B9B;
}
#identityScreen.rivet5Updates .content .authContainer a:hover {
  background-color: #7798C8;
  background-color: rgba(255, 255, 255, 0.16);
}
#identityScreen.rivet5Updates .content .authContainer a:active {
  background-color: #91ACD3;
  background-color: rgba(255, 255, 255, 0.32);
}
#identityScreen.rivet5Updates .content .authContainer a:focus {
  border-bottom-color: #ff9700;
}
.safari #identityScreen.rivet5Updates .content .meetingTitle {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.safari #identityScreen.rivet5Updates .content .participantInfo {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.safari #identityScreen.rivet5Updates .content .nameList {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.safari #identityScreen.rivet5Updates .content .authContainer a {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.ie8 #identityScreen.rivet5Updates .content .meetingTitle {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.ie8 #identityScreen.rivet5Updates .content .participantInfo {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.ie8 #identityScreen.rivet5Updates .content .nameList {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.ie8 #identityScreen.rivet5Updates .content .authContainer a {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
@media screen and (max-height: 688px) {
  #identityScreen div.logo {
    display: none;
  }
  #identityScreen img.logo {
    display: none;
  }
}
/* Ellipsis for dropdown items*/
div.select2-dropdownItem {
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
}
div.identityCollectionDialog {
  background-color: #F2F2F2;
  width: 360px;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.88);
  position: relative;
}
div.identityCollectionDialog.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.identityCollectionDialog.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.identityCollectionDialog.mac.osx_lion *::-webkit-scrollbar:active,
div.identityCollectionDialog.mac.osx_lion *::-webkit-scrollbar:hover,
div.identityCollectionDialog.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.identityCollectionDialog .scrollbar-container {
  right: 3px;
}
div.identityCollectionDialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
div.identityCollectionDialog div.modalContent {
  position: relative;
  z-index: 4;
  text-align: left;
}
div.identityCollectionDialog div.title {
  box-sizing: border-box;
  height: 48px;
  padding: 10px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
div.identityCollectionDialog div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 6px -3013px;
  opacity: 0.75;
  position: absolute;
  top: 6px;
  left: 6px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 6px;
}
div.identityCollectionDialog div.back:hover,
div.identityCollectionDialog div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.identityCollectionDialog div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.identityCollectionDialog div.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -3060px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 6px;
  right: 6px;
  padding: 6px;
  z-index: 11;
  cursor: pointer;
}
div.identityCollectionDialog div.close:hover,
div.identityCollectionDialog div.close:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.identityCollectionDialog div.close:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.identityCollectionDialog div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.identityCollectionDialog div.content {
  padding-top: 32px;
  padding-left: 48px;
  padding-right: 48px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.needs-shim div.identityCollectionDialog iframe.shim {
  display: block;
}
div.identityCollectionDialog div.close {
  display: none;
}
div.identityCollectionDialog div.back {
  display: none;
}
div.identityCollectionDialog div.title {
  display: none;
}
div.identityCollectionDialog div.dialogCover {
  display: none;
}
div.identityCollectionDialog div.modalContent div.content {
  padding-top: 54px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-top: 24px;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange .turnOffOutlineForClick {
  outline: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange div.icon {
  display: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange:hover,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.hovered {
  background-color: #4182e2;
  border: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.disabled,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.disabled:hover,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange:disabled:hover,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.disabled:active,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange:disabled:active,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.disabled:focus,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid div {
  display: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid:hover,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid:active,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid:focus,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid:disabled,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.identityCollectionDialog div.modalContent div.content button.submitNameChange.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading div {
  display: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading:hover,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading:active,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading:focus,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading:disabled,
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading.no-svg div {
  display: none;
}
div.identityCollectionDialog div.modalContent div.content button.submitNameChange.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.BJN-modal div.invalidDeviceModal {
  width: 385px;
  height: 230px;
}
div.BJN-modal div.invalidDeviceModal > .modalContent {
  background-color: #FFF;
  height: 230px;
}
div.BJN-modal div.invalidDeviceModal > .modalContent div.title {
  text-align: left;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  padding: 36px 34px 24px 34px;
}
div.BJN-modal div.invalidDeviceModal > .modalContent .content {
  padding: 0 34px;
}
div.BJN-modal div.invalidDeviceModal > .modalContent .content div.message {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  padding: 0;
}
div.BJN-modal div.invalidDeviceModal > .modalContent .content div.dialogControls {
  text-align: left;
  margin-top: 36px;
  margin-bottom: 24px;
}
div.BJN-modal div.invalidDeviceModal > .modalContent .content div.dialogControls button.accept {
  display: inline-block;
  width: auto;
  padding: 10px 54px;
  margin-right: 24px;
}
.dialInText {
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
}
.dialInText:focus {
  outline: rgba(0, 137, 255, 0.12) solid 4px;
}
div.inviteParticipantsSlidingPanel {
  background-color: #F2F2F2;
}
div.inviteParticipantsSlidingPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.inviteParticipantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.inviteParticipantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.inviteParticipantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.inviteParticipantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.inviteParticipantsSlidingPanel .scrollbar-container {
  right: 3px;
}
div.inviteParticipantsSlidingPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.inviteParticipantsSlidingPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.inviteParticipantsSlidingPanel div.title,
.lang-es div.inviteParticipantsSlidingPanel div.title,
.lang-de div.inviteParticipantsSlidingPanel div.title {
  font-size: 18px;
}
div.inviteParticipantsSlidingPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.inviteParticipantsSlidingPanel div.back:hover,
div.inviteParticipantsSlidingPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.inviteParticipantsSlidingPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.inviteParticipantsSlidingPanel div.close,
div.inviteParticipantsSlidingPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.inviteParticipantsSlidingPanel div.close:hover,
div.inviteParticipantsSlidingPanel div.closeDialog:hover,
div.inviteParticipantsSlidingPanel div.close:focus,
div.inviteParticipantsSlidingPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.inviteParticipantsSlidingPanel div.close:active,
div.inviteParticipantsSlidingPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.inviteParticipantsSlidingPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.inviteParticipantsSlidingPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.inviteParticipantsSlidingPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.inviteParticipantsSlidingPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.inviteParticipantsSlidingPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.inviteParticipantsSlidingPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.inviteParticipantsSlidingPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept div.icon {
  display: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.disabled,
div.inviteParticipantsSlidingPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.disabled:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept:disabled:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept.disabled:active,
div.inviteParticipantsSlidingPanel div.dialog button.accept:disabled:active,
div.inviteParticipantsSlidingPanel div.dialog button.accept.disabled:focus,
div.inviteParticipantsSlidingPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid div {
  display: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid:active,
div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid:focus,
div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid:disabled,
div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.inviteParticipantsSlidingPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading div {
  display: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading:active,
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading:focus,
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading:disabled,
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.disabled,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.disabled:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red:disabled:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.disabled:active,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red:disabled:active,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.disabled:focus,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid:active,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid:focus,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid:disabled,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.inviteParticipantsSlidingPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading:hover,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading:active,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading:focus,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading:disabled,
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.inviteParticipantsSlidingPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.inviteParticipantsSlidingPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.inviteParticipantsSlidingPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.inviteParticipantsSlidingPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.inviteParticipantsSlidingPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.inviteParticipantsSlidingPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.inviteParticipantsSlidingPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.inviteParticipantsSlidingPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
.jf3 div.inviteParticipantsSlidingPanel div.content {
  padding: 0px;
  padding-top: 32px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingTitle {
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  padding-left: 32px;
  line-height: 24px;
  height: 24px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jf3 div.inviteParticipantsSlidingPanel .urlIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -4812px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel .urlIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4805px;
}
.jf3 div.inviteParticipantsSlidingPanel .meetingIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -4861px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel .meetingIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4903px;
}
.jf3 div.inviteParticipantsSlidingPanel .passcodeIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -4910px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel .passcodeIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4854px;
}
.jf3 div.inviteParticipantsSlidingPanel .phoneIcon {
  width: 18px;
  height: 18px;
  background-size: 136px 15438px;
  background-position: 2px -4957px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel .phoneIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 2px -4950px;
}
.jf3 div.inviteParticipantsSlidingPanel .urlIcon,
.jf3 div.inviteParticipantsSlidingPanel .meetingIcon,
.jf3 div.inviteParticipantsSlidingPanel .passcodeIcon,
.jf3 div.inviteParticipantsSlidingPanel .phoneIcon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingValue {
  padding-bottom: 12px;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #303030;
  color: rgba(0, 0, 0, 0.8);
  padding-left: 32px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jf3 div.inviteParticipantsSlidingPanel div.spacer {
  height: 1px;
  background-color: #eaeaea;
  background-color: rgba(0, 0, 0, 0.08);
  margin-top: 32px;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer {
  padding: 0px 28px 0px 28px;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  margin-top: 8px;
  width: 100%;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton .turnOffOutlineForClick {
  outline: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton div.icon {
  display: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton:hover,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.hovered {
  background-color: #4182e2;
  border: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.disabled,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.disabled:hover,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton:disabled:hover,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.disabled:active,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton:disabled:active,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.disabled:focus,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid div {
  display: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid:hover,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid:active,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid:focus,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid:disabled,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading div {
  display: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading:hover,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading:active,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading:focus,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading:disabled,
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading.no-svg {
  background-color: #1D6BDD !important;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading.no-svg div {
  display: none;
}
.jf3 div.inviteParticipantsSlidingPanel div.inviteContainer button.inviteButton.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo {
  padding: 32px 28px 10px 28px;
  text-align: center;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mouseover {
  background-color: #D4E5F3;
  background-color: rgba(0, 137, 255, 0.12);
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown {
  color: #FFF;
  background-color: #9ACCF6;
  background-color: rgba(0, 137, 255, 0.36);
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown .urlIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -5002px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown .urlIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4995px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown .meetingIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -5051px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown .meetingIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5044px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown .passcodeIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -5100px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown .passcodeIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5093px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown button.copy,
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown div.meetingTitle,
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown div.meetingValue {
  color: #FFF;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown div.copyIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -5149px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.mousedown div.copyIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5142px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.copiedSuccess {
  background-color: #80CD62;
  background-color: rgba(63, 184, 17, 0.64);
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.copiedSuccess button.copy span {
  color: #3FB811;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.copiedSuccess div.copyIcon {
  background-size: 136px 15438px;
  background-position: 0px -5198px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.copiedSuccess div.copyIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5191px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.copiedSuccessDelay div.copyIcon {
  background-size: 136px 15438px;
  background-position: 0px -5198px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.copiedSuccessDelay div.copyIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5191px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo.copiedSuccessDelay button.copy span {
  color: #3FB811;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo div.copyContainer {
  position: relative;
  text-align: center;
  width: 304px;
  height: 24px;
  margin-top: 16px;
  padding-bottom: 16px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo button.copy {
  background: none;
  cursor: pointer;
  border: none;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  display: inline-block;
  width: 200px;
  height: 24px;
  line-height: 24px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo div.copyIcon {
  background-size: 136px 15438px;
  background-position: 0px -5247px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: -30%;
  margin-right: 8px;
}
.no-svg .jf3 div.inviteParticipantsSlidingPanel div.meetingInfo div.copyIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5240px;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo dt {
  padding-bottom: 2px;
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo dd {
  padding-bottom: 16px;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #303030;
  color: rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jf3 div.inviteParticipantsSlidingPanel div.meetingInfo dd.meetingCopy {
  position: relative;
  text-align: center;
}
div.inviteParticipantsSlidingPanel .detailsToCopy {
  display: none;
  border: none;
  resize: none;
  height: 224px;
  width: 100%;
  background: transparent;
}
div.jabberPanel {
  background-color: #F2F2F2;
}
div.jabberPanel div.federateContainer {
  position: absolute;
  /* top: 368px; */
  /* height: 200px; */
  width: 260px;
  bottom: 50px;
}
div.jabberPanel div.blueText {
  color: #1D6BDD;
}
div.jabberPanel div.centerText {
  text-align: center;
}
div.jabberPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.jabberPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.jabberPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.jabberPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.jabberPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.jabberPanel .scrollbar-container {
  right: 3px;
}
div.jabberPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.jabberPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.jabberPanel div.title,
.lang-es div.jabberPanel div.title,
.lang-de div.jabberPanel div.title {
  font-size: 18px;
}
div.jabberPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.jabberPanel div.back:hover,
div.jabberPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.jabberPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.jabberPanel div.close,
div.jabberPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.jabberPanel div.close:hover,
div.jabberPanel div.closeDialog:hover,
div.jabberPanel div.close:focus,
div.jabberPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.jabberPanel div.close:active,
div.jabberPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.jabberPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.jabberPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.jabberPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.jabberPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.jabberPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.jabberPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.jabberPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.jabberPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.jabberPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.jabberPanel div.dialog button.accept div.icon {
  display: none;
}
div.jabberPanel div.dialog button.accept:hover,
div.jabberPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.jabberPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.jabberPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.jabberPanel div.dialog button.accept.disabled,
div.jabberPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.dialog button.accept.disabled:hover,
div.jabberPanel div.dialog button.accept:disabled:hover,
div.jabberPanel div.dialog button.accept.disabled:active,
div.jabberPanel div.dialog button.accept:disabled:active,
div.jabberPanel div.dialog button.accept.disabled:focus,
div.jabberPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.jabberPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.dialog button.accept.invalid div {
  display: none;
}
div.jabberPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.jabberPanel div.dialog button.accept.invalid:hover,
div.jabberPanel div.dialog button.accept.invalid:active,
div.jabberPanel div.dialog button.accept.invalid:focus,
div.jabberPanel div.dialog button.accept.invalid:disabled,
div.jabberPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.jabberPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.jabberPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.dialog button.accept.loading div {
  display: none;
}
div.jabberPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.jabberPanel div.dialog button.accept.loading:hover,
div.jabberPanel div.dialog button.accept.loading:active,
div.jabberPanel div.dialog button.accept.loading:focus,
div.jabberPanel div.dialog button.accept.loading:disabled,
div.jabberPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.jabberPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.jabberPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.jabberPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.jabberPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.jabberPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.jabberPanel div.dialog button.accept.red:hover,
div.jabberPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.jabberPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.jabberPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.jabberPanel div.dialog button.accept.red.disabled,
div.jabberPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.dialog button.accept.red.disabled:hover,
div.jabberPanel div.dialog button.accept.red:disabled:hover,
div.jabberPanel div.dialog button.accept.red.disabled:active,
div.jabberPanel div.dialog button.accept.red:disabled:active,
div.jabberPanel div.dialog button.accept.red.disabled:focus,
div.jabberPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.jabberPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.jabberPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.jabberPanel div.dialog button.accept.red.invalid:hover,
div.jabberPanel div.dialog button.accept.red.invalid:active,
div.jabberPanel div.dialog button.accept.red.invalid:focus,
div.jabberPanel div.dialog button.accept.red.invalid:disabled,
div.jabberPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.jabberPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.jabberPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.jabberPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.jabberPanel div.dialog button.accept.red.loading:hover,
div.jabberPanel div.dialog button.accept.red.loading:active,
div.jabberPanel div.dialog button.accept.red.loading:focus,
div.jabberPanel div.dialog button.accept.red.loading:disabled,
div.jabberPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.jabberPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.jabberPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.jabberPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.jabberPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.jabberPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.jabberPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.jabberPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.jabberPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.jabberPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.jabberPanel div.banner {
  display: none;
  width: 100%;
  background-color: #9E0D0D;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
div.jabberPanel div.banner.pairingBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  text-align: left;
  position: relative;
  background-color: transparent;
  display: block;
}
div.jabberPanel div.banner.pairingBanner span.switch {
  line-height: 18px;
  padding: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  background-color: #FF9700;
  font-size: 14px;
  color: #FFF;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow-wrap: break-word;
  display: inline-block;
  width: 324px;
  text-align: left;
}
div.jabberPanel div.banner[style*="display:block"] + .content,
div.jabberPanel div.banner[style*="display: block"] + .content {
  top: 108px;
}
div.jabberPanel .center {
  text-align: center;
}
div.jabberPanel a.federatedLink {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  font-size: 16px;
  outline: none !important;
}
div.jabberPanel a.federatedLink:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.jabberPanel a.federatedLink:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.jabberPanel a.federatedLink:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.jabberPanel a.federatedLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.jabberPanel div.page {
  display: none;
}
div.jabberPanel div.page4 div.successIconContainer {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
div.jabberPanel div.page4 div.successIcon {
  background-size: 136px 15438px;
  background-position: 0px -5296px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: inline-block;
}
.no-svg div.jabberPanel div.page4 div.successIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5289px;
}
div.jabberPanel div.page1 div.controlsContainer {
  margin-bottom: 30px;
  position: relative;
}
div.jabberPanel div.page1 div.controlsContainer div.number {
  top: -3px;
}
div.jabberPanel div.page1 div.controlsContainer button.launch {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.jabberPanel div.page1 div.controlsContainer button.launch .turnOffOutlineForClick {
  outline: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch div.icon {
  display: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch:hover,
div.jabberPanel div.page1 div.controlsContainer button.launch.hovered {
  background-color: #21c37f;
  border: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.disabled,
div.jabberPanel div.page1 div.controlsContainer button.launch:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.disabled:hover,
div.jabberPanel div.page1 div.controlsContainer button.launch:disabled:hover,
div.jabberPanel div.page1 div.controlsContainer button.launch.disabled:active,
div.jabberPanel div.page1 div.controlsContainer button.launch:disabled:active,
div.jabberPanel div.page1 div.controlsContainer button.launch.disabled:focus,
div.jabberPanel div.page1 div.controlsContainer button.launch:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.jabberPanel div.page1 div.controlsContainer button.launch.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.page1 div.controlsContainer button.launch.invalid div {
  display: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.invalid:hover,
div.jabberPanel div.page1 div.controlsContainer button.launch.invalid:active,
div.jabberPanel div.page1 div.controlsContainer button.launch.invalid:focus,
div.jabberPanel div.page1 div.controlsContainer button.launch.invalid:disabled,
div.jabberPanel div.page1 div.controlsContainer button.launch.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.jabberPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.page1 div.controlsContainer button.launch.loading div {
  display: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.loading:hover,
div.jabberPanel div.page1 div.controlsContainer button.launch.loading:active,
div.jabberPanel div.page1 div.controlsContainer button.launch.loading:focus,
div.jabberPanel div.page1 div.controlsContainer button.launch.loading:disabled,
div.jabberPanel div.page1 div.controlsContainer button.launch.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.page1 div.controlsContainer button.launch.loading.no-svg {
  background-color: #19A96D !important;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.loading.no-svg div {
  display: none;
}
div.jabberPanel div.page1 div.controlsContainer button.launch.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.jabberPanel div.page1 div.controlsContainer div.preferenceText {
  position: absolute;
  bottom: 10.5px;
  left: 16px;
  width: 184px;
  font-size: 14px;
}
div.jabberPanel div.page1 div.controlsContainer .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 16px;
}
div.jabberPanel button.tryAgain {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 48px;
  width: 100%;
}
div.jabberPanel button.tryAgain .turnOffOutlineForClick {
  outline: none;
}
div.jabberPanel button.tryAgain div.icon {
  display: none;
}
div.jabberPanel button.tryAgain:hover,
div.jabberPanel button.tryAgain.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.jabberPanel button.tryAgain:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.jabberPanel button.tryAgain:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel button.tryAgain:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.jabberPanel button.tryAgain.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel button.tryAgain.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel button.tryAgain.invalid div {
  display: none;
}
div.jabberPanel button.tryAgain.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.jabberPanel button.tryAgain.invalid:hover,
div.jabberPanel button.tryAgain.invalid:active,
div.jabberPanel button.tryAgain.invalid:focus,
div.jabberPanel button.tryAgain.invalid:disabled,
div.jabberPanel button.tryAgain.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel button.tryAgain.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.jabberPanel button.tryAgain.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.jabberPanel button.tryAgain.disabled,
div.jabberPanel button.tryAgain:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel button.tryAgain.disabled:hover,
div.jabberPanel button.tryAgain:disabled:hover,
div.jabberPanel button.tryAgain.disabled:active,
div.jabberPanel button.tryAgain:disabled:active,
div.jabberPanel button.tryAgain.disabled:focus,
div.jabberPanel button.tryAgain:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.step div.number {
  position: absolute;
  top: -4px;
  left: -35px;
  width: 24px;
  margin-left: 0px;
  text-align: center;
  color: rgba(0, 0, 0, 0.16);
  font-size: 28px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  line-height: 30px;
}
div.jabberPanel div.step.launch {
  padding-top: 0px;
}
div.jabberPanel div.continueHolder {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  position: absolute;
  bottom: 40px;
}
div.jabberPanel div.continueHolder button.continue {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.jabberPanel div.continueHolder button.continue .turnOffOutlineForClick {
  outline: none;
}
div.jabberPanel div.continueHolder button.continue div.icon {
  display: none;
}
div.jabberPanel div.continueHolder button.continue:hover,
div.jabberPanel div.continueHolder button.continue.hovered {
  background-color: #21c37f;
  border: none;
}
div.jabberPanel div.continueHolder button.continue:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.jabberPanel div.continueHolder button.continue:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.continueHolder button.continue:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.jabberPanel div.continueHolder button.continue.disabled,
div.jabberPanel div.continueHolder button.continue:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.continueHolder button.continue.disabled:hover,
div.jabberPanel div.continueHolder button.continue:disabled:hover,
div.jabberPanel div.continueHolder button.continue.disabled:active,
div.jabberPanel div.continueHolder button.continue:disabled:active,
div.jabberPanel div.continueHolder button.continue.disabled:focus,
div.jabberPanel div.continueHolder button.continue:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.jabberPanel div.continueHolder button.continue.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.jabberPanel div.continueHolder button.continue.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.continueHolder button.continue.invalid div {
  display: none;
}
div.jabberPanel div.continueHolder button.continue.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.jabberPanel div.continueHolder button.continue.invalid:hover,
div.jabberPanel div.continueHolder button.continue.invalid:active,
div.jabberPanel div.continueHolder button.continue.invalid:focus,
div.jabberPanel div.continueHolder button.continue.invalid:disabled,
div.jabberPanel div.continueHolder button.continue.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.continueHolder button.continue.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.jabberPanel div.continueHolder button.continue.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.jabberPanel div.continueHolder button.continue.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.continueHolder button.continue.loading div {
  display: none;
}
div.jabberPanel div.continueHolder button.continue.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.jabberPanel div.continueHolder button.continue.loading:hover,
div.jabberPanel div.continueHolder button.continue.loading:active,
div.jabberPanel div.continueHolder button.continue.loading:focus,
div.jabberPanel div.continueHolder button.continue.loading:disabled,
div.jabberPanel div.continueHolder button.continue.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.jabberPanel div.continueHolder button.continue.loading.no-svg {
  background-color: #19A96D !important;
}
div.jabberPanel div.continueHolder button.continue.loading.no-svg div {
  display: none;
}
div.jabberPanel div.continueHolder button.continue.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.jabberPanel div.connectingContainer {
  text-align: center;
}
div.jabberPanel div.spinnerContainer {
  text-align: center;
  margin-bottom: 20px;
}
div.jabberPanel div.spinnerContainer div.spinner {
  background-size: 136px 15438px;
  background-position: 0px -1875px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.jabberPanel div.spinnerContainer div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1867px;
}
div.joinFlowJoinPanel {
  background-color: #F2F2F2;
}
div.joinFlowJoinPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.joinFlowJoinPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.joinFlowJoinPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.joinFlowJoinPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.joinFlowJoinPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.joinFlowJoinPanel .scrollbar-container {
  right: 3px;
}
div.joinFlowJoinPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.joinFlowJoinPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.joinFlowJoinPanel div.title,
.lang-es div.joinFlowJoinPanel div.title,
.lang-de div.joinFlowJoinPanel div.title {
  font-size: 18px;
}
div.joinFlowJoinPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.joinFlowJoinPanel div.back:hover,
div.joinFlowJoinPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.joinFlowJoinPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.joinFlowJoinPanel div.close,
div.joinFlowJoinPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.joinFlowJoinPanel div.close:hover,
div.joinFlowJoinPanel div.closeDialog:hover,
div.joinFlowJoinPanel div.close:focus,
div.joinFlowJoinPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.joinFlowJoinPanel div.close:active,
div.joinFlowJoinPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.joinFlowJoinPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.joinFlowJoinPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.joinFlowJoinPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.joinFlowJoinPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.joinFlowJoinPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.joinFlowJoinPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.joinFlowJoinPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.joinFlowJoinPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.joinFlowJoinPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.joinFlowJoinPanel div.dialog button.accept div.icon {
  display: none;
}
div.joinFlowJoinPanel div.dialog button.accept:hover,
div.joinFlowJoinPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.joinFlowJoinPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.joinFlowJoinPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowJoinPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.joinFlowJoinPanel div.dialog button.accept.disabled,
div.joinFlowJoinPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowJoinPanel div.dialog button.accept.disabled:hover,
div.joinFlowJoinPanel div.dialog button.accept:disabled:hover,
div.joinFlowJoinPanel div.dialog button.accept.disabled:active,
div.joinFlowJoinPanel div.dialog button.accept:disabled:active,
div.joinFlowJoinPanel div.dialog button.accept.disabled:focus,
div.joinFlowJoinPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowJoinPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.joinFlowJoinPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.dialog button.accept.invalid div {
  display: none;
}
div.joinFlowJoinPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.joinFlowJoinPanel div.dialog button.accept.invalid:hover,
div.joinFlowJoinPanel div.dialog button.accept.invalid:active,
div.joinFlowJoinPanel div.dialog button.accept.invalid:focus,
div.joinFlowJoinPanel div.dialog button.accept.invalid:disabled,
div.joinFlowJoinPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowJoinPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.joinFlowJoinPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.dialog button.accept.loading div {
  display: none;
}
div.joinFlowJoinPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.joinFlowJoinPanel div.dialog button.accept.loading:hover,
div.joinFlowJoinPanel div.dialog button.accept.loading:active,
div.joinFlowJoinPanel div.dialog button.accept.loading:focus,
div.joinFlowJoinPanel div.dialog button.accept.loading:disabled,
div.joinFlowJoinPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.joinFlowJoinPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.joinFlowJoinPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.joinFlowJoinPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.joinFlowJoinPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red:hover,
div.joinFlowJoinPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.joinFlowJoinPanel div.dialog button.accept.red.disabled,
div.joinFlowJoinPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red.disabled:hover,
div.joinFlowJoinPanel div.dialog button.accept.red:disabled:hover,
div.joinFlowJoinPanel div.dialog button.accept.red.disabled:active,
div.joinFlowJoinPanel div.dialog button.accept.red:disabled:active,
div.joinFlowJoinPanel div.dialog button.accept.red.disabled:focus,
div.joinFlowJoinPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.joinFlowJoinPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.joinFlowJoinPanel div.dialog button.accept.red.invalid:hover,
div.joinFlowJoinPanel div.dialog button.accept.red.invalid:active,
div.joinFlowJoinPanel div.dialog button.accept.red.invalid:focus,
div.joinFlowJoinPanel div.dialog button.accept.red.invalid:disabled,
div.joinFlowJoinPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowJoinPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.joinFlowJoinPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.joinFlowJoinPanel div.dialog button.accept.red.loading:hover,
div.joinFlowJoinPanel div.dialog button.accept.red.loading:active,
div.joinFlowJoinPanel div.dialog button.accept.red.loading:focus,
div.joinFlowJoinPanel div.dialog button.accept.red.loading:disabled,
div.joinFlowJoinPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.joinFlowJoinPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.joinFlowJoinPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.joinFlowJoinPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.joinFlowJoinPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.joinFlowJoinPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.joinFlowJoinPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.joinFlowJoinPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.joinFlowJoinPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.joinFlowJoinPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.joinFlowJoinPanel div.banner {
  display: none;
  width: 100%;
  background-color: #9E0D0D;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
div.joinFlowJoinPanel div.banner.pairingBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  text-align: left;
  position: relative;
  background-color: transparent;
  display: block;
}
div.joinFlowJoinPanel div.banner.pairingBanner span.switch {
  line-height: 18px;
  padding: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  background-color: #FF9700;
  font-size: 14px;
  color: #FFF;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow-wrap: break-word;
  display: inline-block;
  width: 324px;
  text-align: left;
}
div.joinFlowJoinPanel div.preferenceConnectionText {
  font-size: 14px;
}
div.joinFlowJoinPanel div.selfViewBanner {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  display: none;
  height: 32px;
  background-color: #FF9700;
  text-align: center;
  line-height: 32px;
}
div.joinFlowJoinPanel div.selfViewBanner .videoNotSent,
div.joinFlowJoinPanel div.selfViewBanner .videoStillSent {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: white;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  height: 146.25px;
  position: relative;
  background-color: #303030;
  overflow: hidden;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .selfviewLoading {
  display: none;
  background-size: 136px 15438px;
  background-position: 0px -5385px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  margin-top: -18px;
  z-index: 3;
}
.no-svg div.joinFlowJoinPanel div.placeholderLocalAVPanel .selfviewLoading {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5378px;
}
.ie-8 div.joinFlowJoinPanel div.placeholderLocalAVPanel .selfviewLoading,
.ie-9 div.joinFlowJoinPanel div.placeholderLocalAVPanel .selfviewLoading {
  display: none;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/greyongrey-loading-spinner.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  z-index: 3;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel.loading .selfviewLoading {
  display: block;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 3;
  color: #cccccc;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message .icon {
  margin: 1px auto;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message .text {
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.cameraMute .icon,
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.cameraMuteRemote .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5787px;
  margin-top: 49px;
  width: 48px;
  height: 48px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.cameraMute .text,
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.cameraMuteRemote .text {
  margin-bottom: 6px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.cameraMute .subText,
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.cameraMuteRemote .subText {
  margin: 0px auto;
  text-align: center;
  font-size: 13px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.cameraNone .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.cameraTaken .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.webrtcPermissionsDenied {
  text-align: center;
  font-size: 15px;
  color: yellow;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.webrtcPermissionsDenied .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.webrtcPermissionsDenied .text {
  margin-top: 10px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.webrtcPermissionsDenied .helper {
  margin-top: 10px;
  font-size: 13px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.webrtcPermissionsDenied .chromeCameraIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5860px;
  width: 150px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel .message.screenSharing .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5936px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel.loading .message {
  display: none !important;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel iframe.shim {
  display: none;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel.loading iframe.shim {
  display: block;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel.loading object,
div.joinFlowJoinPanel div.placeholderLocalAVPanel.loading video.local {
  visibility: hidden;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel object {
  width: 100%;
  height: 100%;
}
div.joinFlowJoinPanel div.placeholderLocalAVPanel video.local {
  display: none;
  width: 100%;
  height: 100%;
}
div.joinFlowJoinPanel div.banner.pairToCompBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  height: 68px;
  background-color: #FF9700;
  text-align: left;
  position: relative;
}
div.joinFlowJoinPanel div.banner.pairToCompBanner .switchToComp {
  line-height: 18px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #FFF;
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
}
div.joinFlowJoinPanel div.selfViewBanner {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  display: none;
  height: 32px;
  background-color: #FF9700;
  text-align: center;
  line-height: 32px;
}
div.joinFlowJoinPanel div.selfViewBanner .videoNotSent,
div.joinFlowJoinPanel div.selfViewBanner .videoStillSent {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #FFF;
}
div.joinFlowJoinPanel div.options {
  padding-top: 16px;
  background-color: #E8E8E8;
  padding-bottom: 16px;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
}
div.joinFlowJoinPanel div.options .send,
div.joinFlowJoinPanel div.options .receive {
  width: 100%;
  display: block;
  position: relative;
  height: 24px;
}
div.joinFlowJoinPanel div.options .send .text,
div.joinFlowJoinPanel div.options .receive .text {
  position: absolute;
  left: 47px;
  font-size: 16px;
  height: 24px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
}
div.joinFlowJoinPanel div.options .send .warning,
div.joinFlowJoinPanel div.options .receive .warning {
  position: absolute;
  right: 30px;
  top: 14px;
  width: 18px;
  height: 16px;
  display: none;
}
div.joinFlowJoinPanel div.options .send .fancySliderContainer,
div.joinFlowJoinPanel div.options .receive .fancySliderContainer {
  position: absolute;
  right: 22px;
  top: 2px;
}
div.joinFlowJoinPanel div.options .send.audio > .icon,
div.joinFlowJoinPanel div.options .receive.audio > .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6025px;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 16px;
  opacity: 1;
}
div.joinFlowJoinPanel div.options .send.audio > .icon.off,
div.joinFlowJoinPanel div.options .receive.audio > .icon.off {
  opacity: 0.33333;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6074px;
}
div.joinFlowJoinPanel div.options .send.audio .text,
div.joinFlowJoinPanel div.options .receive.audio .text {
  width: 156px;
}
div.joinFlowJoinPanel div.options .send.audio .text div.vuMeter,
div.joinFlowJoinPanel div.options .receive.audio .text div.vuMeter {
  margin-top: -3px;
  position: relative;
  height: 3px;
  background-color: #DDDDDD;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
div.joinFlowJoinPanel div.options .send.audio .text div.vuMeter div.positive,
div.joinFlowJoinPanel div.options .receive.audio .text div.vuMeter div.positive {
  position: absolute;
  width: 100%;
  left: 0px;
  background-color: #ff9700;
  border-radius: 2px;
  height: 3px;
}
div.joinFlowJoinPanel div.options .send.audio .text div.vuMeter div.antilevel,
div.joinFlowJoinPanel div.options .receive.audio .text div.vuMeter div.antilevel {
  background-color: #dddddd;
  height: 3px;
  position: absolute;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  right: 0px;
}
div.joinFlowJoinPanel div.options .send.video,
div.joinFlowJoinPanel div.options .receive.video {
  margin-bottom: 16px;
}
div.joinFlowJoinPanel div.options .send.video > .icon,
div.joinFlowJoinPanel div.options .receive.video > .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6123px;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 16px;
  opacity: 1;
}
div.joinFlowJoinPanel div.options .send.video > .icon.off,
div.joinFlowJoinPanel div.options .receive.video > .icon.off {
  opacity: 0.33333;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6172px;
}
div.joinFlowJoinPanel div.options.noAudio {
  padding-top: 10px;
  padding-bottom: 10px;
}
div.joinFlowJoinPanel div.options.noAudio label.send.video {
  margin-bottom: 0px;
}
div.joinFlowJoinPanel div.options.noAudio div.decisionsHolder {
  top: 302px;
}
div.joinFlowJoinPanel div.options.noAudio div.decisionsHolder.connectionSwitching {
  top: 338px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder {
  position: absolute;
  top: 354px;
  height: 200px;
  width: 260px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder.connectionSwitching {
  top: 422px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer {
  height: 96px;
  width: 100%;
  position: relative;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  position: absolute;
  top: 0px;
  z-index: 2;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder.meetingEntered {
  bottom: 71px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter .turnOffOutlineForClick {
  outline: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter div.icon {
  display: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:hover,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.hovered {
  background-color: #21c37f;
  border: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.disabled,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.disabled:hover,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:disabled:hover,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.disabled:active,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:disabled:active,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.disabled:focus,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid div {
  display: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid:hover,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid:active,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid:focus,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid:disabled,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading div {
  display: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading:hover,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading:active,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading:focus,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading:disabled,
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading.no-svg {
  background-color: #19A96D !important;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading.no-svg div {
  display: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.alwaysUse {
  background-color: #E8E8E8;
  width: 260px;
  height: 82px;
  position: absolute;
  top: 25px;
  font-size: 16px;
  font: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  border-radius: 2px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.alwaysUse.hide {
  display: none;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.alwaysUse div.contentContainer {
  position: absolute;
  width: 260px;
  height: 61px;
  top: 21px;
  bottom: 10.5px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.alwaysUse div.contentContainer div.preferenceText {
  position: absolute;
  float: left;
  bottom: 10.5px;
  left: 16px;
  width: 147px;
  font-size: 14px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer div.alwaysUse div.contentContainer .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 16px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer .cancelHolder {
  position: absolute;
  top: 61px;
  left: 52px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.joinFlowJoinPanel div.options div.decisionsHolder div.decisionsContainer .cancelHolder.hide {
  display: none;
}
div.joinFlowJoinPanel div.options.noAudio .send.audio,
div.joinFlowJoinPanel div.options.noAudio .receive.audio {
  display: none;
}
div.joinFlowJoinPanel .devicesContainer {
  display: none;
  position: absolute;
  bottom: 0;
  top: 235px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  padding-top: 5px;
  font-size: 12px;
  background-color: #4a4a4a;
}
div.joinFlowJoinPanel .devicesContainer a.closeSettings {
  cursor: pointer;
}
div.joinFlowJoinPanel .devicesContainer .devicesPanel {
  height: 100%;
  width: 245px;
  margin-left: 40px;
  margin-top: 10px;
}
div.joinFlowJoinPanel .settingsButtonHolder {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  text-align: center;
}
div.joinFlowJoinPanel .settingsButtonHolder a.settings {
  color: blue;
  cursor: pointer;
}
div.joinFlowJoinPanel div.options label.text span.status {
  padding-left: 6px;
  text-transform: uppercase;
  font-weight: bold;
}
div.joinFlowPanel {
  background-color: #F2F2F2;
}
div.joinFlowPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.joinFlowPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.joinFlowPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.joinFlowPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.joinFlowPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.joinFlowPanel .scrollbar-container {
  right: 3px;
}
div.joinFlowPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.joinFlowPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.joinFlowPanel div.title,
.lang-es div.joinFlowPanel div.title,
.lang-de div.joinFlowPanel div.title {
  font-size: 18px;
}
div.joinFlowPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.joinFlowPanel div.back:hover,
div.joinFlowPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.joinFlowPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.joinFlowPanel div.close,
div.joinFlowPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.joinFlowPanel div.close:hover,
div.joinFlowPanel div.closeDialog:hover,
div.joinFlowPanel div.close:focus,
div.joinFlowPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.joinFlowPanel div.close:active,
div.joinFlowPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.joinFlowPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.joinFlowPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.joinFlowPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.joinFlowPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.joinFlowPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.joinFlowPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.joinFlowPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.joinFlowPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.joinFlowPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.joinFlowPanel div.dialog button.accept div.icon {
  display: none;
}
div.joinFlowPanel div.dialog button.accept:hover,
div.joinFlowPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.joinFlowPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.joinFlowPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.joinFlowPanel div.dialog button.accept.disabled,
div.joinFlowPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowPanel div.dialog button.accept.disabled:hover,
div.joinFlowPanel div.dialog button.accept:disabled:hover,
div.joinFlowPanel div.dialog button.accept.disabled:active,
div.joinFlowPanel div.dialog button.accept:disabled:active,
div.joinFlowPanel div.dialog button.accept.disabled:focus,
div.joinFlowPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.joinFlowPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowPanel div.dialog button.accept.invalid div {
  display: none;
}
div.joinFlowPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.joinFlowPanel div.dialog button.accept.invalid:hover,
div.joinFlowPanel div.dialog button.accept.invalid:active,
div.joinFlowPanel div.dialog button.accept.invalid:focus,
div.joinFlowPanel div.dialog button.accept.invalid:disabled,
div.joinFlowPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.joinFlowPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowPanel div.dialog button.accept.loading div {
  display: none;
}
div.joinFlowPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.joinFlowPanel div.dialog button.accept.loading:hover,
div.joinFlowPanel div.dialog button.accept.loading:active,
div.joinFlowPanel div.dialog button.accept.loading:focus,
div.joinFlowPanel div.dialog button.accept.loading:disabled,
div.joinFlowPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.joinFlowPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.joinFlowPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.joinFlowPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.joinFlowPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.joinFlowPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.joinFlowPanel div.dialog button.accept.red:hover,
div.joinFlowPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.joinFlowPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.joinFlowPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.joinFlowPanel div.dialog button.accept.red.disabled,
div.joinFlowPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowPanel div.dialog button.accept.red.disabled:hover,
div.joinFlowPanel div.dialog button.accept.red:disabled:hover,
div.joinFlowPanel div.dialog button.accept.red.disabled:active,
div.joinFlowPanel div.dialog button.accept.red:disabled:active,
div.joinFlowPanel div.dialog button.accept.red.disabled:focus,
div.joinFlowPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.joinFlowPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.joinFlowPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.joinFlowPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.joinFlowPanel div.dialog button.accept.red.invalid:hover,
div.joinFlowPanel div.dialog button.accept.red.invalid:active,
div.joinFlowPanel div.dialog button.accept.red.invalid:focus,
div.joinFlowPanel div.dialog button.accept.red.invalid:disabled,
div.joinFlowPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.joinFlowPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.joinFlowPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.joinFlowPanel div.dialog button.accept.red.loading:hover,
div.joinFlowPanel div.dialog button.accept.red.loading:active,
div.joinFlowPanel div.dialog button.accept.red.loading:focus,
div.joinFlowPanel div.dialog button.accept.red.loading:disabled,
div.joinFlowPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.joinFlowPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.joinFlowPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.joinFlowPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.joinFlowPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.joinFlowPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.joinFlowPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.joinFlowPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.joinFlowPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.joinFlowPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.joinFlowPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.joinFlowPanel div.banner {
  display: none;
  width: 100%;
  background-color: #9E0D0D;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
div.joinFlowPanel div.banner.pairingBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  text-align: left;
  position: relative;
  background-color: transparent;
  display: block;
}
div.joinFlowPanel div.banner.pairingBanner span.switch {
  line-height: 18px;
  padding: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  background-color: #FF9700;
  font-size: 14px;
  color: #FFF;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow-wrap: break-word;
  display: inline-block;
  width: 324px;
  text-align: left;
}
div.joinFlowPanel div.content {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
div.joinFlowPanel div.close {
  display: none;
}
div.joinFlowPanel div.list div.cover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 6px;
}
div.joinFlowPanel div.list div.cover:hover {
  background-color: #D4E4F3;
}
div.joinFlowPanel div.list div.cover:active {
  background-color: #9ACBF6;
}
div.joinFlowPanel div.list div.cover div.endpointOption {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
  cursor: pointer;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon {
  height: 48px;
  display: inline-block;
  vertical-align: middle;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_computer {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -5446px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_computer {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5439px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_computer_phone {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -5519px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_computer_phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5512px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.wmc4UiChange.join_computer_phone {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -5592px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.wmc4UiChange.join_computer_phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5585px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_computer_phone_already {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -5665px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_computer_phone_already {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5658px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_roomsystem {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -5738px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_roomsystem {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5731px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_presentation {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -5811px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_presentation {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5950px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_computer_neutral {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -5811px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_computer_neutral {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5950px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_lync {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -5884px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_lync {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5804px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_skype_for_business {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6030px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_skype_for_business {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5877px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_jabber {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -5957px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.join_jabber {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6023px;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.icon.launch_desktop {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6103px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption div.icon.launch_desktop {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6096px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.hovered {
  background-color: #D4E4F3;
}
div.joinFlowPanel div.list div.cover div.endpointOption.hovered div.activeIcon {
  position: absolute;
  right: 25px;
  top: 32px;
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6176px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.hovered div.activeIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6169px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down {
  background-color: #9ACBF6;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.text div.label {
  color: #FFF;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_computer {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6249px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_computer {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6242px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_computer_phone {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6322px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_computer_phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6315px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.wmc4UiChange.join_computer_phone {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6395px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.wmc4UiChange.join_computer_phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6388px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_computer_phone_already {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6468px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_computer_phone_already {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6461px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_roomsystem {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6541px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_roomsystem {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6534px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_presentation {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6614px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_presentation {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6680px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_computer_neutral {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6614px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_computer_neutral {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6680px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_lync {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6687px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_lync {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6607px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_skype_for_business {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6760px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_skype_for_business {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6753px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_jabber {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6833px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.icon.join_jabber {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6826px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.down div.activeIcon {
  position: absolute;
  right: 25px;
  top: 32px;
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6176px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.down div.activeIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6169px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active {
  background-color: transparent;
  cursor: inherit;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_computer {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6906px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_computer {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6899px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_computer_phone {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -6979px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_computer_phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7118px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.wmc4UiChange.join_computer_phone {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7052px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.wmc4UiChange.join_computer_phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6972px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_roomsystem {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7125px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_roomsystem {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7045px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_presentation {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7198px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_presentation {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7191px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_computer_neutral {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7198px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_computer_neutral {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7191px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_lync {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7271px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_lync {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7264px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_skype_for_business {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7344px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_skype_for_business {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7337px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_jabber {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7417px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.icon.join_jabber {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7410px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.activeIcon {
  position: absolute;
  right: 25px;
  top: 32px;
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7490px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.active div.activeIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7483px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.active div.text div.label {
  font: 20px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #B8B8B8;
  color: rgba(0, 0, 0, 0.24);
}
div.joinFlowPanel div.list div.cover div.endpointOption.focused {
  outline: 6px solid #ff9700;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.disconnectedIcon {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  position: absolute;
  left: 75px;
  bottom: 42px;
  background-color: #9E0D0D;
  display: none;
}
div.joinFlowPanel div.list div.cover div.endpointOption div.label {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-left: 16px;
  display: inline-block;
  vertical-align: middle;
  width: 195px;
}
.lang-fr div.joinFlowPanel div.list div.cover div.endpointOption div.label,
.lang-es div.joinFlowPanel div.list div.cover div.endpointOption div.label,
.lang-de div.joinFlowPanel div.list div.cover div.endpointOption div.label {
  font-size: 18px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange {
  padding-top: 28px;
  padding-bottom: 28px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange div.icon {
  vertical-align: top;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange div.text {
  display: inline-block;
  margin-left: 16px;
  width: 195px;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange div.text div.description {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #ADADAD;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange div.text div.label {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  white-space: nowrap;
  font-size: 20px;
  color: #1567E0;
  display: inline-block;
  margin-left: 0;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange div.activeIcon {
  display: none;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange.down div.text div.label {
  color: #FFF;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange.down div.text div.description {
  color: #FFF;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange.active div.text div.label {
  color: #B8B8B8;
}
div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange.active div.activeIcon {
  display: block;
  position: absolute;
  right: 25px;
  top: 32px;
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7490px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.joinFlowPanel div.list div.cover div.endpointOption.wmc4UiChange.active div.activeIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7483px;
}
.sidebar.participants .selfViewContainer.joinScreenActive {
  display: block;
}
.sidebar.participants .selfViewContainer.joinScreenActive .messageBoxHolder {
  display: none !important;
}
iframe.joinScreenPreviewWarning {
  display: none;
  position: absolute;
  z-index: 133700;
  width: 245px;
  height: 20px;
  margin: 0px;
  top: 118px;
  background-color: #0092ff;
}
.stageInnerContainer .joinScreenSelfControlHelperBox {
  width: 204px;
  position: absolute;
  top: 243px;
  right: 0px;
  background-color: #1580d7;
  display: none;
  color: white;
}
.stageInnerContainer .joinScreenSelfControlHelperBox div.join_mode_phone_speaker_icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 5px -6216px;
  width: 30px !important;
  height: 30px !important;
  display: block;
}
.stageInnerContainer .joinScreenSelfControlHelperBox span {
  padding: 5px;
  padding-left: 8px;
  display: block;
  font-size: 13px;
}
.stageInnerContainer div.joinScreenSelfControlHelperBox {
  z-index: 10001;
}
.stageInnerContainer iframe.shim.joinScreenSelfControlHelperBox {
  z-index: 10000;
  background: transparent !important;
}
div.leaveMeetingScreen {
  display: none;
}
div.leaveMeetingSlidingPanel {
  background-color: #F2F2F2;
}
div.leaveMeetingSlidingPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.leaveMeetingSlidingPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.leaveMeetingSlidingPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.leaveMeetingSlidingPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.leaveMeetingSlidingPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.leaveMeetingSlidingPanel .scrollbar-container {
  right: 3px;
}
div.leaveMeetingSlidingPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.leaveMeetingSlidingPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.leaveMeetingSlidingPanel div.title,
.lang-es div.leaveMeetingSlidingPanel div.title,
.lang-de div.leaveMeetingSlidingPanel div.title {
  font-size: 18px;
}
div.leaveMeetingSlidingPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.leaveMeetingSlidingPanel div.back:hover,
div.leaveMeetingSlidingPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.leaveMeetingSlidingPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.leaveMeetingSlidingPanel div.close,
div.leaveMeetingSlidingPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.leaveMeetingSlidingPanel div.close:hover,
div.leaveMeetingSlidingPanel div.closeDialog:hover,
div.leaveMeetingSlidingPanel div.close:focus,
div.leaveMeetingSlidingPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.leaveMeetingSlidingPanel div.close:active,
div.leaveMeetingSlidingPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.leaveMeetingSlidingPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.leaveMeetingSlidingPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.leaveMeetingSlidingPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.leaveMeetingSlidingPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.leaveMeetingSlidingPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.leaveMeetingSlidingPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.leaveMeetingSlidingPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.leaveMeetingSlidingPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.leaveMeetingSlidingPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept div.icon {
  display: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.disabled,
div.leaveMeetingSlidingPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.disabled:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept:disabled:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept.disabled:active,
div.leaveMeetingSlidingPanel div.dialog button.accept:disabled:active,
div.leaveMeetingSlidingPanel div.dialog button.accept.disabled:focus,
div.leaveMeetingSlidingPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.invalid div {
  display: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.invalid:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept.invalid:active,
div.leaveMeetingSlidingPanel div.dialog button.accept.invalid:focus,
div.leaveMeetingSlidingPanel div.dialog button.accept.invalid:disabled,
div.leaveMeetingSlidingPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.leaveMeetingSlidingPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.loading div {
  display: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.loading:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept.loading:active,
div.leaveMeetingSlidingPanel div.dialog button.accept.loading:focus,
div.leaveMeetingSlidingPanel div.dialog button.accept.loading:disabled,
div.leaveMeetingSlidingPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.disabled,
div.leaveMeetingSlidingPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.disabled:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept.red:disabled:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.disabled:active,
div.leaveMeetingSlidingPanel div.dialog button.accept.red:disabled:active,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.disabled:focus,
div.leaveMeetingSlidingPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid:active,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid:focus,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid:disabled,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.leaveMeetingSlidingPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading:hover,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading:active,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading:focus,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading:disabled,
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.leaveMeetingSlidingPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.leaveMeetingSlidingPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.leaveMeetingSlidingPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.leaveMeetingSlidingPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.leaveMeetingSlidingPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.leaveMeetingSlidingPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.leaveMeetingSlidingPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.leaveMeetingSlidingPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.leaveMeetingSlidingPanel div.back.focusable {
  display: none;
}
div.leaveMeetingSlidingPanel div.content {
  padding-left: 28px;
  padding-right: 28px;
}
div.leaveMeetingSlidingPanel div.content .confirmationMessage,
div.leaveMeetingSlidingPanel div.content .fbLiveBroadcastInProgress {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.leaveMeetingSlidingPanel div.content .fbLiveBroadcastInProgress,
div.leaveMeetingSlidingPanel div.content .fbTextContainer {
  display: none;
}
div.leaveMeetingSlidingPanel div.content .fbTextContainer {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-top: 20px;
  color: rgba(0, 0, 0, 0.8);
}
div.leaveMeetingSlidingPanel div.content .fbTextContainer.bold {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
}
div.leaveMeetingSlidingPanel div.content .choiceContainer {
  display: inline-block;
  margin-top: 22px;
}
div.leaveMeetingSlidingPanel div.content .choiceContainer div.fancyCheckBox {
  box-sizing: border-box;
}
div.leaveMeetingSlidingPanel div.content .choiceContainer label.immediate {
  display: inline !important;
  padding-left: 8px;
  font-size: 14px;
}
div.leaveMeetingSlidingPanel div.content .choiceContainer span#selectDelay {
  display: none;
}
div.leaveMeetingSlidingPanel div.content .choiceContainer div.fancyDropdown {
  display: inline-block;
  margin-left: 8px;
  width: 150px;
}
.lang-fr div.leaveMeetingSlidingPanel div.content .choiceContainer div.fancyDropdown,
.lang-es div.leaveMeetingSlidingPanel div.content .choiceContainer div.fancyDropdown,
.lang-de div.leaveMeetingSlidingPanel div.content .choiceContainer div.fancyDropdown {
  margin-left: 32px;
}
div.leaveMeetingSlidingPanel div.content .choiceContainer div.fancyDropdown .select2-selectedItem-hasImage {
  display: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer {
  margin-top: 48px;
  text-align: center;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  font-size: 16px;
  width: 260px;
  margin-left: auto;
  margin-right: auto;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting .turnOffOutlineForClick {
  outline: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting div.icon {
  display: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting:hover,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.hovered {
  background-color: #db3c3c;
  border: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.disabled,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.disabled:hover,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting:disabled:hover,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.disabled:active,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting:disabled:active,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.disabled:focus,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid div {
  display: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid:hover,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid:active,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid:focus,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid:disabled,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading div {
  display: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading:hover,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading:active,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading:focus,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading:disabled,
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading.no-svg div {
  display: none;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer button.leaveMeeting.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer a.stay {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  margin-top: 16px;
  width: 106px;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer a.stay:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer a.stay:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.leaveMeetingSlidingPanel div.content .buttonContainer a.stay:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.leaveMeetingSlidingPanel div.content .buttonContainer a.stay.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.leavingScreen {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 6;
}
.leavingScreen > .background {
  background-color: #303030;
  width: inherit;
  height: inherit;
  position: inherit;
  z-index: 3;
}
.leavingScreen > .topMessage {
  display: none;
  width: 100%;
  height: 45px;
  top: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  background-color: #194D85;
  text-align: center;
  color: #FFFFFF;
  z-index: 10000;
  line-height: 45px;
  font-size: 15px;
}
.leavingScreen > .content {
  width: 100% !important;
  height: 112px !important;
  left: 0px !important;
  top: 0px !important;
  margin: 0px !important;
  position: relative !important;
  background-color: #363636 !important;
  border-bottom: 1px solid #272727 !important;
  z-index: 10000;
  color: white;
  /*a {
            padding-left: 24px;
            font-size: 13px;
            display: block;
            border: none;
            .sprite(link-bullet-active, 0, 2px);

            &:hover {
                color: @orange;
                //.sprite(link-bullet-orange, 1px, 2px);
            }

            + a {
                margin-top: 10px;
            }
        }*/
}
.jf3 .leavingScreen > .content {
  height: 80px !important;
  background-color: #363636 !important;
  border-bottom: 2px solid #2c2c2c !important;
}
.leavingScreen > .content h1,
.leavingScreen > .content h2 {
  text-align: center;
  border: 1px none #4d4d4d;
}
.leavingScreen > .content .focusableDummyDiv {
  width: 1px;
  height: 1px;
}
.leavingScreen > .content .focusableDummyDiv:focus {
  outline: none;
}
.leavingScreen > .content h1 {
  border: medium none !important;
  text-align: left !important;
  line-height: 112px !important;
  color: #7B7B7B !important;
  font-size: 22px !important;
  font-weight: normal !important;
  text-indent: 40px !important;
}
.jf3 .leavingScreen > .content h1 {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif !important;
  font-size: 24px !important;
  color: #FFFFFF !important;
  line-height: 80px !important;
}
.leavingScreen > .content h2 {
  color: #FFF;
  font-size: 22px;
  font-family: arial;
  font-weight: normal;
  margin-bottom: 20px;
  padding: 0px;
  line-height: 26px;
  display: block;
  font: bold 12px/17px helvetica, arial, sans-serif;
  padding: 8px 15px 5px;
  text-align: center;
  text-transform: none;
  white-space: normal;
}
.leavingScreen > .content .navigationLinksContainer {
  position: absolute;
  top: 25px;
  right: 0px;
}
.leavingScreen > .content input {
  background-color: #4d4d4d;
  color: white;
  font-size: 12px;
  height: 30px;
  width: 190px;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  display: block;
  margin: 0 auto 11px;
}
.leavingScreen > .content input.reconnect {
  position: absolute;
  top: 37px;
  right: 40px;
  height: 38px !important;
  width: 140px !important;
  font-weight: normal;
  border: 1px solid #4D4D4D !important;
  background: none repeat scroll 0% 0% #363636 !important;
}
.jf3 .leavingScreen > .content input.reconnect {
  position: static;
  display: inline-block;
  margin-right: 40px;
  right: auto;
  top: auto;
  border: none !important;
  font: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif !important;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFF;
  width: auto !important;
  height: auto !important;
  border-bottom: 2px solid #9B9B9B !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48) !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-bottom: 3px !important;
  padding-top: 3px !important;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.jf3 .leavingScreen > .content input.reconnect:hover,
.jf3 .leavingScreen > .content input.reconnect:focus {
  background-color: rgba(255, 255, 255, 0.32) !important;
  background-color: #7E7E7E !important;
  padding-bottom: 3px !important;
}
.jf3 .leavingScreen > .content input.reconnect:active {
  background-color: rgba(255, 255, 255, 0.16) !important;
  background-color: #5F5F5F !important;
  padding-bottom: 3px !important;
  padding-top: 3px !important;
}
.leavingScreen > .content input.home {
  position: absolute;
  top: 37px;
  right: 40px;
  height: 38px !important;
  width: 140px !important;
  font-weight: normal;
  border: 1px solid #4D4D4D !important;
  background: none repeat scroll 0% 0% #363636 !important;
  right: 200px;
}
.jf3 .leavingScreen > .content input.home {
  position: static;
  display: inline-block;
  margin-right: 40px;
  right: auto;
  top: auto;
  border: none !important;
  font: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif !important;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFF;
  width: auto !important;
  height: auto !important;
  border-bottom: 2px solid #9B9B9B !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48) !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-bottom: 3px !important;
  padding-top: 3px !important;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.jf3 .leavingScreen > .content input.home:hover,
.jf3 .leavingScreen > .content input.home:focus {
  background-color: rgba(255, 255, 255, 0.32) !important;
  background-color: #7E7E7E !important;
  padding-bottom: 3px !important;
}
.jf3 .leavingScreen > .content input.home:active {
  background-color: rgba(255, 255, 255, 0.16) !important;
  background-color: #5F5F5F !important;
  padding-bottom: 3px !important;
  padding-top: 3px !important;
}
.jf3 .leavingScreen > .content input.home {
  right: auto;
  margin-right: 24px;
}
.leavingScreen > .content input.signup {
  display: none;
}
.leavingScreen > .content .hover {
  background-color: #8d8d8d;
  background-image: -webkit-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -moz-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -o-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -ms-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: linear-gradient(top, #8d8d8d, #4d4d4d);
  background-color: #808080;
}
.leavingScreen > .content .rows {
  margin-top: 20px;
}
.leavingScreen > .content .recordingSummary {
  margin-top: 20px;
}
.leavingScreen > .trialSignup {
  display: none;
  width: 100% !important;
  height: 65px !important;
  left: 0px !important;
  bottom: 0px !important;
  margin: 0px !important;
  position: absolute;
  background-color: #0089FF !important;
  border-bottom: 1px solid #272727 !important;
  z-index: 10000;
  color: white;
  text-align: center;
}
.leavingScreen > .trialSignup input {
  background-color: #FF9700;
  color: white;
  font-size: 12px;
  height: 30px;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  display: block;
  margin: 0 auto 11px;
  text-transform: uppercase;
}
.leavingScreen > .trialSignup input.signup {
  border-radius: 20px;
  margin: 18px auto 11px;
  height: 30px;
  font-size: 13px;
  padding: 5px 12px;
  display: inline-block;
  font-weight: 100 !important;
  margin-right: -10px;
}
.leavingScreen > .trialSignup h1 {
  border: medium none !important;
  line-height: 65px !important;
  color: #FFFFFF !important;
  font-size: 17px !important;
  font-weight: 100 !important;
  display: inline-block;
  margin-right: 10px;
  margin-left: -10px;
}
.leavingScreen .callToAction {
  margin-left: -116px;
  display: none;
  position: absolute;
  left: 55%;
  width: 100%;
  z-index: 10000;
  display: inline-block;
  vertical-align: middle;
}
.leavingScreen .callToAction .extoleAction {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #22b7ff;
  border-bottom: 2px solid;
  border-bottom-color: #32799B;
  border-bottom-color: rgba(34, 183, 255, 0.48);
}
.leavingScreen .callToAction .extoleAction:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
.leavingScreen .callToAction .extoleAction:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
.leavingScreen .callToAction .extoleAction:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
.leavingScreen .callToAction .extoleAction.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.leavingScreen .callToAction .extoleAction:hover {
  background-color: #3C545F;
  background-color: rgba(34, 183, 255, 0.16);
  border: none;
}
.leavingScreen .callToAction .extoleAction:active {
  background-color: #37677E;
  background-color: rgba(34, 183, 255, 0.32);
  border: none;
}
.leavingScreen .instantMeetingMsg {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 100%;
  background-color: #494949;
  color: white;
  text-align: center;
}
.leavingScreen .instantMeetingMsg .header {
  text-align: center;
  font-size: 20px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-weight: bold;
  padding: 10px;
  position: initial;
  height: 24px;
}
.leavingScreen .instantMeetingMsg .description {
  padding: 0 250px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 25px;
}
.leavingScreen .instantMeetingMsg input {
  background-color: #FF9700;
  color: white;
  font-size: 12px;
  height: 30px;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  display: block;
  margin: 0 auto 11px;
  text-transform: uppercase;
}
.leavingScreen .instantMeetingMsg input.signup {
  border-radius: 20px;
  margin: 16px auto;
  height: 30px;
  font-size: 13px;
  padding: 5px 12px;
  display: inline-block;
  font-weight: 100 !important;
  margin-right: -10px;
  width: 12%;
}
.leavingScreen.lightGreyBackgroundColor > .background {
  background-color: #DDDDDD;
}
.leavingScreen.lightGreyBackgroundColor .instantMeetingMsg {
  background-color: #C4C4C4;
  color: black;
}
.leavingScreen.lightGreyBackgroundColor .feedback-box {
  color: #4F4F4F;
  color: rgba(0, 0, 0, 0.64);
}
.leavingScreen.lightGreyBackgroundColor .appOffer:hover {
  background-color: #242424;
}
.jf3LoadingScreen {
  display: none;
  visibility: visible;
  position: absolute;
  height: 100%;
  width: 100%;
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  z-index: 999;
}
.jf3LoadingScreen div.loadingContent {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.jf3LoadingScreen div.loadingContent div.logo {
  background-image: url("images/jf3_white_logo_184x44.png");
  width: 184px;
  height: 44px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.newLoading.jf3LoadingScreen div.loadingContent div.logo {
  display: none;
}
.jf3LoadingScreen div.loadingContent img.logo {
  max-height: 44px;
  max-width: 184px;
}
.jf3LoadingScreen div.loadingContent div.loadingSpinner {
  background-size: 136px 15438px;
  background-position: 0px -1964px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  height: 64px;
  width: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
.no-svg .jf3LoadingScreen div.loadingContent div.loadingSpinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1956px;
}
.newLoading.jf3LoadingScreen div.loadingContent div.loadingSpinner {
  display: none;
}
.jf3LoadingScreen div.loadingContent div.loading {
  display: none;
  font: 28px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.jf3LoadingScreen div.loadingContent div.loading span {
  font: 28px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.newLoading.jf3LoadingScreen div.loadingContent div.loading {
  display: block;
}
.jf3LoadingScreen div.loadingContent div.tips {
  display: none;
  margin-top: 40px;
  font: 24px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-style: italic;
  color: #FFF;
}
.jf3LoadingScreen div.loadingContent div.tips .tip {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.jf3LoadingScreen div.loadingContent div.tips .tip .icon {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -7563px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-right: 13px;
  display: inline-block;
}
.no-svg .jf3LoadingScreen div.loadingContent div.tips .tip .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7556px;
}
.jf3LoadingScreen div.loadingContent div.tips .tip .tipText {
  display: inline-block;
  vertical-align: top;
}
@-moz-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.jf3LoadingScreen div.loadingContent div.tips #tip1 {
  opacity: 0;
  animation: fadeInOut 5s linear 0s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 0s;
  -moz-animation: fadeInOut 5s linear 0s;
  animation: fadeInOut 5s linear 0s;
  -webkit-animation: fadeInOut 5s linear 0s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 0s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 0s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip2 {
  opacity: 0;
  animation: fadeInOut 5s linear 5s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 5s;
  -moz-animation: fadeInOut 5s linear 5s;
  animation: fadeInOut 5s linear 5s;
  -webkit-animation: fadeInOut 5s linear 5s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 5s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 5s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip3 {
  opacity: 0;
  animation: fadeInOut 5s linear 10s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 10s;
  -moz-animation: fadeInOut 5s linear 10s;
  animation: fadeInOut 5s linear 10s;
  -webkit-animation: fadeInOut 5s linear 10s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 10s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 10s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip4 {
  opacity: 0;
  animation: fadeInOut 5s linear 15s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 15s;
  -moz-animation: fadeInOut 5s linear 15s;
  animation: fadeInOut 5s linear 15s;
  -webkit-animation: fadeInOut 5s linear 15s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 15s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 15s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip5 {
  opacity: 0;
  animation: fadeInOut 5s linear 20s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 20s;
  -moz-animation: fadeInOut 5s linear 20s;
  animation: fadeInOut 5s linear 20s;
  -webkit-animation: fadeInOut 5s linear 20s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 20s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 20s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip6 {
  opacity: 0;
  animation: fadeInOut 5s linear 25s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 25s;
  -moz-animation: fadeInOut 5s linear 25s;
  animation: fadeInOut 5s linear 25s;
  -webkit-animation: fadeInOut 5s linear 25s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 25s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 25s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip7 {
  opacity: 0;
  animation: fadeInOut 5s linear 30s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 30s;
  -moz-animation: fadeInOut 5s linear 30s;
  animation: fadeInOut 5s linear 30s;
  -webkit-animation: fadeInOut 5s linear 30s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 30s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 30s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip8 {
  opacity: 0;
  animation: fadeInOut 5s linear 35s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 35s;
  -moz-animation: fadeInOut 5s linear 35s;
  animation: fadeInOut 5s linear 35s;
  -webkit-animation: fadeInOut 5s linear 35s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 35s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 35s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip9 {
  opacity: 0;
  animation: fadeInOut 5s linear 40s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 40s;
  -moz-animation: fadeInOut 5s linear 40s;
  animation: fadeInOut 5s linear 40s;
  -webkit-animation: fadeInOut 5s linear 40s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 40s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 40s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip10 {
  opacity: 0;
  animation: fadeInOut 5s linear 45s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 45s;
  -moz-animation: fadeInOut 5s linear 45s;
  animation: fadeInOut 5s linear 45s;
  -webkit-animation: fadeInOut 5s linear 45s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 45s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 45s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip11 {
  opacity: 0;
  animation: fadeInOut 5s linear 50s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 50s;
  -moz-animation: fadeInOut 5s linear 50s;
  animation: fadeInOut 5s linear 50s;
  -webkit-animation: fadeInOut 5s linear 50s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 50s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 50s 300ms 0 ease 1;
}
.jf3LoadingScreen div.loadingContent div.tips #tip12 {
  opacity: 0;
  animation: fadeInOut 5s linear 55s 300ms 0 ease 1;
  -webkit-animation: fadeInOut 5s linear 55s;
  -moz-animation: fadeInOut 5s linear 55s;
  animation: fadeInOut 5s linear 55s;
  -webkit-animation: fadeInOut 5s linear 55s 300ms 0 ease 1;
  -moz-animation: fadeInOut 5s linear 55s 300ms 0 ease 1;
  -ms-animation: fadeInOut 5s linear 55s 300ms 0 ease 1;
}
.newLoading.jf3LoadingScreen div.loadingContent div.tips {
  display: block;
}
.ie8-9.jf3LoadingScreen div.loadingContent div.tips {
  display: none;
}
.jf3LoadingScreen div.loadingContent div.error {
  display: none;
  color: white;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.jf3LoadingScreen.error div.loadingContent div.loadingSpinner {
  display: none;
}
.jf3LoadingScreen.error div.loadingContent div.error {
  display: block;
}
div.localSettingsPanel {
  background-color: #F2F2F2;
}
div.localSettingsPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.localSettingsPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.localSettingsPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.localSettingsPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.localSettingsPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.localSettingsPanel .scrollbar-container {
  right: 3px;
}
div.localSettingsPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.localSettingsPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.localSettingsPanel div.title,
.lang-es div.localSettingsPanel div.title,
.lang-de div.localSettingsPanel div.title {
  font-size: 18px;
}
div.localSettingsPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.localSettingsPanel div.back:hover,
div.localSettingsPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.localSettingsPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.localSettingsPanel div.close,
div.localSettingsPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.localSettingsPanel div.close:hover,
div.localSettingsPanel div.closeDialog:hover,
div.localSettingsPanel div.close:focus,
div.localSettingsPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.localSettingsPanel div.close:active,
div.localSettingsPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.localSettingsPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.localSettingsPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.localSettingsPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.localSettingsPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.localSettingsPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.localSettingsPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.localSettingsPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.localSettingsPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.localSettingsPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.localSettingsPanel div.dialog button.accept div.icon {
  display: none;
}
div.localSettingsPanel div.dialog button.accept:hover,
div.localSettingsPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.localSettingsPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.localSettingsPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.localSettingsPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.localSettingsPanel div.dialog button.accept.disabled,
div.localSettingsPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.localSettingsPanel div.dialog button.accept.disabled:hover,
div.localSettingsPanel div.dialog button.accept:disabled:hover,
div.localSettingsPanel div.dialog button.accept.disabled:active,
div.localSettingsPanel div.dialog button.accept:disabled:active,
div.localSettingsPanel div.dialog button.accept.disabled:focus,
div.localSettingsPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.localSettingsPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.localSettingsPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.localSettingsPanel div.dialog button.accept.invalid div {
  display: none;
}
div.localSettingsPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.localSettingsPanel div.dialog button.accept.invalid:hover,
div.localSettingsPanel div.dialog button.accept.invalid:active,
div.localSettingsPanel div.dialog button.accept.invalid:focus,
div.localSettingsPanel div.dialog button.accept.invalid:disabled,
div.localSettingsPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.localSettingsPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.localSettingsPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.localSettingsPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.localSettingsPanel div.dialog button.accept.loading div {
  display: none;
}
div.localSettingsPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.localSettingsPanel div.dialog button.accept.loading:hover,
div.localSettingsPanel div.dialog button.accept.loading:active,
div.localSettingsPanel div.dialog button.accept.loading:focus,
div.localSettingsPanel div.dialog button.accept.loading:disabled,
div.localSettingsPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.localSettingsPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.localSettingsPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.localSettingsPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.localSettingsPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.localSettingsPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.localSettingsPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.localSettingsPanel div.dialog button.accept.red:hover,
div.localSettingsPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.localSettingsPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.localSettingsPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.localSettingsPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.localSettingsPanel div.dialog button.accept.red.disabled,
div.localSettingsPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.localSettingsPanel div.dialog button.accept.red.disabled:hover,
div.localSettingsPanel div.dialog button.accept.red:disabled:hover,
div.localSettingsPanel div.dialog button.accept.red.disabled:active,
div.localSettingsPanel div.dialog button.accept.red:disabled:active,
div.localSettingsPanel div.dialog button.accept.red.disabled:focus,
div.localSettingsPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.localSettingsPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.localSettingsPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.localSettingsPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.localSettingsPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.localSettingsPanel div.dialog button.accept.red.invalid:hover,
div.localSettingsPanel div.dialog button.accept.red.invalid:active,
div.localSettingsPanel div.dialog button.accept.red.invalid:focus,
div.localSettingsPanel div.dialog button.accept.red.invalid:disabled,
div.localSettingsPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.localSettingsPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.localSettingsPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.localSettingsPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.localSettingsPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.localSettingsPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.localSettingsPanel div.dialog button.accept.red.loading:hover,
div.localSettingsPanel div.dialog button.accept.red.loading:active,
div.localSettingsPanel div.dialog button.accept.red.loading:focus,
div.localSettingsPanel div.dialog button.accept.red.loading:disabled,
div.localSettingsPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.localSettingsPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.localSettingsPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.localSettingsPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.localSettingsPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.localSettingsPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.localSettingsPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.localSettingsPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.localSettingsPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.localSettingsPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.localSettingsPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.localSettingsPanel div.back.focusable {
  display: none;
}
div.localSettingsPanel div.content {
  position: relative;
  padding-bottom: 20px;
}
div.localSettingsPanel div.content div.placeholderLocalSettings {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  height: 146.25px;
  position: relative;
  background-color: #303030;
  overflow: hidden;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .selfviewLoading {
  display: none;
  background-size: 136px 15438px;
  background-position: 0px -5385px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  margin-top: -18px;
  z-index: 3;
}
.no-svg div.localSettingsPanel div.content div.placeholderLocalSettings .selfviewLoading {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5378px;
}
.ie-8 div.localSettingsPanel div.content div.placeholderLocalSettings .selfviewLoading,
.ie-9 div.localSettingsPanel div.content div.placeholderLocalSettings .selfviewLoading {
  display: none;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/greyongrey-loading-spinner.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  z-index: 3;
}
div.localSettingsPanel div.content div.placeholderLocalSettings.loading .selfviewLoading {
  display: block;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 3;
  color: #cccccc;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message .icon {
  position: relative;
  margin: 1px auto;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message .text {
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.cameraNone .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.cameraTaken .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.needRefresh {
  height: 100%;
  width: 100%;
  background-color: #1F1F1F;
  text-align: center;
  overflow: auto;
  cursor: pointer;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.needRefresh div.refreshDevice {
  margin-top: 49.125px;
  margin-bottom: 9px;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.needRefresh div.refreshDevice div.refresh {
  background-size: 136px 15438px;
  background-position: 0px -7620px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 48px;
  width: 48px;
  margin-right: auto;
  margin-left: auto;
}
.no-svg div.localSettingsPanel div.content div.placeholderLocalSettings .message.needRefresh div.refreshDevice div.refresh {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7613px;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.needRefresh span.takenMessage {
  display: inline-block;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #9C9C9C;
  color: rgba(255, 255, 255, 0.56);
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.needRefresh:active {
  background-color: #545454;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.needRefresh:hover {
  background-color: #434343;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.needRefresh:focus {
  box-sizing: border-box;
  border: 4px solid #CBE1F4;
}
div.localSettingsPanel div.content div.placeholderLocalSettings .message.needRefresh:focus div.refreshDevice {
  margin-top: 45.125px;
}
div.localSettingsPanel div.content div.placeholderLocalSettings iframe.shim {
  display: none;
}
div.localSettingsPanel div.content div.placeholderLocalSettings.loading iframe.shim {
  display: block;
}
div.localSettingsPanel div.content div.placeholderLocalSettings object {
  width: 100%;
  height: 100%;
}
div.localSettingsPanel div.content div.placeholderLocalSettings video.local {
  display: none;
  width: 100%;
  height: 100%;
}
div.localSettingsPanel div.content div.microphoneContainer {
  position: relative;
}
div.localSettingsPanel div.content div.microphoneContainer div.vuMeter {
  position: relative;
  height: 3px;
  background-color: #DDDDDD;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  margin: 0 0 0 0;
  width: 257px;
  height: 4px;
  bottom: 4px;
}
div.localSettingsPanel div.content div.microphoneContainer div.vuMeter div.positive {
  position: absolute;
  width: 100%;
  left: 0px;
  background-color: #ff9700;
  border-radius: 2px;
  height: 3px;
}
div.localSettingsPanel div.content div.microphoneContainer div.vuMeter div.antilevel {
  background-color: #dddddd;
  height: 3px;
  position: absolute;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  right: 0px;
}
div.localSettingsPanel div.content div.deviceList {
  height: 44px;
  margin-top: 8px;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
div.localSettingsPanel div.content div.deviceList span#selectVoiceDevice {
  display: none;
}
div.localSettingsPanel div.content div.deviceList span#selectAudioDevice {
  display: none;
}
div.localSettingsPanel div.content div.deviceList span#selectCameraDevice {
  display: none;
}
div.localSettingsPanel div.content div.deviceList div.testSpeakers {
  display: none;
}
div.localSettingsPanel div.content span.mac32bitDriverWarning {
  display: none;
}
div.localSettingsPanel div.content.showMac32bitDriverWarning span.mac32bitDriverWarning {
  display: block;
  text-align: right;
  color: #b8b840;
  padding-top: 10px;
}
div.localSettingsPanel div.content.showMac32bitDriverWarning span.mac32bitDriverWarning a {
  color: yellow;
  text-weight: bold;
}
div.localSettingsPanel div.content div.testSpeakers,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel {
  height: 44px;
  left: 0px;
  width: 260px;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
}
div.localSettingsPanel div.content div.testSpeakers div.testSoundIcon,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel div.testSoundIcon,
div.localSettingsPanel div.content div.testSpeakers div.otherConnectionIcon,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel div.otherConnectionIcon {
  background-size: 136px 15438px;
  background-position: 0px -7693px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 24px;
  position: absolute;
  width: 24px;
  left: 10px;
  top: 10px;
}
.no-svg div.localSettingsPanel div.content div.testSpeakers div.testSoundIcon,
.no-svg div.localSettingsPanel div.content div.otherConnectionOptionsLabel div.testSoundIcon,
.no-svg div.localSettingsPanel div.content div.testSpeakers div.otherConnectionIcon,
.no-svg div.localSettingsPanel div.content div.otherConnectionOptionsLabel div.otherConnectionIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7686px;
}
div.localSettingsPanel div.content div.testSpeakers a.testSoundLink,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel a.testSoundLink,
div.localSettingsPanel div.content div.testSpeakers a.otherConnectionOptions,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel a.otherConnectionOptions {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #1D6BDD;
  position: absolute;
  left: 42px;
  top: 14px;
  height: 22px;
  border: none;
  text-transform: uppercase;
}
div.localSettingsPanel div.content div.testSpeakers:hover,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel:hover {
  background-color: #D4E5F3;
  background-color: rgba(0, 137, 255, 0.12);
}
div.localSettingsPanel div.content div.testSpeakers:active,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel:active {
  background-color: #9ACCF6;
  background-color: rgba(0, 137, 255, 0.36);
}
div.localSettingsPanel div.content div.testSpeakers:active a.testSoundLink,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel:active a.testSoundLink {
  color: #FFF;
}
div.localSettingsPanel div.content div.testSpeakers:focus,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel:focus {
  border: 4px solid #D4E4F3;
  border: 4px solid rgba(0, 137, 255, 0.12);
}
div.localSettingsPanel div.content div.testSpeakers:focus div.testSoundIcon,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel:focus div.testSoundIcon {
  top: 6px;
}
div.localSettingsPanel div.content div.testSpeakers:focus a.testSoundLink,
div.localSettingsPanel div.content div.otherConnectionOptionsLabel:focus a.testSoundLink {
  top: 10px;
}
div.localSettingsPanel div.content div.otherConnectionOptions {
  width: 360px;
  height: 52px;
  position: relative;
  margin-left: -50px;
  padding-top: 3px;
  margin-top: 9px;
  border-top: 1px solid #DFDFDF;
  padding-top: 0px;
}
div.localSettingsPanel div.content div.otherConnectionOptions div.otherConnectionOptionsContent {
  margin-top: 8px;
  margin-bottom: 8px;
}
div.localSettingsPanel div.content div.otherConnectionOptions div.otherConnectionOptionsContent div.otherConnectionOptionsLabel {
  margin-left: auto;
  margin-right: auto;
  left: initial;
}
div.localSettingsPanel div.content div.otherConnectionOptions div.otherConnectionOptionsContent div.otherConnectionOptionsLabel div.otherConnectionIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -7742px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.localSettingsPanel div.content div.otherConnectionOptions div.otherConnectionOptionsContent div.otherConnectionOptionsLabel div.otherConnectionIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7735px;
}
div.localSettingsPanel div.content div.preferredConnection {
  width: 360px;
  height: 90px;
  position: relative;
  margin-left: -50px;
  padding-top: 3px;
  border-top: 1px solid #DFDFDF;
}
div.localSettingsPanel div.content div.preferredConnection div.preferredConnectionContent {
  position: relative;
  height: 100%;
  width: 260px;
  margin-right: auto;
  margin-left: auto;
}
div.localSettingsPanel div.content div.preferredConnection div.preferredConnectionContent div.preferredConnectionLabel {
  position: absolute;
  top: 29px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
}
div.localSettingsPanel div.content div.preferredConnection div.preferredConnectionContent div.select {
  position: absolute;
  top: 51px;
}
div.localSettingsPanel div.content div.preferredConnection div.preferredConnectionContent div.select span#selectConnection {
  display: none;
}
div.localSettingsPanel div.content div.preferredConnection.hidden {
  max-height: 0px;
  overflow: hidden;
  border-top-width: 0px;
}
div.localSettingsPanel div.content div.preferredLanguage {
  width: 360px;
  height: 124px;
  position: relative;
  margin-left: -50px;
  padding-top: 3px;
  border-bottom: 1px solid #DFDFDF;
}
div.localSettingsPanel div.content div.preferredLanguage div.preferredLanguageContent {
  position: relative;
  height: 100%;
  width: 260px;
  margin-right: auto;
  margin-left: auto;
}
div.localSettingsPanel div.content div.preferredLanguage div.preferredLanguageContent div.preferredLanguageLabel {
  position: absolute;
  top: 29px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
}
div.localSettingsPanel div.content div.preferredLanguage div.preferredLanguageContent div.select {
  position: absolute;
  top: 51px;
}
div.localSettingsPanel div.content div.preferredLanguage div.preferredLanguageContent div.select span#selectPreferredLanguage {
  display: none;
}
div.localSettingsPanel div.content div.notifications {
  height: 100px;
  position: relative;
  padding-bottom: 32px;
}
div.localSettingsPanel div.content div.notifications div.scaleVideoFitView {
  width: 260px;
  position: absolute;
  top: 32px;
}
div.localSettingsPanel div.content div.notifications div.scaleVideoFitView div.contentContainer {
  position: relative;
}
div.localSettingsPanel div.content div.notifications div.scaleVideoFitView div.contentContainer div.preferenceText {
  position: absolute;
  left: 0px;
}
div.localSettingsPanel div.content div.notifications div.scaleVideoFitView div.contentContainer div.fancySliderContainer {
  position: absolute;
  right: 0px;
  top: 2px;
}
div.localSettingsPanel div.content div.notifications div.browserNotifications {
  width: 260px;
  position: absolute;
  top: 72px;
}
div.localSettingsPanel div.content div.notifications div.browserNotifications div.contentContainer {
  position: relative;
}
div.localSettingsPanel div.content div.notifications div.browserNotifications div.contentContainer div.preferenceText {
  position: absolute;
  left: 0px;
}
div.localSettingsPanel div.content div.notifications div.browserNotifications div.contentContainer div.fancySliderContainer {
  position: absolute;
  right: 0px;
  top: 2px;
}
div.localSettingsPanel div.content div.notifications div.hintsAndTips {
  width: 260px;
  position: absolute;
  top: 112px;
}
div.localSettingsPanel div.content div.notifications div.hintsAndTips div.contentContainer {
  position: relative;
}
div.localSettingsPanel div.content div.notifications div.hintsAndTips div.contentContainer div.preferenceText {
  position: absolute;
  left: 0px;
}
div.localSettingsPanel div.content div.notifications div.hintsAndTips div.contentContainer div.fancySliderContainer {
  position: absolute;
  right: 0px;
  top: 2px;
}
div.localSettingsPanel div.content div.close {
  display: none;
}
div.localSettingsPanel .no_preference {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6271px;
  height: 24px;
  width: 24px;
}
div.localSettingsPanel .join_computer {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6025px;
  width: 24px;
  height: 24px;
}
div.localSettingsPanel .join_computer_phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6320px;
  width: 24px;
  height: 24px;
}
div.localSettingsPanel .join_computer_neutral,
div.localSettingsPanel .join_presentation {
  width: 24px;
  height: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6369px;
}
div.localSettingsPanel .join_roomsystem {
  width: 24px;
  height: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6418px;
}
div.localSettingsPanel .join_lync {
  width: 24px;
  height: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6467px;
}
div.localSettingsPanel .join_skype_for_business {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -7791px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.localSettingsPanel .join_skype_for_business {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7784px;
}
div.localSettingsPanel .join_jabber {
  width: 24px;
  height: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6516px;
}
div.localSettingsPanel .mic_icon {
  width: 24px;
  height: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6025px;
}
div.localSettingsPanel .cam_icon {
  width: 24px;
  height: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6565px;
}
div.localSettingsPanel div.deviceList.off .cam_icon {
  opacity: 0.33333;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6172px;
}
div.localSettingsPanel div.deviceList.off .mic_icon {
  opacity: 0.33333;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6074px;
}
div.localSettingsPanel .spkr_icon {
  width: 24px;
  height: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6614px;
}
.lockedScreen {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 4;
  background-color: #414141;
  display: none;
  top: 0px;
}
.lockedScreen .bgcolor {
  width: 100%;
  height: 100%;
  background-color: #414141;
  z-index: 5;
  position: absolute;
}
.lockedScreen .content {
  width: 450px;
  height: 145px;
  margin-left: -225px;
  margin-top: -72.5px;
  background-color: #414141;
  position: relative;
  z-index: 5;
  left: 50%;
  top: 45%;
}
.lockedScreen .content .icon {
  left: 0px;
  top: 0px;
  width: 115px;
  height: 105px;
}
.lockedScreen .content .messageContainer {
  left: 160px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  position: absolute;
}
.lockedScreen .content .messageContainer .title {
  font-size: 18px;
  color: white;
  font-weight: bold;
}
.lockedScreen .content .messageContainer .messageBox .message {
  position: relative;
  left: 0px;
  top: 20px;
  font-size: 14px;
  color: #878787;
}
.lockedScreen .content .messageContainer .errorMsg {
  position: relative;
  top: 30px;
  display: none;
  width: 100%;
}
.lockedScreen .content .messageContainer .errorMsg.show {
  display: block;
}
.lockedScreen .content .messageContainer .errorMsg .errorIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5288px;
  height: 16px;
  width: 18px;
  display: inline-block;
}
.lockedScreen .content .messageContainer .errorMsg .msg {
  position: relative;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 10px;
  color: #878787;
  font-size: 14px;
}
.lockedScreen .content .messageContainer .buttonContainer {
  position: relative;
  top: 30px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}
.lockedScreen .content .messageContainer .buttonContainer button {
  color: black;
  padding: 9px 30px;
  font-size: 13px;
}
.lockedScreen .content .messageContainer .buttonContainer button + button {
  margin-left: 12px;
}
.lockedScreen .content .messageContainer .buttonContainer button.primary {
  font-size: 13px;
}
.lockedScreen .content .messageContainer .buttonContainer button.primary.hover {
  background-color: #2c9fed;
  color: white;
}
.lockedScreen .content .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5328px;
}
.lockedScreen .content .messageContainer .buttonContainer button.reconnect {
  display: none;
}
.lockedScreen .notice {
  font-style: italic;
  font-size: 13px;
  color: #878787;
  position: absolute;
  bottom: -30px;
  width: 100%;
  text-align: center;
}
.logUploaderDialog {
  position: relative;
  margin: 10% auto;
  /*top: 50px;
	left: 50%;
	margin-left: -@width/2;*/
  width: 400px;
  height: 425px;
  z-index: 1000;
  background-color: #F2F2F2;
}
.logUploaderDialog.mac.osx_lion .scrollpane-content {
  max-width: 400px;
}
.logUploaderDialog.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
.logUploaderDialog.mac.osx_lion *::-webkit-scrollbar:active,
.logUploaderDialog.mac.osx_lion *::-webkit-scrollbar:hover,
.logUploaderDialog.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
.logUploaderDialog .scrollbar-container {
  right: 3px;
}
.logUploaderDialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.logUploaderDialog div.modalContent {
  position: relative;
  z-index: 4;
  text-align: left;
}
.logUploaderDialog div.title {
  box-sizing: border-box;
  height: 48px;
  padding: 10px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.logUploaderDialog div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 6px -3013px;
  opacity: 0.75;
  position: absolute;
  top: 6px;
  left: 6px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 6px;
}
.logUploaderDialog div.back:hover,
.logUploaderDialog div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.logUploaderDialog div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.logUploaderDialog div.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -3060px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 6px;
  right: 6px;
  padding: 6px;
  z-index: 11;
  cursor: pointer;
}
.logUploaderDialog div.close:hover,
.logUploaderDialog div.close:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.logUploaderDialog div.close:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.logUploaderDialog div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
.logUploaderDialog div.content {
  padding-top: 10px;
  padding-left: 48px;
  padding-right: 48px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.logUploaderDialog div.back {
  display: none;
}
.logUploaderDialog div.jf2 {
  height: 0;
  padding-top: 0;
}
.logUploaderDialog div#logUploaderContent {
  width: 400px;
  text-align: left;
  margin-top: 0;
  padding-left: 40px;
}
.logUploaderDialog div#logUploaderContent form textarea {
  width: 320px;
  margin-bottom: 20px;
}
.logUploaderDialog div#logUploaderContent form .placeholderIE {
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.32);
}
.logUploaderDialog div#logUploaderContent form div.selectLogUpload {
  padding-bottom: 20px;
}
.logUploaderDialog div#logUploaderContent form input.sendReport {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 80%;
}
.logUploaderDialog div#logUploaderContent form input.sendReport .turnOffOutlineForClick {
  outline: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport div.icon {
  display: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport:hover,
.logUploaderDialog div#logUploaderContent form input.sendReport.hovered {
  background-color: #4182e2;
  border: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.logUploaderDialog div#logUploaderContent form input.sendReport:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.disabled,
.logUploaderDialog div#logUploaderContent form input.sendReport:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.disabled:hover,
.logUploaderDialog div#logUploaderContent form input.sendReport:disabled:hover,
.logUploaderDialog div#logUploaderContent form input.sendReport.disabled:active,
.logUploaderDialog div#logUploaderContent form input.sendReport:disabled:active,
.logUploaderDialog div#logUploaderContent form input.sendReport.disabled:focus,
.logUploaderDialog div#logUploaderContent form input.sendReport:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.logUploaderDialog div#logUploaderContent form input.sendReport.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.logUploaderDialog div#logUploaderContent form input.sendReport.invalid div {
  display: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.invalid:hover,
.logUploaderDialog div#logUploaderContent form input.sendReport.invalid:active,
.logUploaderDialog div#logUploaderContent form input.sendReport.invalid:focus,
.logUploaderDialog div#logUploaderContent form input.sendReport.invalid:disabled,
.logUploaderDialog div#logUploaderContent form input.sendReport.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.logUploaderDialog div#logUploaderContent form input.sendReport.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .logUploaderDialog div#logUploaderContent form input.sendReport.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.logUploaderDialog div#logUploaderContent form input.sendReport.loading div {
  display: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.loading:hover,
.logUploaderDialog div#logUploaderContent form input.sendReport.loading:active,
.logUploaderDialog div#logUploaderContent form input.sendReport.loading:focus,
.logUploaderDialog div#logUploaderContent form input.sendReport.loading:disabled,
.logUploaderDialog div#logUploaderContent form input.sendReport.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.logUploaderDialog div#logUploaderContent form input.sendReport.loading.no-svg {
  background-color: #1D6BDD !important;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.loading.no-svg div {
  display: none;
}
.logUploaderDialog div#logUploaderContent form input.sendReport.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncForWindowsPanel {
  background-color: #F2F2F2;
}
div.lyncForWindowsPanel .paginationContainer {
  position: absolute;
  height: 8px;
  width: 260px;
  text-align: center;
  bottom: 40px;
}
div.lyncForWindowsPanel .paginationContainer .paginationDot {
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #E0E0E0;
  background-color: rgba(0, 0, 0, 0.12);
  margin-left: 12px;
}
div.lyncForWindowsPanel .paginationContainer .paginationDot:first-child {
  margin-left: 0px;
}
div.lyncForWindowsPanel .paginationContainer .paginationDot.activeDot {
  background-color: #A3A3A3;
  background-color: rgba(0, 0, 0, 0.36);
}
div.lyncForWindowsPanel .rel {
  position: relative;
}
div.lyncForWindowsPanel div.federateContainer {
  position: absolute;
  /* top: 368px; */
  /* height: 200px; */
  font-size: 14px;
  line-height: 18px;
  width: 260px;
  bottom: 80px;
}
div.lyncForWindowsPanel div.federateContainer div.text.para2 {
  margin-top: 10px;
}
div.lyncForWindowsPanel div.blueText {
  color: #1D6BDD;
}
div.lyncForWindowsPanel div.centerText {
  text-align: center;
}
div.lyncForWindowsPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.lyncForWindowsPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.lyncForWindowsPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.lyncForWindowsPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.lyncForWindowsPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.lyncForWindowsPanel .scrollbar-container {
  right: 3px;
}
div.lyncForWindowsPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.lyncForWindowsPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.lyncForWindowsPanel div.title,
.lang-es div.lyncForWindowsPanel div.title,
.lang-de div.lyncForWindowsPanel div.title {
  font-size: 18px;
}
div.lyncForWindowsPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.lyncForWindowsPanel div.back:hover,
div.lyncForWindowsPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.lyncForWindowsPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.lyncForWindowsPanel div.close,
div.lyncForWindowsPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.lyncForWindowsPanel div.close:hover,
div.lyncForWindowsPanel div.closeDialog:hover,
div.lyncForWindowsPanel div.close:focus,
div.lyncForWindowsPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.lyncForWindowsPanel div.close:active,
div.lyncForWindowsPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.lyncForWindowsPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.lyncForWindowsPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.lyncForWindowsPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.lyncForWindowsPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.lyncForWindowsPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.lyncForWindowsPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.lyncForWindowsPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.lyncForWindowsPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.lyncForWindowsPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.lyncForWindowsPanel div.dialog button.accept div.icon {
  display: none;
}
div.lyncForWindowsPanel div.dialog button.accept:hover,
div.lyncForWindowsPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncForWindowsPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncForWindowsPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncForWindowsPanel div.dialog button.accept.disabled,
div.lyncForWindowsPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.dialog button.accept.disabled:hover,
div.lyncForWindowsPanel div.dialog button.accept:disabled:hover,
div.lyncForWindowsPanel div.dialog button.accept.disabled:active,
div.lyncForWindowsPanel div.dialog button.accept:disabled:active,
div.lyncForWindowsPanel div.dialog button.accept.disabled:focus,
div.lyncForWindowsPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncForWindowsPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.dialog button.accept.invalid div {
  display: none;
}
div.lyncForWindowsPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncForWindowsPanel div.dialog button.accept.invalid:hover,
div.lyncForWindowsPanel div.dialog button.accept.invalid:active,
div.lyncForWindowsPanel div.dialog button.accept.invalid:focus,
div.lyncForWindowsPanel div.dialog button.accept.invalid:disabled,
div.lyncForWindowsPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncForWindowsPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncForWindowsPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.dialog button.accept.loading div {
  display: none;
}
div.lyncForWindowsPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncForWindowsPanel div.dialog button.accept.loading:hover,
div.lyncForWindowsPanel div.dialog button.accept.loading:active,
div.lyncForWindowsPanel div.dialog button.accept.loading:focus,
div.lyncForWindowsPanel div.dialog button.accept.loading:disabled,
div.lyncForWindowsPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncForWindowsPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.lyncForWindowsPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncForWindowsPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.lyncForWindowsPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red:hover,
div.lyncForWindowsPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.lyncForWindowsPanel div.dialog button.accept.red.disabled,
div.lyncForWindowsPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red.disabled:hover,
div.lyncForWindowsPanel div.dialog button.accept.red:disabled:hover,
div.lyncForWindowsPanel div.dialog button.accept.red.disabled:active,
div.lyncForWindowsPanel div.dialog button.accept.red:disabled:active,
div.lyncForWindowsPanel div.dialog button.accept.red.disabled:focus,
div.lyncForWindowsPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncForWindowsPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncForWindowsPanel div.dialog button.accept.red.invalid:hover,
div.lyncForWindowsPanel div.dialog button.accept.red.invalid:active,
div.lyncForWindowsPanel div.dialog button.accept.red.invalid:focus,
div.lyncForWindowsPanel div.dialog button.accept.red.invalid:disabled,
div.lyncForWindowsPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncForWindowsPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncForWindowsPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncForWindowsPanel div.dialog button.accept.red.loading:hover,
div.lyncForWindowsPanel div.dialog button.accept.red.loading:active,
div.lyncForWindowsPanel div.dialog button.accept.red.loading:focus,
div.lyncForWindowsPanel div.dialog button.accept.red.loading:disabled,
div.lyncForWindowsPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.lyncForWindowsPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.lyncForWindowsPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncForWindowsPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.lyncForWindowsPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.lyncForWindowsPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.lyncForWindowsPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.lyncForWindowsPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.lyncForWindowsPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.lyncForWindowsPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.lyncForWindowsPanel div.banner {
  display: none;
  width: 100%;
  background-color: #9E0D0D;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
div.lyncForWindowsPanel div.banner.pairingBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  text-align: left;
  position: relative;
  background-color: transparent;
  display: block;
}
div.lyncForWindowsPanel div.banner.pairingBanner span.switch {
  line-height: 18px;
  padding: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  background-color: #FF9700;
  font-size: 14px;
  color: #FFF;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow-wrap: break-word;
  display: inline-block;
  width: 324px;
  text-align: left;
}
div.lyncForWindowsPanel div.content {
  padding-top: 29px;
}
div.lyncForWindowsPanel div.caption {
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ADADAD;
  color: rgba(0, 0, 0, 0.56);
  line-height: 18px;
  margin-top: 25px;
  margin-bottom: 4px;
  text-align: center;
}
div.lyncForWindowsPanel .center {
  text-align: center;
}
div.lyncForWindowsPanel a.federatedLink {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  font-size: 16px;
  outline: none !important;
}
div.lyncForWindowsPanel a.federatedLink:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.lyncForWindowsPanel a.federatedLink:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.lyncForWindowsPanel a.federatedLink:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.lyncForWindowsPanel a.federatedLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.lyncForWindowsPanel div.page {
  display: none;
}
div.lyncForWindowsPanel div.page4 div.error div.para2,
div.lyncForWindowsPanel div.page4 div.success div.para2 {
  margin-top: 40px;
  line-height: 22px;
}
div.lyncForWindowsPanel div.page4 div.success {
  color: #3FB811;
}
div.lyncForWindowsPanel div.page4 div.successIconContainer {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
div.lyncForWindowsPanel div.page4 div.successIcon {
  background-size: 136px 15438px;
  background-position: 0px -5296px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: inline-block;
}
.no-svg div.lyncForWindowsPanel div.page4 div.successIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5289px;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer {
  margin-top: 2px;
  margin-bottom: 30px;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer div.number {
  top: -3px;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch .turnOffOutlineForClick {
  outline: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch div.icon {
  display: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch:hover,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.disabled,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.disabled:hover,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch:disabled:hover,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.disabled:active,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch:disabled:active,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.disabled:focus,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid div {
  display: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid:hover,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid:active,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid:focus,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid:disabled,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading div {
  display: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading:hover,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading:active,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading:focus,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading:disabled,
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading.no-svg div {
  display: none;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer button.launch.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer div.preferenceText {
  position: absolute;
  bottom: 15.5px;
  left: 16px;
  width: 184px;
  font-size: 14px;
}
div.lyncForWindowsPanel div.page1 div.controlsContainer .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 22px;
}
div.lyncForWindowsPanel button.tryAgain {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 44px;
  width: 100%;
}
div.lyncForWindowsPanel button.tryAgain .turnOffOutlineForClick {
  outline: none;
}
div.lyncForWindowsPanel button.tryAgain div.icon {
  display: none;
}
div.lyncForWindowsPanel button.tryAgain:hover,
div.lyncForWindowsPanel button.tryAgain.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.lyncForWindowsPanel button.tryAgain:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncForWindowsPanel button.tryAgain:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel button.tryAgain:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.lyncForWindowsPanel button.tryAgain.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel button.tryAgain.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel button.tryAgain.invalid div {
  display: none;
}
div.lyncForWindowsPanel button.tryAgain.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncForWindowsPanel button.tryAgain.invalid:hover,
div.lyncForWindowsPanel button.tryAgain.invalid:active,
div.lyncForWindowsPanel button.tryAgain.invalid:focus,
div.lyncForWindowsPanel button.tryAgain.invalid:disabled,
div.lyncForWindowsPanel button.tryAgain.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel button.tryAgain.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncForWindowsPanel button.tryAgain.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncForWindowsPanel button.tryAgain.disabled,
div.lyncForWindowsPanel button.tryAgain:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel button.tryAgain.disabled:hover,
div.lyncForWindowsPanel button.tryAgain:disabled:hover,
div.lyncForWindowsPanel button.tryAgain.disabled:active,
div.lyncForWindowsPanel button.tryAgain:disabled:active,
div.lyncForWindowsPanel button.tryAgain.disabled:focus,
div.lyncForWindowsPanel button.tryAgain:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.step div.number {
  position: absolute;
  top: -4px;
  left: -35px;
  width: 24px;
  margin-left: 0px;
  text-align: center;
  color: rgba(0, 0, 0, 0.16);
  font-size: 28px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  line-height: 30px;
}
div.lyncForWindowsPanel div.step.launch {
  padding-top: 0px;
}
div.lyncForWindowsPanel div.step.startvideocall2 {
  margin-bottom: 20px;
}
div.lyncForWindowsPanel div.step.startvideocall2 div.illustrationContainer {
  position: relative;
  width: 100%;
  height: 160px;
}
div.lyncForWindowsPanel div.step.startvideocall2 div.illustrationPage5 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6663px;
  width: 260px;
  height: 160px;
  position: absolute;
  top: 0px;
  left: 0px;
}
div.lyncForWindowsPanel div.step.startvideocall2 div.illustrationContainer2 {
  position: relative;
  width: 100%;
  height: 109px;
}
div.lyncForWindowsPanel div.step.startvideocall2 div.illustrationPage6 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6848px;
  width: 260px;
  height: 109px;
  position: absolute;
  top: 0px;
  left: 0px;
}
div.lyncForWindowsPanel div.step.startvideocall2 div.text {
  line-height: 22px;
}
div.lyncForWindowsPanel div.continueHolder {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  position: absolute;
  bottom: 40px;
}
div.lyncForWindowsPanel div.continueHolder button.continue {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.lyncForWindowsPanel div.continueHolder button.continue .turnOffOutlineForClick {
  outline: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue div.icon {
  display: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue:hover,
div.lyncForWindowsPanel div.continueHolder button.continue.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncForWindowsPanel div.continueHolder button.continue.disabled,
div.lyncForWindowsPanel div.continueHolder button.continue:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue.disabled:hover,
div.lyncForWindowsPanel div.continueHolder button.continue:disabled:hover,
div.lyncForWindowsPanel div.continueHolder button.continue.disabled:active,
div.lyncForWindowsPanel div.continueHolder button.continue:disabled:active,
div.lyncForWindowsPanel div.continueHolder button.continue.disabled:focus,
div.lyncForWindowsPanel div.continueHolder button.continue:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncForWindowsPanel div.continueHolder button.continue.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.continueHolder button.continue.invalid div {
  display: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncForWindowsPanel div.continueHolder button.continue.invalid:hover,
div.lyncForWindowsPanel div.continueHolder button.continue.invalid:active,
div.lyncForWindowsPanel div.continueHolder button.continue.invalid:focus,
div.lyncForWindowsPanel div.continueHolder button.continue.invalid:disabled,
div.lyncForWindowsPanel div.continueHolder button.continue.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.continueHolder button.continue.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncForWindowsPanel div.continueHolder button.continue.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncForWindowsPanel div.continueHolder button.continue.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.continueHolder button.continue.loading div {
  display: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncForWindowsPanel div.continueHolder button.continue.loading:hover,
div.lyncForWindowsPanel div.continueHolder button.continue.loading:active,
div.lyncForWindowsPanel div.continueHolder button.continue.loading:focus,
div.lyncForWindowsPanel div.continueHolder button.continue.loading:disabled,
div.lyncForWindowsPanel div.continueHolder button.continue.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncForWindowsPanel div.continueHolder button.continue.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncForWindowsPanel div.continueHolder button.continue.loading.no-svg div {
  display: none;
}
div.lyncForWindowsPanel div.continueHolder button.continue.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncForWindowsPanel div.connectingContainer {
  text-align: center;
}
div.lyncForWindowsPanel div.spinnerContainer {
  text-align: center;
  margin-bottom: 13px;
}
div.lyncForWindowsPanel div.spinnerContainer div.spinner {
  background-size: 136px 15438px;
  background-position: 0px -1875px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.lyncForWindowsPanel div.spinnerContainer div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1867px;
}
div.lyncMacPanel {
  background-color: #F2F2F2;
}
div.lyncMacPanel .paginationContainer {
  position: absolute;
  height: 8px;
  width: 260px;
  text-align: center;
  bottom: 40px;
}
div.lyncMacPanel .paginationContainer .paginationDot {
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #E0E0E0;
  background-color: rgba(0, 0, 0, 0.12);
  margin-left: 12px;
}
div.lyncMacPanel .paginationContainer .paginationDot:first-child {
  margin-left: 0px;
}
div.lyncMacPanel .paginationContainer .paginationDot.activeDot {
  background-color: #A3A3A3;
  background-color: rgba(0, 0, 0, 0.36);
}
div.lyncMacPanel div.blueText {
  color: #1D6BDD;
}
div.lyncMacPanel div.centerText {
  text-align: center;
}
div.lyncMacPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.lyncMacPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.lyncMacPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.lyncMacPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.lyncMacPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.lyncMacPanel .scrollbar-container {
  right: 3px;
}
div.lyncMacPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.lyncMacPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.lyncMacPanel div.title,
.lang-es div.lyncMacPanel div.title,
.lang-de div.lyncMacPanel div.title {
  font-size: 18px;
}
div.lyncMacPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.lyncMacPanel div.back:hover,
div.lyncMacPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.lyncMacPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.lyncMacPanel div.close,
div.lyncMacPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.lyncMacPanel div.close:hover,
div.lyncMacPanel div.closeDialog:hover,
div.lyncMacPanel div.close:focus,
div.lyncMacPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.lyncMacPanel div.close:active,
div.lyncMacPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.lyncMacPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.lyncMacPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.lyncMacPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.lyncMacPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.lyncMacPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.lyncMacPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.lyncMacPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.lyncMacPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.lyncMacPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.lyncMacPanel div.dialog button.accept div.icon {
  display: none;
}
div.lyncMacPanel div.dialog button.accept:hover,
div.lyncMacPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncMacPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncMacPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncMacPanel div.dialog button.accept.disabled,
div.lyncMacPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.dialog button.accept.disabled:hover,
div.lyncMacPanel div.dialog button.accept:disabled:hover,
div.lyncMacPanel div.dialog button.accept.disabled:active,
div.lyncMacPanel div.dialog button.accept:disabled:active,
div.lyncMacPanel div.dialog button.accept.disabled:focus,
div.lyncMacPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncMacPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.dialog button.accept.invalid div {
  display: none;
}
div.lyncMacPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncMacPanel div.dialog button.accept.invalid:hover,
div.lyncMacPanel div.dialog button.accept.invalid:active,
div.lyncMacPanel div.dialog button.accept.invalid:focus,
div.lyncMacPanel div.dialog button.accept.invalid:disabled,
div.lyncMacPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncMacPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncMacPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.dialog button.accept.loading div {
  display: none;
}
div.lyncMacPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncMacPanel div.dialog button.accept.loading:hover,
div.lyncMacPanel div.dialog button.accept.loading:active,
div.lyncMacPanel div.dialog button.accept.loading:focus,
div.lyncMacPanel div.dialog button.accept.loading:disabled,
div.lyncMacPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncMacPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.lyncMacPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncMacPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.lyncMacPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.lyncMacPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.lyncMacPanel div.dialog button.accept.red:hover,
div.lyncMacPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.lyncMacPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncMacPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.lyncMacPanel div.dialog button.accept.red.disabled,
div.lyncMacPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.dialog button.accept.red.disabled:hover,
div.lyncMacPanel div.dialog button.accept.red:disabled:hover,
div.lyncMacPanel div.dialog button.accept.red.disabled:active,
div.lyncMacPanel div.dialog button.accept.red:disabled:active,
div.lyncMacPanel div.dialog button.accept.red.disabled:focus,
div.lyncMacPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncMacPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.lyncMacPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncMacPanel div.dialog button.accept.red.invalid:hover,
div.lyncMacPanel div.dialog button.accept.red.invalid:active,
div.lyncMacPanel div.dialog button.accept.red.invalid:focus,
div.lyncMacPanel div.dialog button.accept.red.invalid:disabled,
div.lyncMacPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncMacPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncMacPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.lyncMacPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncMacPanel div.dialog button.accept.red.loading:hover,
div.lyncMacPanel div.dialog button.accept.red.loading:active,
div.lyncMacPanel div.dialog button.accept.red.loading:focus,
div.lyncMacPanel div.dialog button.accept.red.loading:disabled,
div.lyncMacPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.lyncMacPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.lyncMacPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncMacPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.lyncMacPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.lyncMacPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.lyncMacPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.lyncMacPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.lyncMacPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.lyncMacPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.lyncMacPanel div.banner {
  display: none;
  width: 100%;
  background-color: #9E0D0D;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
div.lyncMacPanel div.banner.pairingBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  text-align: left;
  position: relative;
  background-color: transparent;
  display: block;
}
div.lyncMacPanel div.banner.pairingBanner span.switch {
  line-height: 18px;
  padding: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  background-color: #FF9700;
  font-size: 14px;
  color: #FFF;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow-wrap: break-word;
  display: inline-block;
  width: 324px;
  text-align: left;
}
div.lyncMacPanel div.content {
  padding-top: 29px;
}
div.lyncMacPanel .center {
  text-align: center;
}
div.lyncMacPanel .step1Title {
  margin-bottom: 67px;
  position: relative;
}
div.lyncMacPanel .stepTitle {
  line-height: 22px;
}
div.lyncMacPanel .rel {
  position: relative;
}
div.lyncMacPanel div.federateContainer {
  position: absolute;
  /* top: 368px; */
  /* height: 200px; */
  font-size: 14px;
  line-height: 18px;
  width: 260px;
  bottom: 80px;
}
div.lyncMacPanel div.federateContainer div.text.para2 {
  margin-top: 10px;
}
div.lyncMacPanel a.federatedLink {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  font-size: 16px;
  outline: none !important;
}
div.lyncMacPanel a.federatedLink:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.lyncMacPanel a.federatedLink:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.lyncMacPanel a.federatedLink:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.lyncMacPanel a.federatedLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.lyncMacPanel div.page {
  display: none;
}
div.lyncMacPanel div.page4 div.error div.para2,
div.lyncMacPanel div.page4 div.success div.para2 {
  margin-top: 40px;
  line-height: 22px;
}
div.lyncMacPanel div.page4 div.error {
  padding-bottom: 4px;
}
div.lyncMacPanel div.page4 div.successIconContainer {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
div.lyncMacPanel div.page4 div.successIcon {
  background-size: 136px 15438px;
  background-position: 0px -5296px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: inline-block;
}
.no-svg div.lyncMacPanel div.page4 div.successIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5289px;
}
div.lyncMacPanel div.page1 div.controlsContainer {
  margin-bottom: 30px;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch .turnOffOutlineForClick {
  outline: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch div.icon {
  display: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch:hover,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.disabled,
div.lyncMacPanel div.page1 div.controlsContainer button.launch:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.disabled:hover,
div.lyncMacPanel div.page1 div.controlsContainer button.launch:disabled:hover,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.disabled:active,
div.lyncMacPanel div.page1 div.controlsContainer button.launch:disabled:active,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.disabled:focus,
div.lyncMacPanel div.page1 div.controlsContainer button.launch:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid div {
  display: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid:hover,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid:active,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid:focus,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid:disabled,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncMacPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading div {
  display: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading:hover,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading:active,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading:focus,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading:disabled,
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading.no-svg div {
  display: none;
}
div.lyncMacPanel div.page1 div.controlsContainer button.launch.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncMacPanel div.page1 div.controlsContainer div.preferenceText {
  position: absolute;
  bottom: 12.5px;
  left: 16px;
  width: 175px;
  font-size: 14px;
  line-height: 18px;
}
div.lyncMacPanel div.page1 div.controlsContainer .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 22px;
}
div.lyncMacPanel div.copyContainer {
  margin-top: 27px;
}
div.lyncMacPanel button.launch2 {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  margin-top: 48px;
  width: 100%;
}
div.lyncMacPanel button.launch2 .turnOffOutlineForClick {
  outline: none;
}
div.lyncMacPanel button.launch2 div.icon {
  display: none;
}
div.lyncMacPanel button.launch2:hover,
div.lyncMacPanel button.launch2.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncMacPanel button.launch2:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncMacPanel button.launch2:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.launch2:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncMacPanel button.launch2.disabled,
div.lyncMacPanel button.launch2:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.launch2.disabled:hover,
div.lyncMacPanel button.launch2:disabled:hover,
div.lyncMacPanel button.launch2.disabled:active,
div.lyncMacPanel button.launch2:disabled:active,
div.lyncMacPanel button.launch2.disabled:focus,
div.lyncMacPanel button.launch2:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.launch2.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncMacPanel button.launch2.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch2.invalid div {
  display: none;
}
div.lyncMacPanel button.launch2.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncMacPanel button.launch2.invalid:hover,
div.lyncMacPanel button.launch2.invalid:active,
div.lyncMacPanel button.launch2.invalid:focus,
div.lyncMacPanel button.launch2.invalid:disabled,
div.lyncMacPanel button.launch2.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch2.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncMacPanel button.launch2.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncMacPanel button.launch2.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch2.loading div {
  display: none;
}
div.lyncMacPanel button.launch2.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncMacPanel button.launch2.loading:hover,
div.lyncMacPanel button.launch2.loading:active,
div.lyncMacPanel button.launch2.loading:focus,
div.lyncMacPanel button.launch2.loading:disabled,
div.lyncMacPanel button.launch2.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch2.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncMacPanel button.launch2.loading.no-svg div {
  display: none;
}
div.lyncMacPanel button.launch2.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncMacPanel button.copyButton {
  overflow: inherit;
}
div.lyncMacPanel button.launch3 {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  margin-top: 77px;
  width: 100%;
}
div.lyncMacPanel button.launch3 .turnOffOutlineForClick {
  outline: none;
}
div.lyncMacPanel button.launch3 div.icon {
  display: none;
}
div.lyncMacPanel button.launch3:hover,
div.lyncMacPanel button.launch3.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncMacPanel button.launch3:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncMacPanel button.launch3:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.launch3:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncMacPanel button.launch3.disabled,
div.lyncMacPanel button.launch3:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.launch3.disabled:hover,
div.lyncMacPanel button.launch3:disabled:hover,
div.lyncMacPanel button.launch3.disabled:active,
div.lyncMacPanel button.launch3:disabled:active,
div.lyncMacPanel button.launch3.disabled:focus,
div.lyncMacPanel button.launch3:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.launch3.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncMacPanel button.launch3.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch3.invalid div {
  display: none;
}
div.lyncMacPanel button.launch3.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncMacPanel button.launch3.invalid:hover,
div.lyncMacPanel button.launch3.invalid:active,
div.lyncMacPanel button.launch3.invalid:focus,
div.lyncMacPanel button.launch3.invalid:disabled,
div.lyncMacPanel button.launch3.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch3.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncMacPanel button.launch3.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncMacPanel button.launch3.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch3.loading div {
  display: none;
}
div.lyncMacPanel button.launch3.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncMacPanel button.launch3.loading:hover,
div.lyncMacPanel button.launch3.loading:active,
div.lyncMacPanel button.launch3.loading:focus,
div.lyncMacPanel button.launch3.loading:disabled,
div.lyncMacPanel button.launch3.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch3.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncMacPanel button.launch3.loading.no-svg div {
  display: none;
}
div.lyncMacPanel button.launch3.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncMacPanel button.launch4 {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  margin-top: 48px;
  width: 100%;
}
div.lyncMacPanel button.launch4 .turnOffOutlineForClick {
  outline: none;
}
div.lyncMacPanel button.launch4 div.icon {
  display: none;
}
div.lyncMacPanel button.launch4:hover,
div.lyncMacPanel button.launch4.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncMacPanel button.launch4:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncMacPanel button.launch4:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.launch4:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncMacPanel button.launch4.disabled,
div.lyncMacPanel button.launch4:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.launch4.disabled:hover,
div.lyncMacPanel button.launch4:disabled:hover,
div.lyncMacPanel button.launch4.disabled:active,
div.lyncMacPanel button.launch4:disabled:active,
div.lyncMacPanel button.launch4.disabled:focus,
div.lyncMacPanel button.launch4:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.launch4.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncMacPanel button.launch4.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch4.invalid div {
  display: none;
}
div.lyncMacPanel button.launch4.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncMacPanel button.launch4.invalid:hover,
div.lyncMacPanel button.launch4.invalid:active,
div.lyncMacPanel button.launch4.invalid:focus,
div.lyncMacPanel button.launch4.invalid:disabled,
div.lyncMacPanel button.launch4.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch4.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncMacPanel button.launch4.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncMacPanel button.launch4.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch4.loading div {
  display: none;
}
div.lyncMacPanel button.launch4.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncMacPanel button.launch4.loading:hover,
div.lyncMacPanel button.launch4.loading:active,
div.lyncMacPanel button.launch4.loading:focus,
div.lyncMacPanel button.launch4.loading:disabled,
div.lyncMacPanel button.launch4.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel button.launch4.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncMacPanel button.launch4.loading.no-svg div {
  display: none;
}
div.lyncMacPanel button.launch4.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncMacPanel button.tryAgain {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 44px;
  width: 100%;
}
div.lyncMacPanel button.tryAgain .turnOffOutlineForClick {
  outline: none;
}
div.lyncMacPanel button.tryAgain div.icon {
  display: none;
}
div.lyncMacPanel button.tryAgain:hover,
div.lyncMacPanel button.tryAgain.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.lyncMacPanel button.tryAgain:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncMacPanel button.tryAgain:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.tryAgain:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.lyncMacPanel button.tryAgain.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.tryAgain.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.tryAgain.invalid div {
  display: none;
}
div.lyncMacPanel button.tryAgain.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncMacPanel button.tryAgain.invalid:hover,
div.lyncMacPanel button.tryAgain.invalid:active,
div.lyncMacPanel button.tryAgain.invalid:focus,
div.lyncMacPanel button.tryAgain.invalid:disabled,
div.lyncMacPanel button.tryAgain.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.tryAgain.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncMacPanel button.tryAgain.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncMacPanel button.tryAgain.disabled,
div.lyncMacPanel button.tryAgain:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel button.tryAgain.disabled:hover,
div.lyncMacPanel button.tryAgain:disabled:hover,
div.lyncMacPanel button.tryAgain.disabled:active,
div.lyncMacPanel button.tryAgain:disabled:active,
div.lyncMacPanel button.tryAgain.disabled:focus,
div.lyncMacPanel button.tryAgain:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.step div.number {
  position: absolute;
  top: -4px;
  left: -35px;
  width: 24px;
  margin-left: 0px;
  text-align: center;
  color: rgba(0, 0, 0, 0.16);
  font-size: 28px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  line-height: 30px;
}
div.lyncMacPanel div.step.launch {
  padding-top: 0px;
}
div.lyncMacPanel div.step.copyandpaste div.text {
  margin-bottom: 10px;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode {
  position: relative;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode input {
  height: 43px;
  width: 190px;
  border-radius: 4px;
  border: 1px solid #dcdcdc;
  font-size: 28px;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode input:focus {
  outline: 2px solid #FF9700 !important;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  top: 0;
  right: 0;
  width: 65px;
  margin-left: 12px;
  position: absolute;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button .turnOffOutlineForClick {
  outline: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button div.icon {
  display: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button:hover,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.disabled,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.disabled:hover,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button:disabled:hover,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.disabled:active,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button:disabled:active,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.disabled:focus,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid div {
  display: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid:hover,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid:active,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid:focus,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid:disabled,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncMacPanel div.step.copyandpaste div.pairingCode button.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading div {
  display: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading:hover,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading:active,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading:focus,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading:disabled,
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading.no-svg div {
  display: none;
}
div.lyncMacPanel div.step.copyandpaste div.pairingCode button.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncMacPanel div.step.copyandpaste div.illustration {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  height: 100px;
  background-color: lightgray;
  margin-top: 12px;
}
div.lyncMacPanel div.step.startvideocall div.illustrationContainer {
  position: relative;
  width: 100%;
  height: 168px;
}
div.lyncMacPanel div.step.startvideocall div.illustrationPage3 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6982px;
  width: 284px;
  height: 168px;
  margin-top: 29px;
  position: absolute;
  top: 0px;
  left: -11px;
}
div.lyncMacPanel div.step.startvideocall2 div.illustrationContainer {
  position: relative;
  width: 100%;
  height: 168px;
}
div.lyncMacPanel div.step.startvideocall2 div.illustrationPage5 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7175px;
  width: 260px;
  height: 168px;
  margin-top: 29px;
  position: absolute;
  top: 0px;
  left: 0px;
}
div.lyncMacPanel div.part2 {
  margin-top: 50%;
}
div.lyncMacPanel div.part2,
div.lyncMacPanel div.part3 {
  margin-top: 30%;
}
div.lyncMacPanel div.continueHolder {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  position: absolute;
  bottom: 40px;
}
div.lyncMacPanel div.continueHolder button.continue {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.lyncMacPanel div.continueHolder button.continue .turnOffOutlineForClick {
  outline: none;
}
div.lyncMacPanel div.continueHolder button.continue div.icon {
  display: none;
}
div.lyncMacPanel div.continueHolder button.continue:hover,
div.lyncMacPanel div.continueHolder button.continue.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncMacPanel div.continueHolder button.continue:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncMacPanel div.continueHolder button.continue:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.continueHolder button.continue:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncMacPanel div.continueHolder button.continue.disabled,
div.lyncMacPanel div.continueHolder button.continue:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.continueHolder button.continue.disabled:hover,
div.lyncMacPanel div.continueHolder button.continue:disabled:hover,
div.lyncMacPanel div.continueHolder button.continue.disabled:active,
div.lyncMacPanel div.continueHolder button.continue:disabled:active,
div.lyncMacPanel div.continueHolder button.continue.disabled:focus,
div.lyncMacPanel div.continueHolder button.continue:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncMacPanel div.continueHolder button.continue.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncMacPanel div.continueHolder button.continue.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.continueHolder button.continue.invalid div {
  display: none;
}
div.lyncMacPanel div.continueHolder button.continue.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncMacPanel div.continueHolder button.continue.invalid:hover,
div.lyncMacPanel div.continueHolder button.continue.invalid:active,
div.lyncMacPanel div.continueHolder button.continue.invalid:focus,
div.lyncMacPanel div.continueHolder button.continue.invalid:disabled,
div.lyncMacPanel div.continueHolder button.continue.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.continueHolder button.continue.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncMacPanel div.continueHolder button.continue.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncMacPanel div.continueHolder button.continue.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.continueHolder button.continue.loading div {
  display: none;
}
div.lyncMacPanel div.continueHolder button.continue.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncMacPanel div.continueHolder button.continue.loading:hover,
div.lyncMacPanel div.continueHolder button.continue.loading:active,
div.lyncMacPanel div.continueHolder button.continue.loading:focus,
div.lyncMacPanel div.continueHolder button.continue.loading:disabled,
div.lyncMacPanel div.continueHolder button.continue.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncMacPanel div.continueHolder button.continue.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncMacPanel div.continueHolder button.continue.loading.no-svg div {
  display: none;
}
div.lyncMacPanel div.continueHolder button.continue.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncMacPanel div.connectingContainer {
  text-align: center;
}
div.lyncMacPanel div.spinnerContainer {
  text-align: center;
  margin-bottom: 13px;
}
div.lyncMacPanel div.spinnerContainer div.spinner {
  background-size: 136px 15438px;
  background-position: 0px -1875px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.lyncMacPanel div.spinnerContainer div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1867px;
}
@font-face {
  font-family: 'ProximaNovaLight';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.svg#ProximaNovaLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.svg#ProximaNovaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaThin';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.svg#ProximaNovaThin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaBold';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.svg#ProximaNovaBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  width: 100%;
  left: inherit;
  margin-left: auto;
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen div {
  color: white;
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen div.title {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen div.staticMeetingTitle {
  display: block;
  margin-top: 35px;
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #BACADA;
  color: rgba(255, 255, 255, 0.56);
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen div.status {
  margin-top: 20px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen button.shareScreen {
  font-size: 16px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -150px;
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen div.title {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 40px;
  color: #FFF;
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen div.status {
  padding-top: 7px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 18px;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen div.nocontent {
  margin: 50px auto auto;
  text-align: center;
  width: 40%;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 18px;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.noVideoScreenNew .bgcolor .LyncPairSuccessScreen div.nocontent .proximaNoveBold {
  font-family: ProximaNovaBold;
}
div.lyncSkypeMacCoachingScreen {
  display: none;
  visibility: hidden;
  width: 100%;
  height: 100%;
  margin-top: 42px;
  color: #FFFFFF;
}
div.lyncSkypeMacCoachingScreen div.blueText {
  color: #1D6BDD;
}
div.lyncSkypeMacCoachingScreen div.step1 .step.heading {
  font-size: 24px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  line-height: 29px;
  padding-bottom: 34px;
}
div.lyncSkypeMacCoachingScreen div.step2 .step.copyandpaste .stepTitle {
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 24px;
}
div.lyncSkypeMacCoachingScreen div.step2 .step.copyandpaste div.copyContainer {
  margin-top: 20px;
  width: 490px;
  display: inline-block;
}
div.lyncSkypeMacCoachingScreen div.step3 {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step3 .stepTitle {
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 24px;
  margin-bottom: 30px;
}
div.lyncSkypeMacCoachingScreen div.step4 {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 .stepTitle {
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 24px;
  margin-bottom: 30px;
}
div.lyncSkypeMacCoachingScreen div.step4 div.part3 {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.part4 {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.part4 .text {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 20px;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error {
  display: inline-block;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error .text {
  width: 586px;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 20px;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  padding: 0 50px;
  display: inline-block;
  margin-right: 44px;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain .turnOffOutlineForClick {
  outline: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain div.icon {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.disabled,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.disabled:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain:disabled:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.disabled:active,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain:disabled:active,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.disabled:focus,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid div {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid:active,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid:focus,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid:disabled,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading div {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading:active,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading:focus,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading:disabled,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading.no-svg div {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.tryAgain.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  vertical-align: middle;
  padding: 0 50px;
  display: inline-block;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans .turnOffOutlineForClick {
  outline: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans div.icon {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.hovered {
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid #ffffff;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:active {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:active:focus {
  background-color: rgba(255, 255, 255, 0.32);
  color: none;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:focus {
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.disabled,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:disabled {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.disabled:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:disabled:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.disabled:active,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:disabled:active,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.disabled:focus,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:disabled:focus {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.valid {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid div {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid:active,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid:focus,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid:disabled,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -1412px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1404px;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.loading {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.loading div {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.loading:hover,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.loading:active,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.loading:focus,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.loading:disabled,
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans.loading.disabled {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen div.step4 div.error button.joinBluejeans:focus {
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncSkypeMacCoachingScreen div.step5 {
  display: none;
}
div.lyncSkypeMacCoachingScreen div.federateContainer {
  position: fixed;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
  padding-top: 30px;
  bottom: 18px;
  left: 0;
  right: 0;
}
div.lyncSkypeMacCoachingScreen a.federatedLink {
  color: #ffffff;
  border-bottom: 1px solid #FFFFFF;
}
div.lyncSkypeMacCoachingScreen a.federatedLink:focus {
  outline: 4px solid #FF9700;
}
div.lyncSkypeMacCoachingScreen .inputBox {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 0;
  z-index: 1;
  padding-bottom: 32px;
}
div.lyncSkypeMacCoachingScreen .inputBox div.iconBox {
  display: inline-block;
  background-color: white;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  height: 52px;
  width: 50px;
}
div.lyncSkypeMacCoachingScreen .inputBox div.iconBox span.linkIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7367px;
  width: 25px;
  height: 25px;
  margin: 11px;
  display: inline-block;
  margin: 14px;
}
div.lyncSkypeMacCoachingScreen .inputBox div.iconBox span.mailIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7417px;
  width: 32px;
  height: 32px;
  margin: 10px;
  display: inline-block;
}
div.lyncSkypeMacCoachingScreen .inputBox input.text {
  margin: 0;
  border: none;
  font-size: 20px;
  height: 52px;
  line-height: 52px;
  padding: 0;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  width: 440px;
}
div.lyncSkypeMacCoachingScreen .inputBox input.text:focus {
  outline: 4px solid #FF9700;
}
div.lyncSkypeMacCoachingScreen .inputBox .pairingCodeCopy {
  position: relative;
  display: inline-block;
  background-color: #0099F7;
  height: 52px;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  min-width: 80px;
  font-size: 16px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 52px;
}
div.lyncSkypeMacCoachingScreen .inputBox .pairingCodeCopy button.copyLink.copy {
  background-color: transparent;
  border: none;
  color: white;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  text-transform: uppercase;
  width: 100%;
}
div.lyncSkypeMacCoachingScreen .inputBox .pairingCodeCopy button.copyLink.copy:focus {
  outline: 4px solid #FF9700;
}
div.lyncSkypeMacCoachingScreen .inputBox .pairingCodeCopy div {
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
div.lyncSkypeMacCoachingScreen div.illustrationContainer {
  position: relative;
  display: inline-block;
  margin: 0 35px;
}
div.lyncSkypeMacCoachingScreen div.illustrationPageHeading {
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 18px;
  display: inline-block;
}
div.lyncSkypeMacCoachingScreen div.step.startvideocall div.illustrationContainer {
  width: 284px;
}
div.lyncSkypeMacCoachingScreen div.step.startvideocall div.illustrationPage3 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6982px;
  width: 284px;
  height: 168px;
  margin-top: 10px;
}
div.lyncSkypeMacCoachingScreen div.step.startvideocall div.illustrationPage4 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7474px;
  width: 284px;
  height: 168px;
  margin-top: 10px;
}
div.lyncSkypeMacCoachingScreen div.step.startvideocall2 div.illustrationContainer {
  width: 260px;
}
div.lyncSkypeMacCoachingScreen div.step.startvideocall2 div.illustrationPage5 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7175px;
  width: 260px;
  height: 168px;
  margin-top: 10px;
}
div.lyncSkypeMacCoachingScreen div.step.startvideocall2 div.illustrationPage6 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7667px;
  width: 284px;
  height: 168px;
  margin-top: 10px;
}
div.lyncSkypeMacCoachingScreen button.launch3 {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  margin-top: 54px;
  padding: 0 70px;
  display: inline-block;
}
div.lyncSkypeMacCoachingScreen button.launch3 .turnOffOutlineForClick {
  outline: none;
}
div.lyncSkypeMacCoachingScreen button.launch3 div.icon {
  display: none;
}
div.lyncSkypeMacCoachingScreen button.launch3:hover,
div.lyncSkypeMacCoachingScreen button.launch3.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncSkypeMacCoachingScreen button.launch3:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncSkypeMacCoachingScreen button.launch3:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen button.launch3:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncSkypeMacCoachingScreen button.launch3.disabled,
div.lyncSkypeMacCoachingScreen button.launch3:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen button.launch3.disabled:hover,
div.lyncSkypeMacCoachingScreen button.launch3:disabled:hover,
div.lyncSkypeMacCoachingScreen button.launch3.disabled:active,
div.lyncSkypeMacCoachingScreen button.launch3:disabled:active,
div.lyncSkypeMacCoachingScreen button.launch3.disabled:focus,
div.lyncSkypeMacCoachingScreen button.launch3:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeMacCoachingScreen button.launch3.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncSkypeMacCoachingScreen button.launch3.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeMacCoachingScreen button.launch3.invalid div {
  display: none;
}
div.lyncSkypeMacCoachingScreen button.launch3.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncSkypeMacCoachingScreen button.launch3.invalid:hover,
div.lyncSkypeMacCoachingScreen button.launch3.invalid:active,
div.lyncSkypeMacCoachingScreen button.launch3.invalid:focus,
div.lyncSkypeMacCoachingScreen button.launch3.invalid:disabled,
div.lyncSkypeMacCoachingScreen button.launch3.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeMacCoachingScreen button.launch3.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncSkypeMacCoachingScreen button.launch3.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncSkypeMacCoachingScreen button.launch3.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeMacCoachingScreen button.launch3.loading div {
  display: none;
}
div.lyncSkypeMacCoachingScreen button.launch3.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncSkypeMacCoachingScreen button.launch3.loading:hover,
div.lyncSkypeMacCoachingScreen button.launch3.loading:active,
div.lyncSkypeMacCoachingScreen button.launch3.loading:focus,
div.lyncSkypeMacCoachingScreen button.launch3.loading:disabled,
div.lyncSkypeMacCoachingScreen button.launch3.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeMacCoachingScreen button.launch3.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncSkypeMacCoachingScreen button.launch3.loading.no-svg div {
  display: none;
}
div.lyncSkypeMacCoachingScreen button.launch3.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncSkypeMacCoachingScreen div.spinnerContainer {
  text-align: center;
  margin-top: 26px;
  margin-bottom: 10px;
}
div.lyncSkypeMacCoachingScreen div.spinnerContainer div.spinner {
  width: 36px;
  height: 36px;
  background-size: 136px 15438px;
  background-position: 0px -5385px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: inline-block;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.lyncSkypeMacCoachingScreen div.spinnerContainer div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5378px;
}
div.lyncSkypeMacCoachingScreen div.connectingContainer {
  display: inline-block;
}
div.lyncSkypeMacCoachingScreen div.connectingContainer div.connecting {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 20px;
}
div.lyncSkypeWindowsCoachingScreen {
  display: none;
  visibility: hidden;
  width: 100%;
  height: 100%;
  margin-top: 42px;
  color: #FFFFFF;
}
div.lyncSkypeWindowsCoachingScreen div.blueText {
  color: #1D6BDD;
}
div.lyncSkypeWindowsCoachingScreen div.step1 .step.heading {
  font-size: 24px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  line-height: 29px;
  padding-bottom: 34px;
}
div.lyncSkypeWindowsCoachingScreen div.step4 .stepTitle {
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 24px;
  margin-bottom: 30px;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.part3 {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.part4 {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.part4 .text {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 20px;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error {
  display: inline-block;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error .text {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 20px;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  padding: 0 70px;
  display: inline-block;
  margin-right: 44px;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain .turnOffOutlineForClick {
  outline: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain div.icon {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.disabled,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.disabled:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain:disabled:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.disabled:active,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain:disabled:active,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.disabled:focus,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid div {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid:active,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid:focus,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid:disabled,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading div {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading:active,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading:focus,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading:disabled,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading.no-svg div {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.tryAgain.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  vertical-align: middle;
  padding: 0 50px;
  display: inline-block;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans .turnOffOutlineForClick {
  outline: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans div.icon {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.hovered {
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid #ffffff;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:active {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:active:focus {
  background-color: rgba(255, 255, 255, 0.32);
  color: none;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:focus {
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.disabled,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:disabled {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.disabled:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:disabled:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.disabled:active,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:disabled:active,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.disabled:focus,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:disabled:focus {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.valid {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid div {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid:active,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid:focus,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid:disabled,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -1412px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1404px;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.loading {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.loading div {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.loading:hover,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.loading:active,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.loading:focus,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.loading:disabled,
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans.loading.disabled {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen div.step4 div.error button.joinBluejeans:focus {
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncSkypeWindowsCoachingScreen div.step5 {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen div.federateContainer {
  position: fixed;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
  padding-top: 30px;
  bottom: 18px;
  left: 0;
  right: 0;
}
div.lyncSkypeWindowsCoachingScreen a.federatedLink {
  color: #ffffff;
  border-bottom: 1px solid #FFFFFF;
}
div.lyncSkypeWindowsCoachingScreen a.federatedLink:focus {
  outline: 4px solid #FF9700;
}
div.lyncSkypeWindowsCoachingScreen .inputBox {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 0;
  z-index: 1;
  padding-bottom: 32px;
}
div.lyncSkypeWindowsCoachingScreen .inputBox div.iconBox {
  display: inline-block;
  background-color: white;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  height: 52px;
  width: 50px;
}
div.lyncSkypeWindowsCoachingScreen .inputBox div.iconBox span.linkIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7367px;
  width: 25px;
  height: 25px;
  margin: 11px;
  display: inline-block;
  margin: 14px;
}
div.lyncSkypeWindowsCoachingScreen .inputBox div.iconBox span.mailIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7417px;
  width: 32px;
  height: 32px;
  margin: 10px;
  display: inline-block;
}
div.lyncSkypeWindowsCoachingScreen .inputBox input.text {
  margin: 0;
  border: none;
  font-size: 20px;
  height: 52px;
  line-height: 52px;
  padding: 0;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  width: 440px;
}
div.lyncSkypeWindowsCoachingScreen .inputBox input.text:focus {
  outline: 4px solid #FF9700;
}
div.lyncSkypeWindowsCoachingScreen .inputBox .meetingUrlCopy {
  position: relative;
  display: inline-block;
  background-color: #0099F7;
  height: 52px;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  min-width: 80px;
  font-size: 16px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 52px;
}
div.lyncSkypeWindowsCoachingScreen .inputBox .meetingUrlCopy button.copyLink.copy {
  background-color: transparent;
  border: none;
  color: white;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  text-transform: uppercase;
  width: 100%;
}
div.lyncSkypeWindowsCoachingScreen .inputBox .meetingUrlCopy button.copyLink.copy:focus {
  outline: 4px solid #FF9700;
}
div.lyncSkypeWindowsCoachingScreen .inputBox .meetingUrlCopy div {
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
div.lyncSkypeWindowsCoachingScreen div.illustrationContainer {
  position: relative;
  display: inline-block;
  margin: 0 35px;
}
div.lyncSkypeWindowsCoachingScreen div.illustrationPageHeading {
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 18px;
  display: inline-block;
}
div.lyncSkypeWindowsCoachingScreen div.step.startvideocall2 div.illustrationContainer {
  width: 260px;
}
div.lyncSkypeWindowsCoachingScreen div.step.startvideocall2 div.illustrationPage3 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6663px;
  width: 260px;
  height: 168px;
  margin-top: 10px;
}
div.lyncSkypeWindowsCoachingScreen div.step.startvideocall2 div.illustrationPage4 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6848px;
  width: 284px;
  height: 109px;
  margin-top: 24px;
}
div.lyncSkypeWindowsCoachingScreen div.step.startvideocall2 div.illustrationPage5 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7860px;
  width: 284px;
  height: 152px;
  margin-top: 24px;
}
div.lyncSkypeWindowsCoachingScreen button.launch3 {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  margin-top: 54px;
  padding: 0 70px;
  display: inline-block;
}
div.lyncSkypeWindowsCoachingScreen button.launch3 .turnOffOutlineForClick {
  outline: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3 div.icon {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3:hover,
div.lyncSkypeWindowsCoachingScreen button.launch3.hovered {
  background-color: #21c37f;
  border: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.disabled,
div.lyncSkypeWindowsCoachingScreen button.launch3:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.disabled:hover,
div.lyncSkypeWindowsCoachingScreen button.launch3:disabled:hover,
div.lyncSkypeWindowsCoachingScreen button.launch3.disabled:active,
div.lyncSkypeWindowsCoachingScreen button.launch3:disabled:active,
div.lyncSkypeWindowsCoachingScreen button.launch3.disabled:focus,
div.lyncSkypeWindowsCoachingScreen button.launch3:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.lyncSkypeWindowsCoachingScreen button.launch3.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeWindowsCoachingScreen button.launch3.invalid div {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.invalid:hover,
div.lyncSkypeWindowsCoachingScreen button.launch3.invalid:active,
div.lyncSkypeWindowsCoachingScreen button.launch3.invalid:focus,
div.lyncSkypeWindowsCoachingScreen button.launch3.invalid:disabled,
div.lyncSkypeWindowsCoachingScreen button.launch3.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeWindowsCoachingScreen button.launch3.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.lyncSkypeWindowsCoachingScreen button.launch3.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeWindowsCoachingScreen button.launch3.loading div {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.loading:hover,
div.lyncSkypeWindowsCoachingScreen button.launch3.loading:active,
div.lyncSkypeWindowsCoachingScreen button.launch3.loading:focus,
div.lyncSkypeWindowsCoachingScreen button.launch3.loading:disabled,
div.lyncSkypeWindowsCoachingScreen button.launch3.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.lyncSkypeWindowsCoachingScreen button.launch3.loading.no-svg {
  background-color: #19A96D !important;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.loading.no-svg div {
  display: none;
}
div.lyncSkypeWindowsCoachingScreen button.launch3.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.lyncSkypeWindowsCoachingScreen div.spinnerContainer {
  text-align: center;
  margin-top: 26px;
  margin-bottom: 10px;
}
div.lyncSkypeWindowsCoachingScreen div.spinnerContainer div.spinner {
  width: 36px;
  height: 36px;
  background-size: 136px 15438px;
  background-position: 0px -5385px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: inline-block;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.lyncSkypeWindowsCoachingScreen div.spinnerContainer div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5378px;
}
div.lyncSkypeWindowsCoachingScreen div.connectingContainer div.connecting {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 20px;
}
div.step5 {
  min-width: 380px;
  margin-top: 115px;
}
div.step5 .subtitle {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  padding: 16px 0;
  font-size: 18px;
  color: #FFFFFF;
}
div.step5 .linkBox {
  position: relative;
  margin-bottom: 20px;
  display: inline-block;
}
div.step5 .linkBox .inputBox {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 0;
  z-index: 1;
}
div.step5 .linkBox .inputBox div.iconBox {
  display: inline-block;
  background-color: white;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  height: 52px;
  width: 50px;
}
div.step5 .linkBox .inputBox div.iconBox span.linkIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7367px;
  width: 25px;
  height: 25px;
  margin: 11px;
  display: inline-block;
  margin: 14px;
}
div.step5 .linkBox .inputBox div.iconBox span.mailIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7417px;
  width: 32px;
  height: 32px;
  margin: 10px;
  display: inline-block;
}
div.step5 .linkBox .inputBox input.text {
  margin: 0;
  border: none;
  font-size: 20px;
  height: 52px;
  line-height: 52px;
  padding: 0;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  width: 440px;
}
div.step5 .linkBox .inputBox input.text:focus {
  outline: 4px solid #FF9700;
}
div.step5 .linkBox .inputBox .meetingUrlCopy {
  position: relative;
  display: inline-block;
  background-color: #0099F7;
  height: 52px;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  min-width: 80px;
  font-size: 16px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 52px;
}
div.step5 .linkBox .inputBox .meetingUrlCopy button.copyLink.copy {
  background-color: transparent;
  border: none;
  color: white;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  text-transform: uppercase;
  width: 100%;
}
div.step5 .linkBox .inputBox .meetingUrlCopy button.copyLink.copy:focus {
  outline: 4px solid #FF9700;
}
div.step5 .linkBox .inputBox .meetingUrlCopy div {
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  visibility: visible !important;
}
div.step5 .linkBox .msgBox {
  display: none;
  height: 52px;
  width: 600px;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
}
div.step5 .linkBox .msgBox.successBox {
  background-color: #169bf4;
}
div.step5 .linkBox .msgBox.errorBox {
  background-color: #eb3030;
}
div.step5 .linkBox .msgBox.errorBox.shake {
  -webkit-animation: shake 300ms linear;
  animation: shake 300ms linear;
}
div.step5 .linkBox .msgBox .msgContainer {
  text-align: center;
  line-height: 52px;
}
div.step5 .linkBox .msgBox .msgContainer .icon {
  height: 32px;
  width: 32px;
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 6px;
  vertical-align: middle;
}
div.step5 .linkBox .msgBox .msgContainer .icon.check {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8037px;
}
div.step5 .linkBox .msgBox .msgContainer .icon.error {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8094px;
}
div.step5 .linkBox .msgBox .msgContainer .msgText {
  display: inline-block;
  color: white;
  font-size: 20px;
}
div.step5 .openEmailDialog {
  position: relative;
  min-width: 80px;
  display: inline-block;
  background-color: #0099F7;
  height: 52px;
  vertical-align: top;
  border: none;
  font-size: 16px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 52px;
  text-transform: uppercase;
  margin-left: 20px;
}
div.step5 .openEmailDialog:focus {
  outline: 4px solid #FF9700;
}
div.step5 div.nocontent {
  margin: 100px auto auto;
  text-align: center;
  width: 70%;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 18px;
  color: #FFFFFF;
}
div.step5 div.nocontent .proximaNoveBold {
  font-family: ProximaNovaBold;
}
.moderatorControlsPanel video.local {
  display: none;
  width: 100%;
  height: 100%;
}
.moderatorControlsPanel .presentationButtonContainer {
  max-height: 210px;
  overflow-y: auto;
}
.moderatorControlsPanel .accordionContainer {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 100px;
}
.moderatorControlsPanel h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  padding: 4px 7px;
  background: #cccccc;
  color: #4d4d4d;
  border-bottom: 1px solid #414141;
}
.moderatorControlsPanel h3:hover,
.moderatorControlsPanel h3.ui-state-active {
  color: #272727;
}
.moderatorControlsPanel h3.ui-state-default {
  cursor: pointer;
}
.moderatorControlsPanel h3 a {
  color: inherit;
  border-bottom: none;
}
.moderatorControlsPanel h3 span {
  margin-right: 5px;
  width: 9px;
  height: 9px;
  display: inline-block;
}
.moderatorControlsPanel h3 span.ui-icon-triangle-1-s {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8151px;
}
.moderatorControlsPanel h3 span.ui-icon-triangle-1-e {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8185px;
}
.moderatorControlsPanel .layouts .videoButtonContainer button,
.moderatorControlsPanel .layouts .presentationButtonContainer button {
  display: block;
  width: 100%;
  background: none;
  line-height: 40px;
  text-align: left;
  text-indent: 70px;
  border: none;
  color: white;
}
.moderatorControlsPanel .layouts .videoButtonContainer div.error,
.moderatorControlsPanel .layouts .presentationButtonContainer div.error {
  display: block;
  width: 100%;
  background-color: #b03a3a;
  height: 40px;
  text-align: left;
  border: none;
  color: white;
}
.moderatorControlsPanel .layouts .videoButtonContainer div.error .text,
.moderatorControlsPanel .layouts .presentationButtonContainer div.error .text {
  position: absolute;
  left: 20px;
  right: 20px;
  line-height: 20px;
}
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoCurrentSpeaker {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 20px -8214px;
  border-bottom: 1px solid #4d4d4d;
}
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoCurrentSpeaker.hover,
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoCurrentSpeaker.selected {
  background-color: #1286d4;
}
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoCurrentSpeaker.active {
  margin-top: 0px;
  margin-bottom: 0px;
}
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoContiniousPresence {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 20px -8269px;
  border-bottom: 1px solid #4d4d4d;
}
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoContiniousPresence.hover,
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoContiniousPresence.selected {
  background-color: #1286d4;
}
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoContiniousPresence.active {
  margin-top: 0px;
  margin-bottom: 0px;
}
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoConstantPresence {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 20px -8324px;
  border-bottom: 1px solid #4d4d4d;
}
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoConstantPresence.hover,
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoConstantPresence.selected {
  background-color: #1286d4;
}
.moderatorControlsPanel .layouts .videoButtonContainer button.VideoConstantPresence.active {
  margin-top: 0px;
  margin-bottom: 0px;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentSmallVideo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 20px -8379px;
  border-bottom: 1px solid #4d4d4d;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentSmallVideo.hover,
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentSmallVideo.selected {
  background-color: #1286d4;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentSmallVideo.active {
  margin-top: 0px;
  margin-bottom: 0px;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentLargeVideo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 20px -8434px;
  border-bottom: 1px solid #4d4d4d;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentLargeVideo.hover,
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentLargeVideo.selected {
  background-color: #1286d4;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentLargeVideo.active {
  margin-top: 0px;
  margin-bottom: 0px;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentVideoStacked {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 20px -8489px;
  border-bottom: 1px solid #4d4d4d;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentVideoStacked.hover,
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentVideoStacked.selected {
  background-color: #1286d4;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentVideoStacked.active {
  margin-top: 0px;
  margin-bottom: 0px;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentOnly {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 20px -8546px;
  border-bottom: 1px solid #4d4d4d;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentOnly.hover,
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentOnly.selected {
  background-color: #1286d4;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentOnly.active {
  margin-top: 0px;
  margin-bottom: 0px;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentVideoOnly {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 20px -8214px;
  border-bottom: 1px solid #4d4d4d;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentVideoOnly.hover,
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentVideoOnly.selected {
  background-color: #1286d4;
}
.moderatorControlsPanel .layouts .presentationButtonContainer button.ContentVideoOnly.active {
  margin-top: 0px;
  margin-bottom: 0px;
}
.moderatorControlsPanel .layouts .pushToEveryone {
  display: none;
  margin: 12px;
}
.moderatorControlsPanel .layouts .pushToEveryone.presenting {
  display: none;
}
.moderatorControlsPanel .layouts .pushToEveryone.receivingPresentation {
  display: none;
}
.moderatorControlsPanel .layouts .pushToEveryone.presentationLayout {
  display: none;
}
.moderatorControlsPanel .layouts button.done,
.moderatorControlsPanel .layouts .divider {
  display: none;
}
.moderatorControlsPanel .meetingInfo dl {
  margin: 17px;
}
.moderatorControlsPanel .meetingInfo dt {
  font-size: 11px;
  color: #878787;
}
.moderatorControlsPanel .meetingInfo dd {
  font-size: 16px;
  margin-top: 2px;
}
.moderatorControlsPanel .meetingInfo dd p + p {
  margin-top: 2px;
}
.moderatorControlsPanel .meetingInfo dd + dt,
.moderatorControlsPanel .meetingInfo div dt {
  margin-top: 12px;
}
.moderatorControlsPanel .meetingInfo div {
  min-width: 102px;
  float: none;
  clear: both;
  width: auto;
  /*&:nth-child(3n+2), :nth-child(3n+3), :nth-child(3n+4){
				float: left;
				width: auto;
			}

			&:nth-child(1){
				float: none;
				width: auto;
			}*/
}
.moderatorControlsPanel .meetingInfo div:nth-child(3) {
  float: left;
  clear: both;
  padding-bottom: 10px;
}
.moderatorControlsPanel .meetingInfo div:nth-child(4) {
  float: right;
  clear: right;
}
.moderatorControlsPanel .meetingInfo dd.meetingUrl {
  position: relative;
  font-size: 12px;
}
.moderatorControlsPanel .meetingInfo dd.meetingUrl textarea {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  border: none;
  color: #272727;
  display: block;
  margin: 4px 0;
  padding: 8px;
  width: 100%;
  resize: none;
}
.moderatorControlsPanel .meetingInfo button.copy {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 5px -8602px;
  background-color: transparent;
  border: none;
  color: #cccccc;
  font-size: 12px;
  padding: 3px 8px 4px 23px;
}
.moderatorControlsPanel .meetingInfo button.copy.hover {
  border: 1px solid #cccccc;
}
.moderatorControlsPanel .checkboxes {
  bottom: 0;
  display: none;
  left: 0;
  padding: 17px;
  position: absolute;
  right: 0;
}
.moderatorControlsPanel .checkboxes .muteContainer {
  position: relative;
  width: 245px;
  height: 25px;
  margin-bottom: 10px;
}
.moderatorControlsPanel .checkboxes .muteContainer button.all {
  border: none;
  height: 25px;
  background-color: #4d4d4d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  width: 120px;
  color: white;
}
.moderatorControlsPanel .checkboxes .muteContainer button.all.mute {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8644px;
  left: 0px;
}
.moderatorControlsPanel .checkboxes .muteContainer button.all.unmute {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8694px;
  right: 0px;
}
.moderatorControlsPanel .checkboxes .muteContainer button.all.hover {
  cusor: pointer;
  background-color: #878787;
}
.moderatorControlsPanel .checkboxes .muteContainer button.all.active {
  background-color: #1286d4;
}
.moderatorControlsPanel .checkboxes label {
  display: block;
  position: relative;
}
.moderatorControlsPanel .checkboxes label + label {
  margin-top: 8px;
}
button.apply,
button.applyToAll {
  border: none;
  height: 25px;
  background-color: #4d4d4d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: white;
  margin-top: 10px;
  width: 240px;
}
button.apply:hover,
button.applyToAll:hover {
  cursor: pointer;
  background-color: #878787;
}
button.apply.active,
button.applyToAll.active {
  background-color: #1286d4;
}
.container select.pinParticipantList,
.container button.applyToAll {
  display: none;
}
div.layouts {
  text-align: center;
}
.container.isModerator .layouts .skinned.select {
  text-align: center;
}
.container.isModerator select.pinParticipantList {
  /*color: @medium_gray;*/
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  color: white;
  background-color: #4d4d4d;
  border-color: #878787;
  height: 27px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  display: block;
  width: 208px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-top: 10px;
}
.container.isModerator select.pinParticipantList.pinned {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 171px -8745px;
}
.container.isModerator select.pinParticipantList:hover,
.container.isModerator select.pinParticipantList:focus {
  /*color: white;
			background-color: @medium_gray;*/
}
.container.isModerator button.applyToAll {
  display: inline;
}
.container.isModerator button.applyToAll.receivingPresentation {
  display: none;
}
.container.isModerator button.apply {
  display: none;
}
.container.isModerator .checkboxes {
  display: block;
}
.container.isModerator .presentationLayout select.pinParticipantList,
.container.isModerator .presentationLayout button.applyToAll {
  display: none;
}
.container.isModerator .presentationLayout button.apply {
  display: inline;
}
.container.isModerator .pagerOptionsPanel.es > .heading h2,
.container.isModerator .pagerOptionsPanel.fr > .heading h2 {
  font-size: 20px;
}
.container.isModerator .pagerOptionsPanel.es button.applyToAll,
.container.isModerator .pagerOptionsPanel.fr button.applyToAll {
  font-size: 12px;
  width: 250px;
}
.container.isModerator .pagerOptionsPanel.es .muteContainer,
.container.isModerator .pagerOptionsPanel.fr .muteContainer,
.container.isModerator .pagerOptionsPanel.de .muteContainer {
  font-size: 12px;
}
.container.isModerator .pagerOptionsPanel.es .muteContainer .mute.all,
.container.isModerator .pagerOptionsPanel.fr .muteContainer .mute.all,
.container.isModerator .pagerOptionsPanel.de .muteContainer .mute.all,
.container.isModerator .pagerOptionsPanel.es .muteContainer .unmute.all,
.container.isModerator .pagerOptionsPanel.fr .muteContainer .unmute.all,
.container.isModerator .pagerOptionsPanel.de .muteContainer .unmute.all {
  height: 30px;
  padding-left: 15px;
}
.container.isModerator .pagerOptionsPanel.fr select.pinParticipantList {
  width: 220px;
}
.container.isModerator .pagerOptionsPanel.fr select.pinParticipantList.pinned {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 181px -8745px;
}
.container.fbStarted {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.2;
  z-index: 10;
}
div.moderatorControlsScreen {
  background-color: #F2F2F2;
}
div.moderatorControlsScreen.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.moderatorControlsScreen.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.moderatorControlsScreen.mac.osx_lion *::-webkit-scrollbar:active,
div.moderatorControlsScreen.mac.osx_lion *::-webkit-scrollbar:hover,
div.moderatorControlsScreen.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.moderatorControlsScreen .scrollbar-container {
  right: 3px;
}
div.moderatorControlsScreen div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.moderatorControlsScreen div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.moderatorControlsScreen div.title,
.lang-es div.moderatorControlsScreen div.title,
.lang-de div.moderatorControlsScreen div.title {
  font-size: 18px;
}
div.moderatorControlsScreen div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.moderatorControlsScreen div.back:hover,
div.moderatorControlsScreen div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.moderatorControlsScreen div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.moderatorControlsScreen div.close,
div.moderatorControlsScreen div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.moderatorControlsScreen div.close:hover,
div.moderatorControlsScreen div.closeDialog:hover,
div.moderatorControlsScreen div.close:focus,
div.moderatorControlsScreen div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.moderatorControlsScreen div.close:active,
div.moderatorControlsScreen div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.moderatorControlsScreen div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.moderatorControlsScreen div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.moderatorControlsScreen div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.moderatorControlsScreen div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.moderatorControlsScreen div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.moderatorControlsScreen div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.moderatorControlsScreen div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.moderatorControlsScreen div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.moderatorControlsScreen div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.moderatorControlsScreen div.dialog button.accept div.icon {
  display: none;
}
div.moderatorControlsScreen div.dialog button.accept:hover,
div.moderatorControlsScreen div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.moderatorControlsScreen div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.moderatorControlsScreen div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorControlsScreen div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.moderatorControlsScreen div.dialog button.accept.disabled,
div.moderatorControlsScreen div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorControlsScreen div.dialog button.accept.disabled:hover,
div.moderatorControlsScreen div.dialog button.accept:disabled:hover,
div.moderatorControlsScreen div.dialog button.accept.disabled:active,
div.moderatorControlsScreen div.dialog button.accept:disabled:active,
div.moderatorControlsScreen div.dialog button.accept.disabled:focus,
div.moderatorControlsScreen div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorControlsScreen div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.moderatorControlsScreen div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorControlsScreen div.dialog button.accept.invalid div {
  display: none;
}
div.moderatorControlsScreen div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.moderatorControlsScreen div.dialog button.accept.invalid:hover,
div.moderatorControlsScreen div.dialog button.accept.invalid:active,
div.moderatorControlsScreen div.dialog button.accept.invalid:focus,
div.moderatorControlsScreen div.dialog button.accept.invalid:disabled,
div.moderatorControlsScreen div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorControlsScreen div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.moderatorControlsScreen div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.moderatorControlsScreen div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorControlsScreen div.dialog button.accept.loading div {
  display: none;
}
div.moderatorControlsScreen div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.moderatorControlsScreen div.dialog button.accept.loading:hover,
div.moderatorControlsScreen div.dialog button.accept.loading:active,
div.moderatorControlsScreen div.dialog button.accept.loading:focus,
div.moderatorControlsScreen div.dialog button.accept.loading:disabled,
div.moderatorControlsScreen div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorControlsScreen div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.moderatorControlsScreen div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.moderatorControlsScreen div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.moderatorControlsScreen div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.moderatorControlsScreen div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.moderatorControlsScreen div.dialog button.accept.red div.icon {
  display: none;
}
div.moderatorControlsScreen div.dialog button.accept.red:hover,
div.moderatorControlsScreen div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.moderatorControlsScreen div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.moderatorControlsScreen div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorControlsScreen div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.moderatorControlsScreen div.dialog button.accept.red.disabled,
div.moderatorControlsScreen div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorControlsScreen div.dialog button.accept.red.disabled:hover,
div.moderatorControlsScreen div.dialog button.accept.red:disabled:hover,
div.moderatorControlsScreen div.dialog button.accept.red.disabled:active,
div.moderatorControlsScreen div.dialog button.accept.red:disabled:active,
div.moderatorControlsScreen div.dialog button.accept.red.disabled:focus,
div.moderatorControlsScreen div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorControlsScreen div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.moderatorControlsScreen div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorControlsScreen div.dialog button.accept.red.invalid div {
  display: none;
}
div.moderatorControlsScreen div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.moderatorControlsScreen div.dialog button.accept.red.invalid:hover,
div.moderatorControlsScreen div.dialog button.accept.red.invalid:active,
div.moderatorControlsScreen div.dialog button.accept.red.invalid:focus,
div.moderatorControlsScreen div.dialog button.accept.red.invalid:disabled,
div.moderatorControlsScreen div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorControlsScreen div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.moderatorControlsScreen div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.moderatorControlsScreen div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorControlsScreen div.dialog button.accept.red.loading div {
  display: none;
}
div.moderatorControlsScreen div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.moderatorControlsScreen div.dialog button.accept.red.loading:hover,
div.moderatorControlsScreen div.dialog button.accept.red.loading:active,
div.moderatorControlsScreen div.dialog button.accept.red.loading:focus,
div.moderatorControlsScreen div.dialog button.accept.red.loading:disabled,
div.moderatorControlsScreen div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorControlsScreen div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.moderatorControlsScreen div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.moderatorControlsScreen div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.moderatorControlsScreen div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.moderatorControlsScreen div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.moderatorControlsScreen div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.moderatorControlsScreen div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.moderatorControlsScreen div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.moderatorControlsScreen div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.moderatorControlsScreen div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
.lang-fr div.moderatorControlsScreen .tipsCheckbox,
.lang-es div.moderatorControlsScreen .tipsCheckbox,
.lang-de div.moderatorControlsScreen .tipsCheckbox {
  font-size: 14px;
  max-width: 230px;
}
.lang-de div.moderatorControlsScreen .tipsCheckbox {
  display: inline-block;
}
div.moderatorControlsScreen div.content {
  padding: 0px;
  padding-top: 29px;
}
div.moderatorControlsScreen div.mainTitle {
  padding-bottom: 9px;
  text-align: center;
}
div.moderatorControlsScreen div.videoButtonContainer {
  text-align: center;
  margin-bottom: 20px;
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect {
  padding: 12px 20px 12px 20px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect button {
  width: 60px;
  height: 48px;
  border: none;
  opacity: 0.32;
  background-color: transparent;
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect.VideoCurrentSpeaker button {
  width: 60px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7840px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect.VideoCurrentSpeaker button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7833px;
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect.VideoContinuousPresence button {
  width: 60px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -7913px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect.VideoContinuousPresence button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7906px;
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect.VideoConstantPresence button {
  width: 60px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -8175px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect.VideoConstantPresence button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7979px;
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect:hover {
  background-color: #E8E8E8;
  background-color: rgba(0, 0, 0, 0.04);
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect:hover button {
  opacity: 0.72;
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect:active {
  background-color: #DFDFDF;
  background-color: rgba(0, 0, 0, 0.08);
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect:active button {
  opacity: 0.72;
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect:focus {
  outline: 4px solid #1d6bdd;
}
div.moderatorControlsScreen div.videoButtonContainer div.layoutSelect:nth-child(2) {
  margin-left: 2px;
  margin-right: 2px;
}
div.moderatorControlsScreen div.spacer {
  height: 1px;
  background-color: #eaeaea;
  background-color: rgba(0, 0, 0, 0.08);
}
div.moderatorControlsScreen div.sliderContainer {
  padding: 29px 50px 0px 50px;
}
div.moderatorControlsScreen div.sliderContainer div.controlContainer {
  position: relative;
  margin-top: 18px;
  line-height: 22px;
}
div.moderatorControlsScreen div.sliderContainer div.controlContainer div.text {
  width: 220px;
}
div.moderatorControlsScreen div.sliderContainer div.controlContainer div.fancySliderContainer {
  position: absolute;
  top: 4px;
  right: 0px;
}
div.moderatorControlsScreen div.sliderContainer div.controlContainer:first-child {
  margin-top: 0px;
}
div.moderatorControlsSlidingPanel {
  background-color: #303030;
}
div.moderatorControlsSlidingPanel div.title {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-family: ProximaNovaLight;
  color: white;
}
div.moderatorControlsSlidingPanel .close {
  position: absolute;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8795px;
  height: 14px;
  width: 14px;
  top: 15px;
  left: 15px;
  cursor: pointer;
  z-index: 11;
}
div.moderatorControlsSlidingPanel .moderatorControlsPanel {
  top: 40px;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  color: white;
  font-size: 13px;
}
div.moderatorSignInDialog {
  width: 360px;
  min-height: 250px;
  text-align: left;
  display: none;
  background-color: #F2F2F2;
  position: relative;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.moderatorSignInDialog div.header {
  height: auto;
  margin-left: 0;
  position: static;
}
div.moderatorSignInDialog div.header div.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -3060px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  padding: 6px;
  right: 6px;
  top: 6px;
  z-index: 11;
  cursor: pointer;
}
div.moderatorSignInDialog div.header div.close:hover {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.moderatorSignInDialog div.header div.close:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.moderatorSignInDialog div.header div.close:focus {
  opacity: 1.00;
  border: 4px solid #1D6BDD;
  outline: none !important;
  top: 2px;
  right: 2px;
}
div.moderatorSignInDialog div.back {
  display: none;
}
div.moderatorSignInDialog div.navBar {
  height: 40px;
  line-height: 40px;
}
div.moderatorSignInDialog div.navOption {
  width: 50%;
  float: left;
  text-align: center;
  height: 39px;
  color: #1D6BDD;
  size: 14px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-transform: uppercase;
  cursor: pointer;
}
div.moderatorSignInDialog div.navOption.selected {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  border-bottom: 2px solid #1D6BDD;
  height: 37px;
}
div.moderatorSignInDialog div.navOption.hover {
  background-color: #D4E4F3;
  backgorund-color: rgba(0, 137, 255, 0.12);
}
div.moderatorSignInDialog div.titleDiv {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  text-align: center;
  font-size: 20px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  height: 44px;
  line-height: 44px;
  background-color: white;
}
div.moderatorSignInDialog div.noModeratorError {
  padding: 5px 15px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #DF0E0E;
  background-color: #F0D6D6;
  background-color: rgba(223, 14, 14, 0.12);
}
div.moderatorSignInDialog div.dialogContent {
  padding-top: 24px;
}
div.moderatorSignInDialog .codeView,
div.moderatorSignInDialog .passwordView {
  padding-left: 48px;
  padding-right: 48px;
  padding-bottom: 24px;
}
div.moderatorSignInDialog .codeView .disclaimer,
div.moderatorSignInDialog .passwordView .disclaimer {
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
  font-size: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  padding-top: 0px;
}
div.moderatorSignInDialog .codeView .newFancyTextField,
div.moderatorSignInDialog .passwordView .newFancyTextField {
  margin-bottom: 16px;
}
div.moderatorSignInDialog .codeView .joinButton.back,
div.moderatorSignInDialog .passwordView .joinButton.back {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 64px;
  float: left;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  filter: fliph;
}
div.moderatorSignInDialog .codeView .joinButton.back .turnOffOutlineForClick,
div.moderatorSignInDialog .passwordView .joinButton.back .turnOffOutlineForClick {
  outline: none;
}
div.moderatorSignInDialog .codeView .joinButton.back div.icon,
div.moderatorSignInDialog .passwordView .joinButton.back div.icon {
  display: none;
}
div.moderatorSignInDialog .codeView .joinButton.back:hover,
div.moderatorSignInDialog .passwordView .joinButton.back:hover,
div.moderatorSignInDialog .codeView .joinButton.back.hovered,
div.moderatorSignInDialog .passwordView .joinButton.back.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.moderatorSignInDialog .codeView .joinButton.back:active,
div.moderatorSignInDialog .passwordView .joinButton.back:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.moderatorSignInDialog .codeView .joinButton.back:active:focus,
div.moderatorSignInDialog .passwordView .joinButton.back:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorSignInDialog .codeView .joinButton.back:focus,
div.moderatorSignInDialog .passwordView .joinButton.back:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.moderatorSignInDialog .codeView .joinButton.back.valid,
div.moderatorSignInDialog .passwordView .joinButton.back.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorSignInDialog .codeView .joinButton.back.invalid,
div.moderatorSignInDialog .passwordView .joinButton.back.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorSignInDialog .codeView .joinButton.back.invalid div,
div.moderatorSignInDialog .passwordView .joinButton.back.invalid div {
  display: none;
}
div.moderatorSignInDialog .codeView .joinButton.back.invalid div.icon,
div.moderatorSignInDialog .passwordView .joinButton.back.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.moderatorSignInDialog .codeView .joinButton.back.invalid:hover,
div.moderatorSignInDialog .passwordView .joinButton.back.invalid:hover,
div.moderatorSignInDialog .codeView .joinButton.back.invalid:active,
div.moderatorSignInDialog .passwordView .joinButton.back.invalid:active,
div.moderatorSignInDialog .codeView .joinButton.back.invalid:focus,
div.moderatorSignInDialog .passwordView .joinButton.back.invalid:focus,
div.moderatorSignInDialog .codeView .joinButton.back.invalid:disabled,
div.moderatorSignInDialog .passwordView .joinButton.back.invalid:disabled,
div.moderatorSignInDialog .codeView .joinButton.back.invalid.disabled,
div.moderatorSignInDialog .passwordView .joinButton.back.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorSignInDialog .codeView .joinButton.back.invalid div.icon,
div.moderatorSignInDialog .passwordView .joinButton.back.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.moderatorSignInDialog .codeView .joinButton.back.invalid div.icon,
.no-svg div.moderatorSignInDialog .passwordView .joinButton.back.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.moderatorSignInDialog .codeView .joinButton.back.disabled,
div.moderatorSignInDialog .passwordView .joinButton.back.disabled,
div.moderatorSignInDialog .codeView .joinButton.back:disabled,
div.moderatorSignInDialog .passwordView .joinButton.back:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorSignInDialog .codeView .joinButton.back.disabled:hover,
div.moderatorSignInDialog .passwordView .joinButton.back.disabled:hover,
div.moderatorSignInDialog .codeView .joinButton.back:disabled:hover,
div.moderatorSignInDialog .passwordView .joinButton.back:disabled:hover,
div.moderatorSignInDialog .codeView .joinButton.back.disabled:active,
div.moderatorSignInDialog .passwordView .joinButton.back.disabled:active,
div.moderatorSignInDialog .codeView .joinButton.back:disabled:active,
div.moderatorSignInDialog .passwordView .joinButton.back:disabled:active,
div.moderatorSignInDialog .codeView .joinButton.back.disabled:focus,
div.moderatorSignInDialog .passwordView .joinButton.back.disabled:focus,
div.moderatorSignInDialog .codeView .joinButton.back:disabled:focus,
div.moderatorSignInDialog .passwordView .joinButton.back:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorSignInDialog .codeView .joinButton.back .arrowBlueIcon,
div.moderatorSignInDialog .passwordView .joinButton.back .arrowBlueIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5600px;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
div.moderatorSignInDialog .codeView .hasPassword,
div.moderatorSignInDialog .passwordView .hasPassword {
  margin-top: 12px;
}
div.moderatorSignInDialog .codeView .rememberContainer,
div.moderatorSignInDialog .passwordView .rememberContainer {
  margin-top: 24px;
}
div.moderatorSignInDialog .codeView .joinButton.go,
div.moderatorSignInDialog .passwordView .joinButton.go {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 258px;
  margin-top: 20px;
  background-color: #19a96d;
}
div.moderatorSignInDialog .codeView .joinButton.go .turnOffOutlineForClick,
div.moderatorSignInDialog .passwordView .joinButton.go .turnOffOutlineForClick {
  outline: none;
}
div.moderatorSignInDialog .codeView .joinButton.go div.icon,
div.moderatorSignInDialog .passwordView .joinButton.go div.icon {
  display: none;
}
div.moderatorSignInDialog .codeView .joinButton.go:hover,
div.moderatorSignInDialog .passwordView .joinButton.go:hover,
div.moderatorSignInDialog .codeView .joinButton.go.hovered,
div.moderatorSignInDialog .passwordView .joinButton.go.hovered {
  background-color: #4182e2;
  border: none;
}
div.moderatorSignInDialog .codeView .joinButton.go:active,
div.moderatorSignInDialog .passwordView .joinButton.go:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.moderatorSignInDialog .codeView .joinButton.go:active:focus,
div.moderatorSignInDialog .passwordView .joinButton.go:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorSignInDialog .codeView .joinButton.go:active:not(:disabled),
div.moderatorSignInDialog .passwordView .joinButton.go:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.moderatorSignInDialog .codeView .joinButton.go:focus,
div.moderatorSignInDialog .passwordView .joinButton.go:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.moderatorSignInDialog .codeView .joinButton.go.disabled,
div.moderatorSignInDialog .passwordView .joinButton.go.disabled,
div.moderatorSignInDialog .codeView .joinButton.go:disabled,
div.moderatorSignInDialog .passwordView .joinButton.go:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorSignInDialog .codeView .joinButton.go.disabled:hover,
div.moderatorSignInDialog .passwordView .joinButton.go.disabled:hover,
div.moderatorSignInDialog .codeView .joinButton.go:disabled:hover,
div.moderatorSignInDialog .passwordView .joinButton.go:disabled:hover,
div.moderatorSignInDialog .codeView .joinButton.go.disabled:active,
div.moderatorSignInDialog .passwordView .joinButton.go.disabled:active,
div.moderatorSignInDialog .codeView .joinButton.go:disabled:active,
div.moderatorSignInDialog .passwordView .joinButton.go:disabled:active,
div.moderatorSignInDialog .codeView .joinButton.go.disabled:focus,
div.moderatorSignInDialog .passwordView .joinButton.go.disabled:focus,
div.moderatorSignInDialog .codeView .joinButton.go:disabled:focus,
div.moderatorSignInDialog .passwordView .joinButton.go:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.moderatorSignInDialog .codeView .joinButton.go.valid,
div.moderatorSignInDialog .passwordView .joinButton.go.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.moderatorSignInDialog .codeView .joinButton.go.invalid,
div.moderatorSignInDialog .passwordView .joinButton.go.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorSignInDialog .codeView .joinButton.go.invalid div,
div.moderatorSignInDialog .passwordView .joinButton.go.invalid div {
  display: none;
}
div.moderatorSignInDialog .codeView .joinButton.go.invalid div.icon,
div.moderatorSignInDialog .passwordView .joinButton.go.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.moderatorSignInDialog .codeView .joinButton.go.invalid:hover,
div.moderatorSignInDialog .passwordView .joinButton.go.invalid:hover,
div.moderatorSignInDialog .codeView .joinButton.go.invalid:active,
div.moderatorSignInDialog .passwordView .joinButton.go.invalid:active,
div.moderatorSignInDialog .codeView .joinButton.go.invalid:focus,
div.moderatorSignInDialog .passwordView .joinButton.go.invalid:focus,
div.moderatorSignInDialog .codeView .joinButton.go.invalid:disabled,
div.moderatorSignInDialog .passwordView .joinButton.go.invalid:disabled,
div.moderatorSignInDialog .codeView .joinButton.go.invalid.disabled,
div.moderatorSignInDialog .passwordView .joinButton.go.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorSignInDialog .codeView .joinButton.go.invalid div.icon,
div.moderatorSignInDialog .passwordView .joinButton.go.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.moderatorSignInDialog .codeView .joinButton.go.invalid div.icon,
.no-svg div.moderatorSignInDialog .passwordView .joinButton.go.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.moderatorSignInDialog .codeView .joinButton.go.loading,
div.moderatorSignInDialog .passwordView .joinButton.go.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorSignInDialog .codeView .joinButton.go.loading div,
div.moderatorSignInDialog .passwordView .joinButton.go.loading div {
  display: none;
}
div.moderatorSignInDialog .codeView .joinButton.go.loading div.icon,
div.moderatorSignInDialog .passwordView .joinButton.go.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.moderatorSignInDialog .codeView .joinButton.go.loading:hover,
div.moderatorSignInDialog .passwordView .joinButton.go.loading:hover,
div.moderatorSignInDialog .codeView .joinButton.go.loading:active,
div.moderatorSignInDialog .passwordView .joinButton.go.loading:active,
div.moderatorSignInDialog .codeView .joinButton.go.loading:focus,
div.moderatorSignInDialog .passwordView .joinButton.go.loading:focus,
div.moderatorSignInDialog .codeView .joinButton.go.loading:disabled,
div.moderatorSignInDialog .passwordView .joinButton.go.loading:disabled,
div.moderatorSignInDialog .codeView .joinButton.go.loading.disabled,
div.moderatorSignInDialog .passwordView .joinButton.go.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.moderatorSignInDialog .codeView .joinButton.go.loading.no-svg,
div.moderatorSignInDialog .passwordView .joinButton.go.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.moderatorSignInDialog .codeView .joinButton.go.loading.no-svg div,
div.moderatorSignInDialog .passwordView .joinButton.go.loading.no-svg div {
  display: none;
}
div.moderatorSignInDialog .codeView .joinButton.go.loading.no-svg div.icon,
div.moderatorSignInDialog .passwordView .joinButton.go.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.moderatorSignInDialog .codeView .joinButton.go .hover,
div.moderatorSignInDialog .passwordView .joinButton.go .hover {
  background-color: #21c37f;
}
div.moderatorSignInDialog .codeView .joinButton.go:hover,
div.moderatorSignInDialog .passwordView .joinButton.go:hover {
  background-color: #21c37f;
}
div.moderatorSignInDialog .codeView .joinButton.go:focus,
div.moderatorSignInDialog .passwordView .joinButton.go:focus {
  background-color: #21c37f;
}
div.moderatorSignInDialog .codeView .joinButton.go:focus:active,
div.moderatorSignInDialog .passwordView .joinButton.go:focus:active {
  background-color: #21c37f;
}
div.moderatorSignInDialog .codeView .joinButton.go .arrowWhiteIcon,
div.moderatorSignInDialog .passwordView .joinButton.go .arrowWhiteIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5649px;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
div.moderatorSignInDialog .codeView .joinButton.go.nextStep,
div.moderatorSignInDialog .passwordView .joinButton.go.nextStep {
  width: 100%;
}
div.moderatorSignInDialog .codeView .joinButton.go.signIn,
div.moderatorSignInDialog .passwordView .joinButton.go.signIn,
div.moderatorSignInDialog .codeView .joinButton.go.useCode,
div.moderatorSignInDialog .passwordView .joinButton.go.useCode {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
div.moderatorSignInDialog.es .titleDiv {
  font-size: 16px;
}
.skinny .networkIssueDialog {
  width: 100%;
  height: 36px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 34;
}
.skinny .networkIssueDialog .content {
  position: relative;
  z-index: 5;
  text-align: center;
  height: 36px;
  line-height: 36px;
  background-color: #303030;
}
.skinny .networkIssueDialog .content div.message {
  color: #AAAAAA;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.skinny .networkIssueDialog .content img.processing {
  margin-right: 10px;
  vertical-align: middle;
  height: 18px;
  width: 18px;
}
.newFooter {
  position: relative;
  height: 60px;
  width: 100%;
  background-color: #000;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  color: #666;
  display: none;
}
.newFooter.nthFullScreenFooter,
.newFooter.jf3ScreenFooter {
  display: block;
  z-index: 4;
  position: absolute;
  bottom: 0px;
}
.inverted.newFooter {
  background-color: #FFF;
  color: #444;
}
.jf3 .newFooter {
  display: block;
}
.hideFooter.jf3 .newFooter {
  display: none;
}
.newFooter .left,
.newFooter .center,
.newFooter .right {
  position: absolute;
  height: 100%;
}
.newFooter .left:before,
.newFooter .center:before,
.newFooter .right:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.newFooter .left .vcenter,
.newFooter .center .vcenter,
.newFooter .right .vcenter {
  vertical-align: middle;
  display: inline-block;
}
.newFooter .left {
  left: 16px;
}
.newFooter .left .logo {
  background-size: 136px 15438px;
  background-position: 0px -7986px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 76px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}
.customLogo.newFooter .left .logo {
  display: none;
}
.brandingLogo.newFooter .left .logo {
  display: none;
}
.newFooter .left .customLogoContainer {
  display: none;
  vertical-align: middle;
  max-width: 200px;
  max-height: 60px;
  overflow: hidden;
}
.customLogo.newFooter .left .customLogoContainer {
  display: inline-block;
}
.newFooter .left .brandingLogo {
  display: none;
  vertical-align: middle;
  max-width: 225px;
  max-height: 60px;
  overflow: hidden;
}
.newFooter .left .poweredBy {
  display: none;
  margin-left: 8px;
  margin-top: 5px;
  vertical-align: middle;
}
.newFooter .center {
  left: 240px;
  right: 240px;
  height: 100%;
  text-align: center;
}
.newFooter .center .links {
  display: inline-block;
  text-transform: uppercase;
}
.newFooter .center .links a {
  color: #8F8F8F;
  cursor: pointer;
  text-decoration: none;
}
.inverted.newFooter .center .links a {
  color: #444;
}
.newFooter .center .links div.separator {
  display: inline-block;
  height: 4px;
  width: 4px;
  background-color: #3D3D3D;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 4px;
  margin-bottom: 2px;
}
.inverted.newFooter .center .links div.separator {
  color: #888;
}
.newFooter .center .copyright {
  margin-left: 24px;
  display: inline-block;
}
.newFooter .center .buildinfo {
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
}
.newFooter .center .buildinfo span::selection {
  background-color: #ff9700;
}
.newFooter .center .buildinfo.hideBuildInfo {
  color: #000;
}
.inverted.newFooter .center .buildinfo.hideBuildInfo {
  color: #FFF;
}
.newFooter .right {
  right: 16px;
  width: 224px;
  text-align: right;
}
.newFooter .right a.helpLink {
  color: #1B92CC;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
.inverted.newFooter .right a.helpLink {
  color: #1D6BDD;
}
.newFooter .right .helpPhone {
  color: #A3A3A3;
}
.inverted.newFooter .right .helpPhone {
  color: #444;
}
.noModeratorSplashScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.noModeratorSplashScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.noModeratorSplashScreen div {
  color: white;
}
.noModeratorSplashScreen div.title {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.noModeratorSplashScreen div.staticMeetingTitle {
  display: block;
  margin-top: 35px;
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #BACADA;
  color: rgba(255, 255, 255, 0.56);
}
.noModeratorSplashScreen div.status {
  margin-top: 20px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.noModeratorSplashScreen button.shareScreen {
  font-size: 16px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -150px;
}
.noModeratorSplashScreen div.status {
  margin-top: 30px;
}
.noModeratorSplashScreen div.noModeratorMessage {
  margin-top: 76px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  height: 98px;
  line-height: 98px;
}
.noVideoScreenNew {
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 2;
  background-color: #303030;
  visibility: hidden;
  position: absolute;
  top: 0px;
}
.noVideoScreenNew .bgcolor {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #414141;
  z-index: 3;
}
.noVideoScreenNew .bgcolor .content.splashScreen {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
}
.noVideoScreenNew .bgcolor .content {
  z-index: 4;
  width: 500px;
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -250px;
  position: absolute;
  background-color: #414141;
  color: #cccccc;
  text-align: center;
}
.jf3 .noVideoScreenNew .bgcolor .content {
  width: 100%;
  left: 0px;
  margin-left: 0px;
}
.noVideoScreenNew .bgcolor .content.selfRecording {
  display: none;
}
.noVideoScreenNew .bgcolor .content.selfRecording > .recordingMessage {
  top: 45%;
}
.noVideoScreenNew .bgcolor .content.selfRecording > .nooneMessage {
  position: absolute;
  top: 63%;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
}
.noVideoScreenNew .bgcolor .content.contentOnlyMode {
  display: none;
  padding-top: 70px;
}
.noVideoScreenNew .bgcolor .content.contentOnlyMode .splashIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8834px;
  height: 64px;
  width: 64px;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.noVideoScreenNew .bgcolor .content.contentOnlyMode .explanation {
  font-size: 14px;
}
.noVideoScreenNew .bgcolor .content.audioOnlyMode {
  display: none;
  padding-top: 70px;
}
.noVideoScreenNew .bgcolor .content.audioOnlyMode .splashIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8923px;
  height: 64px;
  width: 64px;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.noVideoScreenNew .bgcolor .content.audioOnlyMode .explanation {
  font-size: 14px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant {
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  min-width: 750px;
  min-height: 500px;
  overflow: hidden;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.contentBox {
  vertical-align: middle;
  display: inline-block;
}
.noVideoScreenNew .bgcolor .content.oneParticipant .title {
  margin-bottom: 5%;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant .title {
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  line-height: 34px;
  color: #D5D8D7   ;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 24px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.topBox {
  position: relative;
  height: 65%;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.topBox.smallBox {
  height: 50%;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.topBox {
  height: auto;
  position: static;
  margin-bottom: 64px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.bottomBox {
  border-top: 1px solid #ffffff;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  height: 50%;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.bottomBox.smallBox {
  height: 35%;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.bottomBox div.centeredBox {
  top: 40%;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.bottomBox {
  border: none;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.centeredBox {
  position: relative;
  top: 52%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.centeredBox {
  position: static;
  top: 0%;
  -webkit-transform: none;
  transform: none;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting {
  display: none;
  background-color: #2777AC;
  background-color: rgba(0, 153, 247, 0.6);
  width: 672px;
  margin: auto;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting div.leaveMeetingTitle {
  display: none;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .closeBtnOuter {
  text-align: right;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .closeBtnOuter .leaveCloseBox {
  display: inline-block;
  margin: 10px 10px 0 0;
  border-radius: 25px;
  cursor: pointer;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .closeBtnOuter .leaveCloseBox button.leaveClose {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9012px;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: none;
  margin: 10px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .closeBtnOuter .leaveCloseBox:hover,
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .closeBtnOuter .leaveCloseBox:focus {
  background-color: #246E9F;
  background-color: rgba(0, 0, 0, 0.08);
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .closeBtnOuter .leaveCloseBox:active {
  background-color: #4A8DB9;
  background-color: rgba(255, 255, 255, 0.16);
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMsg {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 22px;
  width: 362px;
  margin: auto;
  padding: 0 0 32px 0;
  color: white;
  line-height: 31px;
  text-align: left;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveBtnBox {
  padding-bottom: 32px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveBtnBox button {
  font-family: 'ProximaNova', 'Arial', Helvetica, sans-serif;
  color: white;
  border-radius: 2px;
  min-width: 175px;
  text-transform: uppercase;
  -o-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveBtnBox button.leaveCancel {
  padding: 15px 10px 11px 10px;
  margin-right: 12px;
  background-color: transparent;
  border: 1px solid;
  border-color: #216490;
  border-color: rgba(0, 0, 0, 0.16);
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveBtnBox button.leaveCancel:hover {
  border-color: #1E5B83;
  border-color: rgba(0, 0, 0, 0.24);
  background-color: #246E9F;
  background-color: rgba(0, 0, 0, 0.08);
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveBtnBox button.leaveCancel:active {
  background-color: #4A8DB9;
  background-color: rgba(255, 255, 255, 0.16);
  border: none;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveBtnBox button.leaveOk {
  padding: 16px 10px 12px 10px;
  background-color: #216490;
  background-color: rgba(0, 0, 0, 0.16);
  border: none;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveBtnBox button.leaveOk:hover {
  background-color: #1E5B83;
  background-color: rgba(0, 0, 0, 0.24);
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveBtnBox button.leaveOk:active {
  background-color: #4A8DB9;
  background-color: rgba(255, 255, 255, 0.16);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  width: 420px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent {
  padding: 24px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent div.leaveMeetingTitle {
  display: block;
  font: 24px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rbga(0, 0, 0, 0.8);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .closeBtnOuter {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveMsg {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 22px;
  color: #333;
  color: rbga(0, 0, 0, 0.8);
  margin-top: 32px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox {
  padding-bottom: 0px;
  display: inline-block;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button {
  display: inline-block !important;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 16px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel .turnOffOutlineForClick {
  outline: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel div.icon {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid div {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid:disabled,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.disabled,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.disabled:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:disabled:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.disabled:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:disabled:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.disabled:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk .turnOffOutlineForClick {
  outline: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk div.icon {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.hovered {
  background-color: #4182e2;
  border: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.disabled,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.disabled:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:disabled:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.disabled:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:disabled:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.disabled:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid div {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid:disabled,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading div {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading:disabled,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading.no-svg {
  background-color: #1D6BDD !important;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading.no-svg div {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox {
  display: block;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.subtitle,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.subtitle,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.subtitle,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.subtitle {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: rgba(255, 255, 255, 0.38);
  font-size: 30px !important;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.subtitle,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.subtitle,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.subtitle,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.subtitle {
  font: 16px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif !important;
  line-height: 22px;
  color: #8E99A3;
  color: rgba(255, 255, 255, 0.64);
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links {
  margin-top: 8px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box {
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 14px;
  margin-left: 4px;
  border-radius: 2px;
  cursor: pointer;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box .btnBox {
  background-color: #169bf4;
  border: 1px solid #169bf4;
  border-radius: 36px;
  height: 48px;
  width: 48px;
  margin: 10px 64px 14px 64px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:hover,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:hover,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:hover,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:hover {
  -webkit-transition: background-color 150ms !important;
  -moz-transition: background-color 150ms !important;
  transition: background-color 150ms !important;
  background-color: rgba(255, 255, 255, 0.08);
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active {
  background-color: rgba(0, 153, 255, 0.6);
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active .btnBox {
  background-color: #FFFFFF;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.inviteLink,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.inviteLink,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.inviteLink,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.inviteLink {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9053px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.inviteMail,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.inviteMail,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.inviteMail,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.inviteMail {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7417px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.liveDemo,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.liveDemo,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.liveDemo,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.liveDemo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9110px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.googleCal,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.googleCal,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.googleCal,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.googleCal {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9167px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.outlook,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.outlook,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.outlook,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.outlook {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9224px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.mac,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.mac,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.mac,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.mac {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9281px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.safari,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.safari,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.safari,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.safari {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9338px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.schedule,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.schedule,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.schedule,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.schedule {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9395px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links a,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links a,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links a,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links a {
  height: 32px;
  width: 32px;
  background-color: transparent;
  border: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  opacity: 1;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links span,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links span,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links span,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links span {
  margin: auto;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  display: block;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links a.inviteLink,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links a.inviteLink,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links a.inviteLink,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links a.inviteLink {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9452px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links a.inviteMail,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links a.inviteMail,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links a.inviteMail,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links a.inviteMail {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9509px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links a.liveDemo,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links a.liveDemo,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links a.liveDemo,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links a.liveDemo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9566px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links a.googleCal,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links a.googleCal,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links a.googleCal,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links a.googleCal {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9680px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links a.outlook,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links a.outlook,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links a.outlook,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links a.outlook {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links a.schedule,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links a.schedule,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links a.schedule,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links a.schedule {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9737px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links a.mac,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links a.mac,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links a.mac,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links a.mac {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9794px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links a.safari,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links a.safari,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links a.safari,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links a.safari {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9851px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links {
  margin-top: 48px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links.bottom,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links.bottom,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links.bottom,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links.bottom {
  margin-top: 24px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box {
  background-color: #6F8CBB;
  background-color: rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  border: 1.5px solid #93ABCF !important;
  border: 1.5px solid rgba(255, 255, 255, 0.24) !important;
  vertical-align: middle;
  padding-bottom: 0px;
  padding-top: 0px;
  height: 160px;
  width: 160px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox {
  margin-right: 32px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox {
  margin-left: 32px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox .btnBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox .btnBox {
  margin: 36px 0px 0px 0px;
  width: 100%;
  background-color: transparent;
  border: none;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox .btnBox a,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox .btnBox a {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox div.inviteByEmailContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox div.inviteByEmailContainer {
  width: 100%;
  margin-top: 24px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox div.inviteByEmailContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox div.inviteByEmailContainer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox div.inviteByEmailContainer div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox div.inviteByEmailContainer div.inviteByEmailContainer span {
  vertical-align: middle;
  display: inline-block;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox div.inviteByEmailContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox div.inviteByEmailContainer span {
  word-wrap: break-word;
  text-transform: uppercase;
  max-width: 85%;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox div.liveDemoContainer,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox div.liveDemoContainer {
  width: 100%;
  margin-top: 24px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox div.liveDemoContainer:before,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox div.liveDemoContainer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox div.liveDemoContainer div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox div.liveDemoContainer div.liveDemoContainer span {
  vertical-align: middle;
  display: inline-block;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteMailBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteMailBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteMailBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteMailBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.inviteLinkBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.inviteLinkBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.inviteLinkBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.inviteLinkBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.liveDemoBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.liveDemoBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.liveDemoBox div.liveDemoContainer span,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.liveDemoBox div.liveDemoContainer span {
  word-wrap: break-word;
  text-transform: uppercase;
  max-width: 85%;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:focus {
  background-color: rgba(255, 255, 255, 0.32);
  background-color: #8FA6CA;
  border-color: rgba(255, 255, 255, 0.48);
  border-color: #C3CFE3;
  border-radius: 16px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active {
  background-color: rgba(255, 255, 255, 0.32);
  background-color: #8FA6CA;
  border-color: rgba(255, 255, 255, 0.48);
  border-color: #C3CFE3;
  border-radius: 16px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.inviteMail,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.inviteMail,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.inviteMail,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.inviteMail {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -8029px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-left: 25%;
  margin-right: 25%;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.inviteMail,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.inviteMail,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.inviteMail,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.inviteMail {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8052px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.inviteLink,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.inviteLink,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.inviteLink,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.inviteLink {
  width: 48px;
  height: 48px;
  background-size: 136px 15438px;
  background-position: 0px -8102px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-left: 25%;
  margin-right: 25%;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.inviteLink,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.inviteLink,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.inviteLink,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.inviteLink {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8125px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.liveDemo,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.liveDemo,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.liveDemo,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.liveDemo {
  width: 49px;
  height: 49px;
  background-size: 136px 15438px;
  background-position: 0px -8248px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-left: 25%;
  margin-right: 25%;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.liveDemo,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.liveDemo,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.liveDemo,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.liveDemo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8198px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.schedule,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.schedule,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.schedule,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.schedule {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -8322px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.schedule,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.schedule,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.schedule,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.schedule {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8272px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.mac,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.mac,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.mac,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.mac {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9908px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.googleCal,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.googleCal,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.googleCal,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.googleCal {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -8379px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.googleCal,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.googleCal,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.googleCal,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.googleCal {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8329px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.safari,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.safari,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.safari,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.safari {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9965px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.outlook,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.outlook,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.outlook,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.outlook {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -8436px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box a.outlook,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box a.outlook,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box a.outlook,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box a.outlook {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8386px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.scheduleBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.scheduleBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.scheduleBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.scheduleBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.macBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.macBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.macBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.macBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.googleBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.googleBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.googleBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.googleBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.safariBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.safariBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.safariBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.safariBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.outlookBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.outlookBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.outlookBox,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.outlookBox {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px !important;
  height: 32px;
  width: 32px;
  margin-right: 16px;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.scheduleBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.scheduleBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.scheduleBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.scheduleBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.macBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.macBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.macBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.macBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.googleBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.googleBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.googleBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.googleBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.safariBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.safariBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.safariBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.safariBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.outlookBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.outlookBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.outlookBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.outlookBox:hover,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.scheduleBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.scheduleBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.scheduleBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.scheduleBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.macBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.macBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.macBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.macBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.googleBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.googleBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.googleBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.googleBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.safariBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.safariBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.safariBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.safariBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box.outlookBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box.outlookBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box.outlookBox:focus,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box.outlookBox:focus {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.schedule,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.schedule,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.schedule,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.schedule {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -8322px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.schedule,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.schedule,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.schedule,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.schedule {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8272px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.mac,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.mac,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.mac,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.mac {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9908px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.googleCal,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.googleCal,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.googleCal,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.googleCal {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -8379px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.googleCal,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.googleCal,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.googleCal,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.googleCal {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8329px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.safari,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.safari,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.safari,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.safari {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9965px;
}
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.outlook,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.outlook,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.outlook,
.jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.outlook {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -8436px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox div.links .box:active a.outlook,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox div.links .box:active a.outlook,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox div.links .box:active a.outlook,
.no-svg .jf3 .noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox div.links .box:active a.outlook {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8386px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox.smallContentBox div.subtitle,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox.smallContentBox div.subtitle,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox.smallContentBox div.subtitle,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox.smallContentBox div.subtitle {
  font-size: 16px !important;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox.smallContentBox div.links .box,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox.smallContentBox div.links .box,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox.smallContentBox div.links .box,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox.smallContentBox div.links .box {
  padding: 0;
  margin: 0;
  border: none;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox.smallContentBox div.links .box .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox.smallContentBox div.links .box .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox.smallContentBox div.links .box .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox.smallContentBox div.links .box .btnBox {
  background-color: transparent;
  border: none;
  height: 48px;
  width: 48px;
  margin: 7px 45px 7px 45px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox.smallContentBox div.links a,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox.smallContentBox div.links a,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox.smallContentBox div.links a,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox.smallContentBox div.links a {
  opacity: 0.7;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox.smallBox div.subtitle,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox.smallBox div.subtitle,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox.smallBox div.subtitle,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox.smallBox div.subtitle {
  font-size: 16px !important;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox.smallBox div.links .box,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox.smallBox div.links .box,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox.smallBox div.links .box,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox.smallBox div.links .box {
  padding: 0;
  margin: 0;
  border: none;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox.smallBox div.links .box .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox.smallBox div.links .box .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox.smallBox div.links .box .btnBox,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox.smallBox div.links .box .btnBox {
  background-color: transparent;
  border: none;
  margin: 0;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox.smallBox div.links span,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox.smallBox div.links span,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox.smallBox div.links span,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox.smallBox div.links span {
  font-size: 0;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .inviteBox.smallBox div.links a,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .schedulingBox.smallBox div.links a,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .topBox.smallBox div.links a,
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator .bottomBox.smallBox div.links a {
  opacity: 0.7;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.moderator div.nonModerator {
  display: none;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.de .contentBox .title,
.noVideoScreenNew .bgcolor .content.oneParticipant.es .contentBox .title,
.noVideoScreenNew .bgcolor .content.oneParticipant.fr .contentBox .title {
  font-size: 30px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.de .contentBox .inviteOptionDialog .title,
.noVideoScreenNew .bgcolor .content.oneParticipant.es .contentBox .inviteOptionDialog .title,
.noVideoScreenNew .bgcolor .content.oneParticipant.fr .contentBox .inviteOptionDialog .title {
  font-size: 20px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.de span,
.noVideoScreenNew .bgcolor .content.oneParticipant.es span,
.noVideoScreenNew .bgcolor .content.oneParticipant.fr span {
  font-size: 13px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant.de .contentBox .inviteOptionDialog button.startRecording,
.noVideoScreenNew .bgcolor .content.oneParticipant.es .contentBox .inviteOptionDialog button.startRecording {
  font-size: 13px;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.onlyModerator {
  display: none;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.smallBox a {
  opacity: 0.7;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.nonModerator {
  display: block;
  text-align: center;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.nonModerator .bigDude {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10022px;
  width: 90px;
  height: 76px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
}
.noVideoScreenNew .bgcolor .content.oneParticipant div.nonModerator .nonModeratorMessage {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
}
.noVideoScreenNew .bgcolor .content.selfViewSplashScreen {
  width: auto;
  left: 0;
  margin-left: 0px;
  right: 0;
}
.noVideoScreenNew .bgcolor .content.multipleParticipants {
  height: 276px;
  top: 45%;
  margin-top: -138px;
}
.noVideoScreenNew .bgcolor .content .title {
  position: relative;
  width: 100%;
  font-size: 36px;
  text-align: center;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.jf3 .noVideoScreenNew .bgcolor .content .title {
  font-size: 40px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.noVideoScreenNew .bgcolor .content div.contentBox {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.jf3 .noVideoScreenNew .bgcolor .content div.contentBox {
  height: auto;
}
.noVideoScreenNew .bgcolor .content .bigDudeContainer {
  width: 206px;
  height: 176px;
  position: absolute;
  top: 30px;
}
.noVideoScreenNew .bgcolor .content .bigDudeContainer .bigDude {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10123px;
  width: 90px;
  height: 76px;
  top: 30px;
  left: 30px;
  position: absolute;
  margin-bottom: 30px;
}
.noVideoScreenNew .bgcolor .content .bigDudeContainer .bigDude.speaking {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10224px;
}
.noVideoScreenNew .bgcolor .content .bigDudeContainer .speakerLabel {
  bottom: 16px;
  position: absolute;
  width: 100%px;
  height: 40px;
  font-weight: bold;
  color: #1286d4;
  font-size: 12px;
  width: 150px;
  left: 0px;
  text-align: center;
  overflow: hidden;
  display: none;
}
.noVideoScreenNew .bgcolor .content .bigDudeContainer .speakerLabel.speaking {
  display: block;
}
.noVideoScreenNew .bgcolor .content .smallDudes {
  width: 264px;
  height: 176px;
  right: 30px;
  top: 15px;
  position: absolute;
}
.noVideoScreenNew .bgcolor .content .smallDudes .dude {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10325px;
  width: 24px;
  height: 24px;
  margin: 10px;
  float: left;
}
.noVideoScreenNew .bgcolor .content .message {
  height: 40px;
  padding-top: 20px;
  width: 500px;
  color: #878787;
  border-top: 1px solid #878787;
  text-transform: uppercase;
  position: absolute;
  bottom: 0px;
  font-weight: bold;
  font-size: 13px;
}
.noVideoScreenNew .bgcolor .content button.share {
  margin-top: 10px;
  font-size: 16px;
}
.noVideoScreenNew .bgcolor .content button.share div {
  display: inline-block;
}
.noVideoScreenNew .bgcolor .content button.share div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10374px;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.noVideoScreenNew .bgcolor .content button.share div.label {
  vertical-align: top;
  padding-top: 4px;
}
.noVideoScreenNew .bgcolor .smallMessage {
  width: 80%;
  height: 100%;
  top: 35%;
  margin-left: 10%;
  color: #878787;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  display: none;
}
.noVideoScreenNew .shareLink {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #414141;
  background-color: rgba(255, 255, 255, 0.16);
  z-index: 3;
  visibility: hidden;
}
.noVideoScreenNew .shareLink.ie {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
}
.noVideoScreenNew .shareLink div.closeBtnBox {
  position: absolute;
  top: 39px;
  right: 39px;
  padding: 26px;
  border-radius: 50px;
  cursor: pointer;
  -o-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.noVideoScreenNew .shareLink div.closeBtnBox:hover,
.noVideoScreenNew .shareLink div.closeBtnBox:focus {
  background-color: rgba(255, 255, 255, 0.08);
}
.noVideoScreenNew .shareLink div.closeBtnBox:active {
  background-color: rgba(0, 153, 247, 0.6);
}
.noVideoScreenNew .shareLink div.closeBtnBox button.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10538px;
  width: 42px;
  height: 42px;
  border: none;
  background-color: transparent;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog {
  text-align: left;
  top: 50%;
  position: relative;
  margin-top: -30px;
  margin-right: auto;
  margin-left: auto;
  width: 650px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .title,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .title {
  text-align: left;
  font-size: 36px;
  margin-bottom: 32px;
  color: #FFFFFF;
  font-family: 'ProximaNovaLight';
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox {
  position: relative;
  height: 52px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox div.iconBox,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox div.iconBox {
  display: inline-block;
  background-color: white;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox div.iconBox span.linkIcon,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox div.iconBox span.linkIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9053px;
  width: 32px;
  height: 32px;
  margin: 10px;
  display: inline-block;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox div.iconBox span.mailIcon,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox div.iconBox span.mailIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7417px;
  width: 32px;
  height: 32px;
  margin: 10px;
  display: inline-block;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .inputBox,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .inputBox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox {
  position: absolute;
  top: 0;
  left: 0;
  height: 52px;
  width: 645px;
  border-radius: 2px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox.successBox,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox.successBox {
  background-color: #169bf4;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox.errorBox,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox.errorBox {
  background-color: #eb3030;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox.errorBox.shake,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox.errorBox.shake {
  -webkit-animation: shake 300ms linear;
  animation: shake 300ms linear;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox.errorBox.focus,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox.errorBox.focus {
  outline: none;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox .msgContainer,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox .msgContainer {
  text-align: center;
  line-height: 52px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox .msgContainer .icon,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox .msgContainer .icon {
  height: 32px;
  width: 32px;
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 6px;
  vertical-align: middle;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox .msgContainer .icon.check,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox .msgContainer .icon.check {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8037px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox .msgContainer .icon.error,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox .msgContainer .icon.error {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8094px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .linkBox .msgBox .msgContainer .msgText,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .linkBox .msgBox .msgContainer .msgText {
  display: inline-block;
  color: white;
  font-size: 20px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .subtitle,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .subtitle {
  color: white;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  margin-top: 12px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .subtitle.successes,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .subtitle.successes,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .subtitle.errors,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .subtitle.errors {
  color: #ffffff;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .text,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .text {
  box-shadow: 0px 2px 3px inset rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 3px inset rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 3px inset rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: white;
  border: none;
  font-family: Helvetica;
  height: 52px;
  font-size: 20px;
  padding: 18px 10px 16px 0px;
  width: 497px;
  color: #1f1f1f;
  outline: none !important;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .text:focus,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .text:focus {
  outline: 4px solid #1D6BDD !important;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .meetingUrlCopy,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .meetingUrlCopy {
  position: relative;
  display: inline;
  height: 52px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.copyLink,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.copyLink,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.emailLink,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.emailLink {
  height: 52px;
  width: 96px;
  padding: 0 16px;
  background-color: #169bf4;
  font-family: Helvetica;
  color: white;
  border: none;
  border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  vertical-align: top;
  font-size: 20px;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.copyLink:hover,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.copyLink:hover,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.emailLink:hover,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.emailLink:hover,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.copyLink:focus,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.copyLink:focus,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.emailLink:focus,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.emailLink:focus {
  background-color: #3ba3f6;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.copyLink:active,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.copyLink:active,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.emailLink:active,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.emailLink:active {
  background-color: #169bf4;
  color: rgba(255, 255, 255, 0.48);
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.copyLink:focus,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.copyLink:focus,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog button.emailLink:focus,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog button.emailLink:focus {
  outline: 4px solid #FF9700;
}
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteLinkDialog .errorContainer,
.noVideoScreenNew .shareLink div.inviteOptionDialog.inviteMailDialog .errorContainer {
  margin-top: 8px;
}
.noVideoScreenNew .blur {
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  filter: blur(20px);
}
.noVideoScreenNew.small .content:not(.firstTimeUserNoVideoScreen):not(.oneParticipantScreen) {
  display: none !important;
}
.noVideoScreenNew.small .content:not(.firstTimeUserNoVideoScreen):not(.oneParticipantScreen).oneParticipant {
  display: none !important;
}
.noVideoScreenNew.small .content:not(.firstTimeUserNoVideoScreen):not(.oneParticipantScreen).oneParticipant div {
  display: none;
}
.noVideoScreenNew.small .content:not(.firstTimeUserNoVideoScreen):not(.oneParticipantScreen).oneParticipant div.title {
  display: block;
  top: 120px;
  font-size: 30px;
}
.noVideoScreenNew.small .oneParticipant {
  display: none !important;
}
.noVideoScreenNew.tooSmall .smallMessage {
  top: 20%;
}
.noVideoScreenNew.tooSmall .content.oneParticipant div.title {
  width: 100px;
  font-size: 18px;
  margin-right: auto;
  margin-left: auto;
}
.noVideoScreenNew.medium .content div.schedulingBox {
  display: none;
}
.noVideoScreenNew.medium .content div.inviteOptions {
  margin-top: 10px;
}
.freeTrialModalVideo .ui-dialog-titlebar {
  background-color: #169bf4;
  text-align: center;
}
.freeTrialModalVideo .ui-dialog-titlebar .ui-dialog-title {
  font-family: 'ProximaNovaLight';
  text-align: center;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  color: white;
  font-size: 24px;
  vertical-align: middle;
  padding: 15px;
}
.freeTrialModalVideo .ui-dialog-titlebar-close .ui-icon {
  float: right;
  text-indent: 0;
  display: inline-block;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2970px;
  width: 24px;
  height: 24px;
  margin-right: 20px;
  margin-top: 15px;
}
.freeTrialSignup {
  display: none;
  z-index: 100;
  position: absolute;
  bottom: 75px;
  right: -1000px;
  width: 250px;
  background-color: white;
  color: black;
  padding: 20px;
  border-radius: 4px;
  float: right;
  margin-right: 20px;
  text-align: center;
}
.freeTrialSignup .heading {
  font-size: 18px;
  color: #000000;
  font-family: 'ProximaNovaSemiBold';
}
.freeTrialSignup .title {
  font-size: 18px;
  text-align: center;
  color: #333333;
  font-family: 'ProximaNovaRegular';
  line-height: 21px;
  margin-top: 12px;
}
.freeTrialSignup button.signup {
  background-color: #FF9800;
  padding: 0 20px;
  border-radius: 22px;
  font-size: 14px;
  color: white;
  border: transparent;
  font-family: 'ProximaNovaRegular';
  margin-top: 14px;
  min-width: 156px;
  height: 40px;
  display: inline-block;
}
.freeTrialSignup button.signup:hover {
  background-color: rgba(255, 151, 0, 0.8);
}
.remoteView.dualStreamDisabled.sharingVideo .noVideoScreen,
.remoteView.dualStreamDisabled.receivingVideoSharing .noVideoScreen,
.remoteView.dualStreamDisabled.receivingPresentation .noVideoScreen {
  display: none !important;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  25% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  75% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes shake {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0px);
  }
}
.noVideoScreenOld {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  background-color: #303030;
  display: none;
  top: 0px;
}
.noVideoScreenOld .bgcolor {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #414141;
  z-index: 3;
}
.noVideoScreenOld .bgcolor .content {
  z-index: 4;
  width: 500px;
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -250px;
  position: absolute;
  background-color: #414141;
  color: #cccccc;
  text-align: center;
}
.noVideoScreenOld .bgcolor .content.selfRecording {
  display: none;
}
.noVideoScreenOld .bgcolor .content.selfRecording > .recordingMessage {
  top: 45%;
}
.noVideoScreenOld .bgcolor .content.selfRecording > .nooneMessage {
  position: absolute;
  top: 63%;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
}
.noVideoScreenOld .bgcolor .content.contentOnlyMode {
  display: none;
  padding-top: 70px;
}
.noVideoScreenOld .bgcolor .content.contentOnlyMode .splashIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8834px;
  height: 64px;
  width: 64px;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.noVideoScreenOld .bgcolor .content.contentOnlyMode .explanation {
  font-size: 14px;
}
.noVideoScreenOld .bgcolor .content.audioOnlyMode {
  display: none;
  padding-top: 70px;
}
.noVideoScreenOld .bgcolor .content.audioOnlyMode .splashIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8923px;
  height: 64px;
  width: 64px;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.noVideoScreenOld .bgcolor .content.audioOnlyMode .explanation {
  font-size: 14px;
}
.noVideoScreenOld .bgcolor .content.oneParticipant {
  display: none;
}
.noVideoScreenOld .bgcolor .content.oneParticipant.de .contentBox .title,
.noVideoScreenOld .bgcolor .content.oneParticipant.es .contentBox .title,
.noVideoScreenOld .bgcolor .content.oneParticipant.fr .contentBox .title {
  font-size: 30px;
}
.noVideoScreenOld .bgcolor .content.oneParticipant.de .contentBox .inviteOptionDialog .title,
.noVideoScreenOld .bgcolor .content.oneParticipant.es .contentBox .inviteOptionDialog .title,
.noVideoScreenOld .bgcolor .content.oneParticipant.fr .contentBox .inviteOptionDialog .title {
  font-size: 20px;
}
.noVideoScreenOld .bgcolor .content.oneParticipant.de .contentBox .inviteOptionDialog button.startRecording,
.noVideoScreenOld .bgcolor .content.oneParticipant.es .contentBox .inviteOptionDialog button.startRecording {
  font-size: 13px;
}
.noVideoScreenOld .bgcolor .content.oneParticipant div.onlyModerator {
  display: none;
}
.noVideoScreenOld .bgcolor .content.oneParticipant div.nonModerator {
  display: block;
  text-align: center;
}
.noVideoScreenOld .bgcolor .content.oneParticipant div.nonModerator .bigDude {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10022px;
  width: 90px;
  height: 76px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
}
.noVideoScreenOld .bgcolor .content.oneParticipant div.nonModerator .nonModeratorMessage {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
}
.noVideoScreenOld .bgcolor .content.oneParticipant.moderator div.onlyModerator {
  display: block;
}
.noVideoScreenOld .bgcolor .content.oneParticipant.moderator div.nonModerator {
  display: none;
}
.noVideoScreenOld .bgcolor .content.multipleParticipants {
  height: 276px;
  top: 45%;
  margin-top: -138px;
}
.noVideoScreenOld .bgcolor .content .title {
  position: relative;
  width: 100%;
  font-size: 35px;
  text-align: center;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.noVideoScreenOld .bgcolor .content div.ruler {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.noVideoScreenOld .bgcolor .content div.contentBox {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.noVideoScreenOld .bgcolor .content div.inviteOptions {
  margin-top: 20px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptions button {
  height: 36px;
  width: 36px;
  background-color: transparent;
  border: none;
}
.noVideoScreenOld .bgcolor .content div.inviteOptions button.inviteLink {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9452px;
  margin-right: 25px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptions button.inviteLink:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9053px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptions button.inviteMail {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9509px;
  margin-right: 25px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptions button.inviteMail:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7417px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptions button.startRecord {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10424px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptions button.startRecord:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10481px;
}
.noVideoScreenOld .bgcolor .content div.upArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10605px;
  height: 10px;
  width: 22px;
  margin-top: 5px;
  background-color: transparent;
  border: none;
  top: 1px;
}
.noVideoScreenOld .bgcolor .content div.upArrow.linkOption {
  position: relative;
}
.noVideoScreenOld .bgcolor .content div.upArrow.linkOption.withRecord {
  left: 175px;
}
.noVideoScreenOld .bgcolor .content div.upArrow.linkOption.withoutRecord {
  left: 194px;
}
.noVideoScreenOld .bgcolor .content div.upArrow.emailOption {
  position: relative;
}
.noVideoScreenOld .bgcolor .content div.upArrow.emailOption.withRecord {
  left: 237px;
}
.noVideoScreenOld .bgcolor .content div.upArrow.emailOption.withoutRecord {
  left: 256px;
}
.noVideoScreenOld .bgcolor .content div.upArrow.recordOption {
  position: relative;
  left: 299px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog {
  border: 1px solid #878787;
  padding: 30px 50px;
  text-align: left;
  background-color: #555555;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .title,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .title {
  text-align: left;
  font-size: 25px;
  margin-bottom: 10px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .subtitle,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .subtitle {
  color: #878787;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .subtitle.successes,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .subtitle.successes,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .subtitle.errors,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .subtitle.errors {
  color: #ffffff;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .text,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .text {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 0px 2px 3px inset rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 3px inset rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 3px inset rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: white;
  border: none;
  font-size: 14px;
  margin-bottom: 8px;
  margin-right: 10px;
  padding: 8px;
  width: 75%;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .meetingUrlCopy,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .meetingUrlCopy,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .emailLinkCopy,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .emailLinkCopy {
  position: relative;
  display: inline;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .meetingUrlCopy button.copyLink,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .meetingUrlCopy button.copyLink,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .emailLinkCopy button.copyLink,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .emailLinkCopy button.copyLink,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .meetingUrlCopy button.emailLink,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .meetingUrlCopy button.emailLink,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteLinkDialog .emailLinkCopy button.emailLink,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.inviteMailDialog .emailLinkCopy button.emailLink {
  width: 20%;
  height: 32px;
  background-color: #1286d4;
  color: white;
  font-size: 12px;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.startRecordingDialog {
  padding: 31px 50px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.startRecordingDialog .title {
  text-align: left;
  font-size: 25px;
  margin-bottom: 9px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.startRecordingDialog .subtitle {
  display: inline-block;
  width: 60%;
  font-size: 15px;
  margin-bottom: 10px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.startRecordingDialog .subtitle.successes,
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.startRecordingDialog .subtitle.errors {
  color: #ffffff;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.startRecordingDialog .subtitle > .imp {
  color: #ffffff;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.startRecordingDialog button.startRecording {
  width: 40%;
  height: 32px;
  background-color: #B23937;
  color: white;
  font-size: 12px;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
.noVideoScreenOld .bgcolor .content div.inviteOptionDialog.startRecordingDialog button.startRecording.unavailable {
  background-color: #FBFBFB;
  color: #AAAAAA;
}
.noVideoScreenOld .bgcolor .content div.nobodyToMeet {
  margin-top: 30px;
  color: #878787;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.noVideoScreenOld .bgcolor .content div.nobodyToMeet .subtitle {
  margin-bottom: 10px;
}
.noVideoScreenOld .bgcolor .content div.nobodyToMeet a {
  margin: 0px 20px;
}
.noVideoScreenOld .bgcolor .content .bigDudeContainer {
  width: 206px;
  height: 176px;
  position: absolute;
  top: 30px;
}
.noVideoScreenOld .bgcolor .content .bigDudeContainer .bigDude {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10123px;
  width: 90px;
  height: 76px;
  top: 30px;
  left: 30px;
  position: absolute;
  margin-bottom: 30px;
}
.noVideoScreenOld .bgcolor .content .bigDudeContainer .bigDude.speaking {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10224px;
}
.noVideoScreenOld .bgcolor .content .bigDudeContainer .speakerLabel {
  bottom: 16px;
  position: absolute;
  width: 100%px;
  height: 40px;
  font-weight: bold;
  color: #1286d4;
  font-size: 12px;
  width: 150px;
  left: 0px;
  text-align: center;
  overflow: hidden;
  display: none;
}
.noVideoScreenOld .bgcolor .content .bigDudeContainer .speakerLabel.speaking {
  display: block;
}
.noVideoScreenOld .bgcolor .content .smallDudes {
  width: 264px;
  height: 176px;
  right: 30px;
  top: 15px;
  position: absolute;
}
.noVideoScreenOld .bgcolor .content .smallDudes .dude {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10325px;
  width: 24px;
  height: 24px;
  margin: 10px;
  float: left;
}
.noVideoScreenOld .bgcolor .content .message {
  height: 40px;
  padding-top: 20px;
  width: 500px;
  color: #878787;
  border-top: 1px solid #878787;
  text-transform: uppercase;
  position: absolute;
  bottom: 0px;
  font-weight: bold;
  font-size: 13px;
}
.noVideoScreenOld .bgcolor .content button.share {
  margin-top: 10px;
  font-size: 16px;
}
.noVideoScreenOld .bgcolor .content button.share div {
  display: inline-block;
}
.noVideoScreenOld .bgcolor .content button.share div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10374px;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.noVideoScreenOld .bgcolor .content button.share div.label {
  vertical-align: top;
  padding-top: 4px;
}
.noVideoScreenOld .bgcolor .content button.share.sharing {
  margin-top: 10px;
  font-size: 16px;
}
.noVideoScreenOld .bgcolor .content button.share.sharing div {
  display: inline-block;
}
.noVideoScreenOld .bgcolor .content button.share.sharing div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10374px;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.noVideoScreenOld .bgcolor .content button.share.sharing div.label {
  vertical-align: top;
  padding-top: 4px;
}
.noVideoScreenOld .bgcolor .smallMessage {
  width: 80%;
  height: 100%;
  top: 35%;
  margin-left: 10%;
  color: #878787;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
}
.noVideoScreenOld.small .content {
  display: none !important;
}
.noVideoScreenOld.small .content.oneParticipant {
  display: none !important;
}
.noVideoScreenOld.small .content.oneParticipant div {
  display: none;
}
.noVideoScreenOld.small .content.oneParticipant div.title {
  display: block;
  top: 120px;
  font-size: 30px;
}
.noVideoScreenOld.small .oneParticipant {
  display: none !important;
}
.noVideoScreenOld.tooSmall .smallMessage {
  top: 20%;
}
.noVideoScreenOld.tooSmall .content.oneParticipant div.title {
  width: 100px;
  font-size: 18px;
  margin-right: auto;
  margin-left: auto;
}
.noVideoScreenOld.medium .content div.nobodyToMeet {
  display: none;
}
.noVideoScreenOld.medium .content div.inviteOptions {
  margin-top: 10px;
}
.remoteView.dualStreamDisabled.sharingVideo .noVideoScreen,
.remoteView.dualStreamDisabled.receivingVideoSharing .noVideoScreen,
.remoteView.dualStreamDisabled.receivingPresentation .noVideoScreen {
  display: none !important;
}
.notifier {
  position: absolute;
  background-color: #303030;
  height: 56px;
  width: 100%;
  text-align: center;
  top: -56px;
  left: 0;
  overflow: hidden;
  /* &.mac {
		.notification .icon.screensharing {
			.sprite(screensharing-mac-button-large-white);
		}
	} */
}
.notifier .row {
  height: inherit;
  position: relative;
  width: 100%;
  background: #303030;
}
.notifier .row.notSecure {
  background-color: #ff6600;
}
.notifier .row.notSecure .title {
  color: white;
}
.notifier .row.green {
  background-color: #45b126;
}
.notifier .row.green div.buttons button.action.default {
  background-color: #FFF6EC;
  color: #1D6BDD;
}
.notifier .row.green div.buttons button.action.default:hover {
  background-image: none !important;
  background-color: #FFFFFF;
}
.notifier .row.green .title {
  color: white;
  font-weight: bold;
}
.notifier .row.orange {
  background-color: #f49326;
}
.notifier .row.orange div.buttons button.action.default {
  background-color: #FFF6EC;
  color: #1D6BDD;
}
.notifier .row.orange div.buttons button.action.default:hover {
  background-image: none !important;
  background-color: #FFFFFF;
}
.notifier .row.orange .title {
  color: white;
  font-weight: bold;
}
.notifier.long-banner {
  height: auto;
}
.notifier.long-banner .notification {
  display: block;
}
.notifier.long-banner .notification .textWrapper {
  display: block;
}
.notifier.long-banner .notification .textWrapper .title {
  font-size: 14px;
}
.notifier.long-banner .notification div.buttons {
  display: block;
}
.notifier.long-banner .notification div.buttons button.action {
  height: 24px;
}
.notifier.long-banner .notification div.buttons button.action.cancel {
  height: 40px;
  margin-top: 12px;
}
.notifier .notification {
  padding-right: 10px;
  padding-bottom: 5px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.notifier .notification .icon {
  padding-right: 6px;
  float: left;
  width: 32px;
  height: 32px;
  /* Pre-levi's, when things looked good
			&.audio-muted {
				.sprite(audio-mute-slash-button-large-orange);
			}

			&.audio-unmuted {
				.sprite(audio-mute-button-large-white);
			}

			&.video-disabled {
				.sprite(video-mute-slash-button-large-orange);
			}

			&.video-enabled {
				.sprite(video-mute-button-large-white);
			}

			&.participant-joined {
				.sprite(participant-joined);
			}

			&.participant-left {
				.sprite(participant-left);
			}
			&.devices {
				.sprite(preferences-button-large-white);
			}
			&.screensharing {
				.sprite(screensharing-windows-button-large-white);
			} */
}
.notifier .notification .icon.audio-muted {
  margin-top: 3px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8644px;
}
.notifier .notification .icon.audio-unmuted {
  margin-top: 3px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8694px;
}
.notifier .notification .icon.video-disabled {
  margin-top: 3px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10640px;
}
.notifier .notification .icon.video-enabled {
  margin-top: 3px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10690px;
}
.notifier .notification .icon.participant-joined {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10740px;
}
.notifier .notification .icon.participant-left {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10797px;
}
.notifier .notification .icon.devices {
  margin-top: 3px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10854px;
}
.notifier .notification .icon.videosharing {
  margin-top: 7px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10904px;
  padding-right: 0px;
}
.notifier .notification .icon.screensharing {
  margin-top: 3px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10374px;
}
.notifier .notification .icon.alert {
  margin-top: 6px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5288px;
}
.notifier .notification .icon.recording-enabled,
.notifier .notification .icon.recording-disabled {
  padding-right: 5px;
  width: 16px;
  height: 16px;
}
.notifier .notification .icon.recording-enabled {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10948px;
}
.notifier .notification .icon.recording-disabled {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10989px;
}
.notifier .notification div.textWrapper,
.notifier .notification div.iconWrapper {
  display: table-cell;
  vertical-align: middle;
}
.notifier .notification h1.title {
  font-size: 16px;
  padding: 0px;
  display: block;
  max-height: 37px;
  overflow: hidden;
}
.notifier .notification h1.title .smaller {
  font-size: 13px;
}
.notifier .notification.long-text .title {
  float: none;
  font-size: 15px;
}
.notifier .notification div.longText {
  margin: 0 auto;
  width: 75%;
  height: 50px;
  font-size: 13px;
  height: 32px;
  font-weight: bold;
  color: #ff5454;
}
.notifier .notification a.link {
  color: #1286d4;
  cursor: pointer;
  border-bottom: none;
}
.notifier .notification div.buttons {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
.notifier .notification button.action {
  background-color: #878787;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  height: 32px;
  margin-left: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
}
.notifier .notification button.action.hover {
  background-color: #c7c7c7;
  background-image: -webkit-linear-gradient(top, #c7c7c7, #878787);
  background-image: -moz-linear-gradient(top, #c7c7c7, #878787);
  background-image: -o-linear-gradient(top, #c7c7c7, #878787);
  background-image: -ms-linear-gradient(top, #c7c7c7, #878787);
  background-image: linear-gradient(top, #c7c7c7, #878787);
  background-color: #bababa;
}
.notifier .notification button.action.active {
  background-color: #c7c7c7;
  background-image: -webkit-linear-gradient(top, #c7c7c7, #878787);
  background-image: -moz-linear-gradient(top, #c7c7c7, #878787);
  background-image: -o-linear-gradient(top, #c7c7c7, #878787);
  background-image: -ms-linear-gradient(top, #c7c7c7, #878787);
  background-image: linear-gradient(top, #c7c7c7, #878787);
  background-color: #6e6e6e;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
.notifier .notification button.action div.button-icon {
  display: none;
  vertical-align: middle;
  display: inline-block;
}
.notifier .notification button.action div.button-icon.camera {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10690px;
  height: 25px;
  width: 25px;
}
.notifier .notification button.action div.button-icon.camera-muted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11030px;
  height: 25px;
  width: 25px;
}
.notifier .notification button.action div.button-icon.mic {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8694px;
  height: 25px;
  width: 25px;
}
.notifier .notification button.action div.button-icon.mic-muted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11080px;
  height: 25px;
  width: 25px;
}
.notifier .notification button.action div.button-icon.phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11130px;
  height: 25px;
  width: 25px;
}
.notifier .notification button.action div.label {
  display: inline-block;
  vertical-align: middle;
}
.notifier .notification button.action.default {
  background-color: #1286d4;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  height: 32px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
}
.notifier .notification button.action.default.hover {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #5bb5f1;
}
.notifier .notification button.action.default.active {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #0e68a5;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
.notifier .notification button.action.default:hover {
  background-image: none !important;
  background-color: #33A1F9;
}
.notifier .notification button.action.cancel {
  padding-left: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  margin: 8px 20px;
  border-radius: 4px;
  background-color: #303030;
}
.notifier .notification button.action.cancel .button-icon {
  width: 20px;
  height: 20px;
  background-size: 136px 15438px;
  background-position: 0px -8493px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .notifier .notification button.action.cancel .button-icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8443px;
}
.notifier .notification button.action.cancel:hover {
  background-color: #3838383;
  background-color: rgba(255, 255, 255, 0.04);
  background-image: none;
}
.notifier .notification button.action.cancel:active {
  background-color: #494949;
  background-color: rgba(255, 255, 255, 0.12);
  background-image: none;
  box-shadow: none;
}
.notifier .notification button.close {
  background-color: transparent;
  border: none;
  vertical-align: top;
  -o-transition: background-color 0.1s, opacity 0.2s;
  -moz-transition: background-color 0.1s, opacity 0.2s;
  -webkit-transition: background-color 0.1s, opacity 0.2s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  padding: 0 0;
  height: 16px;
  width: 16px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11180px;
  position: absolute;
  top: 9px;
  right: 9px;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.notifier .notification button.close.hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11221px;
  background-color: #cccccc;
  color: black;
}
.notifier .notification button.close.hover.enabled,
.notifier .notification button.close.active {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11180px;
  background-color: #1286d4;
  color: white;
}
.notifier .notification button.close.enabled {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11262px;
  background-color: transparent;
  color: #1286d4;
  /*text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);*/
}
.notifier .notification button.close[disabled].enabled {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11180px;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.notifier .notification button.close.active {
  margin-top: 1px;
  margin-bottom: -1px;
}
.notifier .notification button.close.hover,
.notifier .notification button.close.active {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.notifier .notification button.close.hover {
  background-color: #cccccc;
}
.notifier .notification button.close.hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11221px;
}
.notifier .notification button.close.active {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11180px;
}
.webrtc .notifier {
  height: 62px;
}
.webrtc .notifier .notification button.close {
  width: 23px;
  height: 23px;
  background-size: 136px 15438px;
  background-position: 0px -8538px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin: 10px;
}
.no-svg .webrtc .notifier .notification button.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8488px;
}
.nthFullScreen {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  position: absolute;
  z-index: 36;
  background-color: #303030;
  display: none;
  top: 0px;
  min-height: 650px;
}
.nthFullScreen .bgcolor {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #414141;
  z-index: 3;
}
.nthFullScreen .bgcolor .content.launchedScreen {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
}
.nthFullScreen .bgcolor .title {
  text-align: center;
  font-size: 40px;
  line-height: 40px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.nthFullScreen .bgcolor .content {
  z-index: 4;
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background-color: #414141;
  color: #cccccc;
  text-align: center;
}
.nthFullScreen .bgcolor .content .backgroundCover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #222c3c;
  filter: alpha(opacity=40);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  z-index: 1;
}
.nthFullScreen .bgcolor .content > .joinWithBrowser {
  display: none;
  position: absolute;
  bottom: 66px;
  left: 0;
  right: 0;
  margin: auto;
}
.nthFullScreen .bgcolor .content > .joinWithBrowser div.joinWithBrowserText {
  display: inline-block;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.renders-fonts-thin .nthFullScreen .bgcolor .content > .joinWithBrowser div.joinWithBrowserText {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.nthFullScreen .bgcolor .content > .joinWithBrowser a.joinWithBrowserLink {
  margin-left: 15px;
  display: inline-block;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.nthFullScreen .bgcolor .content > .joinWithBrowser a.joinWithBrowserLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.nthFullScreen .bgcolor .content > .joinWithBrowser a.joinWithBrowserLink:focus {
  border-bottom: none;
}
.nthFullScreen .bgcolor .content > .joinWithBrowser a.joinWithBrowserLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.nthFullScreen .bgcolor .content > .joinWithBrowser a.joinWithBrowserLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.nthFullScreen .bgcolor .content .helpInfo {
  height: auto;
  width: auto;
  position: absolute;
  right: 32px;
  bottom: 17px;
  text-align: right;
  z-index: 10;
}
.nthFullScreen .bgcolor .content .helpInfo .helpLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.nthFullScreen .bgcolor .content .helpInfo .helpLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.nthFullScreen .bgcolor .content .helpInfo .helpLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.nthFullScreen .bgcolor .content .helpInfo .helpLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.nthFullScreen .bgcolor .content .helpInfo .helpLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.nthFullScreen .bgcolor .content .helpInfo .helpLink:focus {
  border-bottom: none;
  outline: 4px solid #ff9700;
}
.nthFullScreen .bgcolor .content .helpInfo .helpNumber {
  size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  margin-top: 8px;
}
.nthFullScreen .bgcolor .content .helpInfo .helpPhone {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  margin-top: 5px;
}
.nthFullScreen .bgcolor .content div.corporateInformation {
  bottom: 18px;
  left: 0;
  position: absolute;
  z-index: 10;
  text-align: center;
  right: 0;
}
.nthFullScreen .bgcolor .content div.corporateInformation div.logoContainer {
  position: absolute;
  left: 30px;
}
.nthFullScreen .bgcolor .content div.corporateInformation div.logoContainer div.logo {
  background-image: url("images/BJN_logo_76x18_svg.svg");
  width: 78px;
  height: 18px;
  background-repeat: no-repeat;
}
.nthFullScreen .bgcolor .content div.corporateInformation div.logoContainer img.logo {
  max-height: 18px;
}
.nthFullScreen .bgcolor .content div.corporateInformation div.privacyPolicyContainer div.privacyText {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
}
.nthFullScreen .bgcolor .content div.corporateInformation div.privacyPolicyContainer a.privacyLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #FFFFFF;
  color: #ffffff;
  opacity: 0.8;
  display: inline-block;
  margin-left: 2px;
  padding: 3px 4px;
}
.nthFullScreen .bgcolor .content div.corporateInformation div.privacyPolicyContainer a.privacyLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.nthFullScreen .bgcolor .content div.corporateInformation div.privacyPolicyContainer a.privacyLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.nthFullScreen .bgcolor .content div.corporateInformation div.privacyPolicyContainer a.privacyLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.nthFullScreen .bgcolor .content div.corporateInformation div.privacyPolicyContainer a.privacyLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.nthFullScreen .bgcolor .content div.corporateInformation div.privacyPolicyContainer a.privacyLink:focus {
  border-bottom: none;
  outline: 4px solid #ff9700;
}
.nthFullScreen .bgcolor .content .splashBody {
  position: relative;
  z-index: 2;
}
.nthFullScreen .bgcolor .content > .splashBody {
  width: 509px;
}
.nthFullScreen .bgcolor .content .protocolMsg,
.nthFullScreen .bgcolor .content .rememberMsg {
  margin-top: 30px;
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
  text-align: left;
  line-height: 28px;
}
.nthFullScreen .bgcolor .content .protocolMsg span,
.nthFullScreen .bgcolor .content .rememberMsg span {
  font-size: 18px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
}
.nthFullScreen .bgcolor .content .rememberMsg {
  margin-top: 16px;
}
.nthFullScreen .bgcolor .content .nthFullScreenCoaching {
  margin-top: 22px;
  height: 132px;
  max-width: 479px;
}
.nthFullScreen .bgcolor .content .nthFullScreenCoaching.chrome {
  margin-top: 12px;
  height: 160px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 33px -11303px;
}
.nthFullScreen .bgcolor .content .nthFullScreenCoaching.chrome.windows {
  margin-top: 12px;
  height: 160px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 33px -11488px;
}
.nthFullScreen .bgcolor .content .nthFullScreenCoaching.edge {
  height: 150px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 122px -11692px;
}
.nthFullScreen .bgcolor .content .nthFullScreenCoaching.firefox {
  height: 170px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 125px -11839px;
}
.nthFullScreen .bgcolor .content .nthFullScreenCoaching.ie {
  height: 150px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 122px -12051px;
}
.nthFullScreen .bgcolor .content .nthFullScreenCoaching.safari {
  height: 85px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 125px -12254px;
}
.nthFullScreen .bgcolor .content .nthFullScreenCoaching.opera {
  height: 152px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 80px -12361px;
}
.nthFullScreen .bgcolor .content .safariAllowPopupCoachingText {
  width: 440px;
  margin: auto;
}
.nthFullScreen .bgcolor .content .safariAllowPopupCoachingText .safariAllowPopupCoachingTextContainer {
  margin: 12px 32px;
}
.nthFullScreen .bgcolor .content .safariAllowPopupCoachingText .safari10CoachingTextAllow {
  font-weight: bold;
}
.nthFullScreen .bgcolor .content .messageContainer.safari10AndAbove {
  margin-top: 200px;
}
.nthFullScreen .bgcolor .content .messageContainer.safari10AndAbove .appHolder {
  margin-top: 32px;
}
.nthFullScreen .bgcolor .content .launchButton {
  margin-top: 32px;
}
.nthFullScreen .bgcolor .content .launchButton .launchBjnLink.ie8 {
  padding: 10px 20px;
  color: #FFF;
  border-radius: 40px;
  border: 1px solid #FFF;
  background-color: transparent;
  text-decoration: none;
}
.nthFullScreen .bgcolor .content .launchButton .launchBjnLink.ie8:hover {
  background-color: #7798C8;
}
.nthFullScreen .bgcolor .content .launchButton .launchBjnLink.ie8:active {
  background-color: #91ACD3;
}
.nthFullScreen .bgcolor .content .messageContainer {
  margin-top: 27px;
}
.nthFullScreen .bgcolor .content .messageContainer span {
  font-size: 18px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ffffff;
}
.nthFullScreen .bgcolor .content .messageContainer span.ie {
  color: #FFFFFF;
}
.nthFullScreen .bgcolor .content .messageContainer a {
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.nthFullScreen .bgcolor .content .messageContainer a:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.nthFullScreen .bgcolor .content .messageContainer a:focus {
  border-bottom: none;
}
.nthFullScreen .bgcolor .content .messageContainer a:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
  border-bottom: none;
}
.nthFullScreen .bgcolor .content .messageContainer a.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.nthFullScreen .bgcolor .content .messageContainer a.ie {
  border-bottom: 2px solid #9B9B9B;
}
.nthFullScreen .bgcolor .content .messageContainer .appHolder,
.nthFullScreen .bgcolor .content .messageContainer .browserHolder {
  margin-top: 16px;
}
.nthFullScreen .nthTimeContainer a:focus {
  outline: 4px solid #ff9700;
}
.nthFullScreen .nthTimeContainer.safari .title {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.nthFullScreen .nthTimeContainer.safari .protocolMsg,
.nthFullScreen .nthTimeContainer.safari .rememberMsg {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.nthFullScreen .nthTimeContainer.safari .messageContainer span,
.nthFullScreen .nthTimeContainer.safari .messageContainer a {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.nthFullScreen .nthTimeContainer.ie8 .title {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.nthFullScreen .nthTimeContainer.ie8 .protocolMsg,
.nthFullScreen .nthTimeContainer.ie8 .rememberMsg {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.nthFullScreen .nthTimeContainer.ie8 .messageContainer span,
.nthFullScreen .nthTimeContainer.ie8 .messageContainer a {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.nthFullScreen .nthTimeContainer.edge .protocolMsg {
  text-align: center;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper {
  vertical-align: middle;
  display: inline-block;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper {
  width: 100%;
  vertical-align: middle;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.title {
  padding-bottom: 32px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 28px;
  color: rgba(255, 255, 255, 0.8);
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.title .titleText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.title.videoHide {
  padding-bottom: 86px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.title.noModeratorTitle {
  display: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper {
  display: none;
  margin: auto;
  position: absolute;
  top: 35%;
  left: 35%;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper iframe.shim {
  z-index: 2;
  left: 0;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting {
  border: #777777 solid 1px;
  background-color: white;
  z-index: 5;
  position: relative;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting div.leaveMeetingTitle {
  display: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .closeBtnOuter {
  text-align: right;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .closeBtnOuter .leaveCloseBox {
  display: inline-block;
  margin: 10px 10px 0 0;
  border-radius: 25px;
  cursor: pointer;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .closeBtnOuter .leaveCloseBox button.leaveClose {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9012px;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: none;
  margin: 10px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .closeBtnOuter .leaveCloseBox:hover {
  background-color: #246E9F;
  background-color: rgba(0, 0, 0, 0.08);
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .closeBtnOuter .leaveCloseBox:active {
  background-color: #4A8DB9;
  background-color: rgba(255, 255, 255, 0.16);
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMsg {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 22px;
  width: 362px;
  margin: auto;
  padding: 0 0 32px 0;
  color: white;
  line-height: 31px;
  text-align: left;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveBtnBox {
  padding-bottom: 32px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveBtnBox button {
  font-family: 'ProximaNova', 'Arial', Helvetica, sans-serif;
  color: white;
  border-radius: 2px;
  min-width: 175px;
  text-transform: uppercase;
  -o-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveBtnBox button.leaveCancel {
  padding: 15px 10px 11px 10px;
  margin-right: 12px;
  background-color: transparent;
  border: 1px solid;
  border-color: #216490;
  border-color: rgba(0, 0, 0, 0.16);
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveBtnBox button.leaveCancel:hover {
  border-color: #1E5B83;
  border-color: rgba(0, 0, 0, 0.24);
  background-color: #246E9F;
  background-color: rgba(0, 0, 0, 0.08);
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveBtnBox button.leaveCancel:active {
  background-color: #4A8DB9;
  background-color: rgba(255, 255, 255, 0.16);
  border: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveBtnBox button.leaveOk {
  padding: 16px 10px 12px 10px;
  background-color: #216490;
  background-color: rgba(0, 0, 0, 0.16);
  border: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveBtnBox button.leaveOk:hover {
  background-color: #1E5B83;
  background-color: rgba(0, 0, 0, 0.24);
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveBtnBox button.leaveOk:active {
  background-color: #4A8DB9;
  background-color: rgba(255, 255, 255, 0.16);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting {
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  width: 420px;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent {
  padding: 24px;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent div.leaveMeetingTitle {
  display: block;
  font: 24px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rbga(0, 0, 0, 0.8);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .closeBtnOuter {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveMsg {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 22px;
  color: #333;
  color: rbga(0, 0, 0, 0.8);
  margin-top: 32px;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox {
  padding-bottom: 0px;
  display: inline-block;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button {
  display: inline-block !important;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 16px;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel .turnOffOutlineForClick {
  outline: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel div.icon {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:hover,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid div {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid:hover,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid:active,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid:focus,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid:disabled,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.disabled,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.disabled:hover,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:disabled:hover,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.disabled:active,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:disabled:active,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel.disabled:focus,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveCancel:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk .turnOffOutlineForClick {
  outline: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk div.icon {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:hover,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.hovered {
  background-color: #4182e2;
  border: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.disabled,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.disabled:hover,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:disabled:hover,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.disabled:active,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:disabled:active,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.disabled:focus,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid div {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid:hover,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid:active,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid:focus,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid:disabled,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading div {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading:hover,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading:active,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading:focus,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading:disabled,
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading.no-svg {
  background-color: #1D6BDD !important;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading.no-svg div {
  display: none;
}
.jf3 .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.leaveMeetingWrapper div.leaveMeeting .leaveMeetingContent .leaveBtnBox button.leaveOk.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper {
  padding-bottom: 28px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant {
  width: 560px;
  height: 315px;
  max-height: 44vh;
  max-width: 78vh;
  background-color: black;
  display: inline-block;
  position: relative;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant object,
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant video {
  width: 100%;
  height: 100%;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant video {
  display: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator {
  height: 18px;
  width: 100%;
  position: relative;
  top: -18px;
  display: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality {
  float: right;
  display: inline-block;
  padding: 0 6px 6px 0;
  background: transparent;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality1 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8586px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality1 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8536px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality2 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8623px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality2 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8573px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality3 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8660px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality3 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8610px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality4 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8697px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality4 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8647px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality5 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8734px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .selfViewNetworkIndicator span.networkQuality5 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8684px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message {
  position: absolute;
  width: 100%;
  top: 30%;
  left: 0;
  right: 0;
  border: 0;
  display: none;
  z-index: 3;
  color: #cccccc;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message .icon {
  position: relative;
  margin: 1px auto;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message .text {
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.cameraMute .icon,
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.cameraMuteRemote .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5787px;
  margin-top: 49px;
  width: 48px;
  height: 48px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.cameraMute .text,
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.cameraMuteRemote .text {
  margin-bottom: 6px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.cameraMute .subText,
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.cameraMuteRemote .subText {
  margin: 0px auto;
  text-align: center;
  font-size: 13px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.cameraNone .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.cameraTaken .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.webrtcPermissionsDenied {
  text-align: center;
  font-size: 15px;
  color: yellow;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.webrtcPermissionsDenied .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.webrtcPermissionsDenied .text {
  margin-top: 10px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.webrtcPermissionsDenied .helper {
  margin-top: 10px;
  font-size: 13px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.webrtcPermissionsDenied .chromeCameraIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5860px;
  width: 150px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper div.placeholderLocalOneParticipant .message.screenSharing .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5936px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.placeholderLocalOneParticipantWrapper.videoHide {
  position: absolute;
  visibility: hidden;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv {
  min-width: 380px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .subtitle {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  padding: 16px 0;
  font-size: 18px;
  color: #FFFFFF;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .talkToExpert {
  cursor: pointer;
  width: 570px;
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .talkToExpert:hover {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.48);
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .talkToExpert button.talkToExpertLink {
  color: #ffffff;
  border: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  background: transparent;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  padding: 6px;
  width: 100%;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .talkToExpert button.talkToExpertLink:before {
  content: '';
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12537px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 33px;
  height: 34px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox {
  position: relative;
  margin-bottom: 20px;
  display: inline-block;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .inputBox {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 0;
  z-index: 1;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .inputBox div.iconBox {
  display: inline-block;
  background-color: white;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  height: 52px;
  width: 50px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .inputBox div.iconBox span.linkIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7367px;
  width: 25px;
  height: 25px;
  margin: 11px;
  display: inline-block;
  margin: 14px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .inputBox div.iconBox span.mailIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7417px;
  width: 32px;
  height: 32px;
  margin: 10px;
  display: inline-block;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .inputBox input.text {
  margin: 0;
  border: none;
  font-size: 20px;
  height: 52px;
  padding: 0;
  line-height: 52px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  width: 440px;
  max-width: 45vw;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .inputBox .meetingUrlCopy {
  position: relative;
  display: inline-block;
  background-color: #0099F7;
  height: 52px;
  vertical-align: top;
  border-radius: 2px 0 0 2px;
  min-width: 80px;
  font-size: 16px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 52px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .inputBox .meetingUrlCopy button.copyLink.copy {
  background-color: transparent;
  border: none;
  color: white;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  text-transform: uppercase;
  width: 100%;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .msgBox {
  display: none;
  height: 52px;
  width: 600px;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .msgBox.successBox {
  background-color: #169bf4;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .msgBox.errorBox {
  background-color: #eb3030;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .msgBox.errorBox.shake {
  -webkit-animation: shake 300ms linear;
  animation: shake 300ms linear;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .msgBox .msgContainer {
  text-align: center;
  line-height: 52px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .msgBox .msgContainer .icon {
  height: 32px;
  width: 32px;
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 6px;
  vertical-align: middle;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .msgBox .msgContainer .icon.check {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8037px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .msgBox .msgContainer .icon.error {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8094px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .linkBox .msgBox .msgContainer .msgText {
  display: inline-block;
  color: white;
  font-size: 20px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .OneParticipantScreenWrapper div.OneParticipantShareOptionsDiv .openEmailDialog {
  position: relative;
  min-width: 80px;
  display: inline-block;
  background-color: #0099F7;
  height: 52px;
  vertical-align: top;
  border: none;
  font-size: 16px;
  font-family: 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 52px;
  text-transform: uppercase;
  margin-left: 20px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen .moderatorLoginLink {
  display: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen div.OneParticipantScreenWrapper.noModerator div.title {
  display: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen div.OneParticipantScreenWrapper.noModerator div.title.noModeratorTitle {
  display: inherit;
  padding-bottom: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 28px;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen div.OneParticipantScreenWrapper.noModerator div.title.noModeratorTitle.titleText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen div.OneParticipantScreenWrapper.noModerator div.moderatorLoginLink {
  display: inherit;
  margin-bottom: 16px;
  padding: 4px;
  color: #FFFFFF;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 18px;
  cursor: pointer;
  border-bottom: 2px solid;
  border-bottom-color: #9B9B9B;
  border-bottom-color: rgba(255, 255, 255, 0.48);
  text-transform: uppercase;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen div.OneParticipantScreenWrapper.noModerator div.moderatorLoginLink:hover {
  background-color: #7798C8;
  background-color: rgba(255, 255, 255, 0.16);
  margin-bottom: 18px;
  border-bottom: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen div.OneParticipantScreenWrapper.noModerator div.moderatorLoginLink:active {
  background-color: #91ACD3;
  background-color: rgba(255, 255, 255, 0.32);
  margin-bottom: 18px;
  border-bottom: none;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen div.OneParticipantScreenWrapper.noModerator div.moderatorLoginLink:focus {
  outline: 4px solid #ff9700;
}
.noVideoScreenNew .bgcolor .oneParticipantScreen div.OneParticipantScreenWrapper.noModerator div.OneParticipantShareOptionsDiv {
  display: none;
}
.overflowScreen {
  display: none;
  text-align: center;
  font: 14px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  position: absolute;
  z-index: 36;
  width: 100%;
  height: 100%;
}
.overflowScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.overflowScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.overflowScreen .splashBody {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  height: 178px;
}
.overflowScreen .splashBody .overflowHead {
  color: #FFFFFF;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 28px;
}
.overflowScreen .splashBody div.spinner {
  background-size: 136px 15438px;
  background-position: 0px -1964px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  height: 64px;
  width: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
.no-svg .overflowScreen .splashBody div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1956px;
}
.overflowScreen .splashBody .repairLogo {
  width: 133px;
  height: 160px;
  background-size: 136px 15438px;
  background-position: 0px -8771px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}
.no-svg .overflowScreen .splashBody .repairLogo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8721px;
}
.overflowScreen .splashBody .countdown {
  position: relative;
  top: -78px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 26px;
  color: #FFFFFF;
}
.overflowScreen .splashBody .waitingMessage,
.overflowScreen .splashBody .statusMessage {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
}
.overflowScreen .splashBody .statusMessage {
  margin-top: 20px;
  margin-bottom: 60px;
}
.overflowScreen .splashBody .statusMessage .statusLink {
  text-decoration: underline;
  color: #FFFFFF;
}
.overflowScreen .splashBody .bodyPane.reccommendation {
  width: 735px;
}
div.pairRoomSystemPanel {
  background-color: #F2F2F2;
}
div.pairRoomSystemPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.pairRoomSystemPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.pairRoomSystemPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.pairRoomSystemPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.pairRoomSystemPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.pairRoomSystemPanel .scrollbar-container {
  right: 3px;
}
div.pairRoomSystemPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.pairRoomSystemPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.pairRoomSystemPanel div.title,
.lang-es div.pairRoomSystemPanel div.title,
.lang-de div.pairRoomSystemPanel div.title {
  font-size: 18px;
}
div.pairRoomSystemPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.pairRoomSystemPanel div.back:hover,
div.pairRoomSystemPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.pairRoomSystemPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.pairRoomSystemPanel div.close,
div.pairRoomSystemPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.pairRoomSystemPanel div.close:hover,
div.pairRoomSystemPanel div.closeDialog:hover,
div.pairRoomSystemPanel div.close:focus,
div.pairRoomSystemPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.pairRoomSystemPanel div.close:active,
div.pairRoomSystemPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.pairRoomSystemPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.pairRoomSystemPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.pairRoomSystemPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.pairRoomSystemPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.pairRoomSystemPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.pairRoomSystemPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.pairRoomSystemPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.pairRoomSystemPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.pairRoomSystemPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.pairRoomSystemPanel div.dialog button.accept div.icon {
  display: none;
}
div.pairRoomSystemPanel div.dialog button.accept:hover,
div.pairRoomSystemPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.pairRoomSystemPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.pairRoomSystemPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.pairRoomSystemPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.pairRoomSystemPanel div.dialog button.accept.disabled,
div.pairRoomSystemPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.pairRoomSystemPanel div.dialog button.accept.disabled:hover,
div.pairRoomSystemPanel div.dialog button.accept:disabled:hover,
div.pairRoomSystemPanel div.dialog button.accept.disabled:active,
div.pairRoomSystemPanel div.dialog button.accept:disabled:active,
div.pairRoomSystemPanel div.dialog button.accept.disabled:focus,
div.pairRoomSystemPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.pairRoomSystemPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.pairRoomSystemPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.dialog button.accept.invalid div {
  display: none;
}
div.pairRoomSystemPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.pairRoomSystemPanel div.dialog button.accept.invalid:hover,
div.pairRoomSystemPanel div.dialog button.accept.invalid:active,
div.pairRoomSystemPanel div.dialog button.accept.invalid:focus,
div.pairRoomSystemPanel div.dialog button.accept.invalid:disabled,
div.pairRoomSystemPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.pairRoomSystemPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.pairRoomSystemPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.dialog button.accept.loading div {
  display: none;
}
div.pairRoomSystemPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.pairRoomSystemPanel div.dialog button.accept.loading:hover,
div.pairRoomSystemPanel div.dialog button.accept.loading:active,
div.pairRoomSystemPanel div.dialog button.accept.loading:focus,
div.pairRoomSystemPanel div.dialog button.accept.loading:disabled,
div.pairRoomSystemPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.pairRoomSystemPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.pairRoomSystemPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.pairRoomSystemPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.pairRoomSystemPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red:hover,
div.pairRoomSystemPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.pairRoomSystemPanel div.dialog button.accept.red.disabled,
div.pairRoomSystemPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red.disabled:hover,
div.pairRoomSystemPanel div.dialog button.accept.red:disabled:hover,
div.pairRoomSystemPanel div.dialog button.accept.red.disabled:active,
div.pairRoomSystemPanel div.dialog button.accept.red:disabled:active,
div.pairRoomSystemPanel div.dialog button.accept.red.disabled:focus,
div.pairRoomSystemPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.pairRoomSystemPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.pairRoomSystemPanel div.dialog button.accept.red.invalid:hover,
div.pairRoomSystemPanel div.dialog button.accept.red.invalid:active,
div.pairRoomSystemPanel div.dialog button.accept.red.invalid:focus,
div.pairRoomSystemPanel div.dialog button.accept.red.invalid:disabled,
div.pairRoomSystemPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.pairRoomSystemPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.pairRoomSystemPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.pairRoomSystemPanel div.dialog button.accept.red.loading:hover,
div.pairRoomSystemPanel div.dialog button.accept.red.loading:active,
div.pairRoomSystemPanel div.dialog button.accept.red.loading:focus,
div.pairRoomSystemPanel div.dialog button.accept.red.loading:disabled,
div.pairRoomSystemPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.pairRoomSystemPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.pairRoomSystemPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.pairRoomSystemPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.pairRoomSystemPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.pairRoomSystemPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.pairRoomSystemPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.pairRoomSystemPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.pairRoomSystemPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.pairRoomSystemPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.pairRoomSystemPanel div.banner {
  display: none;
  width: 100%;
  background-color: #9E0D0D;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
div.pairRoomSystemPanel div.banner.pairingBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  text-align: left;
  position: relative;
  background-color: transparent;
  display: block;
}
div.pairRoomSystemPanel div.banner.pairingBanner span.switch {
  line-height: 18px;
  padding: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  background-color: #FF9700;
  font-size: 14px;
  color: #FFF;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow-wrap: break-word;
  display: inline-block;
  width: 324px;
  text-align: left;
}
.lang-fr div.pairRoomSystemPanel div.title,
.lang-es div.pairRoomSystemPanel div.title,
.lang-de div.pairRoomSystemPanel div.title {
  font-size: 16px;
}
.lang-fr div.pairRoomSystemPanel div.step.pairingCode div.pairingCodeWidget .textBox,
.lang-es div.pairRoomSystemPanel div.step.pairingCode div.pairingCodeWidget .textBox,
.lang-de div.pairRoomSystemPanel div.step.pairingCode div.pairingCodeWidget .textBox {
  width: 47px;
}
.lang-fr div.pairRoomSystemPanel div.accessLinks,
.lang-es div.pairRoomSystemPanel div.accessLinks,
.lang-de div.pairRoomSystemPanel div.accessLinks {
  width: auto;
}
.lang-fr div.pairRoomSystemPanel div.pairHolder button.pair,
.lang-es div.pairRoomSystemPanel div.pairHolder button.pair,
.lang-de div.pairRoomSystemPanel div.pairHolder button.pair {
  font-size: 12px;
}
div.pairRoomSystemPanel div.preferenceConnectionText {
  font-size: 14px;
}
div.pairRoomSystemPanel div.step {
  padding-top: 0px;
  position: relative;
}
div.pairRoomSystemPanel div.step div.number {
  position: absolute;
  top: -2px;
  left: -36px;
  width: 24px;
  margin-left: 0px;
  text-align: center;
  color: rgba(0, 0, 0, 0.16);
  font-size: 28px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  line-height: 30px;
}
div.pairRoomSystemPanel div.step.dialip div.text {
  margin-bottom: 12px;
}
div.pairRoomSystemPanel div.step.dialip div.ip {
  padding-top: 10px;
  padding-bottom: 11px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 24px;
}
div.pairRoomSystemPanel div.step.dialip div.ip span.ipdot {
  padding-left: 5px;
  padding-right: 5px;
  color: rgba(0, 0, 0, 0.32);
}
div.pairRoomSystemPanel div.step.pairingCode {
  margin-top: 46px;
}
div.pairRoomSystemPanel div.step.pairingCode div.text {
  margin-bottom: 12px;
}
div.pairRoomSystemPanel div.step.pairingCode div.roomSystemImage {
  background-size: 136px 15438px;
  background-position: 0px -8956px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 136px;
  height: 102px;
}
.no-svg div.pairRoomSystemPanel div.step.pairingCode div.roomSystemImage {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8906px;
}
div.pairRoomSystemPanel div.step.pairingCode div.roomSystemImage.showMeetingInfo {
  width: 136px;
  height: 102px;
  background-size: 136px 15438px;
  background-position: 0px -9083px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.pairRoomSystemPanel div.step.pairingCode div.roomSystemImage.showMeetingInfo {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9033px;
}
div.pairRoomSystemPanel div.step.pairingCode div.pairingCodeWidget {
  margin-left: auto;
  margin-right: auto;
}
div.pairRoomSystemPanel div.step.pairingCode div.pairingCodeWidget.shake {
  -webkit-animation: shake 300ms linear;
  animation: shake 300ms linear;
}
div.pairRoomSystemPanel div.step.pairingCode div.pairingCodeWidget .textBox {
  box-sizing: border-box;
  margin-left: 5px;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #dcdcdc;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 24px;
}
div.pairRoomSystemPanel div.step.pairingCode div.pairingCodeWidget .textBox:first-child {
  margin-left: 0px;
}
div.pairRoomSystemPanel div.step.pairingCode div.pairingCodeWidget .textBox:focus {
  border: 2px solid #FF9700;
  outline: none !important;
}
div.pairRoomSystemPanel div.step.pairingCode div.pairingCodeWidget .textBox.invalid {
  border: 2px solid #DF0E0E;
}
div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo {
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.meetingId div.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -9210px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  vertical-align: top;
}
.no-svg div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.meetingId div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9160px;
}
div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.meetingId div.idInfo {
  margin-left: 8px;
  margin-bottom: 8px;
  display: inline-block;
}
div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.meetingId div.idInfo div.meetingIdTitle {
  display: block;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 2px;
  margin-top: 2px;
}
div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.meetingId div.idInfo div.meetingId {
  display: block;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 24px;
}
div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.passcode div.passcodeId div.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -9259px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  vertical-align: top;
}
.no-svg div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.passcode div.passcodeId div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9209px;
}
div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.passcode div.passcodeId div.idInfo {
  margin-left: 8px;
  display: inline-block;
}
div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.passcode div.passcodeId div.idInfo div.passcodeIdTitle {
  display: block;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.pairRoomSystemPanel div.step.pairingCode div.meetingInfo div.passcode div.passcodeId div.idInfo div.passcodeId {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 24px;
  display: block;
}
div.pairRoomSystemPanel div.spacer {
  /*min-height: 24px;*/
  max-height: 48px;
}
div.pairRoomSystemPanel div.directions {
  margin-bottom: 20px;
}
div.pairRoomSystemPanel div.accessLinks {
  text-align: center;
  width: 147px;
  margin-left: auto;
  margin-right: auto;
}
div.pairRoomSystemPanel div.accessLinks a {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  color: #1D6BDD;
  border: none;
  display: none;
}
div.pairRoomSystemPanel div.accessLinks a:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.pairRoomSystemPanel div.accessLinks a:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.pairRoomSystemPanel div.accessLinks a:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.pairRoomSystemPanel div.accessLinks a.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.pairRoomSystemPanel div.accessLinks a.show {
  display: block;
}
div.pairRoomSystemPanel div.accessLinks a.accessMeetingInfo {
  margin-top: 20px;
}
div.pairRoomSystemPanel div.accessLinks a.accessPairingCodeWidget {
  margin-top: 23px;
}
div.pairRoomSystemPanel div.pairHolder {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  position: relative;
  margin-top: 48px;
  margin-bottom: 32px;
}
div.pairRoomSystemPanel div.pairHolder button.pair {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  position: relative;
  z-index: 1;
}
div.pairRoomSystemPanel div.pairHolder button.pair .turnOffOutlineForClick {
  outline: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair div.icon {
  display: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair:hover,
div.pairRoomSystemPanel div.pairHolder button.pair.hovered {
  background-color: #21c37f;
  border: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.pairRoomSystemPanel div.pairHolder button.pair.disabled,
div.pairRoomSystemPanel div.pairHolder button.pair:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair.disabled:hover,
div.pairRoomSystemPanel div.pairHolder button.pair:disabled:hover,
div.pairRoomSystemPanel div.pairHolder button.pair.disabled:active,
div.pairRoomSystemPanel div.pairHolder button.pair:disabled:active,
div.pairRoomSystemPanel div.pairHolder button.pair.disabled:focus,
div.pairRoomSystemPanel div.pairHolder button.pair:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.pairRoomSystemPanel div.pairHolder button.pair.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.pairHolder button.pair.invalid div {
  display: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.pairRoomSystemPanel div.pairHolder button.pair.invalid:hover,
div.pairRoomSystemPanel div.pairHolder button.pair.invalid:active,
div.pairRoomSystemPanel div.pairHolder button.pair.invalid:focus,
div.pairRoomSystemPanel div.pairHolder button.pair.invalid:disabled,
div.pairRoomSystemPanel div.pairHolder button.pair.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.pairHolder button.pair.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.pairRoomSystemPanel div.pairHolder button.pair.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.pairRoomSystemPanel div.pairHolder button.pair.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.pairHolder button.pair.loading div {
  display: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.pairRoomSystemPanel div.pairHolder button.pair.loading:hover,
div.pairRoomSystemPanel div.pairHolder button.pair.loading:active,
div.pairRoomSystemPanel div.pairHolder button.pair.loading:focus,
div.pairRoomSystemPanel div.pairHolder button.pair.loading:disabled,
div.pairRoomSystemPanel div.pairHolder button.pair.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.pairRoomSystemPanel div.pairHolder button.pair.loading.no-svg {
  background-color: #19A96D !important;
}
div.pairRoomSystemPanel div.pairHolder button.pair.loading.no-svg div {
  display: none;
}
div.pairRoomSystemPanel div.pairHolder button.pair.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.pairRoomSystemPanel div.pairHolder div.alwaysUseRS {
  background-color: #E8E8E8;
  width: 260px;
  height: 82px;
  position: static;
  font-size: 16px;
  font: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  border-radius: 2px;
  margin-top: -30px;
}
div.pairRoomSystemPanel div.pairHolder div.alwaysUseRS div.contentContainer {
  position: absolute;
  width: 260px;
  height: 61px;
  top: 38px;
  bottom: 10.5px;
}
div.pairRoomSystemPanel div.pairHolder div.alwaysUseRS div.contentContainer div.preferenceText {
  position: absolute;
  float: left;
  bottom: 10.5px;
  left: 16px;
  width: 165px;
  font-size: 14px;
}
div.pairRoomSystemPanel div.pairHolder div.alwaysUseRS div.contentContainer .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 16px;
}
.appPitchTooltip .appLink {
  margin-top: 20px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
.appPitchTooltip .appLink:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
.appPitchTooltip .appLink:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
.appPitchTooltip .appLink:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
.appPitchTooltip .appLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
li.participant {
  position: relative;
  display: block;
}
li.participant .speaker {
  display: none;
}
li.participant + li {
  margin-top: 2px;
}
.onlyShowTalking li.participant {
  display: none;
}
.onlyShowTalking li.participant.speaking {
  display: block;
}
.jf3 li.participant.chatOnly div.advanced div.callDetails {
  color: #ADADAD;
  color: rgba(0, 0, 0, 0.32);
}
.jf3 li.participant.chatOnly div.advanced div.callDetails:hover,
.jf3 li.participant.chatOnly div.advanced div.callDetails:active {
  background-color: #E8E8E8;
}
.jf3 li.participant.chatOnly div.advanced div.callDetails:focus {
  outline: 4px solid #DFE4F3;
  z-index: 2;
}
li.participant .selfIcon {
  float: left;
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 2px -9306px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: none;
}
.no-svg li.participant .selfIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 2px -9256px;
}
li.participant .activeSpeaker {
  float: left;
  width: 24px;
  height: 24px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/active_speaker.png");
  cursor: auto;
  background-size: auto;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-color: red;
  margin-left: 0px !important;
  display: none;
}
li.participant .activeSpeaker.chrome {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/active_speaker.png");
}
.jf3 li.participant .participantRow.speaking .pinnedIcon,
.jf3 li.participant .participantRow.speaking .selfIcon {
  display: none;
}
.jf3 li.participant .participantRow.speaking .activeSpeaker {
  display: block;
}
.jf3 li.participant .participantRow.speaking:hover .pinnedIcon {
  display: block;
}
.jf3 li.participant .participantRow.speaking:hover .activeSpeaker {
  display: none;
}
.jf3 li.participant .presentationIndicator {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-position: 0px -12596px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  opacity: 0.24;
  float: left;
  visibility: hidden;
}
.jf3 li.participant .presentationIndicator:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .presentationIndicator:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow.presenting .presentationIndicator {
  visibility: inherit;
  display: block;
}
.jf3 li.participant .participantRow.rdcControlling .rdcIndicator {
  display: block;
}
.jf3 li.participant .pinnedIcon {
  float: left;
  background-size: 136px 15438px;
  background-position: 4px -9355px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  cursor: auto;
  display: block;
  visibility: hidden;
  margin-left: 0px !important;
}
.no-svg .jf3 li.participant .pinnedIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 4px -9301px;
}
.jf3 li.participant .pinnedIcon:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .pinnedIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 4px -9301px;
}
.jf3 li.participant .pinnedIcon:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant.pinHover.pinnable .participantRow .basic .pinnedIcon {
  visibility: visible;
  display: block;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.jf3 li.participant.pinned .participantRow .basic .pinnedIcon {
  visibility: visible;
  display: block;
  filter: alpha(opacity=24);
  -webkit-opacity: 0.24;
  -moz-opacity: 0.24;
  opacity: 0.24;
}
.jf3 li.participant.pinned .participantRow.speaking .basic .pinnedIcon {
  visibility: hidden;
  display: none;
}
.jf3 li.participant.pinned .participantRow.speaking .basic .pinnedIcon {
  visibility: hidden;
  display: none;
}
.jf3 li.participant.pinned .participantRow.speaking .basic .pinnedIcon {
  visibility: hidden;
  display: none;
}
.jf3 li.participant.pinned.pinnable .participantRow .basic .pinnedIcon {
  visibility: visible;
  display: block;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.jf3 li.participant.pinned.pinnable .participantRow.speaking .basic .pinnedIcon {
  visibility: hidden;
  display: none;
}
.jf3 li.participant.pinHover.pinned.pinnable .participantRow .basic .pinnedIcon {
  visibility: visible;
  display: block;
  filter: alpha(opacity=48);
  -webkit-opacity: 0.48;
  -moz-opacity: 0.48;
  opacity: 0.48;
}
.jf3 li.participant.pinned.self .participantRow .basic .selfIcon,
.jf3 li.participant.pinHover.pinnable.self .participantRow .basic .selfIcon {
  display: none;
}
.jf3 li.participant.pinnable .participantRow .basic .pinnedIcon {
  cursor: pointer;
}
li.participant.moderator div.participantRow .basic .moderatorFlag {
  display: inline;
  margin-left: 1px;
}
li.participant.moderator div.participantRow .basic .notSecureFlag {
  left: 5px;
}
li.participant.self .participantRow {
  -webkit-border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
li.participant.self .participantRow.expanded.callStatsExpanded .properties:hover {
  background-color: #636363;
  cursor: default;
}
.jf3 li.participant.self .participantRow.expanded.callStatsExpanded .properties:hover {
  background-color: #C2C2C2;
}
li.participant.self .participantRow .speaker {
  display: block;
}
li.participant.self .participantRow.speaking .pinnedIcon,
li.participant.self .participantRow.speaking .selfIcon {
  display: none;
}
li.participant.self .participantRow.speaking .activeSpeaker {
  display: block;
}
li.participant.self .participantRow.speaking:hover .pinnedIcon {
  display: block;
}
li.participant.self .participantRow.speaking:hover .activeSpeaker {
  display: none;
}
li.participant.self .selfIcon {
  display: inline;
}
li.participant.self .pinnedIcon {
  display: none;
}
li.participant.chatOnly .selfIcon,
li.participant.notEntered .selfIcon {
  display: none;
  background-image: none;
}
li.participant.chatOnly div.basic,
li.participant.notEntered div.basic {
  cursor: auto;
}
li.participant.chatOnly div.basic button.video,
li.participant.notEntered div.basic button.video,
li.participant.chatOnly div.basic button.audio,
li.participant.notEntered div.basic button.audio {
  display: none;
}
li.participant.chatOnly div.basic button.chatOneToOne,
li.participant.notEntered div.basic button.chatOneToOne {
  display: none !important;
}
li.participant.chatOnly div.basic .chat,
li.participant.notEntered div.basic .chat {
  display: block;
  float: right;
}
.jf3 li.participant.chatOnly div.basic .chat,
.jf3 li.participant.notEntered div.basic .chat {
  float: left;
}
li.participant.chatOnly div.basic .chat.openedChat,
li.participant.notEntered div.basic .chat.openedChat {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
li.participant.chatOnly div.basic .chat.unreadMessages .badge,
li.participant.notEntered div.basic .chat.unreadMessages .badge {
  display: block;
}
li.participant.chatOnly div.basic .chat .badge,
li.participant.notEntered div.basic .chat .badge {
  display: none;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  right: 4px;
  top: -3px;
  left: 36px;
  border: 1px solid #F4F4F4;
  background-color: #1D6BDD;
  z-index: 1;
}
li.participant .participantRow {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
li.participant .participantRow:hover {
  background-color: #4a4a4a;
}
.jf3 li.participant .participantRow:hover {
  background-color: transparent;
}
.jf3 li.participant .participantRow:hover .basic .name {
  max-width: 145px;
}
.jf3 li.participant .participantRow:hover .basic .chatOneToOne.privateChatAvailable {
  display: block;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.jf3 li.participant .participantRow:hover .basic .chatOneToOne.privateChatAvailable.openedChat {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.jf3 li.participant .participantRow:active .chatOneToOne {
  filter: alpha(opacity=32);
  -webkit-opacity: 0.32;
  -moz-opacity: 0.32;
  opacity: 0.32;
}
li.participant .participantRow .name {
  font-size: 13px;
  color: #9a9a9a;
}
.jf3 li.participant .participantRow {
  cursor: pointer;
  width: 360px;
}
.jf3 li.participant .participantRow.self:hover span.name {
  background-color: #E8E8E8;
}
.jf3 li.participant .participantRow.self:hover div.iconContainer {
  display: inline-block;
  background-color: #E8E8E8;
}
.jf3 li.participant .participantRow div.selfNameContainer div.nameContainer span.name {
  padding-left: 8px;
  padding-bottom: 3px;
  min-width: 30px;
  margin-left: 4px;
}
.jf3 li.participant .participantRow div.selfNameContainer div.nameContainer span.name:focus {
  background-color: #E8E8E8;
}
.jf3 li.participant .participantRow div.selfNameContainer div.nameContainer div.iconContainer {
  width: 20px;
  height: 26px;
  display: none;
}
.jf3 li.participant .participantRow div.selfNameContainer div.nameContainer div.iconContainer div.icon {
  display: inline-block;
  margin-left: 5px;
  margin-top: 8px;
  width: 10px;
  height: 10px;
  background-size: 136px 15438px;
  background-position: 0px -9406px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 li.participant .participantRow div.selfNameContainer div.nameContainer div.iconContainer div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9350px;
}
.jf3 li.participant .participantRow div.selfNameContainer div.nameContainer div.iconContainer.focused {
  display: inline-block;
  background-color: #E8E8E8;
}
.jf3 li.participant .participantRow div.selfNameContainer div.fancyTextFieldMultiLineContainer {
  display: none;
  max-height: 44px;
  margin-top: -13px;
  margin-left: 22px;
}
.jf3 li.participant .participantRow div.selfNameContainer div.fancyTextFieldMultiLineContainer div.nameChangeInput {
  max-height: 44px;
  width: 180px;
  margin-left: 8px;
}
.jf3 li.participant .participantRow .basic .chatOneToOne.accessibilityOn.privateChatAvailable {
  display: block !important;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.jf3 li.participant .participantRow .basic .chatOneToOne.accessibilityOn.privateChatAvailable.openedChat {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.jf3 li.participant .participantRow {
  cursor: pointer;
  width: 360px;
}
.jf3 li.participant .participantRow:hover div.selfNameContainer div.nameContainer span.name {
  background-color: #E8E8E8;
}
.jf3 li.participant .participantRow:hover div.selfNameContainer div.nameContainer div.iconContainer {
  display: inline-block !important;
  background-color: #E8E8E8;
}
.jf3 li.participant .participantRow.expanded .basic {
  background-color: #F2F2F2;
}
.jf3 li.participant .participantRow.expanded .basic .name {
  max-width: 145px;
  margin-left: 4px;
}
.jf3 li.participant .participantRow.expanded .basic button.moreDrawer {
  background-color: #E8E8E8;
  width: 24px;
  margin-left: 12px !important;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.jf3 li.participant .participantRow.expanded .basic button.moreDrawer .downState {
  display: block;
  background-color: #E8E8E8;
}
li.participant .participantRow.expanded .name,
li.participant .participantRow .dropConfirmation .name {
  color: #cccccc;
}
li.participant .participantRow.speaking .basic .name {
  color: white;
  -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
}
.jf3 li.participant .participantRow.speaking .basic .name {
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  font: 16px 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  -o-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
}
li.participant .participantRow .basic {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 4px;
  cursor: pointer;
  height: 25px;
  /*.endpointIcon {
				float: left;
				margin-right: 4px;
				margin-left: 2px;
			}*/
}
.jf3 li.participant .participantRow .basic {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 16px;
  cursor: pointer;
  height: 24px;
  position: relative;
}
li.participant .participantRow .basic span {
  line-height: 24px;
}
li.participant .participantRow .basic .name {
  vertical-align: top;
  padding-top: 3px;
  padding-left: 4px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -o-transition: color 3s;
  -moz-transition: color 3s;
  -webkit-transition: color 3s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  float: left;
}
.jf3 li.participant .participantRow .basic .name {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  padding-left: 9px;
  max-width: 150px;
  margin-left: 3px;
}
li.participant .participantRow .basic .moderatorFlag {
  color: #1286d4;
  padding-left: 3px;
  float: left;
  display: none;
}
.jf3 li.participant .participantRow .basic .moderatorFlag {
  color: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4px;
  padding-left: 0px;
  height: 100%;
  background-color: #1D6BDD;
}
li.participant .participantRow .basic .notSecureFlag {
  display: none;
}
.jf3 li.participant .participantRow .basic .notSecureFlag {
  color: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4px;
  padding-left: 0px;
  height: 100%;
  background-color: #ff6600;
}
li.participant .participantRow .basic .chat {
  display: none;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12645px;
  height: 25px;
  width: 25px;
  cursor: pointer;
}
.jf3 li.participant .participantRow .basic .chat {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -9438px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic .chat {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9382px;
}
.jf3 li.participant .participantRow .basic button.moreDrawer {
  position: relative;
  filter: alpha(opacity=16);
  -webkit-opacity: 0.16;
  -moz-opacity: 0.16;
  opacity: 0.16;
  width: 24px;
  background-size: 136px 15438px;
  background-position: 0px -9490px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  margin-left: 12px;
  height: 24px;
  border: none;
}
.no-svg .jf3 li.participant .participantRow .basic button.moreDrawer {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9427px;
}
.jf3 li.participant .participantRow .basic button.moreDrawer .downState {
  display: none;
  position: absolute;
  top: -6px;
  left: -6px;
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 6px -9484px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.no-svg .jf3 li.participant .participantRow .basic button.moreDrawer .downState {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 6px -9421px;
}
.jf3 li.participant .participantRow .basic button.moreDrawer:hover .downState {
  filter: alpha(opacity=72);
  -webkit-opacity: 0.72;
  -moz-opacity: 0.72;
  opacity: 0.72;
  background-color: #E8E8E8;
  display: block;
}
.jf3 li.participant .participantRow .basic button.moreDrawer:focus {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.jf3 li.participant .participantRow .basic button.moreDrawer:focus .downState {
  display: block;
  background-color: #E8E8E8;
  filter: alpha(opacity=72);
  -webkit-opacity: 0.72;
  -moz-opacity: 0.72;
  opacity: 0.72;
}
.jf3 li.participant .participantRow .basic button.moreDrawer:active .downState {
  background-color: #E8E8E8;
  display: block;
}
li.participant .participantRow .basic .chatOneToOne {
  float: left;
  display: none;
  background-size: 136px 15438px;
  background-position: 0px -9438px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg li.participant .participantRow .basic .chatOneToOne {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9382px;
}
li.participant .participantRow .basic .chatOneToOne:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg li.participant .participantRow .basic .chatOneToOne {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9382px;
}
li.participant .participantRow .basic .chatOneToOne:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
li.participant .participantRow .basic .chatOneToOne.privateChatAvailable.openedChat {
  display: block;
}
li.participant .participantRow .basic .chatOneToOne .badge {
  display: none;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  right: 4px;
  top: -3px;
  left: 48px;
  border: 1px solid #F4F4F4;
  background-color: #1D6BDD;
  z-index: 1;
}
li.participant .participantRow .basic .chatOneToOne.unreadMessages .badge {
  display: block;
}
li.participant .participantRow .basic .chatOneToOne.openedChat {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
li.participant .participantRow .basic .controls {
  float: right;
}
.jf3 li.participant .participantRow .basic .controls {
  position: absolute;
  top: 16px;
  right: 16px;
  float: none;
}
.jf3 li.participant .participantRow .basic button:hover {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.jf3 li.participant .participantRow .basic button.chatOneToOne:hover {
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.jf3 li.participant .participantRow .basic button.chatOneToOne.openedChat:hover {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.jf3 li.participant .participantRow .basic button:active {
  filter: alpha(opacity=48);
  -webkit-opacity: 0.48;
  -moz-opacity: 0.48;
  opacity: 0.48;
}
li.participant .participantRow .basic button {
  float: left;
  margin-left: 2px;
}
.jf3 li.participant .participantRow .basic button {
  margin-left: 12px;
  filter: alpha(opacity=72);
  -webkit-opacity: 0.72;
  -moz-opacity: 0.72;
  opacity: 0.72;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-notYetControllable {
  background-size: 136px 15438px;
  background-position: 0px -9539px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-notYetControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-notYetControllable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-notYetControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-notYetControllable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMuted {
  background-size: 136px 15438px;
  background-position: 0px -9588px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMuted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMuted:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMuted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMuted:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMutedOther {
  background-size: 136px 15438px;
  background-position: 0px -9588px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMutedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMutedOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMutedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewMutedOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewUnmuted {
  background-size: 136px 15438px;
  background-position: 0px -9637px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewUnmuted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewUnmuted:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewUnmuted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-previewUnmuted:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-incapable {
  background-size: 136px 15438px;
  background-position: 0px -9539px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-incapable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-incapable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-incapable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-incapable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-inactive {
  background-size: 136px 15438px;
  background-position: 0px -9539px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-inactive {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-inactive:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-inactive {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-inactive:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnected {
  background-size: 136px 15438px;
  background-position: 0px -9539px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnected:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnected:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedOther {
  background-size: 136px 15438px;
  background-position: 0px -9539px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedPhone {
  background-size: 136px 15438px;
  background-position: 0px -9539px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-disconnectedPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelf {
  background-size: 136px 15438px;
  background-position: 0px -9588px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelf:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelf:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfPhone {
  background-size: 136px 15438px;
  background-position: 0px -9588px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfOther {
  background-size: 136px 15438px;
  background-position: 0px -9588px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedSelfOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedControllable {
  background-size: 136px 15438px;
  background-position: 0px -9588px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedControllable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9574px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedControllable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedUncontrollable {
  background-size: 136px 15438px;
  background-position: 0px -9539px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedUncontrollable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-localMutedUncontrollable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelf {
  background-size: 136px 15438px;
  background-position: 0px -9686px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9672px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelf:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9672px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelf:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfPhone {
  background-size: 136px 15438px;
  background-position: 0px -9686px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9672px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9672px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfOther {
  background-size: 136px 15438px;
  background-position: 0px -9686px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9672px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9672px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedSelfOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedControllable {
  background-size: 136px 15438px;
  background-position: 0px -9686px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9672px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedControllable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9672px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedControllable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedUncontrollable {
  background-size: 136px 15438px;
  background-position: 0px -9539px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedUncontrollable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9476px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-remoteMutedUncontrollable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelf {
  background-size: 136px 15438px;
  background-position: 0px -9637px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelf:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelf:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfPhone {
  background-size: 136px 15438px;
  background-position: 0px -9637px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfOther {
  background-size: 136px 15438px;
  background-position: 0px -9637px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedSelfOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedControllable {
  background-size: 136px 15438px;
  background-position: 0px -9637px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedControllable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedControllable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedUncontrollable {
  background-size: 136px 15438px;
  background-position: 0px -9637px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedUncontrollable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9525px;
}
.jf3 li.participant .participantRow .basic button.mute.audio.muteState-unmutedUncontrollable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-notYetControllable {
  background-size: 136px 15438px;
  background-position: 0px -9735px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-notYetControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-notYetControllable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-notYetControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-notYetControllable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMuted {
  background-size: 136px 15438px;
  background-position: 0px -9784px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMuted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMuted:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMuted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMuted:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedOther {
  background-size: 136px 15438px;
  background-position: 0px -9784px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedPhone {
  background-size: 136px 15438px;
  background-position: 0px -9784px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewMutedPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmuted {
  background-size: 136px 15438px;
  background-position: 0px -9833px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmuted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmuted:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmuted {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmuted:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedOther {
  background-size: 136px 15438px;
  background-position: 0px -9833px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedPhone {
  background-size: 136px 15438px;
  background-position: 0px -9833px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-previewUnmutedPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-incapable {
  background-size: 136px 15438px;
  background-position: 0px -9735px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-incapable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-incapable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-incapable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-incapable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-inactive {
  background-size: 136px 15438px;
  background-position: 0px -9735px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-inactive {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-inactive:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-inactive {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-inactive:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnected {
  background-size: 136px 15438px;
  background-position: 0px -9735px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnected:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnected:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedPhone {
  background-size: 136px 15438px;
  background-position: 0px -9735px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedOther {
  background-size: 136px 15438px;
  background-position: 0px -9735px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-disconnectedOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelf {
  background-size: 136px 15438px;
  background-position: 0px -9784px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelf:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelf:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfPhone {
  background-size: 136px 15438px;
  background-position: 0px -9784px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfOther {
  background-size: 136px 15438px;
  background-position: 0px -9784px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedSelfOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedControllable {
  background-size: 136px 15438px;
  background-position: 0px -9784px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedControllable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9721px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedControllable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedUncontrollable {
  background-size: 136px 15438px;
  background-position: 0px -9735px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedUncontrollable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-localMutedUncontrollable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelf {
  width: 25px;
  height: 25px;
  background-size: 136px 15438px;
  background-position: 0px -9882px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9819px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelf:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9819px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelf:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfPhone {
  width: 25px;
  height: 25px;
  background-size: 136px 15438px;
  background-position: 0px -9882px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9819px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9819px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfOther {
  width: 25px;
  height: 25px;
  background-size: 136px 15438px;
  background-position: 0px -9882px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9819px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9819px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedSelfOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedControllable {
  width: 25px;
  height: 25px;
  background-size: 136px 15438px;
  background-position: 0px -9882px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9819px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedControllable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9819px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedControllable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedUncontrollable {
  background-size: 136px 15438px;
  background-position: 0px -9735px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedUncontrollable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9623px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-remoteMutedUncontrollable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelf {
  background-size: 136px 15438px;
  background-position: 0px -9833px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelf:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelf {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelf:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfPhone {
  background-size: 136px 15438px;
  background-position: 0px -9833px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfPhone:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfPhone:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfOther {
  background-size: 136px 15438px;
  background-position: 0px -9833px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfOther:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfOther {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedSelfOther:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedControllable {
  background-size: 136px 15438px;
  background-position: 0px -9833px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedControllable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedControllable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedControllable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedUncontrollable {
  background-size: 136px 15438px;
  background-position: 0px -9833px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedUncontrollable:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.no-svg .jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedUncontrollable {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9770px;
}
.jf3 li.participant .participantRow .basic button.mute.video.muteState-unmutedUncontrollable:focus {
  outline: 4px solid #1d6bdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
li.participant .participantRow.expanded.callStatsExpanded .properties {
  background-color: #636363;
  -webkit-border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
li.participant .participantRow.expanded.callStatsExpanded .properties:hover {
  background-color: #707070;
  cursor: pointer;
}
li.participant .participantRow.expanded.callStatsExpanded .callStats {
  height: 65px;
}
.jf3 li.participant .participantRow.expanded.callStatsExpanded .callStats {
  height: 135px;
  margin-left: 12px;
  margin-right: 12px;
}
li.participant .participantRow.expanded .basic {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
}
.jf3 li.participant .participantRow.expanded .basic {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
li.participant .participantRow .advancedClip {
  height: 0;
  overflow: hidden;
  position: relative;
  -o-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
}
li.participant .participantRow .advanced {
  /*@properties_width: 64px;
			@properties_left_padding: 3px;
			@properties_right_padding: 10px;
			@properties_total_width: @properties_width + @properties_left_padding + @properties_right_padding;*/
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
}
.jf3 li.participant .participantRow .advanced {
  left: 0px;
  right: 0px;
}
li.participant .participantRow .advanced .properties {
  padding: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 5px;
}
.jf3 li.participant .participantRow .advanced .properties {
  line-height: 10px;
  background-color: #C2C2C2;
}
li.participant .participantRow .advanced .properties .unsecureIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12695px;
  width: 25px;
  height: 25px;
  visibility: hidden;
  position: absolute;
  top: 5px;
}
li.participant .participantRow .advanced .properties .endpointType {
  color: #cccccc;
  font-size: 12px;
  position: relative;
  left: 2px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
}
.jf3 li.participant .participantRow .advanced .properties .endpointType {
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
li.participant .participantRow .advanced .properties .callQuality {
  display: inline-block;
  position: absolute;
  right: 5px;
  width: 14px;
  height: 14px;
  top: 10px;
}
li.participant .participantRow .advanced .properties:hover {
  background-color: #636363;
  cursor: pointer;
}
.jf3 li.participant .participantRow .advanced .properties:hover {
  background-color: #C2C2C2;
}
li.participant .participantRow .advanced .properties.expanded {
  background-color: #636363;
}
li.participant .participantRow .advanced .callStats {
  background-color: #636363;
  margin-top: 0px;
  font-size: 10px;
  -webkit-border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 0px;
  overflow: hidden;
  -o-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
}
.jf3 li.participant .participantRow .advanced .callStats .endpointTitle {
  position: relative;
  background-color: #F4F4F4;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jf3 li.participant .participantRow .advanced .callStats .endpointType {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #303030;
  height: 34px;
  line-height: 34px;
  padding-left: 12px;
  font-size: 12px;
  position: relative;
  text-transform: uppercase;
  cursor: default;
  display: inline-block;
}
.jf3 li.participant .participantRow .advanced .callStats .callQuality {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 18px;
  height: 12px;
}
.jf3 li.participant .participantRow .advanced .callStats {
  background-color: #FFF;
}
.jf3 li.participant .participantRow .advanced .callStats .row.spacingTop {
  padding-top: 10px;
}
li.participant .participantRow .advanced .callStats .row {
  line-height: 11px;
  padding: 1.5px;
}
.jf3 li.participant .participantRow .advanced .callStats .row {
  padding: 0px;
  height: 22px;
  line-height: 22px;
}
.jf3 li.participant .participantRow .advanced .callStats .row .title,
.jf3 li.participant .participantRow .advanced .callStats .row .type {
  color: #A4A4A4 !important;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif !important;
  font-size: 14px !important;
}
.jf3 li.participant .participantRow .advanced .callStats .row .column1.spacer {
  width: 26px;
}
li.participant .participantRow .advanced .callStats .row .column1 {
  padding-left: 4px;
  display: inline-block;
  width: 50px;
}
.jf3 li.participant .participantRow .advanced .callStats .row .column1 {
  vertical-align: top;
  height: 22px;
  line-height: 22px;
  text-align: left;
  width: 75px;
}
li.participant .participantRow .advanced .callStats .row .column2 {
  text-align: right;
  display: inline-block;
  width: 80px;
  max-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 16.5%;
  margin-right: 16.5%;
}
.jf3 li.participant .participantRow .advanced .callStats .row .column2 {
  height: 22px;
  line-height: 22px;
  color: #333;
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  margin-left: 24px;
  margin-right: 24px;
}
li.participant .participantRow .advanced .callStats .row .column2.jf3Disabled {
  margin-left: 0%;
  margin-right: 0%;
}
li.participant .participantRow .advanced .callStats .row .column3 {
  text-align: right;
  display: inline-block;
  width: 80px;
  max-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jf3 li.participant .participantRow .advanced .callStats .row .column3 {
  height: 22px;
  line-height: 22px;
  color: #333;
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
}
li.participant .participantRow .advanced div.remoteDesktopControl {
  display: none;
}
li.participant .participantRow .advanced div.remoteDesktopControl span {
  line-height: 56px;
}
li.participant .participantRow .advanced div.remoteDesktopControl.disabled {
  color: #CCCCCC;
}
li.participant .participantRow .advanced div.callDetails,
li.participant .participantRow .advanced div.remoteDesktopControl {
  height: 56px;
  line-height: 56px;
  padding-left: 48px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  text-transform: uppercase;
  background-color: #E8E8E8;
}
li.participant .participantRow .advanced div.callDetails:hover,
li.participant .participantRow .advanced div.remoteDesktopControl:hover,
li.participant .participantRow .advanced div.callDetails:focus,
li.participant .participantRow .advanced div.remoteDesktopControl:focus {
  background-color: #CBE2F4;
}
li.participant .participantRow .advanced div.callDetails:active,
li.participant .participantRow .advanced div.remoteDesktopControl:active {
  background-color: #9ACCF6;
  color: #FFF;
}
li.participant .participantRow .advanced div.callDetails:focus,
li.participant .participantRow .advanced div.remoteDesktopControl:focus {
  outline: 4px solid #DFE4F3;
  z-index: 2;
}
li.participant .participantRow .advanced div.callDetails span.text,
li.participant .participantRow .advanced div.remoteDesktopControl span.text {
  line-height: 56px;
}
li.participant .participantRow .advanced div.callDetails div.callDetailsIcon,
li.participant .participantRow .advanced div.remoteDesktopControl div.callDetailsIcon {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 24px;
  height: 24px;
  vertical-align: -35%;
}
li.participant .participantRow .advanced div.callDetails div.rdcIcon,
li.participant .participantRow .advanced div.remoteDesktopControl div.rdcIcon {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 20px;
  background-size: 136px 15438px;
  background-position: 0px -9932px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: -35%;
}
.no-svg li.participant .participantRow .advanced div.callDetails div.rdcIcon,
.no-svg li.participant .participantRow .advanced div.remoteDesktopControl div.rdcIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9869px;
}
li.participant .participantRow .advanced div.callDetails span.appRequired,
li.participant .participantRow .advanced div.remoteDesktopControl span.appRequired {
  padding: 3px;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 14px;
  color: white;
  background-color: orange;
}
li.participant .participantRow .advanced div.remoteDesktopControl.es,
li.participant .participantRow .advanced div.remoteDesktopControl.de,
li.participant .participantRow .advanced div.remoteDesktopControl.fr {
  font-size: 11px;
}
li.participant .participantRow .advanced .actions {
  margin: 6px 0px;
}
.jf3 li.participant .participantRow .advanced .actions {
  margin: 0px 0px;
}
li.participant .participantRow .advanced .actions div.dropJF3 {
  height: 56px;
  line-height: 56px;
  padding-left: 48px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  text-transform: uppercase;
  background-color: #E8E8E8;
}
li.participant .participantRow .advanced .actions div.dropJF3:hover {
  background-color: #CBE2F4;
}
li.participant .participantRow .advanced .actions div.dropJF3:active {
  background-color: #9ACCF6;
  color: #FFF;
}
li.participant .participantRow .advanced .actions div.dropJF3:active div.dropIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -9977px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg li.participant .participantRow .advanced .actions div.dropJF3:active div.dropIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9914px;
}
li.participant .participantRow .advanced .actions div.dropJF3:focus {
  outline: 4px solid #DFE4F3;
  z-index: 2;
}
li.participant .participantRow .advanced .actions div.dropJF3 div.dropIcon {
  position: absolute;
  top: 16px;
  left: 16px;
  background-size: 136px 15438px;
  background-position: 0px -10026px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: -35%;
}
.no-svg li.participant .participantRow .advanced .actions div.dropJF3 div.dropIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -9963px;
}
li.participant .participantRow.expanded {
  cursor: auto;
  background-color: #4a4a4a;
}
.jf3 li.participant .participantRow.expanded {
  background-color: #E8E8E8;
}
.jf3 li.participant .participantRow.expanded .basic {
  background-color: #F2F2F2;
}
li.participant .participantRow.expanded .basic:hover {
  background-color: #636363;
}
.jf3 li.participant .participantRow.expanded .basic:hover {
  background-color: #F2F2F2;
}
li.participant .participantRow .securityWarning {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  height: 100%;
  width: 2px;
  left: 0px;
  background-color: #ff6600;
  visibility: hidden;
}
.sidebar.collapsed li.participant .participantRow .securityWarning {
  display: none;
}
li.participant .participantRow.notSecure .securityWarning {
  visibility: visible;
}
li.participant .participantRow.notSecure .properties .unsecureIcon {
  visibility: visible;
}
li.participant .participantRow.notSecure .properties .endpointType {
  left: 27px;
  top: 2px;
  color: #ff6600;
}
li.participant .participantRow.notSecure .properties .callQuality {
  top: 12px;
}
.jf3 li.participant .participantRow.notSecure .securityWarning {
  display: none;
}
.jf3 li.participant .participantRow.notSecure .notSecureFlag {
  display: inline;
}
.jf3 li.participant .participantRow[data-quality='1'] .advanced .callQuality {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -10075px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 li.participant .participantRow[data-quality='1'] .advanced .callQuality {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10012px;
}
.jf3 li.participant .participantRow[data-quality='2'] .advanced .callQuality {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -10112px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 li.participant .participantRow[data-quality='2'] .advanced .callQuality {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10049px;
}
.jf3 li.participant .participantRow[data-quality='3'] .advanced .callQuality {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -10149px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 li.participant .participantRow[data-quality='3'] .advanced .callQuality {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10123px;
}
.jf3 li.participant .participantRow[data-quality='4'] .advanced .callQuality {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -10186px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 li.participant .participantRow[data-quality='4'] .advanced .callQuality {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10086px;
}
.jf3 li.participant .participantRow[data-quality='5'] .advanced .callQuality {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -10223px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .jf3 li.participant .participantRow[data-quality='5'] .advanced .callQuality {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10160px;
}
.participantsSlidingPanel {
  background-color: #F2F2F2;
  /*> div.title {
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 18px;
		font-family: ProximaNovaLight;
		color: white;
	}*/
  /*.close {
		position: absolute;
		.sprite(appsharing-new-close);
		height: 14px;
		width: 14px;
		top: 15px;
		left: 15px;
		cursor: pointer;
		z-index: 11;
	}*/
}
.participantsSlidingPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
.participantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
.participantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar:active,
.participantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar:hover,
.participantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
.participantsSlidingPanel .scrollbar-container {
  right: 3px;
}
.participantsSlidingPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
.participantsSlidingPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr .participantsSlidingPanel div.title,
.lang-es .participantsSlidingPanel div.title,
.lang-de .participantsSlidingPanel div.title {
  font-size: 18px;
}
.participantsSlidingPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
.participantsSlidingPanel div.back:hover,
.participantsSlidingPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.participantsSlidingPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.participantsSlidingPanel div.close,
.participantsSlidingPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
.participantsSlidingPanel div.close:hover,
.participantsSlidingPanel div.closeDialog:hover,
.participantsSlidingPanel div.close:focus,
.participantsSlidingPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.participantsSlidingPanel div.close:active,
.participantsSlidingPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.participantsSlidingPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
.participantsSlidingPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.participantsSlidingPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
.participantsSlidingPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
.participantsSlidingPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
.participantsSlidingPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
.participantsSlidingPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
.participantsSlidingPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
.participantsSlidingPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
.participantsSlidingPanel div.dialog button.accept div.icon {
  display: none;
}
.participantsSlidingPanel div.dialog button.accept:hover,
.participantsSlidingPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
.participantsSlidingPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.participantsSlidingPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.participantsSlidingPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.participantsSlidingPanel div.dialog button.accept.disabled,
.participantsSlidingPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.participantsSlidingPanel div.dialog button.accept.disabled:hover,
.participantsSlidingPanel div.dialog button.accept:disabled:hover,
.participantsSlidingPanel div.dialog button.accept.disabled:active,
.participantsSlidingPanel div.dialog button.accept:disabled:active,
.participantsSlidingPanel div.dialog button.accept.disabled:focus,
.participantsSlidingPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.participantsSlidingPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.participantsSlidingPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.participantsSlidingPanel div.dialog button.accept.invalid div {
  display: none;
}
.participantsSlidingPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.participantsSlidingPanel div.dialog button.accept.invalid:hover,
.participantsSlidingPanel div.dialog button.accept.invalid:active,
.participantsSlidingPanel div.dialog button.accept.invalid:focus,
.participantsSlidingPanel div.dialog button.accept.invalid:disabled,
.participantsSlidingPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.participantsSlidingPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.participantsSlidingPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.participantsSlidingPanel div.dialog button.accept.loading div {
  display: none;
}
.participantsSlidingPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.participantsSlidingPanel div.dialog button.accept.loading:hover,
.participantsSlidingPanel div.dialog button.accept.loading:active,
.participantsSlidingPanel div.dialog button.accept.loading:focus,
.participantsSlidingPanel div.dialog button.accept.loading:disabled,
.participantsSlidingPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.participantsSlidingPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
.participantsSlidingPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
.participantsSlidingPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.participantsSlidingPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
.participantsSlidingPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
.participantsSlidingPanel div.dialog button.accept.red div.icon {
  display: none;
}
.participantsSlidingPanel div.dialog button.accept.red:hover,
.participantsSlidingPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
.participantsSlidingPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.participantsSlidingPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.participantsSlidingPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
.participantsSlidingPanel div.dialog button.accept.red.disabled,
.participantsSlidingPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.participantsSlidingPanel div.dialog button.accept.red.disabled:hover,
.participantsSlidingPanel div.dialog button.accept.red:disabled:hover,
.participantsSlidingPanel div.dialog button.accept.red.disabled:active,
.participantsSlidingPanel div.dialog button.accept.red:disabled:active,
.participantsSlidingPanel div.dialog button.accept.red.disabled:focus,
.participantsSlidingPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.participantsSlidingPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.participantsSlidingPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.participantsSlidingPanel div.dialog button.accept.red.invalid div {
  display: none;
}
.participantsSlidingPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.participantsSlidingPanel div.dialog button.accept.red.invalid:hover,
.participantsSlidingPanel div.dialog button.accept.red.invalid:active,
.participantsSlidingPanel div.dialog button.accept.red.invalid:focus,
.participantsSlidingPanel div.dialog button.accept.red.invalid:disabled,
.participantsSlidingPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.participantsSlidingPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.participantsSlidingPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.participantsSlidingPanel div.dialog button.accept.red.loading div {
  display: none;
}
.participantsSlidingPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.participantsSlidingPanel div.dialog button.accept.red.loading:hover,
.participantsSlidingPanel div.dialog button.accept.red.loading:active,
.participantsSlidingPanel div.dialog button.accept.red.loading:focus,
.participantsSlidingPanel div.dialog button.accept.red.loading:disabled,
.participantsSlidingPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.participantsSlidingPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
.participantsSlidingPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
.participantsSlidingPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.participantsSlidingPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
.participantsSlidingPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
.participantsSlidingPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
.participantsSlidingPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
.participantsSlidingPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.participantsSlidingPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
.participantsSlidingPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
.lang-fr .participantsSlidingPanel .accept.closeModal,
.lang-es .participantsSlidingPanel .accept.closeModal,
.lang-de .participantsSlidingPanel .accept.closeModal {
  font-size: 12px;
}
.participantsSlidingPanel .back {
  display: none;
}
.participantsSlidingPanel.mac.osx_lion .scrollpane-content {
  max-width: 420px;
}
.participantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
.participantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar:active,
.participantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar:hover,
.participantsSlidingPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
.participantsSlidingPanel .scrollbar-container {
  right: 3px;
}
.participantsSlidingPanel div.content {
  padding: 0px 0px 0px 0px;
}
.participantsSlidingPanel div.filterTab {
  border-bottom: 1px solid #D5D5D5;
}
.participantsSlidingPanel div.filterTab div.everyone,
.participantsSlidingPanel div.filterTab div.activeSpeakersOnly {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: #1D6BDD;
  display: inline-block;
  width: 50%;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0.72;
  background-color: #E8E8E8;
  cursor: pointer;
  text-transform: uppercase;
  box-sizing: border-box;
}
.participantsSlidingPanel div.filterTab div.everyone.selected,
.participantsSlidingPanel div.filterTab div.activeSpeakersOnly.selected {
  border-bottom: 4px solid #1D6BDD;
  opacity: 1.00;
}
.participantsSlidingPanel.onlyShowTalking ol.selfControlContainer {
  display: none;
}
.participantsSlidingPanel.onlyShowTalking ol.selfControlContainer.speaking {
  display: block;
}
.participantsSlidingPanel ol.selfControlContainer.dividerLine {
  border-bottom: 4px solid rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  height: 56px;
}
.participantsSlidingPanel div.participantsContainer {
  position: absolute;
  top: 56px;
  left: 0px;
  right: 0px;
  bottom: 57px;
}
.participantsSlidingPanel div.participantsScrollerContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.participantsSlidingPanel div.muteControlsContainer {
  position: absolute;
  bottom: 57px;
  width: 100%;
  display: none;
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll {
  cursor: pointer;
  float: left;
  background-color: #F9F9F9;
  width: 180px;
  height: 56px;
  padding-top: 16px;
  padding-bottom: 16px;
  box-sizing: border-box;
  text-align: center;
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.text,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.text {
  display: inline-block;
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  color: #1D6BDD;
  padding-left: 3px;
}
.lang-fr .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.text,
.lang-fr .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.text,
.lang-es .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.text,
.lang-es .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.text,
.lang-de .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.text,
.lang-de .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.text {
  font-size: 14px;
  width: 120px;
  padding-left: 0px;
  vertical-align: middle;
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.unmute.microphoneIcon,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.unmute.microphoneIcon {
  background-size: 136px 15438px;
  background-position: 0px -10260px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: -35%;
}
.no-svg .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.unmute.microphoneIcon,
.no-svg .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.unmute.microphoneIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10197px;
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.mute.microphoneIcon,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.mute.microphoneIcon {
  background-size: 136px 15438px;
  background-position: 0px -10309px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: -35%;
}
.no-svg .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.mute.microphoneIcon,
.no-svg .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.mute.microphoneIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10246px;
}
.lang-fr .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.mute.microphoneIcon,
.lang-fr .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.mute.microphoneIcon,
.lang-es .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.mute.microphoneIcon,
.lang-es .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.mute.microphoneIcon,
.lang-de .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll div.mute.microphoneIcon,
.lang-de .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll div.mute.microphoneIcon {
  vertical-align: middle;
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll:hover,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll:hover {
  background-color: #DAEBF9;
  background-color: rgba(0, 137, 255, 0.12);
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll:active,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll:active {
  background-color: #9FD1FB;
  background-color: rgba(0, 137, 255, 0.36);
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll:active div.text,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll:active div.text {
  color: #FFF;
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll:active div.unmute.microphoneIcon,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll:active div.unmute.microphoneIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10358px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll:active div.unmute.microphoneIcon,
.no-svg .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll:active div.unmute.microphoneIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10295px;
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll:active div.mute.microphoneIcon,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll:active div.mute.microphoneIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10407px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll:active div.mute.microphoneIcon,
.no-svg .participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll:active div.mute.microphoneIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10344px;
}
.participantsSlidingPanel div.muteControlsContainer div.moderatorMuteAll:focus,
.participantsSlidingPanel div.muteControlsContainer div.moderatorUnMuteAll:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
  z-index: 2;
}
.participantsSlidingPanel div.muteControlsContainer div.clear {
  clear: both;
}
.participantsSlidingPanel div.lonelyContainer {
  z-index: 2;
  position: absolute;
  top: 292px;
  left: 0px;
  right: 0px;
  display: none;
}
.participantsSlidingPanel div.lonelyContainer div.message {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
  text-align: center;
}
.participantsSlidingPanel div.lonelyContainer.noFilter {
  top: 250px;
}
.participantsSlidingPanel div.lonelyContainer div.inviteContainer {
  cursor: pointer;
  width: 100%;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 20px;
}
.participantsSlidingPanel div.lonelyContainer div.inviteContainer div.inviteChild {
  display: inline-block;
}
.participantsSlidingPanel div.lonelyContainer div.inviteContainer div.inviteChild div.icon {
  display: inline-block;
  vertical-align: -35%;
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10456px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.lonelyContainer div.inviteContainer div.inviteChild div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10393px;
}
.participantsSlidingPanel div.lonelyContainer div.inviteContainer div.inviteChild div.inviteText {
  display: inline-block;
  padding-left: 8px;
  text-transform: uppercase;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  font-size: 14px;
  color: #1D6BDD;
}
.participantsSlidingPanel div.lonelyContainer div.inviteContainer:hover {
  background-color: #D4E5F3;
  background-color: rgba(0, 137, 255, 0.12);
}
.participantsSlidingPanel div.lonelyContainer div.inviteContainer:active {
  background-color: #9ACCF6;
  background-color: rgba(0, 137, 255, 0.36);
}
.participantsSlidingPanel div.lonelyContainer div.inviteContainer:active div.inviteChild div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10505px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.lonelyContainer div.inviteContainer:active div.inviteChild div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10441px;
}
.participantsSlidingPanel div.lonelyContainer div.inviteContainer:active div.inviteChild div.inviteText {
  color: #FFF;
}
.participantsSlidingPanel div.lonelyContainer div.inviteContainer:focus {
  outline: 4px solid #D4E4F3;
  outline: 4px solid rgba(0, 137, 255, 0.12);
}
.participantsSlidingPanel div.bottomControlsContainer {
  display: block;
  position: absolute;
  width: 100%;
  height: 56px;
  bottom: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl {
  display: inline-block;
  width: 56px;
  height: 56px;
  cursor: pointer;
}
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl button {
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  margin: 16px;
}
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl:hover,
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl:focus {
  background-color: #D4E5F3;
  background-color: rgba(0, 137, 255, 0.12);
}
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl:active {
  background-color: #9ACCF6;
  background-color: rgba(0, 137, 255, 0.36);
}
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl.inviteParticipants button {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10456px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.bottomControlsContainer div.bottomControl.inviteParticipants button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10393px;
}
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl.inviteParticipants:active button {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10505px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.bottomControlsContainer div.bottomControl.inviteParticipants:active button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10441px;
}
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl.moderatorControls {
  display: none;
}
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl.moderatorControls button {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10554px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.bottomControlsContainer div.bottomControl.moderatorControls button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10489px;
}
.participantsSlidingPanel div.bottomControlsContainer div.bottomControl.moderatorControls:active button {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10603px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .participantsSlidingPanel div.bottomControlsContainer div.bottomControl.moderatorControls:active button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10530px;
}
.participantsSlidingPanel.moderator .bottomControlsContainer div.bottomControl.moderatorControls {
  display: inline-block;
}
.participantsSlidingPanel.moderator .muteControlsContainer {
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.participantsSlidingPanel.moderator div.participantsContainer {
  bottom: 113px;
}
div.phoneDialInPanel {
  background-color: #F2F2F2;
}
div.phoneDialInPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.phoneDialInPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.phoneDialInPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.phoneDialInPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.phoneDialInPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.phoneDialInPanel .scrollbar-container {
  right: 3px;
}
div.phoneDialInPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.phoneDialInPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.phoneDialInPanel div.title,
.lang-es div.phoneDialInPanel div.title,
.lang-de div.phoneDialInPanel div.title {
  font-size: 18px;
}
div.phoneDialInPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.phoneDialInPanel div.back:hover,
div.phoneDialInPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.phoneDialInPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.phoneDialInPanel div.close,
div.phoneDialInPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.phoneDialInPanel div.close:hover,
div.phoneDialInPanel div.closeDialog:hover,
div.phoneDialInPanel div.close:focus,
div.phoneDialInPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.phoneDialInPanel div.close:active,
div.phoneDialInPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.phoneDialInPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.phoneDialInPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.phoneDialInPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.phoneDialInPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.phoneDialInPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.phoneDialInPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.phoneDialInPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.phoneDialInPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.phoneDialInPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.phoneDialInPanel div.dialog button.accept div.icon {
  display: none;
}
div.phoneDialInPanel div.dialog button.accept:hover,
div.phoneDialInPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.phoneDialInPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.phoneDialInPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.phoneDialInPanel div.dialog button.accept.disabled,
div.phoneDialInPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel div.dialog button.accept.disabled:hover,
div.phoneDialInPanel div.dialog button.accept:disabled:hover,
div.phoneDialInPanel div.dialog button.accept.disabled:active,
div.phoneDialInPanel div.dialog button.accept:disabled:active,
div.phoneDialInPanel div.dialog button.accept.disabled:focus,
div.phoneDialInPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.phoneDialInPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel div.dialog button.accept.invalid div {
  display: none;
}
div.phoneDialInPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.phoneDialInPanel div.dialog button.accept.invalid:hover,
div.phoneDialInPanel div.dialog button.accept.invalid:active,
div.phoneDialInPanel div.dialog button.accept.invalid:focus,
div.phoneDialInPanel div.dialog button.accept.invalid:disabled,
div.phoneDialInPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.phoneDialInPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.phoneDialInPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel div.dialog button.accept.loading div {
  display: none;
}
div.phoneDialInPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.phoneDialInPanel div.dialog button.accept.loading:hover,
div.phoneDialInPanel div.dialog button.accept.loading:active,
div.phoneDialInPanel div.dialog button.accept.loading:focus,
div.phoneDialInPanel div.dialog button.accept.loading:disabled,
div.phoneDialInPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.phoneDialInPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.phoneDialInPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.phoneDialInPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.phoneDialInPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.phoneDialInPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.phoneDialInPanel div.dialog button.accept.red:hover,
div.phoneDialInPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.phoneDialInPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.phoneDialInPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.phoneDialInPanel div.dialog button.accept.red.disabled,
div.phoneDialInPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel div.dialog button.accept.red.disabled:hover,
div.phoneDialInPanel div.dialog button.accept.red:disabled:hover,
div.phoneDialInPanel div.dialog button.accept.red.disabled:active,
div.phoneDialInPanel div.dialog button.accept.red:disabled:active,
div.phoneDialInPanel div.dialog button.accept.red.disabled:focus,
div.phoneDialInPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.phoneDialInPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.phoneDialInPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.phoneDialInPanel div.dialog button.accept.red.invalid:hover,
div.phoneDialInPanel div.dialog button.accept.red.invalid:active,
div.phoneDialInPanel div.dialog button.accept.red.invalid:focus,
div.phoneDialInPanel div.dialog button.accept.red.invalid:disabled,
div.phoneDialInPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.phoneDialInPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.phoneDialInPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.phoneDialInPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.phoneDialInPanel div.dialog button.accept.red.loading:hover,
div.phoneDialInPanel div.dialog button.accept.red.loading:active,
div.phoneDialInPanel div.dialog button.accept.red.loading:focus,
div.phoneDialInPanel div.dialog button.accept.red.loading:disabled,
div.phoneDialInPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.phoneDialInPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.phoneDialInPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.phoneDialInPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.phoneDialInPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.phoneDialInPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.phoneDialInPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.phoneDialInPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.phoneDialInPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.phoneDialInPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.phoneDialInPanel div.banner {
  display: none;
  width: 100%;
  background-color: #9E0D0D;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
div.phoneDialInPanel div.banner.pairingBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  text-align: left;
  position: relative;
  background-color: transparent;
  display: block;
}
div.phoneDialInPanel div.banner.pairingBanner span.switch {
  line-height: 18px;
  padding: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  background-color: #FF9700;
  font-size: 14px;
  color: #FFF;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow-wrap: break-word;
  display: inline-block;
  width: 324px;
  text-align: left;
}
div.phoneDialInPanel .partnerIntegrated {
  display: none;
}
div.phoneDialInPanel .nonpairing {
  display: block;
}
div.phoneDialInPanel .pairing {
  display: none;
}
div.phoneDialInPanel.pairing .partnerIntegrated {
  display: none;
}
div.phoneDialInPanel.pairing .pairing {
  display: block;
}
div.phoneDialInPanel.pairing .nonpairing {
  display: none;
}
div.phoneDialInPanel.partnerIntegrated .nonpairing {
  display: none;
}
div.phoneDialInPanel.partnerIntegrated .partnerIntegrated {
  display: block;
}
div.phoneDialInPanel.expanded div.callMeContainer div.availabilityContainer div.moreDetails {
  display: block;
}
div.phoneDialInPanel.callMeEnabled {
  display: block;
}
div.phoneDialInPanel.callMeEnabled div.menuOptions {
  display: block;
}
div.phoneDialInPanel div.menuOptions {
  display: none;
}
div.phoneDialInPanel div.menuOptions div.menuOptionsButton {
  display: inline-block;
  height: 46px;
  width: 179.5px;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
  size: 14px ;
  color: #1D6BDD;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-transform: uppercase;
}
div.phoneDialInPanel div.menuOptions div.menuOptionsButton.selected {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  border-bottom: 2px solid #1D6BDD;
}
div.phoneDialInPanel div.menuOptions div.menuOptionsButton:focus {
  border: 4px solid #D4E4F3;
  border: 4px solid rgba(0, 137, 255, 0.12);
  width: 171.5px;
}
div.phoneDialInPanel div.menuOptions div.menuOptionsButton:active {
  color: #FFF;
  background-color: #9ACCF6;
  background-color: rgba(0, 137, 255, 0.36);
}
div.phoneDialInPanel div.menuOptions div.menuOptionsButton:hover {
  background-color: #D4E4F3;
  background-color: rgba(0, 137, 255, 0.12);
}
.lang-de div.phoneDialInPanel div.menuOptionsButton {
  width: 179px !important;
}
div.phoneDialInPanel div.content {
  padding: 0px;
}
div.phoneDialInPanel .callMeContainer {
  display: none;
  padding: 32px 50px 0px 50px;
}
div.phoneDialInPanel .callMeContainer div.callMeTitle {
  margin-bottom: 16px;
}
div.phoneDialInPanel .callMeContainer div.callMeError {
  margin-top: 5px;
  color: #DF0E0E;
}
div.phoneDialInPanel .callMeContainer div.tryAnotherNumber {
  margin-top: 5px;
  font-size: 14px;
  margin-right: 15px;
}
div.phoneDialInPanel .callMeContainer div.availabilityContainer {
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 18px;
  color: #ADADAD;
  color: rgba(0, 0, 0, 0.32);
}
div.phoneDialInPanel .callMeContainer div.availabilityContainer div {
  padding-top: 8px;
}
div.phoneDialInPanel .callMeContainer div.availabilityContainer div.moreDetails {
  display: none;
}
div.phoneDialInPanel .callMeContainer div.toggleDetails {
  padding-top: 3px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  line-height: 18px;
  color: #1D6BDD;
  cursor: pointer;
  text-transform: uppercase;
}
div.phoneDialInPanel .callMeContainer input.callMeNumber {
  width: 260px;
  padding-left: 48px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -12737px;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe {
  margin-top: 68px;
  margin-bottom: 48px;
  position: relative;
  height: 82px;
  background-color: #E8E8E8;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  position: absolute;
  top: -22px;
  left: 0px;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton .turnOffOutlineForClick {
  outline: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton div.icon {
  display: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton:hover,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.hovered {
  background-color: #21c37f;
  border: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.disabled,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.disabled:hover,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton:disabled:hover,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.disabled:active,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton:disabled:active,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.disabled:focus,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid div {
  display: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid:hover,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid:active,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid:focus,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid:disabled,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading div {
  display: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading:hover,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading:active,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading:focus,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading:disabled,
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading.no-svg {
  background-color: #19A96D !important;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading.no-svg div {
  display: none;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe button.callMeButton.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe .preferenceText {
  position: absolute;
  bottom: 10.5px;
  left: 16px;
  width: 147px;
  font-size: 14px;
}
div.phoneDialInPanel .callMeContainer div.controlsContainerCallMe .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 16px;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer {
  display: none;
  text-align: center;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.imgContainer,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.imgContainer,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.imgContainer {
  text-align: center;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.imgContainer img,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.imgContainer img,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.imgContainer img {
  display: inline-block;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.spinner,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.spinner,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.spinner {
  background-size: 136px 15438px;
  background-position: 0px -1875px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: inline-block;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.spinner,
.no-svg div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.spinner,
.no-svg div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1867px;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.calling,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.calling,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.calling {
  text-align: center;
  margin: 13px 0px 11px 0px;
  color: #1D6BDD;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.connecting,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.connecting,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.connecting {
  text-align: center;
  margin: 13px 0px 11px 0px;
  color: #1D6BDD;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.disconnecting,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.disconnecting,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.disconnecting {
  text-align: center;
  margin: 13px 0px 11px 0px;
  color: #DD2F1D;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.phoneNumber,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.phoneNumber,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.phoneNumber {
  font: 24px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.message,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.message,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.message {
  text-align: left;
  margin-top: 45px;
  margin-bottom: 45px;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.message.one,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.message.one,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.message.one {
  text-align: center;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain .turnOffOutlineForClick,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain .turnOffOutlineForClick,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain .turnOffOutlineForClick {
  outline: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain div.icon,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain div.icon,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain div.icon {
  display: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain:hover,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain:hover,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:hover,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.hovered,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.hovered,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain:active,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain:active,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain:active:focus,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain:active:focus,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain:focus,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain:focus,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.valid,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.valid,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid div,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid div,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid div {
  display: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid div.icon,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid div.icon,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid:hover,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid:hover,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid:hover,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid:active,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid:active,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid:active,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid:focus,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid:focus,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid:focus,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid:disabled,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid:disabled,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid:disabled,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid.disabled,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid.disabled,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid div.icon,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid div.icon,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid div.icon,
.no-svg div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid div.icon,
.no-svg div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.disabled,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.disabled,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.disabled,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain:disabled,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain:disabled,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.disabled:hover,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.disabled:hover,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.disabled:hover,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain:disabled:hover,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain:disabled:hover,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:disabled:hover,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.disabled:active,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.disabled:active,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.disabled:active,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain:disabled:active,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain:disabled:active,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:disabled:active,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain.disabled:focus,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain.disabled:focus,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.disabled:focus,
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer button.tryAgain:disabled:focus,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer button.tryAgain:disabled:focus,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callMeContainer div.dialoutCallingContainer div.icon.one,
div.phoneDialInPanel .callMeContainer div.dialoutConnectingContainer div.icon.one,
div.phoneDialInPanel .callMeContainer div.dialoutDisconnectingContainer div.icon.one {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12794px;
  width: 26px;
  height: 28px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: -45%;
}
div.phoneDialInPanel div.dialoutConnectedContainer {
  display: none;
  text-align: center;
}
div.phoneDialInPanel div.dialoutConnectedContainer div.content {
  margin-top: 41px;
  margin-bottom: 99px;
}
div.phoneDialInPanel div.dialoutConnectedContainer div.content div.connectedIcon {
  width: 64px;
  height: 64px;
  background-size: 136px 15438px;
  background-position: 0px -10652px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}
.no-svg div.phoneDialInPanel div.dialoutConnectedContainer div.content div.connectedIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10571px;
}
div.phoneDialInPanel div.dialoutConnectedContainer div.content div.connectedText {
  color: #3FB811;
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
div.phoneDialInPanel .callInContainer {
  display: block;
  padding: 32px 50px 0px 50px;
}
div.phoneDialInPanel .callInContainer div.mainHeader {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
}
div.phoneDialInPanel .callInContainer div.mainHeader div.step {
  position: absolute;
  top: -2px;
  left: -36px;
  width: 24px;
  margin-left: 0px;
  text-align: center;
  color: rgba(0, 0, 0, 0.16);
  font-size: 28px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  line-height: 30px;
}
div.phoneDialInPanel .callInContainer div.mainHeader .waitToConnect {
  font-family: 'ProximaNovaSemiBold';
}
div.phoneDialInPanel .callInContainer div.subheader {
  position: relative;
  padding-top: 2px;
  min-height: 24px;
  padding-left: 30px;
  margin-top: 13px;
}
div.phoneDialInPanel .callInContainer div.subheader.info {
  padding-top: 4px;
}
div.phoneDialInPanel .callInContainer div.subheader div.icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
}
div.phoneDialInPanel .callInContainer div.subheader div.icon.phone {
  width: 18px;
  height: 18px;
  background-size: 136px 15438px;
  background-position: 2px -4957px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}
.no-svg div.phoneDialInPanel .callInContainer div.subheader div.icon.phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 2px -4950px;
}
div.phoneDialInPanel .callInContainer div.subheader div.icon.info {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10790px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.phoneDialInPanel .callInContainer div.subheader div.icon.info {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10660px;
}
div.phoneDialInPanel .callInContainer div.subheader div.icon.meeting {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -4861px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.phoneDialInPanel .callInContainer div.subheader div.icon.meeting {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4903px;
}
div.phoneDialInPanel .callInContainer div.subheader div.icon.passcode {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -4910px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.phoneDialInPanel .callInContainer div.subheader div.icon.passcode {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4854px;
}
div.phoneDialInPanel .callInContainer div.subheader div.label {
  width: 100%;
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.phoneDialInPanel .callInContainer div.subheader div.label.otherNumbers {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: #1D6BDD;
  text-transform: uppercase;
  cursor: pointer;
}
div.phoneDialInPanel .callInContainer div.number {
  padding-left: 30px;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #303030;
  color: rgba(0, 0, 0, 0.8);
}
div.phoneDialInPanel .callInContainer div.otherContainer {
  margin-bottom: 48px;
}
div.phoneDialInPanel .callInContainer div.meetingContainer {
  margin-bottom: 67px;
}
div.phoneDialInPanel .callInContainer div.meetingContainer.pairing {
  margin-top: 16px;
  margin-bottom: 48px;
}
div.phoneDialInPanel .callInContainer div.pairingCodeContainer {
  padding: 12px 16px 12px 16px;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #303030;
  color: rgba(0, 0, 0, 0.8);
  background-color: #E1E8F1;
  text-align: center;
  display: inline-block;
}
div.phoneDialInPanel .callInContainer div.pairingCodeContainer div.number {
  padding-left: 0px;
}
div.phoneDialInPanel .callInContainer div.pairingConnected {
  text-align: center;
}
div.phoneDialInPanel .callInContainer div.pairingConnected div.successConnected {
  background-size: 136px 15438px;
  background-position: 0px -5296px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: inline-block;
}
.no-svg div.phoneDialInPanel .callInContainer div.pairingConnected div.successConnected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5289px;
}
div.phoneDialInPanel .callInContainer div.pairingConnected div.message {
  text-align: center;
  color: #3FB811;
}
div.phoneDialInPanel .callInContainer a.skipPairing {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  display: inline;
}
div.phoneDialInPanel .callInContainer a.skipPairing:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.phoneDialInPanel .callInContainer a.skipPairing:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.phoneDialInPanel .callInContainer a.skipPairing:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.phoneDialInPanel .callInContainer a.skipPairing.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.phoneDialInPanel .callInContainer div.controlsContainer {
  margin-bottom: 48px;
  position: relative;
  height: 82px;
  background-color: #E8E8E8;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  position: absolute;
  top: -22px;
  left: 0px;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next .turnOffOutlineForClick {
  outline: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next div.icon {
  display: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next:hover,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.hovered {
  background-color: #21c37f;
  border: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.disabled,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.disabled:hover,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next:disabled:hover,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.disabled:active,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next:disabled:active,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.disabled:focus,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid div {
  display: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid:hover,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid:active,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid:focus,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid:disabled,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.phoneDialInPanel .callInContainer div.controlsContainer button.next.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading div {
  display: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading:hover,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading:active,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading:focus,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading:disabled,
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading.no-svg {
  background-color: #19A96D !important;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading.no-svg div {
  display: none;
}
div.phoneDialInPanel .callInContainer div.controlsContainer button.next.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.phoneDialInPanel .callInContainer div.controlsContainer .preferenceText {
  position: absolute;
  bottom: 10.5px;
  left: 16px;
  width: 147px;
  font-size: 14px;
}
div.phoneDialInPanel .callInContainer div.controlsContainer .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 16px;
}
div.phoneDialInPanel .callInContainer div.controlsContainer.pairing {
  display: none;
  padding: 15px 0px 15px 0px;
  background-color: #E1E8F1;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: auto;
}
div.phoneDialInPanel .callInContainer div.controlsContainer.pairing div.spinner {
  background-size: 136px 15438px;
  background-position: 0px -10741px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: -20%;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.phoneDialInPanel .callInContainer div.controlsContainer.pairing div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10709px;
}
.no-svg div.phoneDialInPanel .callInContainer div.controlsContainer.pairing div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 0;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 0;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 0;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 0;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background-position: 0px;
}
div.phoneDialInPanel .callInContainer div.controlsContainer.pairing div.message {
  padding-left: 8px;
  display: inline-block;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
}
div.phoneDialInPanel .callInContainer div.controlsContainer.pairing.pairingSuccess {
  background-color: #E4EEE1;
}
div.phoneDialInPanel .callInContainer div.controlsContainer.pairing.pairingSuccess div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12847px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 0ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 0ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 0ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 0ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  width: 24px;
  height: 24px;
  vertical-align: -20%;
}
div.phoneDialInPanel .callInContainer div.controlsContainer.pairing.pairingSuccess div.message {
  color: #43B916;
}
div.phoneDialInPanel div.pstnNumber {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #303030;
  color: rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 16px;
  margin-bottom: 42px;
}
div.phoneDialInPanel div.pstnNumber.local {
  margin-bottom: 16px;
}
div.phoneDialInPanel div.pstnNumber div.phoneIcon {
  width: 18px;
  height: 18px;
  background-size: 136px 15438px;
  background-position: 2px -4957px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: -25%;
  margin-right: 6px;
}
.no-svg div.phoneDialInPanel div.pstnNumber div.phoneIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 2px -4950px;
}
div.phoneDialInPanel div.allNumbers {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #1D6BDD;
  text-align: center;
  padding: 3px;
  margin-bottom: 16px;
}
div.phoneDialInPanel div.allNumbers:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.phoneDialInPanel div.allNumbers:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.phoneDialInPanel div.allNumbers:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.phoneDialInPanel div.allNumbers.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.phoneDialInPanel div.callMeContainer {
  position: relative;
  padding: 32px 50px 42px 50px;
}
div.phoneDialInPanel div.callMeContainer div.controlsContainerCallMe {
  background-color: #F2F2F2;
  margin-bottom: 0px;
  margin-top: 18px;
  height: auto;
}
div.phoneDialInPanel div.callMeContainer div.controlsContainerCallMe button.callMeButton {
  position: static;
  top: auto;
  left: auto;
}
div.phoneDialInPanel div.callMeContainer div.controlsContainerCallMe div.preferenceText,
div.phoneDialInPanel div.callMeContainer div.controlsContainerCallMe div.fancySliderContainer {
  display: none;
}
div.phoneDialInPanel div.callInContainer {
  position: relative;
  padding: 32px 50px 42px 50px;
}
div.phoneDialInPanel div.callInContainer div.meetingContainer.nonpairing {
  margin-bottom: 16px;
}
div.phoneDialInPanel div.callInContainer div.controlsContainer {
  background-color: #F2F2F2;
  margin-bottom: 0px;
  margin-top: 18px;
  height: auto;
}
div.phoneDialInPanel div.callInContainer div.controlsContainer button.next {
  position: static;
  top: auto;
  left: auto;
}
div.phoneDialInPanel div.callInContainer div.controlsContainer div.preferenceText,
div.phoneDialInPanel div.callInContainer div.controlsContainer div.fancySliderContainer {
  display: none;
}
.Flag-France {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12896px;
  width: 24px;
  height: 24px;
}
.Flag-UnitedStates {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12745px;
  width: 24px;
  height: 24px;
}
.Flag-Argentina {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12945px;
  width: 24px;
  height: 24px;
}
.Flag-Australia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13288px;
  width: 24px;
  height: 24px;
}
.Flag-Austria {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12994px;
  width: 24px;
  height: 24px;
}
.Flag-Bahrain {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13043px;
  width: 24px;
  height: 24px;
}
.Flag-Belgium {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13092px;
  width: 24px;
  height: 24px;
}
.Flag-Brazil {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13141px;
  width: 24px;
  height: 24px;
}
.Flag-Bulgaria {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13190px;
  width: 24px;
  height: 24px;
}
.Flag-Canada {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13239px;
  width: 24px;
  height: 24px;
}
.Flag-Chile {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13337px;
  width: 24px;
  height: 24px;
}
.Flag-China {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13386px;
  width: 24px;
  height: 24px;
}
.Flag-Colombia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13435px;
  width: 24px;
  height: 24px;
}
.Flag-CzechRepublic {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13484px;
  width: 24px;
  height: 24px;
}
.Flag-Denmark {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13533px;
  width: 24px;
  height: 24px;
}
.Flag-Egypt {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13582px;
  width: 24px;
  height: 24px;
}
.Flag-Estonia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13631px;
  width: 24px;
  height: 24px;
}
.Flag-Finland {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13680px;
  width: 24px;
  height: 24px;
}
.Flag-Germany {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13729px;
  width: 24px;
  height: 24px;
}
.Flag-Greece {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13778px;
  width: 24px;
  height: 24px;
}
.Flag-HongKong {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13827px;
  width: 24px;
  height: 24px;
}
.Flag-Hungary {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13876px;
  width: 24px;
  height: 24px;
}
.Flag-India {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13925px;
  width: 24px;
  height: 24px;
}
.Flag-Indonesia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13974px;
  width: 24px;
  height: 24px;
}
.Flag-Ireland {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14023px;
  width: 24px;
  height: 24px;
}
.Flag-Israel {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14072px;
  width: 24px;
  height: 24px;
}
.Flag-Italy {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14121px;
  width: 24px;
  height: 24px;
}
.Flag-Japan {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14170px;
  width: 24px;
  height: 24px;
}
.Flag-Jordan {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14219px;
  width: 24px;
  height: 24px;
}
.Flag-Latvia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14268px;
  width: 24px;
  height: 24px;
}
.Flag-Lithuania {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14562px;
  width: 24px;
  height: 24px;
}
.Flag-Malaysia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14611px;
  width: 24px;
  height: 24px;
}
.Flag-Mexico {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14317px;
  width: 24px;
  height: 24px;
}
.Flag-Netherlands {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14366px;
  width: 24px;
  height: 24px;
}
.Flag-NewZealand {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14415px;
  width: 24px;
  height: 24px;
}
.Flag-Norway {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14464px;
  width: 24px;
  height: 24px;
}
.Flag-Philippines {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14513px;
  width: 24px;
  height: 24px;
}
.Flag-Poland {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14758px;
  width: 24px;
  height: 24px;
}
.Flag-Portugal {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14660px;
  width: 24px;
  height: 24px;
}
.Flag-Qatar {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14709px;
  width: 24px;
  height: 24px;
}
.Flag-Romania {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14807px;
  width: 24px;
  height: 24px;
}
.Flag-Russia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14856px;
  width: 24px;
  height: 24px;
}
.Flag-Singapore {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14905px;
  width: 24px;
  height: 24px;
}
.Flag-Slovakia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14954px;
  width: 24px;
  height: 24px;
}
.Flag-SouthAfrica {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15003px;
  width: 24px;
  height: 24px;
}
.Flag-SouthKorea {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15052px;
  width: 24px;
  height: 24px;
}
.Flag-Spain {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15101px;
  width: 24px;
  height: 24px;
}
.Flag-Sweden {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15150px;
  width: 24px;
  height: 24px;
}
.Flag-Switzerland {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15199px;
  width: 24px;
  height: 24px;
}
.Flag-Taiwan {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15248px;
  width: 24px;
  height: 24px;
}
.Flag-Turkey {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15297px;
  width: 24px;
  height: 24px;
}
.Flag-Ukraine {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15346px;
  width: 24px;
  height: 24px;
}
.Flag-UnitedArabEmirates {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15395px;
  width: 24px;
  height: 24px;
}
.Flag-UnitedKingdom {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15444px;
  width: 24px;
  height: 24px;
}
.Flag-None {
  display: none !important;
}
.pipSelfViewPanel {
  position: absolute;
  z-index: 100;
  top: 20px;
  right: 20px;
  width: 260px;
  height: 146.25px;
}
.pipSelfViewPanel .placeholderLocalPip {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.pipSelfViewPanel .placeholderLocalPip object {
  width: 100%;
  height: 100%;
}
.pipSelfViewPanel .placeholderLocalPip video.local {
  display: none;
  width: 100%;
  height: 100%;
}
.pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator {
  height: 18px;
  width: 100%;
  position: relative;
  top: -18px;
  display: none;
}
.pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality {
  float: right;
  display: inline-block;
  padding: 0 6px 6px 0;
  background: transparent;
}
.pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality1 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8586px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality1 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8536px;
}
.pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality2 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8623px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality2 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8573px;
}
.pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality3 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8660px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality3 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8610px;
}
.pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality4 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8697px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality4 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8647px;
}
.pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality5 {
  width: 18px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -8734px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .pipSelfViewPanel .placeholderLocalPip .selfViewNetworkIndicator span.networkQuality5 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -8684px;
}
.pipSelfViewPanel .placeholderLocalPip .selfviewLoading {
  display: none;
  background-size: 136px 15438px;
  background-position: 0px -5385px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  margin-top: -18px;
  z-index: 3;
}
.no-svg .pipSelfViewPanel .placeholderLocalPip .selfviewLoading {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5378px;
}
.ie-8 .pipSelfViewPanel .placeholderLocalPip .selfviewLoading,
.ie-9 .pipSelfViewPanel .placeholderLocalPip .selfviewLoading {
  display: none;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/greyongrey-loading-spinner.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  z-index: 3;
}
.pipSelfViewPanel .placeholderLocalPip.loading .selfviewLoading {
  display: block;
}
.pipSelfViewPanel .placeholderLocalPip .message {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 3;
  color: #cccccc;
}
.pipSelfViewPanel .placeholderLocalPip .message .icon {
  position: relative;
  margin: 1px auto;
}
.pipSelfViewPanel .placeholderLocalPip .message .text {
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
}
.pipSelfViewPanel .placeholderLocalPip .message.cameraMute .icon,
.pipSelfViewPanel .placeholderLocalPip .message.cameraMuteRemote .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5787px;
  margin-top: 49px;
  width: 48px;
  height: 48px;
}
.pipSelfViewPanel .placeholderLocalPip .message.cameraMute .text,
.pipSelfViewPanel .placeholderLocalPip .message.cameraMuteRemote .text {
  margin-bottom: 6px;
}
.pipSelfViewPanel .placeholderLocalPip .message.cameraMute .subText,
.pipSelfViewPanel .placeholderLocalPip .message.cameraMuteRemote .subText {
  margin: 0px auto;
  text-align: center;
  font-size: 13px;
}
.pipSelfViewPanel .placeholderLocalPip .message.cameraNone .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.pipSelfViewPanel .placeholderLocalPip .message.cameraTaken .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.pipSelfViewPanel .placeholderLocalPip .message.webrtcPermissionsDenied {
  text-align: center;
  font-size: 15px;
  color: yellow;
}
.pipSelfViewPanel .placeholderLocalPip .message.webrtcPermissionsDenied .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.pipSelfViewPanel .placeholderLocalPip .message.webrtcPermissionsDenied .text {
  margin-top: 10px;
}
.pipSelfViewPanel .placeholderLocalPip .message.webrtcPermissionsDenied .helper {
  margin-top: 10px;
  font-size: 13px;
}
.pipSelfViewPanel .placeholderLocalPip .message.webrtcPermissionsDenied .chromeCameraIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5860px;
  width: 150px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
}
.pipSelfViewPanel .placeholderLocalPip .message.screenSharing .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5936px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.pipSelfViewPanel .placeholderLocalPip.loading .message {
  display: none !important;
}
.pipSelfViewPanel .close {
  height: 24px;
  width: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
  z-index: 3;
}
.needs-shim .pipSelfViewPanel .close {
  background-color: black;
}
.hidden .pipSelfViewPanel .close {
  visibility: hidden;
}
.pipSelfViewPanel .close .shim {
  z-index: 5;
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  position: absolute;
  overflow: hidden;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.pipSelfViewPanel .close .closeButton {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10839px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  z-index: 7;
  position: absolute;
  right: 0px;
  height: 100%;
  width: 100%;
  background-color: #555555;
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 2px;
}
.no-svg .pipSelfViewPanel .close .closeButton {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10758px;
}
.pipSelfViewPanel .close:active {
  visibility: visible;
}
.pipSelfViewPanel .close:active .closeButton {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.32);
  border-radius: 2px;
}
.crashScreen {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 6;
}
.crashScreen.linux div.background {
  background-color: #4d4d4d;
}
.crashScreen.linux .content .linuxMessage {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.crashScreen.linux .content .linuxMessage div.infoLink {
  margin-top: 40px;
}
.crashScreen .background {
  width: inherit;
  height: inherit;
  background-color: #414141;
  z-index: 2;
  position: absolute;
}
.crashScreen .content {
  width: 300px;
  height: 280px;
  margin-left: -150px;
  margin-top: -140px;
  left: 50%;
  top: 55%;
  position: absolute;
  z-index: 3;
  color: white;
  text-align: center;
}
.crashScreen .content .linuxMessage {
  display: none;
}
.crashScreen .content .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15493px;
  height: 60px;
  width: 54px;
  margin: 0px auto 20px;
}
.crashScreen .content .ohnoes {
  font-size: 14px;
}
.crashScreen .content .messageContainer {
  width: 184px;
  margin: 8px auto;
  padding: 6px 8px;
  background-color: #161616;
  color: #cccccc;
  text-align: left;
  font-size: 12px;
  line-height: 1.4em;
  overflow: hidden;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -o-transition: height 0.2s, padding-top 0.2s, padding-bottom 0.2s;
  -moz-transition: height 0.2s, padding-top 0.2s, padding-bottom 0.2s;
  -webkit-transition: height 0.2s, padding-top 0.2s, padding-bottom 0.2s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
}
.crashScreen .content .messageContainer.collapsed {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.crashScreen .content.crashIsPlugin .uploadLogs {
  display: block;
}
.crashScreen .content .uploadLogs {
  display: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
}
.crashScreen .content .buttons {
  margin: 12px auto 0;
}
.crashScreen .content .buttons button {
  background-color: #cccccc;
  color: #4d4d4d;
  font-size: 11px;
  font-weight: bold;
  padding: 6px 0;
  height: auto;
  width: 180px;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
}
.crashScreen .content .buttons button.hover {
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: -ms-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(top, #ffffff, #cccccc);
  background-color: #ffffff;
  background-color: white;
}
.crashScreen .content .buttons button.active {
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: -ms-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(top, #ffffff, #cccccc);
  background-color: #b3b3b3;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  background-color: white;
  margin-top: 1px;
  margin-bottom: -1px;
}
.crashScreen .content .buttons button + button {
  margin-top: 8px;
}
.crashScreen .content .buttons button + button.active {
  margin-top: 9px;
  margin-bottom: 8px -1;
}
.crashScreen .content .sendlogs {
  color: #cccccc;
  font-size: 11px;
  /* TODO: use .centered from SkinnedForm.less */
}
.crashScreen .content .sendlogs label.skinned .checkbox.skinned {
  float: none;
  vertical-align: top;
  background-color: #161616;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15591px;
}
.crashScreen .content .sendlogs label.skinned .checkbox.skinned.checked {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15578px;
}
.crashScreen .content .sendlogs label.skinned input + span {
  display: inline;
  text-align: left;
  padding-left: 0;
}
.crashScreen.noMicrophone .background {
  background-color: #131313;
}
.crashScreen.noMicrophone .content .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15616px;
  width: 56px;
  height: 66px;
}
.crashScreen.noMicrophone .content .buttons button {
  color: black;
}
/*
 * Here be dragons. Large and fire breathing!
 *
 * So here's the deal. It seems the plugin stops rendering if you change the holder container's
 * overflow property.You can go from visible to hidden, or hidden to visible, it doesn't matter.
 * If it changes, the plugin disappears. You can make it reappear by just resizing the browser,
 * but obviously no one would think to do that.
 *
 * As it turns out, jquery's .animate() function changes the overflow property. So if you try to
 * animate the plugin, like Shoehorn.js does, bad things happen.
 *
 * In previous versions, there was a timer firing every 200ms (part of jquery-scrollpane) that
 * by chance seems to have caused the plugin to reappear, causing the effect to be just a brief,
 * < 200ms flash. But that timer has been removed for efficiency reasons.
 *
 * This solution should be better. All holder containers are set to have overflow locked to hidden.
 * The !important directive ensures it will override the element style set by jquery .animate().
 * As a result, the plugin should never disappear or even flash due to animation.
 *
 */
.placeholderLocal,
.placeholderLocalSettings,
.placeholderRemote,
.placeholderRemoteContent {
  overflow: hidden !important;
}
@font-face {
  font-family: 'ProximaNovaLight';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Light-webfont.svg#ProximaNovaLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Regular-webfont.svg#ProximaNovaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaThin';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Thin-webfont.svg#ProximaNovaThin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaBold';
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.eot');
  src: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.eot#iefix') format('embedded-opentype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.woff') format('woff'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.ttf') format('truetype'), url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/fonts/ProximaNova-Bold-webfont.svg#ProximaNovaBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.preMeetingNotificationsBar {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 5;
}
.preMeetingNotificationsBar .messageContainer {
  position: relative;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}
.preMeetingNotificationsBar .messageContainer.error {
  background-color: #DF0E0E;
}
.preMeetingNotificationsBar .messageContainer .text {
  font-size: 18px;
  color: #fff;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.preMeetingNotificationsBar .messageContainer .close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15707px;
  background-color: #DF0E0E;
  border: none;
  position: absolute;
  right: 15px;
  width: 16px;
  height: 16px;
}
.preMeetingNotificationsBar .messageContainer .close:hover {
  background-color: rgba(255, 255, 255, 0.24);
  padding: 4px;
}
.preMeetingNotificationsBar .messageContainer .close:active {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 4px;
}
div.primaryComputerDialog {
  background-color: #F2F2F2;
  padding-bottom: 0px;
  position: relative;
  margin: 0 auto;
  /*top: 50px;
	left: 50%;
	margin-left: -@width/2;*/
  width: 360px;
  z-index: 3;
  background-color: transparent;
}
div.primaryComputerDialog.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.primaryComputerDialog.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.primaryComputerDialog.mac.osx_lion *::-webkit-scrollbar:active,
div.primaryComputerDialog.mac.osx_lion *::-webkit-scrollbar:hover,
div.primaryComputerDialog.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.primaryComputerDialog .scrollbar-container {
  right: 3px;
}
div.primaryComputerDialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
div.primaryComputerDialog div.modalContent {
  position: relative;
  z-index: 4;
  text-align: left;
}
div.primaryComputerDialog div.title {
  box-sizing: border-box;
  height: 48px;
  padding: 10px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
div.primaryComputerDialog div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 6px -3013px;
  opacity: 0.75;
  position: absolute;
  top: 6px;
  left: 6px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 6px;
}
div.primaryComputerDialog div.back:hover,
div.primaryComputerDialog div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.primaryComputerDialog div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.primaryComputerDialog div.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -3060px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 6px;
  right: 6px;
  padding: 6px;
  z-index: 11;
  cursor: pointer;
}
div.primaryComputerDialog div.close:hover,
div.primaryComputerDialog div.close:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.primaryComputerDialog div.close:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.primaryComputerDialog div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.primaryComputerDialog div.content {
  padding-top: 24px;
  padding-left: 48px;
  padding-right: 48px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.primaryComputerDialog div.content {
  padding-bottom: 24px;
  background-color: #F2F2F2;
}
div.primaryComputerDialog.fullScreenButtonOffset {
  bottom: 9999px;
}
div.primaryComputerDialog iframe.shim {
  display: none;
}
div.primaryComputerDialog div.audioAssistantDetails {
  display: none;
  color: rgba(0, 0, 0, 0.32);
  font-size: 12px;
  font-family: proximanovaregular;
  line-height: 15px;
  margin-bottom: 13px;
  margin-up: 13px;
}
div.primaryComputerDialog div.audioAssistantSettings {
  display: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10888px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 22px;
}
.no-svg div.primaryComputerDialog div.audioAssistantSettings {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10807px;
}
div.primaryComputerDialog div.close {
  display: none;
}
div.primaryComputerDialog div.preferenceConnectionText {
  font-size: 14px;
}
div.primaryComputerDialog div.selfViewBanner {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  display: none;
  height: 32px;
  background-color: #FF9700;
  text-align: center;
  line-height: 32px;
}
div.primaryComputerDialog div.selfViewBanner .videoNotSent,
div.primaryComputerDialog div.selfViewBanner .videoStillSent {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: white;
}
div.primaryComputerDialog div.placeholderLocalAVDialog,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  height: 146.25px;
  position: relative;
  background-color: #303030;
  overflow: hidden;
}
div.primaryComputerDialog div.placeholderLocalAVDialog.hidden,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog.hidden {
  position: absolute;
  visibility: hidden;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .selfviewLoading,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .selfviewLoading {
  display: none;
  background-size: 136px 15438px;
  background-position: 0px -5385px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  margin-top: -18px;
  z-index: 3;
}
.no-svg div.primaryComputerDialog div.placeholderLocalAVDialog .selfviewLoading,
.no-svg div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .selfviewLoading {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5378px;
}
.ie-8 div.primaryComputerDialog div.placeholderLocalAVDialog .selfviewLoading,
.ie-8 div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .selfviewLoading,
.ie-9 div.primaryComputerDialog div.placeholderLocalAVDialog .selfviewLoading,
.ie-9 div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .selfviewLoading {
  display: none;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/greyongrey-loading-spinner.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  z-index: 3;
}
div.primaryComputerDialog div.placeholderLocalAVDialog.loading .selfviewLoading,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog.loading .selfviewLoading {
  display: block;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 3;
  color: #cccccc;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message .icon,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message .icon {
  position: relative;
  margin: 1px auto;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message .text,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message .text {
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.cameraMute .icon,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.cameraMute .icon,
div.primaryComputerDialog div.placeholderLocalAVDialog .message.cameraMuteRemote .icon,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.cameraMuteRemote .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5787px;
  margin-top: 49px;
  width: 48px;
  height: 48px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.cameraMute .text,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.cameraMute .text,
div.primaryComputerDialog div.placeholderLocalAVDialog .message.cameraMuteRemote .text,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.cameraMuteRemote .text {
  margin-bottom: 6px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.cameraMute .subText,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.cameraMute .subText,
div.primaryComputerDialog div.placeholderLocalAVDialog .message.cameraMuteRemote .subText,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.cameraMuteRemote .subText {
  margin: 0px auto;
  text-align: center;
  font-size: 13px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.cameraNone .icon,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.cameraNone .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.cameraTaken .icon,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.cameraTaken .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.webrtcPermissionsDenied,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.webrtcPermissionsDenied {
  text-align: center;
  font-size: 15px;
  color: yellow;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.webrtcPermissionsDenied .icon,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.webrtcPermissionsDenied .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.webrtcPermissionsDenied .text,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.webrtcPermissionsDenied .text {
  margin-top: 10px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.webrtcPermissionsDenied .helper,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.webrtcPermissionsDenied .helper {
  margin-top: 10px;
  font-size: 13px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.webrtcPermissionsDenied .chromeCameraIcon,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.webrtcPermissionsDenied .chromeCameraIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5860px;
  width: 150px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
}
div.primaryComputerDialog div.placeholderLocalAVDialog .message.screenSharing .icon,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog .message.screenSharing .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5936px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog.biggerSelfView,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog.biggerSelfView {
  width: 360px;
  height: 202px;
  margin-left: -48px;
  margin-top: -24px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog.biggerSelfView .message .icon,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog.biggerSelfView .message .icon {
  margin-top: 75px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog.loading .message,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog.loading .message {
  display: none !important;
}
div.primaryComputerDialog div.placeholderLocalAVDialog iframe.shim,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog iframe.shim {
  display: none;
}
div.primaryComputerDialog div.placeholderLocalAVDialog.loading iframe.shim,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog.loading iframe.shim {
  display: block;
}
div.primaryComputerDialog div.placeholderLocalAVDialog object,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog object {
  width: 100%;
  height: 100%;
}
div.primaryComputerDialog div.placeholderLocalAVDialog video.local,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog video.local {
  display: none;
  width: 100%;
  height: 100%;
}
div.primaryComputerDialog div.banner.pairToCompBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  height: 68px;
  background-color: #FF9700;
  text-align: left;
  position: relative;
}
div.primaryComputerDialog div.banner.pairToCompBanner .switchToComp {
  line-height: 18px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #FFF;
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
}
div.primaryComputerDialog div.selfViewBanner {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  display: none;
  height: 32px;
  background-color: #FF9700;
  text-align: center;
  line-height: 32px;
}
div.primaryComputerDialog div.selfViewBanner .videoNotSent,
div.primaryComputerDialog div.selfViewBanner .videoStillSent {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #FFF;
}
div.primaryComputerDialog div.options {
  padding-top: 16px;
  background-color: #E8E8E8;
  padding-bottom: 16px;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
}
div.primaryComputerDialog div.options.noAudio div.microphoneContainer {
  display: none;
}
div.primaryComputerDialog div.options.noAudio div.deviceList.speakers {
  display: none;
}
div.primaryComputerDialog div.options div.changeAudioVideoDevice {
  margin-top: 12px;
  border-radius: 4px;
  color: #1D6BDD;
  font-size: 14px;
  font-family: proximanovaregular;
  cursor: pointer;
  left: 11px;
  position: relative;
  display: inline-block;
}
div.primaryComputerDialog div.options div.changeAudioVideoDevice span.settingsIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10888px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: absolute;
  margin: 10px 0px 10px 5px;
}
.no-svg div.primaryComputerDialog div.options div.changeAudioVideoDevice span.settingsIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10807px;
}
div.primaryComputerDialog div.options div.changeAudioVideoDevice:hover {
  outline: none;
}
div.primaryComputerDialog div.options div.changeAudioVideoDevice span.settingsText {
  margin-left: 32px;
  line-height: 44px;
  position: relative;
  margin-right: 10px;
  top: 1px;
}
div.primaryComputerDialog div.options div.changeAudioVideoDevice span.settingsTextAudioVideo {
  display: inline;
}
div.primaryComputerDialog div.options div.changeAudioVideoDevice span.settingsTextVideo {
  display: none;
}
div.primaryComputerDialog div.options div.settingsMenu {
  display: none;
}
div.primaryComputerDialog div.options div.settingsMenu .deviceLabel {
  display: none;
}
div.primaryComputerDialog div.options div.settingsMenu div.microphoneContainer {
  position: relative;
}
div.primaryComputerDialog div.options div.settingsMenu div.microphoneContainer div.vuMeter {
  position: relative;
  height: 3px;
  background-color: #DDDDDD;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  margin: 0 0 0 0;
  width: 188px;
  height: 4px;
  bottom: 4px;
}
div.primaryComputerDialog div.options div.settingsMenu div.microphoneContainer div.vuMeter div.positive {
  position: absolute;
  width: 100%;
  left: 0px;
  background-color: #ff9700;
  border-radius: 2px;
  height: 3px;
}
div.primaryComputerDialog div.options div.settingsMenu div.microphoneContainer div.vuMeter div.antilevel {
  background-color: #dddddd;
  height: 3px;
  position: absolute;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  right: 0px;
}
div.primaryComputerDialog div.options div.settingsMenu div.skinned.select {
  width: 188px;
  display: inline-block;
}
div.primaryComputerDialog div.options div.settingsMenu .toggleSwitchOption {
  position: absolute;
  left: 196px;
  width: 80px;
}
div.primaryComputerDialog div.options div.settingsMenu .toggleSwitchOption .status {
  float: left;
  text-transform: uppercase;
}
.lang-fr div.primaryComputerDialog div.options div.settingsMenu .toggleSwitchOption .status,
.lang-es div.primaryComputerDialog div.options div.settingsMenu .toggleSwitchOption .status {
  display: none;
}
div.primaryComputerDialog div.options div.settingsMenu div.deviceList.testSpeakers {
  display: none;
}
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers {
  left: 0px;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
  margin: 0;
}
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers div.testSoundIcon,
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers div.otherConnectionIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -7693px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers div.testSoundIcon,
.no-svg div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers div.otherConnectionIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -7686px;
}
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers a.testSoundLink,
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers a.otherConnectionOptions {
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #1D6BDD;
  position: absolute;
  left: 42px;
  top: 3px;
  height: 22px;
  border: none;
  text-transform: uppercase;
}
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers:hover {
  background-color: #D4E5F3;
  background-color: rgba(0, 137, 255, 0.12);
}
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers:active {
  background-color: #9ACCF6;
  background-color: rgba(0, 137, 255, 0.36);
}
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers:active a.testSoundLink {
  color: #FFF;
}
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers:focus {
  border: 4px solid #D4E4F3;
  border: 4px solid rgba(0, 137, 255, 0.12);
}
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers:focus div.testSoundIcon {
  top: 6px;
}
div.primaryComputerDialog div.options div.settingsMenu div.testSpeakers:focus a.testSoundLink {
  top: 10px;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel {
  padding: 8px 0 20px;
  position: relative;
  height: auto;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel span.mac32bitDriverWarning {
  display: none;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel.showMac32bitDriverWarning span.mac32bitDriverWarning {
  display: block;
  text-align: right;
  color: #b8b840;
  padding-top: 10px;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel.showMac32bitDriverWarning span.mac32bitDriverWarning a {
  color: yellow;
  text-weight: bold;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel .deviceList {
  text-align: left;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel .deviceList .toggleSwitchOption {
  display: inline-block;
  margin: 10px 0;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel .deviceList .fancySliderContainer {
  right: 12px;
  top: 2px;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel .deviceList.speakers .toggleSwitchOption {
  margin: 0 0 0 -8px;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel .deviceList.speakers .toggleSwitchOption .testSpeakers {
  padding: 10px 0;
  width: 120px;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel .deviceList.speakers .toggleSwitchOption .testSpeakers .testSoundIcon {
  display: inline-block;
  margin-left: 4px;
}
div.primaryComputerDialog div.options div.settingsMenu .devicesPanel .deviceList.speakers .toggleSwitchOption .testSpeakers .testSoundLink {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  margin-left: 4px;
  position: static;
}
div.primaryComputerDialog div.options .send,
div.primaryComputerDialog div.options .receive {
  width: 100%;
  display: block;
  position: relative;
  height: 24px;
}
div.primaryComputerDialog div.options .send .text,
div.primaryComputerDialog div.options .receive .text {
  position: absolute;
  left: 47px;
  font-size: 16px;
  height: 24px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
}
div.primaryComputerDialog div.options .send .warning,
div.primaryComputerDialog div.options .receive .warning {
  position: absolute;
  right: 30px;
  top: 14px;
  width: 18px;
  height: 16px;
  display: none;
}
div.primaryComputerDialog div.options .send .fancySliderContainer,
div.primaryComputerDialog div.options .receive .fancySliderContainer {
  position: absolute;
  right: 22px;
  top: 4px;
}
.lang-fr div.primaryComputerDialog div.options .send .fancySliderContainer,
.lang-fr div.primaryComputerDialog div.options .receive .fancySliderContainer,
.lang-es div.primaryComputerDialog div.options .send .fancySliderContainer,
.lang-es div.primaryComputerDialog div.options .receive .fancySliderContainer,
.lang-de div.primaryComputerDialog div.options .send .fancySliderContainer,
.lang-de div.primaryComputerDialog div.options .receive .fancySliderContainer {
  right: 8px;
}
div.primaryComputerDialog div.options .send.audio > .icon,
div.primaryComputerDialog div.options .receive.audio > .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6025px;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 16px;
  opacity: 1;
}
div.primaryComputerDialog div.options .send.audio > .icon.off,
div.primaryComputerDialog div.options .receive.audio > .icon.off {
  opacity: 0.33333;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6074px;
}
div.primaryComputerDialog div.options .send.audio .text,
div.primaryComputerDialog div.options .receive.audio .text {
  width: 156px;
}
div.primaryComputerDialog div.options .send.audio .text div.vuMeter,
div.primaryComputerDialog div.options .receive.audio .text div.vuMeter {
  margin-top: -3px;
  position: relative;
  height: 3px;
  background-color: #DDDDDD;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
div.primaryComputerDialog div.options .send.audio .text div.vuMeter div.positive,
div.primaryComputerDialog div.options .receive.audio .text div.vuMeter div.positive {
  position: absolute;
  width: 100%;
  left: 0px;
  background-color: #ff9700;
  border-radius: 2px;
  height: 3px;
}
div.primaryComputerDialog div.options .send.audio .text div.vuMeter div.antilevel,
div.primaryComputerDialog div.options .receive.audio .text div.vuMeter div.antilevel {
  background-color: #dddddd;
  height: 3px;
  position: absolute;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  right: 0px;
}
div.primaryComputerDialog div.options .send.video,
div.primaryComputerDialog div.options .receive.video {
  margin-bottom: 16px;
}
div.primaryComputerDialog div.options .send.video > .icon,
div.primaryComputerDialog div.options .receive.video > .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6123px;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 16px;
  opacity: 1;
}
div.primaryComputerDialog div.options .send.video > .icon.off,
div.primaryComputerDialog div.options .receive.video > .icon.off {
  opacity: 0.33333;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -6172px;
}
div.primaryComputerDialog div.options.noAudio {
  padding-top: 10px;
}
div.primaryComputerDialog div.options.noAudio label.send.video {
  margin-bottom: 0px;
}
div.primaryComputerDialog div.options.noAudio div.decisionsHolder {
  top: 302px;
}
div.primaryComputerDialog div.options.noAudio div.decisionsHolder.connectionSwitching {
  top: 338px;
}
div.primaryComputerDialog div.options div.decisionsHolder {
  position: absolute;
  top: 354px;
  height: 200px;
  width: 260px;
}
div.primaryComputerDialog div.options div.decisionsHolder.connectionSwitching {
  top: 422px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer {
  height: 96px;
  width: 100%;
  position: relative;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  position: absolute;
  top: 0px;
  z-index: 2;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder.meetingEntered {
  bottom: 71px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter .turnOffOutlineForClick {
  outline: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter div.icon {
  display: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:hover,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.hovered {
  background-color: #21c37f;
  border: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.disabled,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.disabled:hover,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:disabled:hover,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.disabled:active,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:disabled:active,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.disabled:focus,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid div {
  display: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid:hover,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid:active,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid:focus,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid:disabled,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading div {
  display: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading:hover,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading:active,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading:focus,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading:disabled,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading.no-svg {
  background-color: #19A96D !important;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading.no-svg div {
  display: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.alwaysUse {
  background-color: #E8E8E8;
  width: 260px;
  height: 82px;
  position: absolute;
  top: 25px;
  font-size: 16px;
  font: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  border-radius: 2px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.alwaysUse.hide {
  display: none;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.alwaysUse div.contentContainer {
  position: absolute;
  width: 260px;
  height: 61px;
  top: 21px;
  bottom: 10.5px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.alwaysUse div.contentContainer div.preferenceText {
  position: absolute;
  float: left;
  bottom: 10.5px;
  left: 16px;
  width: 147px;
  font-size: 14px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.alwaysUse div.contentContainer .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 16px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer .cancelHolder {
  position: absolute;
  top: 61px;
  left: 52px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer .cancelHolder a.closeSettings.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer .cancelHolder.hide {
  display: none;
}
div.primaryComputerDialog div.options.noAudio .send.audio,
div.primaryComputerDialog div.options.noAudio .receive.audio {
  display: none;
}
div.primaryComputerDialog div.options.noAudio div.changeAudioVideoDevice span.settingsTextAudioVideo {
  display: none;
}
div.primaryComputerDialog div.options.noAudio div.changeAudioVideoDevice span.settingsTextVideo {
  display: inline;
}
div.primaryComputerDialog .devicesContainer {
  display: none;
  position: absolute;
  bottom: 0;
  top: 235px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  padding-top: 5px;
  font-size: 12px;
  background-color: #4a4a4a;
}
div.primaryComputerDialog .devicesContainer a.closeSettings {
  cursor: pointer;
}
div.primaryComputerDialog .devicesContainer .devicesPanel {
  height: 100%;
  width: 245px;
  margin-left: 40px;
  margin-top: 10px;
}
div.primaryComputerDialog .settingsButtonHolder {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  text-align: center;
}
div.primaryComputerDialog .settingsButtonHolder a.settings {
  color: blue;
  cursor: pointer;
}
div.primaryComputerDialog.fromPhone,
div.primaryComputerDialog.fromAudioAssistant {
  /*padding-bottom: 42px;*/
}
div.primaryComputerDialog.fromPhone label.audio,
div.primaryComputerDialog.fromAudioAssistant label.audio {
  margin-bottom: 13px;
  background-color: rgba(0, 0, 0, 0.04);
  padding-top: 8px;
  padding-bottom: 8px;
}
div.primaryComputerDialog.fromPhone label.audio div.icon,
div.primaryComputerDialog.fromAudioAssistant label.audio div.icon {
  left: 0px !important;
}
div.primaryComputerDialog.fromPhone label.audio label.text,
div.primaryComputerDialog.fromAudioAssistant label.audio label.text {
  left: 25px !important;
  width: 200px !important;
}
div.primaryComputerDialog.fromPhone label.audio div.audioAssistantSettings,
div.primaryComputerDialog.fromAudioAssistant label.audio div.audioAssistantSettings {
  right: 8px;
}
div.primaryComputerDialog div.placeholderLocalAVDialog iframe.shim,
div.primaryComputerDialog div.placeholderLocalFullScreenAVDialog iframe.shim {
  background-color: #303030;
}
div.primaryComputerDialog div.stepLabel {
  display: none;
  position: relative;
  margin-top: 24px;
  width: 100%;
  text-align: center;
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ADADAD;
  color: rgba(0, 0, 0, 0.32);
}
div.primaryComputerDialog div.options {
  padding-bottom: 0px;
  background-color: #F2F2F2;
}
div.primaryComputerDialog div.options label.text span.status {
  padding-left: 6px;
  text-transform: uppercase;
  font-weight: bold;
}
div.primaryComputerDialog div.options div.decisionsHolder {
  position: static;
  height: auto;
  width: auto;
  top: auto;
  margin-top: 16px;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer {
  height: auto;
  position: static;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.enterHolder {
  position: static;
}
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.alwaysUse,
div.primaryComputerDialog div.options div.decisionsHolder div.decisionsContainer div.cancelHolder {
  display: none;
}
div.primaryComputerDialog div.primaryOption {
  cursor: pointer;
}
div.primaryComputerDialog div.primaryOption.otherJoinOptions {
  text-align: center;
  text-transform: uppercase;
  background-color: #3E4B63;
  background-color: rgba(0, 0, 0, 0.24);
}
div.primaryComputerDialog div.primaryOption.otherJoinOptions div.subtitle {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #FFF;
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.primaryConnectionsDialog {
  background-color: #F2F2F2;
  background-color: transparent;
  position: relative;
  margin: 0 auto;
  width: 480px;
  z-index: 3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  /* PrimaryJoinFlowPanel.less styles start */
  /* PrimaryJoinFlowPanel.less styles end */
  /* PrimaryJoinFlowPanel.less styles override start */
  /* PrimaryJoinFlowPanel.less styles override end */
}
.primaryConnectionsDialog.mac.osx_lion .scrollpane-content {
  max-width: 480px;
}
.primaryConnectionsDialog.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
.primaryConnectionsDialog.mac.osx_lion *::-webkit-scrollbar:active,
.primaryConnectionsDialog.mac.osx_lion *::-webkit-scrollbar:hover,
.primaryConnectionsDialog.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
.primaryConnectionsDialog .scrollbar-container {
  right: 3px;
}
.primaryConnectionsDialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.primaryConnectionsDialog div.modalContent {
  position: relative;
  z-index: 4;
  text-align: left;
}
.primaryConnectionsDialog div.title {
  box-sizing: border-box;
  height: 48px;
  padding: 10px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.primaryConnectionsDialog div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 6px -3013px;
  opacity: 0.75;
  position: absolute;
  top: 6px;
  left: 6px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 6px;
}
.primaryConnectionsDialog div.back:hover,
.primaryConnectionsDialog div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.primaryConnectionsDialog div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.primaryConnectionsDialog div.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -3060px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 6px;
  right: 6px;
  padding: 6px;
  z-index: 11;
  cursor: pointer;
}
.primaryConnectionsDialog div.close:hover,
.primaryConnectionsDialog div.close:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.primaryConnectionsDialog div.close:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.primaryConnectionsDialog div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
.primaryConnectionsDialog div.content {
  padding-top: 32px;
  padding-left: 48px;
  padding-right: 48px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.primaryConnectionsDialog div.content {
  padding: 0px;
}
.primaryConnectionsDialog div.back {
  display: none;
}
.primaryConnectionsDialog div.close {
  display: none;
}
.primaryConnectionsDialog div.title {
  color: rgba(0, 0, 0, 0.8) !important;
  font-size: 20px !important;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif !important;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif !important;
}
.primaryConnectionsDialog div.primaryOption {
  cursor: pointer;
  padding-top: 32px;
  padding-bottom: 42px;
}
.primaryConnectionsDialog div.primaryOption div.computerIcon {
  background-size: 136px 15438px;
  background-position: 0px -10937px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 72px;
  height: 72px;
  margin: 0 auto;
}
.no-svg .primaryConnectionsDialog div.primaryOption div.computerIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10856px;
}
.primaryConnectionsDialog div.primaryOption div.phoneIcon {
  background-size: 136px 15438px;
  background-position: 0px -11034px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 72px;
  height: 72px;
  margin: 0 auto;
}
.no-svg .primaryConnectionsDialog div.primaryOption div.phoneIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10953px;
}
.primaryConnectionsDialog div.primaryOption.otherJoinOptions {
  text-align: center;
  padding-bottom: 0px;
}
.primaryConnectionsDialog div.primaryOption.otherJoinOptions .subtitle {
  padding-top: 12px;
  padding-bottom: 29px;
}
.primaryConnectionsDialog div.primaryOption div.roomsystemIcon {
  background-size: 136px 15438px;
  background-position: 0px -11131px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: none;
  margin-right: 8px;
}
.no-svg .primaryConnectionsDialog div.primaryOption div.roomsystemIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11050px;
}
.primaryConnectionsDialog div.primaryOption div.roomsystemIcon.show {
  display: inline-block;
}
.primaryConnectionsDialog div.primaryOption div.lyncIcon {
  background-size: 136px 15438px;
  background-position: 0px -11188px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: none;
  margin-right: 8px;
}
.no-svg .primaryConnectionsDialog div.primaryOption div.lyncIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11107px;
}
.primaryConnectionsDialog div.primaryOption div.lyncIcon.show {
  display: inline-block;
}
.primaryConnectionsDialog div.primaryOption div.sfbIcon {
  background-size: 136px 15438px;
  background-position: 0px -11245px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: none;
  margin-right: 8px;
}
.no-svg .primaryConnectionsDialog div.primaryOption div.sfbIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11164px;
}
.primaryConnectionsDialog div.primaryOption div.sfbIcon.show {
  display: inline-block;
}
.primaryConnectionsDialog div.primaryOption div.jabberIcon {
  background-size: 136px 15438px;
  background-position: 0px -11302px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: none;
  margin-right: 8px;
}
.no-svg .primaryConnectionsDialog div.primaryOption div.jabberIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11221px;
}
.primaryConnectionsDialog div.primaryOption div.jabberIcon.show {
  display: inline-block;
}
.primaryConnectionsDialog div.primaryOption div.screenshareIcon {
  background-size: 136px 15438px;
  background-position: 0px -11359px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: none;
}
.no-svg .primaryConnectionsDialog div.primaryOption div.screenshareIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11278px;
}
.primaryConnectionsDialog div.primaryOption div.screenshareIcon.show {
  display: inline-block;
}
.primaryConnectionsDialog div.primaryOption div.icon {
  margin-bottom: 4px;
}
.primaryConnectionsDialog div.primaryOption div.subtitle {
  text-align: center;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  padding-bottom: 3px;
}
.primaryConnectionsDialog div.primaryOption div.desc {
  text-align: center;
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ADADAD;
  color: rgba(0, 0, 0, 0.32);
}
.lang-fr .primaryConnectionsDialog div.primaryOption div.desc,
.lang-es .primaryConnectionsDialog div.primaryOption div.desc,
.lang-de .primaryConnectionsDialog div.primaryOption div.desc {
  width: 201px;
  margin-left: 20px;
}
.primaryConnectionsDialog div.primaryOption.down div.subtitle,
.primaryConnectionsDialog div.primaryOption.selected div.subtitle {
  color: #FFF;
}
.primaryConnectionsDialog div.primaryOption.down div.desc,
.primaryConnectionsDialog div.primaryOption.selected div.desc {
  color: #D2E8FB;
}
.primaryConnectionsDialog div.primaryOption.down div.computerIcon,
.primaryConnectionsDialog div.primaryOption.selected div.computerIcon {
  width: 72px;
  height: 72px;
  background-size: 136px 15438px;
  background-position: 0px -11416px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .primaryConnectionsDialog div.primaryOption.down div.computerIcon,
.no-svg .primaryConnectionsDialog div.primaryOption.selected div.computerIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11335px;
}
.primaryConnectionsDialog div.primaryOption.down div.phoneIcon,
.primaryConnectionsDialog div.primaryOption.selected div.phoneIcon {
  width: 72px;
  height: 72px;
  background-size: 136px 15438px;
  background-position: 0px -11513px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .primaryConnectionsDialog div.primaryOption.down div.phoneIcon,
.no-svg .primaryConnectionsDialog div.primaryOption.selected div.phoneIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11432px;
}
.primaryConnectionsDialog div.primaryOption.down div.roomsystemIcon,
.primaryConnectionsDialog div.primaryOption.selected div.roomsystemIcon {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -11610px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .primaryConnectionsDialog div.primaryOption.down div.roomsystemIcon,
.no-svg .primaryConnectionsDialog div.primaryOption.selected div.roomsystemIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11529px;
}
.primaryConnectionsDialog div.primaryOption.down div.lyncIcon,
.primaryConnectionsDialog div.primaryOption.selected div.lyncIcon {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -11667px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .primaryConnectionsDialog div.primaryOption.down div.lyncIcon,
.no-svg .primaryConnectionsDialog div.primaryOption.selected div.lyncIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11586px;
}
.primaryConnectionsDialog div.primaryOption.down div.jabberIcon,
.primaryConnectionsDialog div.primaryOption.selected div.jabberIcon {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -11724px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .primaryConnectionsDialog div.primaryOption.down div.jabberIcon,
.no-svg .primaryConnectionsDialog div.primaryOption.selected div.jabberIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11643px;
}
.primaryConnectionsDialog div.primaryOption.down div.screenshareIcon,
.primaryConnectionsDialog div.primaryOption.selected div.screenshareIcon {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -11781px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .primaryConnectionsDialog div.primaryOption.down div.screenshareIcon,
.no-svg .primaryConnectionsDialog div.primaryOption.selected div.screenshareIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11700px;
}
.primaryConnectionsDialog div.primaryOption.hovered {
  background-color: #D4E4F3;
}
.primaryConnectionsDialog div.primaryOption.down {
  background-color: #9ACBF6;
}
.primaryConnectionsDialog div.primaryOption.focused {
  -webkit-box-shadow: inset 0px 0px 0px 6px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: inset 0px 0px 0px 6px rgba(0, 137, 255, 0.12);
  box-shadow: inset 0px 0px 0px 6px rgba(0, 137, 255, 0.12);
}
.primaryConnectionsDialog div.primaryOption.selected {
  background-color: #5CB4FF;
}
.primaryConnectionsDialog div.spacer {
  height: 1px;
  background-color: #eaeaea;
  background-color: rgba(0, 0, 0, 0.08);
}
.primaryConnectionsDialog div.clear {
  clear: both;
}
.primaryConnectionsDialog div.primaryOption {
  padding-top: 33px;
  padding-bottom: 33px;
}
.primaryConnectionsDialog div.primaryOption.joinComputer,
.primaryConnectionsDialog div.primaryOption.joinPhone {
  float: left;
  width: 240px;
}
.primaryConnectionsDialog div.primaryOption.joinPhone {
  width: 239px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  border-color: #eaeaea;
  border-color: rgba(0, 0, 0, 0.08);
}
.primaryConnectionsDialog div.primaryOption.otherJoinOptions {
  padding: 16px;
}
.primaryConnectionsDialog div.primaryOption.otherJoinOptions .subtitle {
  padding: 0px;
}
.primaryConnectionsDialog div.primaryOption div.icon {
  margin-bottom: 14px;
}
.primaryConnectionsDialog div.primaryOption div.subtitle {
  font-size: 18px;
  padding-bottom: 4px;
}
/* PrimaryJoinFlowPanel.less styles override start */
.primaryConnectionsDialog div.primaryContainer {
  background-color: #F2F2F2;
}
.primaryConnectionsDialog div.spacer {
  display: none;
}
.primaryConnectionsDialog div.desc {
  font-size: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.primaryConnectionsDialog div.primaryOption.otherJoinOptions {
  text-transform: uppercase;
  background-color: #3E4B63;
  background-color: rgba(0, 0, 0, 0.24);
}
.primaryConnectionsDialog div.primaryOption.otherJoinOptions div.subtitle {
  color: #FFF;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.primaryConnectionsDialog div.primaryOption .hidden {
  display: none;
}
.primaryConnectionsDialog div.primaryOption .subtitle.fontSize20 {
  font-size: 20px;
}
/* PrimaryJoinFlowPanel.less styles override end */
span.already_on_phone_title {
  display: block;
  margin-bottom: 18px;
  font-size: 18px;
  font-family: ProximaNovaRegular;
  margin-top: 10px;
}
span.already_on_phone_body {
  display: block;
  margin-bottom: 10px;
  width: 285px;
  margin-top: -18px;
}
.primaryDialogScreen {
  visibility: hidden;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 4;
  text-align: center;
}
.primaryDialogScreen.lyncSkype .splashBody {
  margin-top: 100px;
}
.primaryDialogScreen.lyncSkype:before {
  height: 0;
}
.primaryDialogScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.primaryDialogScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.primaryDialogScreen div.splashTitle {
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  word-break: break-all;
  color: #d5d8d7;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 12px;
}
.renders-fonts-thin .primaryDialogScreen div.splashTitle {
  font: 28px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.primaryDialogScreen div.splashTitle .titleText {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.primaryDialogScreen div.sharingStatus {
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #d5d8d7;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 12px;
}
.renders-fonts-thin .primaryDialogScreen div.sharingStatus {
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.primaryDialogScreen div.rosterStatus {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #8E99A3;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 45px;
  height: 20px;
}
.renders-fonts-thin .primaryDialogScreen div.rosterStatus {
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
}
.primaryDialogScreen div.rosterStatus.hideRoster {
  display: none !important;
}
.primaryDialogScreen .participantInfo {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #8E99A3;
  color: rgba(255, 255, 255, 0.64);
  transition: height 2s;
  margin-bottom: 45px;
}
.primaryDialogScreen .participantInfo .participantCount {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
}
.primaryDialogScreen .participantInfo .participantCount.interactive {
  cursor: pointer;
}
.primaryDialogScreen .participantInfo .participantCount.interactive:hover {
  background-color: #5C87B8;
  background-color: rgba(255, 255, 255, 0.16);
}
.primaryDialogScreen .participantInfo .participantCount.interactive:active {
  background-color: #7B9EC6;
  background-color: rgba(255, 255, 255, 0.32);
}
.primaryDialogScreen .participantInfo .participantCount .countNumber {
  height: 20px;
  display: inline-block;
}
.primaryDialogScreen .participantInfo .participantCount .expandIcon {
  width: 0;
  height: 0;
  margin-left: 8px;
  margin-bottom: 2px;
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(255, 255, 255, 0.8);
  transition: transform 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
}
.primaryDialogScreen .participantInfo .participantCount .expandIcon.show {
  display: inline-block;
}
.ie-8 .primaryDialogScreen .participantInfo .participantCount .expandIcon.show {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 8px;
  width: 15px;
  border: none;
}
.primaryDialogScreen .participantInfo .participantCount .expandIcon.spin {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ie-8 .primaryDialogScreen .participantInfo .participantCount .expandIcon.spin {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -31px;
  height: 8px;
  width: 15px;
  border: none;
}
.primaryDialogScreen .participantInfo .expandedRoster {
  margin-top: 16px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
  -moz-transition: max-height 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
  transition: max-height 800ms cubic-bezier(0.4, 0.2, 0.48, 0.96);
}
.primaryDialogScreen .participantInfo .expandedRoster .nameList {
  font-size: 12px;
}
.primaryDialogScreen .participantInfo .expandedRoster.show {
  max-height: 50px;
}
.primaryDialogScreen div.splashBody {
  position: relative;
  z-index: 3;
}
.primaryDialogScreen.fullScreen {
  z-index: 8;
  position: relative;
  left: initial;
  right: initial;
  min-height: 688px;
}
.primaryDialogScreen.fullScreen:before {
  display: none;
}
.primaryDialogScreen.fullScreen div.splashBody {
  top: 12%;
  z-index: 10;
}
.primaryDialogScreen iframe.shim {
  display: block;
  top: 0px;
  left: 0px;
  z-index: 2;
}
.primaryDialogScreen .primaryDialogBackground {
  display: block;
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.primaryDialogScreen.collectingIdentity {
  background-color: transparent;
}
.primaryDialogScreen.collectingIdentity .primaryDialogBackground {
  display: none;
}
.primaryDialogScreen.collectingIdentity iframe.primaryDialogBackground {
  display: none;
}
.primaryDialogScreen div.sharingStatus {
  display: none;
}
.primaryDialogScreen div.alreadyOnPhone {
  margin-top: 20px;
}
.primaryDialogScreen div.alreadyOnPhone a.skipPairing {
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  text-decoration: none;
  border: none;
  text-transform: uppercase;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: underline;
  border-bottom: none;
}
.primaryDialogScreen div.alreadyOnPhone a.skipPairing:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.primaryDialogScreen div.alreadyOnPhone a.skipPairing:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.primaryDialogScreen div.alreadyOnPhone a.skipPairing:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.primaryDialogScreen div.alreadyOnPhone a.skipPairing.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.primaryDialogScreen div.choiceContainer {
  margin-top: 24px;
}
.primaryDialogScreen div.choiceContainer label.choiceInput {
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.primaryDialogScreen div.screenShareOnlyBox {
  margin-top: 56px;
  margin-bottom: 48px;
}
.primaryDialogScreen div.screenShareOnlyBox a.screenShareMode {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
  cursor: pointer;
  text-decoration: none;
}
.primaryDialogScreen div.screenShareOnlyBox a.screenShareMode.ie {
  border-bottom: 2px solid #9B9B9B;
}
.primaryDialogScreen div.screenShareOnlyBox a.screenShareMode:hover {
  background-color: #7798C8;
  background-color: rgba(255, 255, 255, 0.16);
}
.primaryDialogScreen div.screenShareOnlyBox a.screenShareMode:active {
  background-color: #91ACD3;
  background-color: rgba(255, 255, 255, 0.32);
}
.primaryDialogScreen div.screenShareOnlyBox div.screenShareMode {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: block;
  margin-top: 8px;
}
.primaryDialogScreen div.corporateInformation {
  bottom: 18px;
  left: 0;
  position: absolute;
  z-index: 10;
  text-align: center;
  right: 0;
}
.primaryDialogScreen div.corporateInformation div.privacyPolicyContainer div.privacyText {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  display: inline-block;
}
.primaryDialogScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin-left: 6px;
  padding-bottom: 3px;
  padding-right: 4px;
}
.primaryDialogScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.primaryDialogScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.primaryDialogScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.primaryDialogScreen div.corporateInformation div.privacyPolicyContainer a.privacyLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.primaryDialogScreen div.corporateInformation div.logoContainer div.logo {
  background-image: url("images/BJN_logo_76x18_svg.svg");
  width: 78px;
  height: 18px;
  background-repeat: no-repeat;
  margin-left: 32px;
  margin-right: auto;
  margin-top: 12px;
}
.primaryDialogScreen div.corporateInformation div.logoContainer img.logo {
  position: absolute;
  left: 32px;
  bottom: 0;
  max-height: 18px;
}
.primaryDialogScreen .helpInfo {
  height: auto;
  width: auto;
  position: absolute;
  right: 32px;
  bottom: 17px;
  text-align: right;
  z-index: 10;
}
.primaryDialogScreen .helpInfo .helpLink {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.primaryDialogScreen .helpInfo .helpLink:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #5F5F5F;
  background-color: rgba(255, 255, 255, 0.16);
}
.primaryDialogScreen .helpInfo .helpLink:focus {
  border-bottom: 2px solid #9B9B9B;
  border-bottom: 2px solid rgba(255, 255, 255, 0.48);
}
.primaryDialogScreen .helpInfo .helpLink:active {
  background-color: #7E7E7E;
  background-color: rgba(255, 255, 255, 0.32);
}
.primaryDialogScreen .helpInfo .helpLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
.primaryDialogScreen .helpInfo .helpNumber {
  size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  margin-top: 8px;
}
.primaryDialogScreen .helpInfo .helpPhone {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.64;
  margin-top: 5px;
}
.primaryDialogScreen #languageSelectionView {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 4;
  /* Selected item font */
  /* Normal State - Border around dropdown */
  /* Hover State - Border around dropdown */
}
.fullScreen .primaryDialogScreen #languageSelectionView {
  z-index: 10;
}
.primaryDialogScreen #languageSelectionView .select2-container--default .select2-selection--single {
  background-color: transparent;
}
.primaryDialogScreen #languageSelectionView .select2-container .select2-selection--single .select2-selection__rendered {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
}
.primaryDialogScreen #languageSelectionView .select2-container .select2-selection--single .select2-selection__rendered:hover {
  color: rgba(255, 255, 255, 0.8);
}
.primaryDialogScreen #languageSelectionView .select2-container--default.select2-container--below.select2-container--open .select2-selection--single {
  background-color: #ffffff;
}
.primaryDialogScreen #languageSelectionView .select2-container--default.select2-container--below.select2-container--open .select2-selection--single .select2-selection__rendered {
  color: rgba(0, 0, 0, 0.8);
}
.primaryDialogScreen #languageSelectionView .select2-container--default .select2-selection--single {
  border: 0;
}
.primaryDialogScreen #languageSelectionView .select2-container--default .select2-selection--single:hover {
  border: 1px solid rgba(255, 255, 255, 0.64);
}
.primaryDialogScreen #languageSelectionView .select2-container--default .select2-selection--single .select2-selection__arrow b,
.primaryDialogScreen #languageSelectionView .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-size: 136px 15438px;
  background-position: 0px -4771px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  border-width: 0px;
  width: 16px;
  height: 16px;
  top: 14px;
  right: 14px;
  left: auto;
}
.no-svg .primaryDialogScreen #languageSelectionView .select2-container--default .select2-selection--single .select2-selection__arrow b,
.no-svg .primaryDialogScreen #languageSelectionView .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4764px;
}
.primaryDialogScreen .identityManagement {
  position: absolute;
  top: 28px;
  right: 154px;
  z-index: 4;
}
.primaryDialogScreen .identityManagement.loggedIn {
  right: 16px;
}
.primaryDialogScreen .identityManagement div.alreadySignedIn div.loggedInLink {
  min-width: 32px;
  height: 20px;
}
.primaryDialogScreen .identityManagement div.alreadySignedIn div.loggedInLink div.nameGreeting {
  display: inline-block;
  float: left;
  margin-top: 2px;
}
.primaryDialogScreen .identityManagement div.alreadySignedIn div.loggedInLink div.caret {
  background-size: 136px 15438px;
  background-position: 0px -4771px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  border-width: 0px;
  width: 16px;
  height: 16px;
  top: 14px;
  right: 14px;
  left: auto;
  display: inline-block;
  float: left;
  margin-left: 8px;
  margin-top: 2px;
}
.no-svg .primaryDialogScreen .identityManagement div.alreadySignedIn div.loggedInLink div.caret {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4764px;
}
.primaryDialogScreen .identityManagement .whiteLink {
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #8E99A3;
  color: rgba(255, 255, 255, 0.64);
  cursor: pointer;
  text-transform: capitalize;
  padding-left: 4px;
  padding-right: 4px;
}
.primaryDialogScreen .identityManagement .whiteLink a {
  border-bottom: none;
}
.primaryDialogScreen .identityManagement .whiteLink:hover {
  background-color: #5C87B8;
  background-color: rgba(255, 255, 255, 0.16);
}
.primaryDialogScreen .identityManagement .whiteLink:hover a {
  border-bottom: none;
}
.primaryDialogScreen .identityManagement .whiteLink:active {
  background-color: #7B9EC6;
  background-color: rgba(255, 255, 255, 0.32);
}
.primaryDialogScreen .identityManagement div.loggedInDropdown {
  position: absolute;
  right: -20px;
  top: 36px;
  display: none;
  background-color: #FCFCFC;
  border-radius: 2px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.32);
  border: 1px solid #989898;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropDownArrow {
  position: absolute;
  top: -10px;
  right: 16px;
  width: 20px;
  height: 10px;
  background-size: 136px 15438px;
  background-position: 0px -11838px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .primaryDialogScreen .identityManagement div.loggedInDropdown div.dropDownArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11757px;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent {
  border-radius: 2px;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption {
  width: 160px;
  height: 44px;
  background-color: #FCFCFC;
  cursor: pointer;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption .menuIcon {
  vertical-align: middle;
  display: inline-block;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption .menuIcon {
  height: 24px;
  width: 24px;
  display: inline-block;
  float: left;
  margin-left: 16px;
  vertical-align: middle;
  position: relative;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption .menuIcon.BJNIcon {
  margin-top: 12px;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption .menuIcon.logout {
  margin-top: 8px;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption .menuText {
  display: inline-block;
  float: left;
  margin-left: 8px;
  margin-top: 12px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  vertical-align: middle;
  position: relative;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption .menuText.BJNtext {
  margin-top: 16px;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption:hover {
  background-color: #E0F0FF;
  background-color: rgba(0, 137, 255, 0.12);
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent .menuOption:active {
  background-color: #A3D4FF;
  background-color: rgba(0, 137, 255, 0.36);
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent div.profileContainer .menuIcon.BJNIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -11873px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent div.profileContainer .menuIcon.BJNIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11792px;
}
.primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent div.logoutContainer .menuIcon.logout {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -11922px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .primaryDialogScreen .identityManagement div.loggedInDropdown div.dropdownContent div.logoutContainer .menuIcon.logout {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11841px;
}
@media screen and (max-width: 1275px) {
  .primaryDialogScreen div.rosterStatus {
    display: none !important;
  }
  .primaryDialogScreen div.splashTitle {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1304px) {
  .primaryDialogScreen div.sharingStatus {
    display: none;
  }
}
@media screen and (max-width: 1324px) {
  .primaryDialogScreen div.rosterStatus {
    margin-bottom: 24px;
  }
}
@media screen and (min-height: 701px) and (max-height: 770px) {
  .primaryDialogScreen.fullGateJoinFlow div.participantInfo {
    display: none !important;
  }
  .primaryDialogScreen.fullGateJoinFlow div.rosterStatus {
    display: block !important;
  }
  .primaryDialogScreen.fullGateJoinFlow div.rosterStatus.hideRoster {
    display: none !important;
  }
}
@media screen and (max-height: 700px) {
  .primaryDialogScreen.fullGateJoinFlow div.participantInfo {
    display: none !important;
  }
  .primaryDialogScreen.fullGateJoinFlow div.rosterStatus {
    display: none !important;
  }
}
@media screen and (max-height: 688px) {
  .primaryDialogScreen.fullGateJoinFlow div.logo {
    display: none !important;
  }
  .primaryDialogScreen.fullGateJoinFlow div.participantInfo {
    display: none !important;
  }
  .primaryDialogScreen.fullGateJoinFlow div.rosterStatus {
    display: none !important;
  }
}
.primaryDialogScreen.enteredMeeting {
  background-color: transparent;
}
.primaryDialogScreen.enteredMeeting .primaryDialogBackground {
  display: none;
}
.primaryDialogScreen.enteredMeeting iframe.shim {
  display: none;
}
.primaryDialogScreen.enteredMeeting div.splashBody div.splashTitle {
  display: none;
}
.primaryDialogScreen.enteredMeeting div.splashBody div.sharingStatus {
  display: none;
}
.primaryDialogScreen.enteredMeeting div.splashBody div.rosterStatus {
  display: none !important;
}
.primaryDialogScreen.enteredMeeting div.splashBody div.screenShareOnlyBox {
  display: none;
}
.primaryDialogScreen.enteredMeeting div.splashBody div.middle {
  width: 360px;
}
.primaryDialogScreen.enteredMeeting div.splashBody div.middle div.modalContent div.switchView {
  background-color: rgba(0, 0, 0, 0.5);
}
div.primaryPhoneDialog {
  display: none;
  background-color: #F2F2F2;
  position: relative;
  margin: 0 auto;
  /*top: 50px;
  left: 50%;
  margin-left: -@width/2;*/
  width: 360px;
  z-index: 3;
  background-color: transparent;
}
div.primaryPhoneDialog.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.primaryPhoneDialog.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.primaryPhoneDialog.mac.osx_lion *::-webkit-scrollbar:active,
div.primaryPhoneDialog.mac.osx_lion *::-webkit-scrollbar:hover,
div.primaryPhoneDialog.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.primaryPhoneDialog .scrollbar-container {
  right: 3px;
}
div.primaryPhoneDialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
div.primaryPhoneDialog div.modalContent {
  position: relative;
  z-index: 4;
  text-align: left;
}
div.primaryPhoneDialog div.title {
  box-sizing: border-box;
  height: 48px;
  padding: 10px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
div.primaryPhoneDialog div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 6px -3013px;
  opacity: 0.75;
  position: absolute;
  top: 6px;
  left: 6px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 6px;
}
div.primaryPhoneDialog div.back:hover,
div.primaryPhoneDialog div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.primaryPhoneDialog div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.primaryPhoneDialog div.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -3060px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 6px;
  right: 6px;
  padding: 6px;
  z-index: 11;
  cursor: pointer;
}
div.primaryPhoneDialog div.close:hover,
div.primaryPhoneDialog div.close:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.primaryPhoneDialog div.close:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.primaryPhoneDialog div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.primaryPhoneDialog div.content {
  padding-top: 32px;
  padding-left: 48px;
  padding-right: 48px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.primaryPhoneDialog div.countryCode {
  top: 72px;
  right: 251px;
  position: absolute;
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #303030;
  color: rgba(0, 0, 0, 0.8);
}
div.primaryPhoneDialog .invalid .countryCode {
  top: 92px;
}
div.primaryPhoneDialog iframe.shim {
  display: none;
}
div.primaryPhoneDialog div.audioAssistantDetails {
  display: none;
  color: rgba(0, 0, 0, 0.32);
  font-size: 12px;
  font-family: proximanovaregular;
  line-height: 15px;
  margin-top: 16px;
  margin-bottom: 13px;
}
div.primaryPhoneDialog div.close {
  display: none;
}
div.primaryPhoneDialog .partnerIntegrated {
  display: none;
}
div.primaryPhoneDialog .nonpairing {
  display: block;
}
div.primaryPhoneDialog .pairing {
  display: none;
}
div.primaryPhoneDialog.pairing .partnerIntegrated {
  display: none;
}
div.primaryPhoneDialog.pairing .pairing {
  display: block;
}
div.primaryPhoneDialog.pairing .nonpairing {
  display: none;
}
div.primaryPhoneDialog.partnerIntegrated .nonpairing {
  display: none;
}
div.primaryPhoneDialog.partnerIntegrated .partnerIntegrated {
  display: block;
}
div.primaryPhoneDialog.expanded div.callMeContainer div.availabilityContainer div.moreDetails {
  display: block;
}
div.primaryPhoneDialog.callMeEnabled {
  display: block;
}
div.primaryPhoneDialog.callMeEnabled div.switchView {
  display: block;
}
div.primaryPhoneDialog.callMeEnabled div.menuOptions {
  display: block;
}
div.primaryPhoneDialog div.menuOptions div.menuOptionsButton {
  display: inline-block;
  height: 40px;
  width: 180px;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
  size: 14px ;
  color: #1D6BDD;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-transform: uppercase;
}
div.primaryPhoneDialog div.menuOptions div.menuOptionsButton.selected {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  border-bottom: 2px solid #1D6BDD;
}
div.primaryPhoneDialog div.menuOptions div.menuOptionsButton:focus {
  border: 4px solid #D4E4F3;
  border: 4px solid rgba(0, 137, 255, 0.12);
  width: 172px;
}
div.primaryPhoneDialog div.menuOptions div.menuOptionsButton:active {
  color: #FFF;
  background-color: #9ACCF6;
  background-color: rgba(0, 137, 255, 0.36);
}
div.primaryPhoneDialog div.menuOptions div.menuOptionsButton:hover {
  background-color: #D4E4F3;
  background-color: rgba(0, 137, 255, 0.12);
}
div.primaryPhoneDialog div.callDisconnectedBanner {
  display: none;
  text-align: center;
  background: orange;
  color: white;
  padding: 3px 0px;
}
div.primaryPhoneDialog div.content {
  padding: 0px;
}
div.primaryPhoneDialog .callMeContainer {
  display: block;
  padding: 32px 50px 0px 50px;
}
div.primaryPhoneDialog .callMeContainer div.callMeTitle {
  margin-bottom: 16px;
}
div.primaryPhoneDialog .callMeContainer div.callMeError {
  margin-top: 5px;
  color: #DF0E0E;
}
div.primaryPhoneDialog .callMeContainer div.tryAnotherNumber {
  margin-top: 5px;
  font-size: 14px;
  margin-right: 15px;
}
div.primaryPhoneDialog .callMeContainer div.availabilityContainer {
  font: 12px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  line-height: 15px;
  color: #ADADAD;
  color: rgba(0, 0, 0, 0.32);
}
div.primaryPhoneDialog .callMeContainer div.availabilityContainer div {
  padding-top: 8px;
}
div.primaryPhoneDialog .callMeContainer div.availabilityContainer div.moreDetails {
  display: none;
}
div.primaryPhoneDialog .callMeContainer div.toggleDetails {
  padding-top: 3px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  line-height: 18px;
  color: #1D6BDD;
  cursor: pointer;
  text-transform: uppercase;
}
div.primaryPhoneDialog .callMeContainer input.callMeNumber {
  width: 260px;
  padding-left: 65px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -12737px;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe {
  margin-top: 68px;
  margin-bottom: 48px;
  position: relative;
  height: 82px;
  background-color: #E8E8E8;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  position: absolute;
  top: -22px;
  left: 0px;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton .turnOffOutlineForClick {
  outline: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton div.icon {
  display: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton:hover,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.hovered {
  background-color: #21c37f;
  border: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.disabled,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.disabled:hover,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton:disabled:hover,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.disabled:active,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton:disabled:active,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.disabled:focus,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid div {
  display: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid:hover,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid:active,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid:focus,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid:disabled,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading div {
  display: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading:hover,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading:active,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading:focus,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading:disabled,
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading.no-svg {
  background-color: #19A96D !important;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading.no-svg div {
  display: none;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe button.callMeButton.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe .preferenceText {
  position: absolute;
  bottom: 10.5px;
  left: 16px;
  width: 147px;
  font-size: 14px;
}
div.primaryPhoneDialog .callMeContainer div.controlsContainerCallMe .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 16px;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer {
  display: none;
  text-align: center;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.imgContainer,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.imgContainer,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.imgContainer {
  text-align: center;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.imgContainer img,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.imgContainer img,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.imgContainer img {
  display: inline-block;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.spinner,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.spinner,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.spinner {
  background-size: 136px 15438px;
  background-position: 0px -1875px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: inline-block;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.spinner,
.no-svg div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.spinner,
.no-svg div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1867px;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.calling,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.calling,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.calling {
  text-align: center;
  margin: 13px 0px 11px 0px;
  color: #1D6BDD;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.connecting,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.connecting,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.connecting {
  text-align: center;
  margin: 13px 0px 11px 0px;
  color: #1D6BDD;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.disconnecting,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.disconnecting,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.disconnecting {
  text-align: center;
  margin: 13px 0px 11px 0px;
  color: #DD2F1D;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.phoneNumber,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.phoneNumber,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.phoneNumber {
  font: 24px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.message,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.message,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.message {
  text-align: left;
  margin-top: 45px;
  margin-bottom: 45px;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.message.one,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.message.one,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.message.one {
  text-align: center;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain .turnOffOutlineForClick,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain .turnOffOutlineForClick,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain .turnOffOutlineForClick {
  outline: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain div.icon,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain div.icon,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain div.icon {
  display: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.hovered,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.hovered,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain:active,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain:active,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain:active:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain:active:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.valid,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.valid,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid div,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid div,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid div {
  display: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid div.icon,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid div.icon,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid:active,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid:active,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid:active,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid:disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid:disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid:disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid.disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid.disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid div.icon,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid div.icon,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.invalid div.icon,
.no-svg div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.invalid div.icon,
.no-svg div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain:disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain:disabled,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.disabled:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.disabled:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.disabled:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain:disabled:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain:disabled:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:disabled:hover,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.disabled:active,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.disabled:active,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.disabled:active,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain:disabled:active,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain:disabled:active,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:disabled:active,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain.disabled:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain.disabled:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain.disabled:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer button.tryAgain:disabled:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer button.tryAgain:disabled:focus,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer button.tryAgain:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.icon.one,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.icon.one,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.icon.one {
  position: relative;
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  background-color: #7E7E7E;
  margin-right: 8px;
  display: inline-block;
  vertical-align: -45%;
}
div.primaryPhoneDialog .callMeContainer div.dialoutCallingContainer div.icon.one div.oneNumber,
div.primaryPhoneDialog .callMeContainer div.dialoutConnectingContainer div.icon.one div.oneNumber,
div.primaryPhoneDialog .callMeContainer div.dialoutDisconnectingContainer div.icon.one div.oneNumber {
  position: absolute;
  top: 5px;
  left: 11px;
}
div.primaryPhoneDialog div.dialoutConnectedContainer {
  display: none;
  text-align: center;
}
div.primaryPhoneDialog div.dialoutConnectedContainer div.content {
  margin-top: 41px;
  margin-bottom: 99px;
}
div.primaryPhoneDialog div.dialoutConnectedContainer div.content div.connectedIcon {
  width: 64px;
  height: 64px;
  background-size: 136px 15438px;
  background-position: 0px -10652px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}
.no-svg div.primaryPhoneDialog div.dialoutConnectedContainer div.content div.connectedIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10571px;
}
div.primaryPhoneDialog div.dialoutConnectedContainer div.content div.connectedText {
  color: #3FB811;
  font-size: 14px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
div.primaryPhoneDialog .callInContainer {
  display: none;
  padding: 27px 50px 0px 50px;
}
div.primaryPhoneDialog .callInContainer div.step {
  top: -5px;
}
div.primaryPhoneDialog .callInContainer div.pstnNumber {
  margin-top: 8px;
  margin-bottom: 24px;
}
div.primaryPhoneDialog .callInContainer div.dropdownContainer {
  margin-top: 5px;
}
div.primaryPhoneDialog .callInContainer div.mainHeader {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
}
div.primaryPhoneDialog .callInContainer div.mainHeader div.step {
  position: absolute;
  top: -2px;
  left: -36px;
  width: 24px;
  margin-left: 0px;
  text-align: center;
  color: rgba(0, 0, 0, 0.16);
  font-size: 28px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  line-height: 30px;
}
div.primaryPhoneDialog .callInContainer div.mainHeader span#selectCountry {
  display: none;
}
div.primaryPhoneDialog .callInContainer div.mainHeader .waitToConnect {
  font-family: 'ProximaNovaSemiBold';
}
div.primaryPhoneDialog .callInContainer div.subheader {
  position: relative;
  padding-top: 2px;
  min-height: 24px;
  padding-left: 30px;
  margin-top: 16px;
}
div.primaryPhoneDialog .callInContainer div.subheader.info {
  padding-top: 4px;
}
div.primaryPhoneDialog .callInContainer div.subheader div.icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
}
div.primaryPhoneDialog .callInContainer div.subheader div.icon.phone {
  width: 18px;
  height: 18px;
  background-size: 136px 15438px;
  background-position: 2px -4957px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}
.no-svg div.primaryPhoneDialog .callInContainer div.subheader div.icon.phone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 2px -4950px;
}
div.primaryPhoneDialog .callInContainer div.subheader div.icon.info {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -10790px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.primaryPhoneDialog .callInContainer div.subheader div.icon.info {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10660px;
}
div.primaryPhoneDialog .callInContainer div.subheader div.icon.meeting {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -4861px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.primaryPhoneDialog .callInContainer div.subheader div.icon.meeting {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4903px;
}
div.primaryPhoneDialog .callInContainer div.subheader div.icon.passcode {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -4910px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.primaryPhoneDialog .callInContainer div.subheader div.icon.passcode {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4854px;
}
div.primaryPhoneDialog .callInContainer div.subheader div.label {
  width: 100%;
  font: 14px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.primaryPhoneDialog .callInContainer div.subheader div.label.otherNumbers {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: #1D6BDD;
  text-transform: uppercase;
  cursor: pointer;
}
div.primaryPhoneDialog .callInContainer div.number {
  padding-left: 30px;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #303030;
  color: rgba(0, 0, 0, 0.8);
}
div.primaryPhoneDialog .callInContainer div.otherContainer {
  margin-bottom: 48px;
}
div.primaryPhoneDialog .callInContainer div.meetingContainer.pairing {
  margin-top: 8px;
}
div.primaryPhoneDialog .callInContainer div.pairingCodeContainer {
  padding: 8px 16px 8px 16px;
  border-radius: 2px;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #303030;
  color: rgba(0, 0, 0, 0.8);
  background-color: #E1E8F1;
  text-align: center;
  display: inline-block;
}
div.primaryPhoneDialog .callInContainer div.pairingCodeContainer div.number {
  padding-left: 0px;
}
div.primaryPhoneDialog .callInContainer div.pairingConnected {
  text-align: center;
}
div.primaryPhoneDialog .callInContainer div.pairingConnected div.successConnected {
  background-size: 136px 15438px;
  background-position: 0px -5296px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: inline-block;
}
.no-svg div.primaryPhoneDialog .callInContainer div.pairingConnected div.successConnected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5289px;
}
div.primaryPhoneDialog .callInContainer div.pairingConnected div.message {
  text-align: center;
  color: #3FB811;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer {
  margin-bottom: 48px;
  position: relative;
  height: 82px;
  background-color: #E8E8E8;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  position: absolute;
  top: -22px;
  left: 0px;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next .turnOffOutlineForClick {
  outline: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next div.icon {
  display: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next:hover,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.hovered {
  background-color: #21c37f;
  border: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.disabled,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.disabled:hover,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next:disabled:hover,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.disabled:active,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next:disabled:active,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.disabled:focus,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid div {
  display: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid:hover,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid:active,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid:focus,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid:disabled,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading div {
  display: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading:hover,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading:active,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading:focus,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading:disabled,
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading.no-svg {
  background-color: #19A96D !important;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading.no-svg div {
  display: none;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer button.next.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer .preferenceText {
  position: absolute;
  bottom: 10.5px;
  left: 16px;
  width: 147px;
  font-size: 14px;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 16px;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer.pairing {
  display: none;
  padding: 15px 0px 15px 0px;
  background-color: #E1E8F1;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: auto;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer.pairing div.spinner {
  background-size: 136px 15438px;
  background-position: 0px -10741px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: -20%;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.primaryPhoneDialog .callInContainer div.controlsContainer.pairing div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -10709px;
}
.no-svg div.primaryPhoneDialog .callInContainer div.controlsContainer.pairing div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 0;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 0;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 0;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 0;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background-position: 0px;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer.pairing div.message {
  padding-left: 8px;
  display: inline-block;
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer.pairing.pairingSuccess {
  background-color: #E4EEE1;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer.pairing.pairingSuccess div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12847px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 0ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 0ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 0ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 0ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  width: 24px;
  height: 24px;
  vertical-align: -20%;
}
div.primaryPhoneDialog .callInContainer div.controlsContainer.pairing.pairingSuccess div.message {
  color: #43B916;
}
div.primaryPhoneDialog div.pstnNumber {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #303030;
  color: rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 16px;
  margin-bottom: 42px;
}
div.primaryPhoneDialog div.pstnNumber.local {
  margin-bottom: 16px;
}
div.primaryPhoneDialog div.pstnNumber div.flag {
  display: inline-block;
  vertical-align: -25%;
  margin-right: 0px;
}
div.primaryPhoneDialog div.pstnNumber div.tollfree {
  background: #FF9700 ;
  border-radius: 2px;
  line-height: 17px;
  display: inline-block;
  vertical-align: 20%;
  margin-left: 12px;
  font-family: 'ProximaNovaRegular';
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  padding-left: 6px;
  padding-right: 6px;
}
div.primaryPhoneDialog div.pstnNumber div.number {
  display: inline-block;
  padding-left: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
}
div.primaryPhoneDialog div.pstnNumber div.label {
  opacity: 0.5;
  font-family: 'ProximaNovaRegular';
  font-size: 12px;
  color: #000000 ;
  letter-spacing: 0;
  margin-left: 35px;
  margin-top: 4px;
}
div.primaryPhoneDialog div.pstnNumber div.phoneIcon {
  width: 18px;
  height: 18px;
  background-size: 136px 15438px;
  background-position: 2px -4957px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: -25%;
  margin-right: 6px;
}
.no-svg div.primaryPhoneDialog div.pstnNumber div.phoneIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 2px -4950px;
}
div.primaryPhoneDialog div.allNumbers {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #1D6BDD;
  text-align: center;
  padding: 3px;
  margin-bottom: 16px;
}
div.primaryPhoneDialog div.allNumbers:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.primaryPhoneDialog div.allNumbers:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.primaryPhoneDialog div.allNumbers:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.primaryPhoneDialog div.allNumbers.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.primaryPhoneDialog iframe.shim {
  background-color: #303030;
}
div.primaryPhoneDialog div.primaryContainer {
  background-color: #F2F2F2;
}
div.primaryPhoneDialog div.switchView,
div.primaryPhoneDialog div.showMoreConnectionOptions {
  padding: 16px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  background-color: #3E4B63;
  background-color: rgba(0, 0, 0, 0.24);
  color: #fff;
}
div.primaryPhoneDialog iframe.shim {
  background-color: #3E4B63;
}
div.primaryPhoneDialog.mac div.switchView {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.primaryPhoneDialog.callMeEnabled div.menuOptionsLink {
  display: block;
}
div.primaryPhoneDialog.callMeEnabled div.switchView {
  display: block;
}
div.primaryPhoneDialog div.availabilityContainer {
  display: block;
}
div.primaryPhoneDialog div.toggleDetails {
  display: none;
}
div.primaryPhoneDialog div.callMeContainer {
  position: relative;
  padding: 24px 50px 24px 50px;
}
div.primaryPhoneDialog div.callMeContainer div.controlsContainerCallMe {
  background-color: #F2F2F2;
  margin-bottom: 0px;
  margin-top: 18px;
  height: auto;
}
div.primaryPhoneDialog div.callMeContainer div.controlsContainerCallMe button.callMeButton {
  position: static;
  top: auto;
  left: auto;
}
div.primaryPhoneDialog div.callMeContainer div.controlsContainerCallMe div.preferenceText,
div.primaryPhoneDialog div.callMeContainer div.controlsContainerCallMe div.fancySliderContainer {
  display: none;
}
div.primaryPhoneDialog div.callInContainer {
  position: relative;
  padding: 24px 50px 24px 50px;
}
div.primaryPhoneDialog div.callInContainer div.meetingContainer.nonpairing {
  margin-bottom: 16px;
}
div.primaryPhoneDialog div.callInContainer div.controlsContainer {
  background-color: #F2F2F2;
  margin-bottom: 0px;
  margin-top: 18px;
  height: auto;
}
div.primaryPhoneDialog div.callInContainer div.controlsContainer button.next {
  position: static;
  top: auto;
  left: auto;
}
div.primaryPhoneDialog div.callInContainer div.controlsContainer div.preferenceText,
div.primaryPhoneDialog div.callInContainer div.controlsContainer div.fancySliderContainer {
  display: none;
}
div.primaryPhoneDialog div.menuOptionsLink {
  display: none;
  text-align: center;
  margin-top: 16px;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  line-height: 18px;
  color: #1D6BDD;
  cursor: pointer;
  text-transform: uppercase;
}
.Flag-France {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12896px;
  width: 24px;
  height: 24px;
}
.Flag-UnitedStates {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12745px;
  width: 24px;
  height: 24px;
}
.Flag-Argentina {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12945px;
  width: 24px;
  height: 24px;
}
.Flag-Australia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13288px;
  width: 24px;
  height: 24px;
}
.Flag-Austria {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12994px;
  width: 24px;
  height: 24px;
}
.Flag-Bahrain {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13043px;
  width: 24px;
  height: 24px;
}
.Flag-Belgium {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13092px;
  width: 24px;
  height: 24px;
}
.Flag-Brazil {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13141px;
  width: 24px;
  height: 24px;
}
.Flag-Bulgaria {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13190px;
  width: 24px;
  height: 24px;
}
.Flag-Canada {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13239px;
  width: 24px;
  height: 24px;
}
.Flag-Chile {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13337px;
  width: 24px;
  height: 24px;
}
.Flag-China {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13386px;
  width: 24px;
  height: 24px;
}
.Flag-Colombia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13435px;
  width: 24px;
  height: 24px;
}
.Flag-CzechRepublic {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13484px;
  width: 24px;
  height: 24px;
}
.Flag-Denmark {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13533px;
  width: 24px;
  height: 24px;
}
.Flag-Egypt {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13582px;
  width: 24px;
  height: 24px;
}
.Flag-Estonia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13631px;
  width: 24px;
  height: 24px;
}
.Flag-Finland {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13680px;
  width: 24px;
  height: 24px;
}
.Flag-Germany {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13729px;
  width: 24px;
  height: 24px;
}
.Flag-Greece {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13778px;
  width: 24px;
  height: 24px;
}
.Flag-HongKong {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13827px;
  width: 24px;
  height: 24px;
}
.Flag-Hungary {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13876px;
  width: 24px;
  height: 24px;
}
.Flag-India {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13925px;
  width: 24px;
  height: 24px;
}
.Flag-Indonesia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13974px;
  width: 24px;
  height: 24px;
}
.Flag-Ireland {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14023px;
  width: 24px;
  height: 24px;
}
.Flag-Israel {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14072px;
  width: 24px;
  height: 24px;
}
.Flag-Italy {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14121px;
  width: 24px;
  height: 24px;
}
.Flag-Japan {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14170px;
  width: 24px;
  height: 24px;
}
.Flag-Jordan {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14219px;
  width: 24px;
  height: 24px;
}
.Flag-Latvia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14268px;
  width: 24px;
  height: 24px;
}
.Flag-Lithuania {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14562px;
  width: 24px;
  height: 24px;
}
.Flag-Malaysia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14611px;
  width: 24px;
  height: 24px;
}
.Flag-Mexico {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14317px;
  width: 24px;
  height: 24px;
}
.Flag-Netherlands {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14366px;
  width: 24px;
  height: 24px;
}
.Flag-NewZealand {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14415px;
  width: 24px;
  height: 24px;
}
.Flag-Norway {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14464px;
  width: 24px;
  height: 24px;
}
.Flag-Philippines {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14513px;
  width: 24px;
  height: 24px;
}
.Flag-Poland {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14758px;
  width: 24px;
  height: 24px;
}
.Flag-Portugal {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14660px;
  width: 24px;
  height: 24px;
}
.Flag-Qatar {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14709px;
  width: 24px;
  height: 24px;
}
.Flag-Romania {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14807px;
  width: 24px;
  height: 24px;
}
.Flag-Russia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14856px;
  width: 24px;
  height: 24px;
}
.Flag-Singapore {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14905px;
  width: 24px;
  height: 24px;
}
.Flag-Slovakia {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14954px;
  width: 24px;
  height: 24px;
}
.Flag-SouthAfrica {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15003px;
  width: 24px;
  height: 24px;
}
.Flag-SouthKorea {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15052px;
  width: 24px;
  height: 24px;
}
.Flag-Spain {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15101px;
  width: 24px;
  height: 24px;
}
.Flag-Sweden {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15150px;
  width: 24px;
  height: 24px;
}
.Flag-Switzerland {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15199px;
  width: 24px;
  height: 24px;
}
.Flag-Taiwan {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15248px;
  width: 24px;
  height: 24px;
}
.Flag-Turkey {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15297px;
  width: 24px;
  height: 24px;
}
.Flag-Ukraine {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15346px;
  width: 24px;
  height: 24px;
}
.Flag-UnitedArabEmirates {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15395px;
  width: 24px;
  height: 24px;
}
.Flag-UnitedKingdom {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15444px;
  width: 24px;
  height: 24px;
}
.Flag-None {
  display: none !important;
}
.deviceAccessOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.8;
  z-index: 1000;
}
.improvedInstruction.deviceAccessOverlay {
  opacity: 0.9;
}
.webrtcDeviceAccessModal {
  margin: auto;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 500px;
  padding: 20px;
  position: absolute;
  color: white;
  z-index: 2000;
}
.improvedFlow.webrtcDeviceAccessModal {
  width: 100%;
  margin: 0;
  top: 0;
}
.improvedInstruction.webrtcDeviceAccessModal {
  color: rgba(255, 255, 255, 0.8);
  font: 26px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  opacity: .9;
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog {
  width: 470px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 160px;
  position: relative;
}
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal > .mainContent,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog {
  margin-top: 300px;
  text-align: center;
}
.webrtcDeviceAccessModal > .mainContent > .titleMessage,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > .titleMessage,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > .titleMessage,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > .titleMessage {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 100;
  text-align: center;
  margin-bottom: 20px;
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > .titleMessage,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > .titleMessage,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > .titleMessage,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > .titleMessage {
  font-size: 20px;
  text-align: left;
  margin-bottom: 4px;
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > .titleMessage.noCameraNoMic,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > .titleMessage.noCameraNoMic,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > .titleMessage.noCameraNoMic,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > .titleMessage.noCameraNoMic {
  font: 22px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 24px;
}
.webrtcDeviceAccessModal > .mainContent > ul.nextSteps,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps {
  display: none;
  margin-bottom: 40px;
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps {
  margin-bottom: 24px;
}
.improvedInstruction.webrtcDeviceAccessModal > .mainContent > ul.nextSteps,
.improvedInstruction.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps,
.improvedInstruction.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps,
.improvedInstruction.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps {
  margin-bottom: 18px;
}
.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep {
  font-weight: 100;
  line-height: 21px;
  margin: 20px 20px 0px 30px;
  display: inline-flex;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 18px;
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep {
  margin: 20px 0px 0px 0px;
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .stepPrefix,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .stepPrefix,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix {
  padding: 2px;
  background-color: white;
  color: black;
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
  height: 14px;
  text-align: center;
  vertical-align: middle;
  border: transparent;
  border-radius: 10px;
  width: 18px;
  padding-top: 3px;
  margin-right: 20px;
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .stepPrefix.step1,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .stepPrefix.step1,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix.step1,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix.step1 {
  margin-top: 5px;
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .stepPrefix,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .stepPrefix,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  width: 24px;
  margin-right: 8px;
  color: rgba(255, 255, 255, 0.48);
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .stepPrefix.step1,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .stepPrefix.step1,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix.step1,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix.step1 {
  margin-right: 23px;
}
.improvedInstruction.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .stepPrefix,
.improvedInstruction.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .stepPrefix,
.improvedInstruction.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix,
.improvedInstruction.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .stepPrefix {
  display: none;
}
.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .step1Text .chrome-icon,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .step1Text .chrome-icon,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .step1Text .chrome-icon,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .step1Text .chrome-icon {
  display: inline-block;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15748px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 2px;
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .step1Text .highlight,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .step1Text .highlight,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .step1Text .highlight,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .step1Text .highlight {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: white;
}
.improvedInstruction.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedInstruction.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedInstruction.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedInstruction.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .step1Text {
  display: none;
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep {
  font: 20px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #CCCCCC;
  color: rgba(255, 255, 255, 0.8);
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .step2Text,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .step2Text,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .step2Text,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .step2Text {
  padding-top: 10px;
  text-align: left;
}
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .step1Text,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep > .step2Text,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep > .step2Text,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep > .step2Text,
.improvedInstruction.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep > .step2Text {
  padding-top: 17px;
  padding-left: 14px;
  font: 26px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.improvedInstruction.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep .step2,
.improvedInstruction.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep .step2,
.improvedInstruction.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep .step2,
.improvedInstruction.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep .step2 {
  display: block;
  width: 56px;
  height: 56px;
  background-size: 136px 15438px;
  background-position: 0px -11971px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 68px;
  text-align: left;
}
.no-svg .improvedInstruction.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep .step2,
.no-svg .improvedInstruction.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep .step2,
.no-svg .improvedInstruction.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep .step2,
.no-svg .improvedInstruction.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep .step2 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11890px;
}
.improvedInstruction.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep .closeApp,
.improvedInstruction.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep .closeApp,
.improvedInstruction.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep .closeApp,
.improvedInstruction.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep .closeApp {
  display: none;
  width: 56px;
  height: 56px;
  background-size: 136px 15438px;
  background-position: 0px -12052px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 68px;
  margin-top: -145px;
}
.no-svg .improvedInstruction.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep .closeApp,
.no-svg .improvedInstruction.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep .closeApp,
.no-svg .improvedInstruction.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep .closeApp,
.no-svg .improvedInstruction.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep .closeApp {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11971px;
}
.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep .closeAppText,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > ul.nextSteps > li.allowAccessStep .closeAppText,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > ul.nextSteps > li.allowAccessStep .closeAppText,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > ul.nextSteps > li.allowAccessStep .closeAppText {
  width: 500px;
  margin-top: -150px;
  text-align: left;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied .turnOffOutlineForClick,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied .turnOffOutlineForClick,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied .turnOffOutlineForClick,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied .turnOffOutlineForClick,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices .turnOffOutlineForClick,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices .turnOffOutlineForClick,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices .turnOffOutlineForClick,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices .turnOffOutlineForClick {
  outline: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied div.icon,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied div.icon,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied div.icon,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied div.icon,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices div.icon,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices div.icon,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices div.icon,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices div.icon {
  display: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:hover,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:hover,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.hovered,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.hovered,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.hovered,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.hovered,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.hovered,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.hovered,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.hovered,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.hovered {
  background-color: rgba(255, 255, 255, 0.16);
  border: 1px solid #ffffff;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:active,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:active {
  background-color: rgba(255, 255, 255, 0.32);
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied:active:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:active:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:active:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:active:focus,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:active:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:active:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:active:focus {
  background-color: rgba(255, 255, 255, 0.32);
  color: none;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied:active:not(:disabled),
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:active:not(:disabled),
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:active:not(:disabled),
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:active:not(:disabled),
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:active:not(:disabled),
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active:not(:disabled),
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:active:not(:disabled),
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:focus,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:focus {
  background-color: transparent;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.disabled,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.disabled,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied:disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:disabled,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:disabled {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.disabled:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.disabled:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.disabled:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.disabled:hover,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.disabled:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.disabled:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.disabled:hover,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied:disabled:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:disabled:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:disabled:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:disabled:hover,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:disabled:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:disabled:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:disabled:hover,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.disabled:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.disabled:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.disabled:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.disabled:active,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.disabled:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.disabled:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.disabled:active,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied:disabled:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:disabled:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:disabled:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:disabled:active,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:disabled:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:disabled:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:disabled:active,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.disabled:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.disabled:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.disabled:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.disabled:focus,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.disabled:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.disabled:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.disabled:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.disabled:focus,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied:disabled:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:disabled:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:disabled:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:disabled:focus,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:disabled:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:disabled:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:disabled:focus {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.valid,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.valid,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.valid,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.valid,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.valid,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.valid,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.valid,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.valid {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid div,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid div,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid div,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid div,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid div,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid div,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid div {
  display: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid:hover,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid:hover,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid:active,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid:active,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid:focus,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid:focus,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid:disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid:disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid:disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid:disabled,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid:disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid:disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid:disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid:disabled,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid.disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid.disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid.disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid.disabled,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid.disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid.disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid.disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid.disabled {
  background-color: rgba(255, 255, 255, 0.88);
  color: #df0e0e;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid div.icon,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid div.icon,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -1412px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .webrtcDeviceAccessModal > .mainContent > button.accessDenied.invalid div.icon,
.no-svg .webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.invalid div.icon,
.no-svg .webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.invalid div.icon,
.no-svg .webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.invalid div.icon,
.no-svg .webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.invalid div.icon,
.no-svg .webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.invalid div.icon,
.no-svg .webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.invalid div.icon,
.no-svg .webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1404px;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.loading,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.loading,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.loading,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.loading,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.loading,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.loading,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.loading {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.loading div,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.loading div,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.loading div,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.loading div,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.loading div,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading div,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.loading div,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.loading div {
  display: none;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.loading div.icon,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.loading div.icon,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.loading div.icon,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.loading div.icon,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.loading div.icon,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading div.icon,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.loading div.icon,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.loading:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.loading:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.loading:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.loading:hover,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.loading:hover,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:hover,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.loading:hover,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.loading:hover,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.loading:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.loading:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.loading:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.loading:active,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.loading:active,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:active,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.loading:active,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.loading:active,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.loading:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.loading:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.loading:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.loading:focus,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.loading:focus,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:focus,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.loading:focus,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.loading:focus,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.loading:disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.loading:disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.loading:disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.loading:disabled,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.loading:disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading:disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.loading:disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.loading:disabled,
.webrtcDeviceAccessModal > .mainContent > button.accessDenied.loading.disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.loading.disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.loading.disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.loading.disabled,
.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.loading.disabled,
.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.loading.disabled,
.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.loading.disabled,
.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.loading.disabled {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied,
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices {
  padding: 5px 20px;
  border-color: transparent;
  margin-left: 30px;
  margin-top: 20px;
  margin-left: 40px;
  height: 43px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 22px;
  box-sizing: border-box;
  -webkit-user-select: none;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.16);
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:focus:not(:disabled):not(:active) {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:active:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.32);
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied:disabled,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied:disabled,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied:disabled,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied:disabled,
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices:disabled,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices:disabled,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices:disabled,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices:disabled {
  color: rgba(255, 255, 255, 0.32);
  border-color: rgba(255, 255, 255, 0.32);
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied.secondary,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.secondary,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.secondary,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.secondary,
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.secondary,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.secondary,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.secondary {
  height: 43px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 22px;
  box-sizing: border-box;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.12);
  color: white;
  border: none;
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.secondary:hover:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.secondary:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.24);
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.secondary:focus:not(:disabled):not(:active),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.secondary:focus:not(:disabled):not(:active) {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.secondary:active:not(:disabled),
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.secondary:active:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.36);
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.secondary:disabled,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.secondary:disabled {
  color: rgba(255, 255, 255, 0.24);
  border-color: rgba(0, 0, 0, 0.08);
}
.oldFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied.pageReload,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied.pageReload,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied.pageReload,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied.pageReload,
.oldFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices.pageReload,
.oldFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices.pageReload,
.oldFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices.pageReload,
.oldFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices.pageReload {
  width: 100px;
  margin-top: -15px;
  margin-left: 70px;
  height: 35px;
  line-height: 10px;
  padding: inherit;
}
.improvedFlow.webrtcDeviceAccessModal > .mainContent > button.accessDenied,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied,
.improvedFlow.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices,
.improvedFlow.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.improvedFlow.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices,
.improvedFlow.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices {
  padding: 0 32px;
  margin-left: 30px;
}
.improvedInstruction.webrtcDeviceAccessModal > .mainContent > button.accessDenied,
.improvedInstruction.webrtcDeviceAccessModal .firefoxNeverShareSteps > button.accessDenied,
.improvedInstruction.webrtcDeviceAccessModal .userRevokedPermissionDialog > button.accessDenied,
.improvedInstruction.webrtcDeviceAccessModal .firefoxCameraInUseDialog > button.accessDenied,
.improvedInstruction.webrtcDeviceAccessModal > .mainContent button.continueWithoutDevices,
.improvedInstruction.webrtcDeviceAccessModal .firefoxNeverShareSteps button.continueWithoutDevices,
.improvedInstruction.webrtcDeviceAccessModal .userRevokedPermissionDialog button.continueWithoutDevices,
.improvedInstruction.webrtcDeviceAccessModal .firefoxCameraInUseDialog button.continueWithoutDevices {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  padding: 0 50px;
}
.webrtcDeviceAccessModal > .mainContent > ul.nextSteps > li.allowAccessStep {
  float: left;
}
.webrtcDeviceAccessModal > .arrowIcon {
  width: 100px;
  height: 120px;
  display: inline-block;
  position: absolute;
}
.webrtcDeviceAccessModal > .arrowIcon.left {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15938px;
  left: -18%;
  top: -5%;
  width: 100px;
}
.webrtcDeviceAccessModal > .arrowIcon.right {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15797px;
  top: -5%;
  right: -30%;
  width: 120px;
}
.improvedFlow.webrtcDeviceAccessModal > .arrowIcon {
  display: none;
}
.webrtcDeviceAccessModal > .goBack {
  margin-top: 30px;
  text-align: center;
}
.webrtcDeviceAccessModal > .goBack > .chooseAnotherEndpoint {
  cursor: pointer;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #22B7FF;
}
.webrtcDeviceAccessModal > .goBack > .chooseAnotherEndpoint:hover {
  background-color: rgba(34, 183, 255, 0.16);
}
.webrtcDeviceAccessModal .allowIndicator,
.webrtcDeviceAccessModal .unblockIndicator,
.webrtcDeviceAccessModal .refreshIndicator {
  display: none;
  position: absolute;
}
.webrtcDeviceAccessModal .allowIndicator div.arrow,
.webrtcDeviceAccessModal .unblockIndicator div.arrow,
.webrtcDeviceAccessModal .refreshIndicator div.arrow {
  background-size: 136px 15438px;
  background-position: 0px -3732px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 116px;
  height: 73px;
}
.no-svg .webrtcDeviceAccessModal .allowIndicator div.arrow,
.no-svg .webrtcDeviceAccessModal .unblockIndicator div.arrow,
.no-svg .webrtcDeviceAccessModal .refreshIndicator div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3725px;
}
.improvedInstruction.webrtcDeviceAccessModal .allowIndicator div.arrow,
.improvedInstruction.webrtcDeviceAccessModal .unblockIndicator div.arrow,
.improvedInstruction.webrtcDeviceAccessModal .refreshIndicator div.arrow {
  display: none;
}
.webrtcDeviceAccessModal .allowIndicator div.text,
.webrtcDeviceAccessModal .unblockIndicator div.text,
.webrtcDeviceAccessModal .refreshIndicator div.text {
  max-width: 375px;
  padding-right: 100px;
  margin-top: 57px;
  margin-left: 132px;
  font: 20px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #CCCCCC;
  color: rgba(255, 255, 255, 0.8);
}
.webrtcDeviceAccessModal .allowIndicator div.text span.highlight,
.webrtcDeviceAccessModal .unblockIndicator div.text span.highlight,
.webrtcDeviceAccessModal .refreshIndicator div.text span.highlight {
  font: 20px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: white;
}
.webrtcDeviceAccessModal .allowIndicator {
  top: 122px;
  left: 100px;
  white-space: nowrap;
}
.webrtcDeviceAccessModal .allowIndicator div.arrow {
  margin-top: 10px;
}
.webrtcDeviceAccessModal .allowIndicator div.textSizer {
  display: inline-block;
  visibility: hidden;
  font-size: 12px;
}
.webrtcDeviceAccessModal .allowIndicator div.textSizer.hasMinWidth {
  min-width: 225px;
}
.webrtcDeviceAccessModal .allowIndicator div.actualContent {
  white-space: normal;
  display: inline-block;
  position: relative;
  left: 25px;
}
.webrtcDeviceAccessModal .allowIndicator div.actualContent div.arrow {
  display: block;
}
.webrtcDeviceAccessModal .unblockIndicator {
  top: 8px;
  right: 135px;
}
.improvedInstruction.webrtcDeviceAccessModal .unblockIndicator {
  top: 0;
  right: 0;
}
.improvedInstruction.webrtcDeviceAccessModal .unblockIndicator div.step1 {
  display: inline-block;
  width: 56px;
  height: 56px;
  background-size: 136px 15438px;
  background-position: 0px -12052px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-bottom: 45px;
}
.no-svg .improvedInstruction.webrtcDeviceAccessModal .unblockIndicator div.step1 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -11971px;
}
.webrtcDeviceAccessModal .unblockIndicator div.text {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #F5A623;
  margin-top: 46px;
  margin-left: 0;
  margin-right: 132px;
  padding-right: 0px;
}
.improvedInstruction.webrtcDeviceAccessModal .unblockIndicator div.text {
  display: none;
}
.webrtcDeviceAccessModal .unblockIndicator div.step1Text {
  display: none;
}
.improvedInstruction.webrtcDeviceAccessModal .unblockIndicator div.step1Text {
  display: inline-block;
  margin-top: 28px;
  margin-right: 75px;
  margin-left: 14px;
  width: 470px;
}
.improvedInstruction.webrtcDeviceAccessModal .unblockIndicator div.step1Text .chrome-icon {
  display: inline-block;
  width: 36px;
  height: 30px;
  background-size: 136px 15438px;
  background-position: 0px -12133px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  vertical-align: middle;
}
.improvedInstruction.webrtcDeviceAccessModal .unblockIndicator div.step1Text span.highlight {
  font: 26px 'ProximaNovaSemiBold', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  color: #ffffff;
}
.webrtcDeviceAccessModal .unblockIndicator div.arrow {
  left: auto;
  right: 0;
  transform: scale(-1, 1);
}
.improvedInstruction.webrtcDeviceAccessModal .unblockIndicator div.straight-arrow {
  width: 23px;
  height: 75px;
  background-size: 136px 15438px;
  background-position: 0px -12188px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  margin-left: 368px;
  margin-top: 80px;
}
.no-svg .improvedInstruction.webrtcDeviceAccessModal .unblockIndicator div.straight-arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12052px;
}
.webrtcDeviceAccessModal .refreshIndicator {
  bottom: -98px;
  left: 120px;
}
.webrtcDeviceAccessModal .refreshIndicator div.text {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #F5A623;
  margin-top: 46px;
}
.improvedInstruction.webrtcDeviceAccessModal .refreshIndicator div.text {
  display: none;
}
.improvedFlow.webrtcDeviceAccessModal .refreshIndicator {
  display: block;
}
.webrtcDeviceAccessModal .instruction {
  display: none;
}
.improvedInstruction.webrtcDeviceAccessModal .instruction {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 100px;
  width: 737px;
  text-align: center;
  font-size: 18px;
}
@media (max-height: 630px) {
  .webrtcDeviceAccessModal .instruction {
    display: none;
  }
  .improvedInstruction.webrtcDeviceAccessModal .instruction {
    position: static;
    margin-top: 50px;
  }
}
.reconnectScreen {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 4;
  background-color: #414141;
  display: none;
  top: 0px;
  background-color: #303030;
}
.reconnectScreen .bgcolor {
  width: 100%;
  height: 100%;
  background-color: #414141;
  z-index: 5;
  position: absolute;
}
.reconnectScreen .content {
  width: 450px;
  height: 145px;
  margin-left: -225px;
  margin-top: -72.5px;
  background-color: #414141;
  position: relative;
  z-index: 5;
  left: 50%;
  top: 45%;
}
.reconnectScreen .content .icon {
  left: 0px;
  top: 0px;
  width: 115px;
  height: 105px;
}
.reconnectScreen .content .messageContainer {
  left: 160px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  position: absolute;
}
.reconnectScreen .content .messageContainer .title {
  font-size: 18px;
  color: white;
  font-weight: bold;
}
.reconnectScreen .content .messageContainer .messageBox .message {
  position: relative;
  left: 0px;
  top: 20px;
  font-size: 14px;
  color: #878787;
}
.reconnectScreen .content .messageContainer .errorMsg {
  position: relative;
  top: 30px;
  display: none;
  width: 100%;
}
.reconnectScreen .content .messageContainer .errorMsg.show {
  display: block;
}
.reconnectScreen .content .messageContainer .errorMsg .errorIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5288px;
  height: 16px;
  width: 18px;
  display: inline-block;
}
.reconnectScreen .content .messageContainer .errorMsg .msg {
  position: relative;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 10px;
  color: #878787;
  font-size: 14px;
}
.reconnectScreen .content .messageContainer .buttonContainer {
  position: relative;
  top: 30px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}
.reconnectScreen .content .messageContainer .buttonContainer button {
  color: black;
  padding: 9px 30px;
  font-size: 13px;
}
.reconnectScreen .content .messageContainer .buttonContainer button + button {
  margin-left: 12px;
}
.reconnectScreen .content .messageContainer .buttonContainer button.primary {
  font-size: 13px;
}
.reconnectScreen .content .messageContainer .buttonContainer button.primary.hover {
  background-color: #2c9fed;
  color: white;
}
.reconnectScreen .bgcolor {
  background-color: #303030;
}
.jf3 .reconnectScreen .bgcolor {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
}
.reconnectScreen .reconnectSpinner {
  background-size: 136px 15438px;
  background-position: 0px -1964px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: 0 auto;
}
.no-svg .reconnectScreen .reconnectSpinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1956px;
}
.reconnectScreen .content div.messageContainer {
  top: 50%;
  left: 50%;
  width: 340px;
  height: 170px;
  margin-left: -170px;
  margin-top: -85px;
}
.jf3 .reconnectScreen .content div.messageContainer {
  text-align: center;
  width: 360px;
  margin-left: -180px;
}
.reconnectScreen .content .message,
.reconnectScreen .content .title {
  width: 100%;
  text-align: center;
}
.jf3 .reconnectScreen .content .message {
  text-align: left;
  line-height: 22px;
}
.jf3 .reconnectScreen .content .messageContainer .messageBox {
  margin-top: 9px;
}
.reconnectScreen .content .messageContainer .messageBox .message {
  color: #AAAAAA;
  font-size: 16px;
}
.jf3 .reconnectScreen .content .messageContainer .messageBox .message {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #D7E4E4;
  color: rgba(255, 255, 255, 0.8);
}
.reconnectScreen .content .messageContainer .title {
  color: white;
  font-family: ProximaNovaLight;
  font-size: 32px;
}
.jf3 .reconnectScreen .content .messageContainer .title {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 25px;
}
.reconnectScreen .content .phone.message {
  margin-top: 15px;
}
.reconnectScreen .content .processing.message {
  margin-top: 40px;
}
.jf3 .reconnectScreen .content .processing.message {
  display: none;
}
.reconnectScreen .content {
  background-color: #303030;
}
.jf3 .reconnectScreen .content {
  background-color: transparent;
}
.reconnectScreen .content .icon {
  /*background: url(https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/reconnect-spinner.gif);*/
  width: 120px;
  height: 32px;
  margin-right: auto;
  margin-left: auto;
  top: auto;
  left: auto;
  display: none;
  font-size: 28px;
  color: white;
}
div.recordingErrorScreen {
  width: 380px;
  height: 240px;
  left: 50%;
  top: 52%;
  margin-left: -190px;
  margin-top: -120px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
div.recordingErrorScreen .content {
  padding: 40px;
  background-color: #272727;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  color: #cccccc;
}
div.recordingErrorScreen .content .title {
  font-size: 35px;
  font-family: ProximaNovaLight;
}
div.recordingErrorScreen .content .confirmationMessage {
  margin-top: 20px;
  font-size: 14px;
}
div.recordingErrorScreen .content .buttonContainer {
  margin-top: 25px;
}
div.recordingErrorScreen .content .buttonContainer button {
  padding: 11px 17px;
  min-width: 77px;
}
div.recordingErrorScreen .content .buttonContainer button.continue {
  background-color: #1286d4;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
div.recordingErrorScreen .content .buttonContainer button.continue.hover {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #5bb5f1;
}
div.recordingErrorScreen .content .buttonContainer button.continue.active {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #0e68a5;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
div.recordingErrorScreen .content .buttonContainer button.continue.hover {
  color: white;
}
div.recordingErrorScreen .content .buttonContainer button + button {
  margin-left: 8px;
}
.recordingIndicator {
  position: absolute;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 2;
}
.recordingIndicatorGifSize {
  width: 24px;
  height: 24px;
}
.windows.recordingIndicator {
  width: 24px;
  height: 24px;
}
.linux.recordingIndicator {
  width: 24px;
  height: 24px;
}
.ubuntu.recordingIndicator {
  width: 24px;
  height: 24px;
}
.solaris.recordingIndicator {
  width: 24px;
  height: 24px;
}
.bsd.recordingIndicator {
  width: 24px;
  height: 24px;
}
.mac.recordingIndicator {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 0px;
  -ms-border-radius: 5px;
  background: #F74643;
  -webkit-animation: blink 6s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation: blink 6s ease-out;
  animation-iteration-count: infinite;
}
@keyframes pulsate {
  0% {
    opacity: 0.0;
  }
  25% {
    opacity: 0.1;
  }
  50% {
    opacity: 1.0;
  }
  75% {
    opacity: 1.0;
  }
  100% {
    opacity: 1.0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    opacity: 0.0;
  }
  25% {
    opacity: 0.1;
  }
  50% {
    opacity: 1.0;
  }
  75% {
    opacity: 1.0;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes blink {
  0% {
    opacity: 0.0;
  }
  4.3% {
    opacity: 0.1;
  }
  8.6% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0.0;
  }
  4.3% {
    opacity: 0.1;
  }
  8.6% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
iframe.shim.recordingIndicator {
  position: absolute;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 2;
}
div.recordingQuotaCheckScreen {
  width: 375px;
  height: 310px;
  left: 50%;
  top: 50%;
  margin-left: -187.5px;
  margin-top: -155px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
div.recordingQuotaCheckScreen.es,
div.recordingQuotaCheckScreen.fr,
div.recordingQuotaCheckScreen.de {
  width: 450px;
}
div.recordingQuotaCheckScreen.es .content .title,
div.recordingQuotaCheckScreen.fr .content .title,
div.recordingQuotaCheckScreen.de .content .title {
  font-size: 28px;
}
div.recordingQuotaCheckScreen .content {
  padding: 40px;
  background-color: #272727;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  color: #cccccc;
}
div.recordingQuotaCheckScreen .content .title {
  font-size: 34px;
}
div.recordingQuotaCheckScreen .content .viewRecordings {
  text-decoration: none;
  color: #369;
  border-bottom: 1px solid #369;
  font-weight: bold;
}
div.recordingQuotaCheckScreen .content .errorMessage {
  margin-top: 25px;
  font-size: 14px;
}
div.recordingQuotaCheckScreen .content .buttonContainer {
  margin-top: 35px;
}
div.recordingQuotaCheckScreen .content .buttonContainer button {
  padding: 11px 17px;
  min-width: 77px;
}
div.recordingQuotaCheckScreen .content .buttonContainer button.recordingContinue {
  background-color: #1286d4;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
div.recordingQuotaCheckScreen .content .buttonContainer button.recordingContinue.hover {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #5bb5f1;
}
div.recordingQuotaCheckScreen .content .buttonContainer button.recordingContinue.active {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #0e68a5;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
div.recordingQuotaCheckScreen .content .buttonContainer button.recordingContinue.hover {
  color: white;
}
div.recordingQuotaCheckScreen .content .buttonContainer button.recordingClose {
  background-color: #4d4d4d;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
div.recordingQuotaCheckScreen .content .buttonContainer button.recordingClose.hover {
  background-color: #8d8d8d;
  background-image: -webkit-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -moz-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -o-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -ms-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: linear-gradient(top, #8d8d8d, #4d4d4d);
  background-color: #808080;
}
div.recordingQuotaCheckScreen .content .buttonContainer button.recordingClose.active {
  background-color: #8d8d8d;
  background-image: -webkit-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -moz-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -o-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -ms-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: linear-gradient(top, #8d8d8d, #4d4d4d);
  background-color: #333333;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
div.recordingQuotaCheckScreen .content .buttonContainer button.recordingClose.hover {
  color: white;
  background-color: #ff5454;
}
div.recordingQuotaCheckScreen .content .buttonContainer button + button {
  margin-left: 8px;
}
div.recordingQuotaIsLowScreen {
  width: 375px;
  height: 310px;
  left: 50%;
  top: 50%;
  margin-left: -187.5px;
  margin-top: -155px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
div.recordingQuotaIsLowScreen.es,
div.recordingQuotaIsLowScreen.fr,
div.recordingQuotaIsLowScreen.de {
  width: 400px;
}
div.recordingQuotaIsLowScreen.es .content .title,
div.recordingQuotaIsLowScreen.fr .content .title,
div.recordingQuotaIsLowScreen.de .content .title {
  font-size: 28px;
}
div.recordingQuotaIsLowScreen .content {
  padding: 40px;
  background-color: #272727;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  color: #cccccc;
}
div.recordingQuotaIsLowScreen .content .title {
  font-size: 34px;
}
div.recordingQuotaIsLowScreen .content .recordingMessage {
  margin-top: 25px;
  font-size: 14px;
}
div.recordingQuotaIsLowScreen .content .buttonContainer {
  margin-top: 35px;
}
div.recordingQuotaIsLowScreen .content .buttonContainer button {
  padding: 11px 17px;
  min-width: 77px;
}
div.recordingQuotaIsLowScreen .content .buttonContainer button.recordingContinue {
  background-color: #1286d4;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
div.recordingQuotaIsLowScreen .content .buttonContainer button.recordingContinue.hover {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #5bb5f1;
}
div.recordingQuotaIsLowScreen .content .buttonContainer button.recordingContinue.active {
  background-color: #72bff3;
  background-image: -webkit-linear-gradient(top, #72bff3, #1286d4);
  background-image: -moz-linear-gradient(top, #72bff3, #1286d4);
  background-image: -o-linear-gradient(top, #72bff3, #1286d4);
  background-image: -ms-linear-gradient(top, #72bff3, #1286d4);
  background-image: linear-gradient(top, #72bff3, #1286d4);
  background-color: #0e68a5;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
div.recordingQuotaIsLowScreen .content .buttonContainer button.recordingContinue.hover {
  color: white;
}
div.recordingQuotaIsLowScreen .content .buttonContainer button.recordingCancel {
  background-color: #4d4d4d;
  color: white;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  font-size: 14px;
}
div.recordingQuotaIsLowScreen .content .buttonContainer button.recordingCancel.hover {
  background-color: #8d8d8d;
  background-image: -webkit-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -moz-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -o-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -ms-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: linear-gradient(top, #8d8d8d, #4d4d4d);
  background-color: #808080;
}
div.recordingQuotaIsLowScreen .content .buttonContainer button.recordingCancel.active {
  background-color: #8d8d8d;
  background-image: -webkit-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -moz-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -o-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: -ms-linear-gradient(top, #8d8d8d, #4d4d4d);
  background-image: linear-gradient(top, #8d8d8d, #4d4d4d);
  background-color: #333333;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
div.recordingQuotaIsLowScreen .content .buttonContainer button.recordingCancel.hover {
  color: white;
  background-color: #ff5454;
}
div.recordingQuotaIsLowScreen .content .buttonContainer button + button {
  margin-left: 8px;
}
.recordingSplashScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.recordingSplashScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.recordingSplashScreen div {
  color: white;
}
.recordingSplashScreen div.title {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.recordingSplashScreen div.staticMeetingTitle {
  display: block;
  margin-top: 35px;
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #BACADA;
  color: rgba(255, 255, 255, 0.56);
}
.recordingSplashScreen div.status {
  margin-top: 20px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.recordingSplashScreen button.shareScreen {
  font-size: 16px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -150px;
}
.recordingSplashScreen div.status {
  margin-top: 30px;
}
.recordingSplashScreen div.recordingMessage {
  margin-top: 76px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  height: 98px;
  line-height: 98px;
}
.stage.sharingVideo div.stageInnerContainer div.remoteView.receivingVideoSharing div.placeholderRemoteContent {
  visibility: hidden;
}
.stage.sharingVideo div.stageInnerContainer div.remoteView.receivingVideoSharing div.placeholderVideoSharing {
  visibility: inherit;
  z-index: 0;
}
.stage.sharingVideo div.stageInnerContainer div.remoteView.receivingVideoSharing div.remoteContentLoadingScreen {
  visibility: hidden;
}
.stage.sharingVideo div.stageInnerContainer div.remoteView.receivingPresentation div.placeholderRemoteContent {
  visibility: inherit;
}
.stage.sharingVideo div.stageInnerContainer div.remoteView.receivingPresentation div.placeholderVideoSharing {
  visibility: hidden;
  z-index: -10;
}
.stage.sharingVideo div.stageInnerContainer div.remoteView.sharingVideo div.placeholderRemoteContent {
  visibility: hidden;
}
.stage.sharingVideo div.stageInnerContainer div.remoteView.sharingVideo div.placeholderVideoSharing {
  visibility: inherit;
  z-index: 0;
}
.stage.sharingVideo div.stageInnerContainer div.remoteView.sharingVideo div.placeholderVideoSharing button.stopVideoSharing {
  display: block;
}
.stage.sharingVideo div.stageInnerContainer div.remoteView.sharingVideo div.remoteContentLoadingScreen {
  visibility: hidden;
}
.stage .stageInnerContainer .remoteView {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #2c2c2c;
}
.stage .stageInnerContainer .remoteView .moveCapture {
  position: absolute;
  width: 100%;
  height: 100%;
}
.stage .stageInnerContainer .remoteView .placeholderVideoSharing {
  left: 0px;
  top: 0px;
  position: absolute;
  width: inherit;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
  z-index: 0;
}
.stage .stageInnerContainer .remoteView .placeholderRemoteContent {
  left: 0px;
  /*right: 0px;*/
  top: 0px;
  /*bottom: @thindicator_height;*/
  /*position: absolute;*/
  position: absolute;
  width: inherit;
  overflow: hidden;
  min-width: 1px !important;
  min-height: 1px !important;
}
.stage .stageInnerContainer .remoteView .placeholderRemoteContent .pluginRemoteContent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.stage .stageInnerContainer .remoteView .placeholderRemoteContent video.remoteContent {
  display: none;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.stage .stageInnerContainer .remoteView .placeholderRemoteContent iframe.shim.remote {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.stage .stageInnerContainer .remoteView .placeholderRemoteContent .remoteContentLoadingScreen {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #4d4d4d;
  display: none;
  z-index: 2;
}
.stage .stageInnerContainer .remoteView .placeholderRemoteContent .remoteContentLoadingScreen .loading {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  position: absolute;
  top: 25%;
  color: #cccccc;
  width: 100%;
  font-size: 30px;
  text-align: center;
}
.stage .stageInnerContainer .remoteView .placeholderRemoteContent .remoteContentLoadingScreen .waiting {
  position: relative;
  top: 40%;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16079px;
}
.stage .stageInnerContainer .remoteView .resizeBar {
  background: blue;
  width: 100%;
  position: absolute;
  height: 10px;
  display: none;
}
.stage .stageInnerContainer .remoteView .placeholderRemote {
  left: 0px;
  /*right: 0px;*/
  top: 0px;
  /*bottom: @thindicator_height;*/
  /*position: absolute;*/
  position: absolute;
  width: inherit;
  height: inherit;
}
.stage .stageInnerContainer .remoteView .placeholderRemote video.remote {
  display: none;
  width: 100%;
  height: 100%;
}
.stage .stageInnerContainer .remoteView .placeholderRemote video.remote.show {
  display: block;
}
.stage .stageInnerContainer .remoteView .placeholderRemote video.remote.hide {
  display: none;
}
.stage .stageInnerContainer .remoteView .placeholderRemote .pluginRemote {
  width: 100%;
  height: 100%;
  position: absolute;
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
  width: 100%;
  left: inherit;
  margin-left: auto;
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen div {
  color: white;
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen div.title {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen div.staticMeetingTitle {
  display: block;
  margin-top: 35px;
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #BACADA;
  color: rgba(255, 255, 255, 0.56);
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen div.status {
  margin-top: 20px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen button.shareScreen {
  font-size: 16px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -150px;
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen div.title {
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 40px;
  color: #FFF;
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen div.status {
  padding-top: 7px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 18px;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.noVideoScreenNew .bgcolor .roomPairSuccessScreen div.nocontent {
  margin-top: 113px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 18px;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal {
  top: 0%;
  width: 100%;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator {
  display: none;
  position: static;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.arrow {
  width: 35px;
  height: 128px;
  background-size: 136px 15438px;
  background-position: 0px -626px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: -140px;
  left: 60%;
  width: 105px;
  height: 132px;
}
.no-svg .webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -618px;
}
.improvedInstruction.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.arrow {
  display: none;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.actualContent {
  white-space: normal;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 269px;
  right: 0;
  margin: auto;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.actualContent div.arrow {
  display: block;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.actualContent div.text {
  margin: auto;
  text-align: center;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.actualContent div.text .safariAllowIcon {
  display: inline-block;
  width: 73px;
  height: 19px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16200px;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.textSizer {
  display: inline-block;
  visibility: hidden;
  font-size: 12px;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .allowIndicator div.textSizer.hasMinWidth {
  min-width: 0;
  width: 0;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .mainContent .accessDenied.nextSteps {
  display: block;
  width: 700px;
  margin-left: -350px;
  position: absolute;
  left: 50%;
  top: 200px;
  right: 0;
  text-align: center;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .mainContent button.accessDenied.pageReload {
  display: block;
  position: absolute;
  width: 100px;
  margin-left: -50px;
  left: 50%;
  top: 289px;
  right: 0;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps {
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  margin-left: -40px;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps li.allowAccessStep {
  font: 26px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps li.allowAccessStep.step1Icon {
  padding-right: 36px;
  display: inline-block;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps li.allowAccessStep.step1Icon div.step1Text {
  display: inline-block;
  width: 372px;
  margin-left: 16px;
  text-align: left;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps li.allowAccessStep.step1Icon div.safariNeverShareStep1Img {
  display: block;
  width: 312px;
  height: 281px;
  margin-top: 16px;
  margin-left: 72px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16293px;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps li.allowAccessStep.step2Icon {
  display: inline-block;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps li.allowAccessStep.step2Icon div.step2Text {
  display: inline-block;
  margin-left: 16px;
  width: 572px;
  text-align: left;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps li.allowAccessStep.step2Icon div.safariNeverShareStep2Img {
  display: block;
  margin-top: 12px;
  margin-left: 72px;
  width: 447px;
  height: 332px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16724px;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload {
  height: 43px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 22px;
  box-sizing: border-box;
  -webkit-user-select: none;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  display: inline-block;
  margin-top: 98px;
  width: 155px;
  height: 42px;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.16);
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload:focus:not(:disabled):not(:active) {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload:active:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.32);
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload:disabled {
  color: rgba(255, 255, 255, 0.32);
  border-color: rgba(255, 255, 255, 0.32);
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload.secondary {
  height: 43px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 22px;
  box-sizing: border-box;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.12);
  color: white;
  border: none;
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload.secondary:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.24);
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload.secondary:focus:not(:disabled):not(:active) {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16);
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload.secondary:active:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.36);
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .pageReload.secondary:disabled {
  color: rgba(255, 255, 255, 0.24);
  border-color: rgba(0, 0, 0, 0.08);
}
.webrtcDeviceAccessModal.safariWebrtcDeviceAccessModal .safariNeverShareSteps .accessDenied {
  margin-top: 100px;
}
div.applicationSharingjf3 div.jf3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3.mac.osx_lion .scrollpane-content {
  max-width: 280px;
}
div.applicationSharingjf3 div.jf3.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.applicationSharingjf3 div.jf3.mac.osx_lion *::-webkit-scrollbar:active,
div.applicationSharingjf3 div.jf3.mac.osx_lion *::-webkit-scrollbar:hover,
div.applicationSharingjf3 div.jf3.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer {
  position: relative;
  height: 100%;
  width: 100%;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.hovered {
  background-color: #4182e2;
  border: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.disabled,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.disabled:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:disabled:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.disabled:active,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:disabled:active,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.disabled:focus,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid:active,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid:focus,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid:disabled,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading div {
  display: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading:hover,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading:active,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading:focus,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading:disabled,
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.applicationSharingjf3 div.jf3 div.dialogContainer div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.applicationSharingjf3 div.jf3 div.scrollbar-container {
  right: 3px;
}
div.applicationSharingjf3 div.jf3 div.nowindows {
  text-align: center;
}
div.applicationSharingjf3 div.jf3 div.nowindows span,
div.applicationSharingjf3 div.jf3 div.nowindows {
  font-size: 14px;
  margin-top: 20px;
}
div.applicationSharingjf3 div.jf3 div.appArrow {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  right: 0px;
  top: 0px;
  border-style: solid;
  border-width: 15px 15px 15px 0;
  border-color: transparent #414141 transparent transparent;
  z-index: 99;
}
div.applicationSharingjf3 div.jf3 div.appArrowClipping {
  width: 15px;
  height: 30px;
  display: block;
  background-color: #303030;
  position: absolute;
  right: 0px;
  top: 188px;
  z-index: 100;
}
div.applicationSharingjf3 div.jf3 div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
div.applicationSharingjf3 div.jf3 div.close,
div.applicationSharingjf3 div.jf3 div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.applicationSharingjf3 div.jf3 div.close:hover,
div.applicationSharingjf3 div.jf3 div.closeDialog:hover,
div.applicationSharingjf3 div.jf3 div.close:focus,
div.applicationSharingjf3 div.jf3 div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 div.close:active,
div.applicationSharingjf3 div.jf3 div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3.participant {
  height: 240px;
  margin-top: -120px;
}
div.applicationSharingjf3 div.jf3.participant .choiceContainer {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content {
  background-color: #f2f2f2;
  position: absolute;
  width: 360px;
  top: 68px;
  left: 0px;
  bottom: 0;
  z-index: 5;
  color: #cccccc;
  overflow: hidden;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions {
  height: 200px;
  width: 260px;
  margin-left: 50px;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions div.image_container {
  margin-left: 89px;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions div.image_container div.icon_hijack_message {
  margin-top: 38px;
  width: 82px;
  height: 70px;
  background-size: 136px 15438px;
  background-position: 0px -12345px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions div.image_container div.icon_hijack_message {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12152px;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions div.warning {
  margin-top: 24px;
  font-size: 16px;
  opacity: 0.8;
  line-height: 22px;
  text-allign: center;
  color: #000000;
  font-family: proximanovalight;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue {
  margin-top: 24px;
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue:hover,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.hovered {
  background-color: #4182e2;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.disabled,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading:hover,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading:active,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading:focus,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading:disabled,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading.no-svg div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.continue.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater {
  margin-top: 16px;
  width: 100%;
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f2f2f2;
  padding: 0;
  min-width: 0;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater:hover,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.disabled,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.hijackScreenOptions button.shareLater:hover {
  background-color: transparent;
  border-color: transparent;
}
div.applicationSharingjf3 div.jf3 .content .confirmationMessage {
  margin-top: 20px;
  font-size: 14px;
}
div.applicationSharingjf3 div.jf3 .content .recordingStopWarning {
  margin-top: 10px;
  font-size: 13px;
  color: #878787;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer {
  margin-top: 20px;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer label {
  display: block;
  line-height: 20px;
  color: #cccccc;
  font-size: 13px;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer label.delay {
  margin-left: 27px;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer label + label {
  margin-top: 8px;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer label.disabled {
  color: #4d4d4d;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span {
  vertical-align: middle;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes {
  background-color: #303030;
  color: #1286d4;
  width: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-align: right;
  border: 1px solid transparent;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes:hover {
  border-color: #4d4d4d;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes.error {
  color: #ff5454;
  border: 1px solid #ff5454;
}
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes[disabled],
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes:hover[disabled],
div.applicationSharingjf3 div.jf3 .content .choiceContainer input + span input.minutes.error[disabled] {
  color: #4d4d4d;
  border-color: transparent;
  text-decoration: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder {
  height: 194px;
  width: 360px;
  text-align: center;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor {
  height: 162px;
  width: 240px;
  margin-top: 32px;
  margin-left: 5px;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  background-color: #222222;
  position: relative;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor div.label {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
  color: #FFF;
  height: 38px;
  padding-left: 14px;
  padding-right: 14px;
  position: absolute;
  left: 97px;
  top: 65px;
  line-height: 38px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor div.vruler {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .thumbnail {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.ie8 div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .thumbnail {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3219px;
  width: 200px;
  height: 124px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .leftArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 56px;
  left: -55px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .leftArrow:hover {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .leftArrow:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .leftArrow:focus {
  border: 4px solid rgba(0, 137, 255, 0.12);
  outline: none !important;
  top: 52px;
  left: -59px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .rightArrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 56px;
  right: -52px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
  transform: rotate(180deg);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .rightArrow:focus {
  border: 4px solid rgba(0, 137, 255, 0.12);
  outline: none !important;
  top: 52px;
  right: -56px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .rightArrow:hover {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  border: none;
  top: 56px;
  right: -52px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor .rightArrow:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: none;
  top: 56px;
  right: -52px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.monitorHolder div.monitor.letterbox-sides img {
  width: auto;
  height: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder {
  height: 82px;
  width: 100%;
  text-align: center;
  margin-top: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 62px;
  height: 42px;
  border-radius: 2px;
  margin-left: 8px;
  margin-right: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder.currentlyDisplayed {
  border: 4px solid #1D6BDD;
  border-radius: 2px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder:focus {
  border: 4px solid #D4E4F3;
  border: 4px solid rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder:hover {
  border-radius: 2px;
  border: 4px solid #7EC0F8;
  border: 4px solid rgba(0, 137, 255, 0.48);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder:hover div.mask {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder div.mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 137, 255, 0.36);
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder .miniScreen::before {
  height: 82px;
  vertical-align: middle;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorHolder div.miniScreenHolder .miniScreen {
  vertical-align: middle;
  display: inline-block;
  width: 62px;
  height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorDotHolder {
  width: 240px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-top: 16px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorDotHolder div.miniScreenDotHolder {
  display: inline-block;
  cursor: pointer;
  margin-left: 8px;
  margin-right: 8px;
  height: 8px;
  width: 8px;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing div.miniMonitorDotHolder div.miniScreenDotHolder.currentlyDisplayed {
  background-color: #1D6BDD;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.onlyScreenSharing {
  top: 282px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.singleMonitor {
  top: 282px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.onlyScreenSharing.singleMonitor {
  top: 234px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.manyMonitorsLessThan11 {
  top: 299px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row-holder.onlyScreenSharing.manyMonitorsLessThan11 {
  top: 251px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .rows {
  position: relative;
  height: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row {
  width: 360px;
  height: 52px;
  cursor: pointer;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .vruler {
  vertical-align: middle;
  height: 52px;
  width: 1px;
  display: inline-block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .icon {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: auto;
  margin-left: 28px;
  margin-right: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ie8 div.applicationSharingjf3 div.jf3 .content div.appSharing .row .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3162px;
  width: 32px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .title {
  width: 140px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  max-height: 34px;
  overflow: hidden;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row.desktop .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3516px;
  vertical-align: middle;
  margin-right: 12px;
  margin-left: 28px;
  display: inline-block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .sharedIcon,
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .unshareIcon,
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .canShareIcon,
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .canUnshareIcon {
  height: 24px;
  position: absolute;
  top: 14px;
  right: 28px;
  width: 24px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .sharedIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -5198px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.appSharing .row .sharedIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5191px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .unshareIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16244px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .canShareIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16599px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row .canUnshareIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -2970px;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover {
  background-color: #D4E4F3;
  background-color: rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover.shared .sharedIcon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover.shared .unshareIcon {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover.shared .canShareIcon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover.shared .canUnshareIcon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:hover .canShareIcon {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:active {
  background-color: #D4E4F3;
  background-color: rgba(0, 137, 255, 0.36);
  color: #FFF;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:active.shared .sharedIcon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row:active .canShareIcon {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row.shared {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
}
div.applicationSharingjf3 div.jf3 .content div.appSharing .row.shared .sharedIcon {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content .moreScreens {
  padding: 0;
}
div.applicationSharingjf3 div.jf3 .content .moreScreens .arrow {
  width: 12px;
  height: 8px;
  background-size: 136px 15438px;
  background-position: 0px -1674px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content .moreScreens .arrow {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1666px;
}
div.applicationSharingjf3 div.jf3 .content .moreScreens:hover.shared {
  background-color: #5EC138;
  background-color: rgba(63, 184, 17, 0.8);
}
div.applicationSharingjf3 div.jf3 .content .moreScreens:hover.shared .sharedMessage {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.notLoggedIn {
  text-align: center;
}
div.applicationSharingjf3 div.jf3 .content div.notLoggedIn div.noRecordingsMessageHolder {
  position: relative;
  margin-top: 63%;
}
div.applicationSharingjf3 div.jf3 .content div.notLoggedIn div.noRecordingsMessageHolder div.noRecordingsIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3573px;
  width: 82px;
  height: 66px;
  margin-left: 37%;
}
div.applicationSharingjf3 div.jf3 .content div.notLoggedIn div.noRecordingsMessageHolder div.noRecordingsMessage {
  margin-top: 21px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing {
  height: 100%;
  width: 360px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow {
  height: 74px;
  width: 100%;
  position: relative;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder {
  height: 42px;
  position: absolute;
  top: 16px;
  left: 28px;
  width: 304px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 42px;
  display: inline-block;
  width: 152px;
  line-height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  height: 42px;
  display: inline-block;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  line-height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.hovered {
  background-color: #4182e2;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading.no-svg div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.videoSharingButton.selected.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  height: 42px;
  display: inline-block;
  width: 152px;
  line-height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  height: 42px;
  display: inline-block;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  line-height: 42px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.hovered {
  background-color: #4182e2;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading.no-svg div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.selectionButtonsRow div.selectionButtonsHolder div.recordingSharingButton.selected.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer {
  position: absolute;
  top: 122px;
  left: 0px;
  right: 0px;
  bottom: 90px;
  background-color: #E9E9E9;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer.recordingSharing {
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer.onlyVideoSharing {
  top: 48px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer.onlyRecordingSharing {
  top: 48px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer {
  height: 100%;
  width: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .border {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .noVideos {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .noVideos div.noVideoMessageHolder {
  position: relative;
  margin-top: 40%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .noVideos div.noVideoMessageHolder div.noVideoIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3573px;
  width: 82px;
  height: 66px;
  margin-left: 37%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer .noVideos div.noVideoMessageHolder div.noVideoMessage {
  margin-top: 21px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video {
  height: 96px;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading {
  height: 60px;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.deleting .processing-container {
  display: block;
  background-color: #FFFFFF;
  background-color: #ffffff;
  opacity: 0.64;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.deleting .processing-container div.deleting-spinner {
  width: 36px;
  height: 36px;
  background-size: 136px 15438px;
  background-position: 0px -1777px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.deleting .processing-container div.deleting-spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1769px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.info {
  top: 12px;
  left: 28px;
  height: 16px;
  line-height: 16px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper {
  overflow: visible;
  height: 8px;
  width: 304px;
  left: 28px;
  top: 36px;
  background-color: #E7E7E7;
  background-image: none;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper span.progress {
  background-color: #3FB811;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer {
  bottom: 15px;
  width: 24px;
  height: 24px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  right: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer span.percentage {
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  position: static;
  font-size: 14px;
  height: 24px;
  width: 24px;
  display: block;
  line-height: 24px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel {
  border: none;
  height: 24px;
  width: 24px;
  opacity: 0;
  position: relative;
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel button.cancel {
  display: none;
  border: none;
  background: transparent;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -1838px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel button.cancel {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1830px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover {
  display: block;
  opacity: 0.5;
  background-color: #F5F5F5;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover button.cancel {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:active {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.08);
  background-color: #EBEBEB;
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus {
  border: 4px solid #E0F0FF;
  border: 4px solid rgba(0, 137, 255, 0.12);
  border-radius: 4px;
  box-sizing: border-box;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.progressContainer div.progress.actions {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing {
  height: 60px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing div.progressContainer div.progressWrapper {
  background-image: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/jf3_progressbar_grayscale.gif');
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing span.percentage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item {
  position: relative;
  height: 96px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.vRuler {
  height: 96px;
  margin-left: 28px;
  vertical-align: middle;
  display: inline-block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.thumbnail {
  height: 80px;
  width: 80px;
  position: static;
  vertical-align: middle;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.thumbnail div.playIndicator {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.thumbnail div.playIndicator div.indicator {
  height: 24px;
  width: 24px;
  left: 28px;
  top: 28px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3664px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.info {
  position: relative;
  vertical-align: middle;
  height: 68px;
  width: 200px;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.info div.title {
  height: 47px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 8px;
  font-size: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  background-color: transparent;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 199px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.info div.metadata {
  position: absolute;
  bottom: 0px;
  left: 8px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #9E9E9E;
  color: rgba(0, 0, 0, 0.32);
  line-height: 18px;
  size: 14px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.actions {
  vertical-align: bottom;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video div.item div.actions button.delete {
  height: 24px;
  width: 24px;
  left: 10px;
  top: 12px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3713px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover {
  background-color: #95C7F1;
  background-color: rgba(0, 137, 255, 0.36);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:focus {
  border-top: 4px solid #D4E4F3;
  border-top: 4px solid rgba(0, 137, 255, 0.12);
  border-bottom: 4px solid #D4E4F3;
  border-bottom: 4px solid rgba(0, 137, 255, 0.12);
  background-color: transparent;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active {
  border: none;
  background-color: none;
  background-color: rgba(0, 137, 255, 0.48);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active.uploading,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active.processing {
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover {
  border: none;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer span.percentage,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer span.percentage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel {
  opacity: 1;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel button.cancel,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel button.cancel {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover {
  display: block;
  opacity: 0.5;
  background-color: #F5F5F5;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:active {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.08);
  background-color: #EBEBEB;
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus {
  border: 4px solid #E0F0FF;
  border: 4px solid rgba(0, 137, 255, 0.12);
  border-radius: 4px;
  box-sizing: border-box;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.uploading:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus button.cancel,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video.processing:hover div.progressContainer div.progressWrapper div.percentageContainer div.cancel:hover:focus button.cancel {
  top: 2px;
  left: 2px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.thumbnail div.playIndicator div.indicator,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.thumbnail div.playIndicator div.indicator {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.info div.title,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.info div.title {
  color: #FFF;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.info div.metadata,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.info div.metadata {
  color: #F7F7F7;
  color: rgba(255, 255, 255, 0.64);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer {
  height: 28px;
  width: 28px;
  border-radius: 4px;
  overflow: hidden;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer button.delete,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer button.delete {
  display: block;
  opacity: 0.73;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer button.delete:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer button.delete:focus {
  border: 4px solid #AFD5F4;
  border-radius: 4px;
  opacity: 1;
  box-sizing: content-box;
  left: 6px;
  top: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer button.delete:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer button.delete:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:hover div.item div.actions div.deleteButtonContainer button.delete:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos li.video:active div.item div.actions div.deleteButtonContainer button.delete:active {
  border: none;
  border-radius: 4px;
  background-color: #8AB8DE;
  opacity: 1;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .videoSharingContainer div.videoScroller ol.videos.live .playIndicator {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer {
  height: 100%;
  width: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .border {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .noRecordings {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .noRecordings div.noRecordingsMessageHolder {
  position: relative;
  margin-top: 63%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .noRecordings div.noRecordingsMessageHolder div.noRecordingsIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3573px;
  width: 82px;
  height: 66px;
  margin-left: 37%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer .noRecordings div.noRecordingsMessageHolder div.noRecordingsMessage {
  margin-top: 21px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #A4A4A4;
  color: rgba(0, 0, 0, 0.32);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording {
  height: 96px;
  border: none;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading {
  height: 60px;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.deleting .processing-container {
  display: block;
  background-color: #FFFFFF;
  background-color: #ffffff;
  opacity: 0.64;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.deleting .processing-container div.deleting-spinner {
  width: 36px;
  height: 36px;
  background-size: 136px 15438px;
  background-position: 0px -1777px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.deleting .processing-container div.deleting-spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1769px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.info {
  top: 12px;
  left: 28px;
  height: 16px;
  line-height: 16px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.progressWrapper {
  overflow: visible;
  height: 8px;
  width: 304px;
  left: 28px;
  top: 36px;
  background-color: #E7E7E7;
  background-image: none;
  border: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.progressWrapper span.progress {
  background-color: #3FB811;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.progressWrapper span.percentage {
  bottom: 26px;
  width: 32px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.progressWrapper span.percentage:hover {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions {
  height: 24px;
  width: 24px;
  top: 6px;
  right: 15px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions button.cancel {
  position: absolute;
  left: 6px;
  top: 8px;
  width: 12px;
  height: 12px;
  background-size: 136px 15438px;
  background-position: 0px -1838px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions button.cancel {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1830px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions:hover {
  display: block;
  opacity: 0.5;
  background-color: #F5F5F5;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions:active {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.08);
  background-color: #EBEBEB;
  border-radius: 4px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.progressContainer div.actions:focus {
  border: 4px solid #E0F0FF;
  border: 4px solid rgba(0, 137, 255, 0.12);
  border-radius: 4px;
  top: 2px;
  right: 11px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing {
  height: 60px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing div.progressContainer div.progressWrapper {
  background-image: url('https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/jf3_progressbar_grayscale.gif');
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing span.percentage {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item {
  position: relative;
  height: 96px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.vRuler {
  height: 96px;
  margin-left: 28px;
  vertical-align: middle;
  display: inline-block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.thumbnail {
  height: 80px;
  width: 80px;
  position: static;
  vertical-align: middle;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.thumbnail div.playIndicator {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.thumbnail div.playIndicator div.indicator {
  height: 24px;
  width: 24px;
  left: 28px;
  top: 28px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3664px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.info {
  position: relative;
  vertical-align: middle;
  height: 68px;
  width: 200px;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.info div.title {
  height: auto;
  position: absolute;
  top: 0px;
  left: 8px;
  font-size: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  background-color: transparent;
  word-wrap: break-word;
  white-space: normal;
  text-align: left;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.info div.metadata {
  position: absolute;
  bottom: 0px;
  left: 8px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #9E9E9E;
  color: rgba(0, 0, 0, 0.32);
  line-height: 18px;
  size: 14px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.actions {
  vertical-align: bottom;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording div.item div.actions button.delete {
  height: 24px;
  width: 24px;
  left: 10px;
  top: 12px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -3713px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover {
  background-color: #95C7F1;
  background-color: rgba(0, 137, 255, 0.36);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing:hover {
  border: none;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading:hover div.actions,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing:hover div.actions {
  display: block;
  opacity: 1;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading:hover div.actions button.cancel,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing:hover div.actions button.cancel {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:focus {
  border-top: 4px solid #D4E4F3;
  border-top: 4px solid rgba(0, 137, 255, 0.12);
  border-bottom: 4px solid #D4E4F3;
  border-bottom: 4px solid rgba(0, 137, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.uploading:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording.processing:focus {
  border: none;
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active {
  border: none;
  background-color: none;
  background-color: rgba(0, 137, 255, 0.48);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active.uploading,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active.processing {
  background-color: rgba(255, 255, 255, 0.88);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.thumbnail div.playIndicator div.indicator,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.thumbnail div.playIndicator div.indicator {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.info div.title,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.info div.title {
  color: #FFF;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.info div.metadata,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.info div.metadata {
  color: #F7F7F7;
  color: rgba(255, 255, 255, 0.64);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.actions button.delete,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.actions button.delete {
  display: block;
  opacity: 0.73;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.actions button.delete:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.actions button.delete:focus {
  border: 4px solid #AFD5F4;
  border-radius: 4px;
  opacity: 1;
  box-sizing: content-box;
  left: 6px;
  top: 8px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.actions button.delete:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.actions button.delete:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:hover div.item div.actions button.delete:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings li.recording:active div.item div.actions button.delete:active {
  border: none;
  border-radius: 4px;
  background-color: #8AB8DE;
  opacity: 1;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing div.sharingContainer .recordingSharingContainer div.recordingScroller ol.recordings.live .playIndicator {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer {
  position: absolute;
  bottom: 0px;
  height: 90px;
  width: 360px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload {
  position: relative;
  height: 100%;
  width: 100%;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload {
  position: absolute;
  top: 24px;
  left: 28px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: center;
  height: 42px;
  line-height: 42px;
  width: 304px;
  overflow: visible;
  position: relative;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton .turnOffOutlineForClick {
  outline: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton div.icon {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid div {
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid:disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.disabled,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:disabled:hover,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:disabled:active,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton.disabled:focus,
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton div.uploadToolTip {
  position: absolute;
  width: 304px;
  line-height: 18px;
  bottom: 50px;
  right: -10px;
  white-space: pre-wrap;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  size: 14px;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 0 1.5px #666;
  border-radius: 4px;
  text-transform: initial;
  text-align: left;
  padding: 12px;
  display: none;
}
div.applicationSharingjf3 div.jf3 .content div.videoSharing .uploadContainer div.upload form.upload div.uploadButton:hover div.uploadToolTip {
  display: block;
}
div.applicationSharingjf3 div.jf3 .content .loadingIndicator {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -60px;
  width: 64px;
  height: 64px;
  background-size: 136px 15438px;
  background-position: 0px -1875px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.applicationSharingjf3 div.jf3 .content .loadingIndicator {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1867px;
}
div.applicationSharingjf3.loading div.jf3 .content .sharingOptions,
div.applicationSharingjf3.loading div.jf3 .content .appSharing,
div.applicationSharingjf3.loading div.jf3 .content .notLoggedIn,
div.applicationSharingjf3.loading div.jf3 .content .videoSharing {
  display: none !important;
}
div.applicationSharingjf3.loading div.jf3 .content .loadingIndicator {
  display: block;
}
.sharingScreen {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 4;
  background-color: #414141;
  display: none;
  top: 0px;
}
.sharingScreen .bgcolor {
  width: 100%;
  height: 100%;
  background-color: #414141;
  z-index: 5;
  position: absolute;
}
.sharingScreen .content {
  width: 450px;
  height: 145px;
  margin-left: -225px;
  margin-top: -72.5px;
  background-color: #414141;
  position: relative;
  z-index: 5;
  left: 50%;
  top: 45%;
}
.sharingScreen .content .icon {
  left: 0px;
  top: 0px;
  width: 115px;
  height: 105px;
}
.sharingScreen .content .messageContainer {
  left: 160px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  position: absolute;
}
.sharingScreen .content .messageContainer .title {
  font-size: 18px;
  color: white;
  font-weight: bold;
}
.sharingScreen .content .messageContainer .messageBox .message {
  position: relative;
  left: 0px;
  top: 20px;
  font-size: 14px;
  color: #878787;
}
.sharingScreen .content .messageContainer .errorMsg {
  position: relative;
  top: 30px;
  display: none;
  width: 100%;
}
.sharingScreen .content .messageContainer .errorMsg.show {
  display: block;
}
.sharingScreen .content .messageContainer .errorMsg .errorIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5288px;
  height: 16px;
  width: 18px;
  display: inline-block;
}
.sharingScreen .content .messageContainer .errorMsg .msg {
  position: relative;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 10px;
  color: #878787;
  font-size: 14px;
}
.sharingScreen .content .messageContainer .buttonContainer {
  position: relative;
  top: 30px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}
.sharingScreen .content .messageContainer .buttonContainer button {
  color: black;
  padding: 9px 30px;
  font-size: 13px;
}
.sharingScreen .content .messageContainer .buttonContainer button + button {
  margin-left: 12px;
}
.sharingScreen .content .messageContainer .buttonContainer button.primary {
  font-size: 13px;
}
.sharingScreen .content .messageContainer .buttonContainer button.primary.hover {
  background-color: #2c9fed;
  color: white;
}
.sharingScreen .content {
  width: 450px;
  height: 260px;
  margin-left: -225px;
  margin-top: -130px;
  top: 48%;
}
.sharingScreen .content .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16079px;
  width: 96px;
  height: 96px;
  margin: 0px auto;
}
.sharingScreen .content .messageContainer {
  position: relative;
  margin: 0px auto;
  text-align: center;
  left: 0px;
  top: 20px;
}
.sharingScreen .content .messageContainer .title {
  font-size: 35px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-weight: normal;
}
.sharingScreen .content .messageContainer .message {
  width: 300px;
  margin: 0px auto;
}
.sharingScreen .content .messageContainer .buttonContainer button {
  /*
					&.hover {
						background-color: @red_bright;
						color: white;
					}
*/
}
.sharingScreen .content .messageContainer .buttonContainer button.ok.primary,
.sharingScreen .content .messageContainer .buttonContainer button.cancel {
  padding: 12px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.sharingScreen .content .messageContainer .buttonContainer button.stop {
  background-color: #b03a3a;
  font-size: 12px;
  height: auto;
  width: auto;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: top;
  -o-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  padding: 12px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.sharingScreen .content .messageContainer .buttonContainer button.stop.hover {
  background-color: #da8f8f;
  background-image: -webkit-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -moz-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -o-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -ms-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: linear-gradient(top, #da8f8f, #b03a3a);
  background-color: #d47c7c;
}
.sharingScreen .content .messageContainer .buttonContainer button.stop.active {
  background-color: #da8f8f;
  background-image: -webkit-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -moz-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -o-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: -ms-linear-gradient(top, #da8f8f, #b03a3a);
  background-image: linear-gradient(top, #da8f8f, #b03a3a);
  background-color: #8a2d2d;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.7);
}
.sharingScreen.multimonitor .content {
  top: 5%;
  margin-left: 6px;
  margin-top: 0px;
  width: 100%;
  height: 100%;
  left: inherit;
}
.sharingScreen.multimonitor .content .messageBox .message {
  display: none;
}
.sharingScreen.multimonitor .messageContainer {
  height: 100%;
}
.sharingScreen.multimonitor .screenThumbnails {
  margin-top: 30px;
  max-height: 50%;
  width: 98%;
  overflow: auto;
  overflow-x: hidden;
}
.sharingScreen.multimonitor .screenThumbnails div.screen {
  width: auto;
  height: auto;
  display: inline-block;
}
.sharingScreen.multimonitor .screenThumbnails div.screen:first-child {
  margin-left: 15px;
}
.sharingScreen.multimonitor .screenThumbnails img.screen {
  cursor: pointer;
  display: inline;
  width: auto;
  height: 150px;
  margin-right: 15px;
  -webkit-box-shadow: 3px 4px 9px 0px #323232;
  -moz-box-shadow: 3px 4px 9px 0px #323232;
  box-shadow: 3px 4px 9px 0px #323232;
}
.sharingScreen.multimonitor .screenThumbnails span.label {
  color: white;
  display: block;
  font-family: 'Arial', Helvetica, sans-serif;
  padding: 12px;
  font-size: 14px;
}
.sharingScreen.multimonitor .screenThumbnails img.screen.active {
  border: 3px solid green;
}
.sharingScreen.multimonitor div.buttonContainer {
  height: 50px;
  margin-top: 130px;
  width: 100%;
  clear: left;
}
.sharingScreen.multimonitor div.buttonContainer button.ok {
  display: none;
}
.sharingScreen.multimonitor div.buttonContainer button.cancel {
  width: 360px;
  border: 2px solid grey;
}
.sharingScreen.multimonitor div.buttonContainer button.stop {
  width: 360px !important;
}
div.signInDialog {
  width: 468px;
  min-height: 250px;
  text-align: left;
  display: none;
  background-color: #FFFFFF;
  position: relative;
  margin: 0 auto;
  background-color: #F8F8F8;
  background-color: rgba(255, 255, 255, 0.88);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.32), 0px 0px 8px 0px rgba(255, 255, 255, 0.32);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.signInDialog div.header {
  height: auto;
  margin-left: 0;
  position: static;
}
div.signInDialog div.header div.close {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 8px -3060px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  padding: 6px;
  right: 6px;
  top: 6px;
  z-index: 11;
  cursor: pointer;
}
div.signInDialog div.header div.close:hover {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.signInDialog div.header div.close:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.signInDialog div.header div.close:focus {
  opacity: 1.00;
  border: 4px solid #1D6BDD;
  outline: none !important;
  top: 2px;
  right: 2px;
}
div.signInDialog div.back {
  display: none;
}
div.signInDialog div.title {
  font: 28px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  text-align: center;
  padding-bottom: 10px;
  font-size: 24px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
div.signInDialog .firstStepView,
div.signInDialog .passwordView {
  padding: 48px;
}
div.signInDialog .firstStepView .joinButton.back,
div.signInDialog .passwordView .joinButton.back {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 64px;
  float: left;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  filter: fliph;
}
div.signInDialog .firstStepView .joinButton.back .turnOffOutlineForClick,
div.signInDialog .passwordView .joinButton.back .turnOffOutlineForClick {
  outline: none;
}
div.signInDialog .firstStepView .joinButton.back div.icon,
div.signInDialog .passwordView .joinButton.back div.icon {
  display: none;
}
div.signInDialog .firstStepView .joinButton.back:hover,
div.signInDialog .passwordView .joinButton.back:hover,
div.signInDialog .firstStepView .joinButton.back.hovered,
div.signInDialog .passwordView .joinButton.back.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.signInDialog .firstStepView .joinButton.back:active,
div.signInDialog .passwordView .joinButton.back:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.signInDialog .firstStepView .joinButton.back:active:focus,
div.signInDialog .passwordView .joinButton.back:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.signInDialog .firstStepView .joinButton.back:focus,
div.signInDialog .passwordView .joinButton.back:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.signInDialog .firstStepView .joinButton.back.valid,
div.signInDialog .passwordView .joinButton.back.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.signInDialog .firstStepView .joinButton.back.invalid,
div.signInDialog .passwordView .joinButton.back.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.signInDialog .firstStepView .joinButton.back.invalid div,
div.signInDialog .passwordView .joinButton.back.invalid div {
  display: none;
}
div.signInDialog .firstStepView .joinButton.back.invalid div.icon,
div.signInDialog .passwordView .joinButton.back.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.signInDialog .firstStepView .joinButton.back.invalid:hover,
div.signInDialog .passwordView .joinButton.back.invalid:hover,
div.signInDialog .firstStepView .joinButton.back.invalid:active,
div.signInDialog .passwordView .joinButton.back.invalid:active,
div.signInDialog .firstStepView .joinButton.back.invalid:focus,
div.signInDialog .passwordView .joinButton.back.invalid:focus,
div.signInDialog .firstStepView .joinButton.back.invalid:disabled,
div.signInDialog .passwordView .joinButton.back.invalid:disabled,
div.signInDialog .firstStepView .joinButton.back.invalid.disabled,
div.signInDialog .passwordView .joinButton.back.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.signInDialog .firstStepView .joinButton.back.invalid div.icon,
div.signInDialog .passwordView .joinButton.back.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.signInDialog .firstStepView .joinButton.back.invalid div.icon,
.no-svg div.signInDialog .passwordView .joinButton.back.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.signInDialog .firstStepView .joinButton.back.disabled,
div.signInDialog .passwordView .joinButton.back.disabled,
div.signInDialog .firstStepView .joinButton.back:disabled,
div.signInDialog .passwordView .joinButton.back:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.signInDialog .firstStepView .joinButton.back.disabled:hover,
div.signInDialog .passwordView .joinButton.back.disabled:hover,
div.signInDialog .firstStepView .joinButton.back:disabled:hover,
div.signInDialog .passwordView .joinButton.back:disabled:hover,
div.signInDialog .firstStepView .joinButton.back.disabled:active,
div.signInDialog .passwordView .joinButton.back.disabled:active,
div.signInDialog .firstStepView .joinButton.back:disabled:active,
div.signInDialog .passwordView .joinButton.back:disabled:active,
div.signInDialog .firstStepView .joinButton.back.disabled:focus,
div.signInDialog .passwordView .joinButton.back.disabled:focus,
div.signInDialog .firstStepView .joinButton.back:disabled:focus,
div.signInDialog .passwordView .joinButton.back:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.signInDialog .firstStepView .joinButton.back .arrowBlueIcon,
div.signInDialog .passwordView .joinButton.back .arrowBlueIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5600px;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
div.signInDialog .firstStepView .hasPassword,
div.signInDialog .passwordView .hasPassword {
  margin-top: 12px;
}
div.signInDialog .firstStepView .rememberContainer,
div.signInDialog .passwordView .rememberContainer {
  margin-top: 24px;
}
div.signInDialog .firstStepView .joinButton.go,
div.signInDialog .passwordView .joinButton.go {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 296px;
  margin-top: 24px;
}
div.signInDialog .firstStepView .joinButton.go .turnOffOutlineForClick,
div.signInDialog .passwordView .joinButton.go .turnOffOutlineForClick {
  outline: none;
}
div.signInDialog .firstStepView .joinButton.go div.icon,
div.signInDialog .passwordView .joinButton.go div.icon {
  display: none;
}
div.signInDialog .firstStepView .joinButton.go:hover,
div.signInDialog .passwordView .joinButton.go:hover,
div.signInDialog .firstStepView .joinButton.go.hovered,
div.signInDialog .passwordView .joinButton.go.hovered {
  background-color: #4182e2;
  border: none;
}
div.signInDialog .firstStepView .joinButton.go:active,
div.signInDialog .passwordView .joinButton.go:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.signInDialog .firstStepView .joinButton.go:active:focus,
div.signInDialog .passwordView .joinButton.go:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.signInDialog .firstStepView .joinButton.go:active:not(:disabled),
div.signInDialog .passwordView .joinButton.go:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.signInDialog .firstStepView .joinButton.go:focus,
div.signInDialog .passwordView .joinButton.go:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.signInDialog .firstStepView .joinButton.go.disabled,
div.signInDialog .passwordView .joinButton.go.disabled,
div.signInDialog .firstStepView .joinButton.go:disabled,
div.signInDialog .passwordView .joinButton.go:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.signInDialog .firstStepView .joinButton.go.disabled:hover,
div.signInDialog .passwordView .joinButton.go.disabled:hover,
div.signInDialog .firstStepView .joinButton.go:disabled:hover,
div.signInDialog .passwordView .joinButton.go:disabled:hover,
div.signInDialog .firstStepView .joinButton.go.disabled:active,
div.signInDialog .passwordView .joinButton.go.disabled:active,
div.signInDialog .firstStepView .joinButton.go:disabled:active,
div.signInDialog .passwordView .joinButton.go:disabled:active,
div.signInDialog .firstStepView .joinButton.go.disabled:focus,
div.signInDialog .passwordView .joinButton.go.disabled:focus,
div.signInDialog .firstStepView .joinButton.go:disabled:focus,
div.signInDialog .passwordView .joinButton.go:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.signInDialog .firstStepView .joinButton.go.valid,
div.signInDialog .passwordView .joinButton.go.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.signInDialog .firstStepView .joinButton.go.invalid,
div.signInDialog .passwordView .joinButton.go.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.signInDialog .firstStepView .joinButton.go.invalid div,
div.signInDialog .passwordView .joinButton.go.invalid div {
  display: none;
}
div.signInDialog .firstStepView .joinButton.go.invalid div.icon,
div.signInDialog .passwordView .joinButton.go.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.signInDialog .firstStepView .joinButton.go.invalid:hover,
div.signInDialog .passwordView .joinButton.go.invalid:hover,
div.signInDialog .firstStepView .joinButton.go.invalid:active,
div.signInDialog .passwordView .joinButton.go.invalid:active,
div.signInDialog .firstStepView .joinButton.go.invalid:focus,
div.signInDialog .passwordView .joinButton.go.invalid:focus,
div.signInDialog .firstStepView .joinButton.go.invalid:disabled,
div.signInDialog .passwordView .joinButton.go.invalid:disabled,
div.signInDialog .firstStepView .joinButton.go.invalid.disabled,
div.signInDialog .passwordView .joinButton.go.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.signInDialog .firstStepView .joinButton.go.invalid div.icon,
div.signInDialog .passwordView .joinButton.go.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.signInDialog .firstStepView .joinButton.go.invalid div.icon,
.no-svg div.signInDialog .passwordView .joinButton.go.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.signInDialog .firstStepView .joinButton.go.loading,
div.signInDialog .passwordView .joinButton.go.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.signInDialog .firstStepView .joinButton.go.loading div,
div.signInDialog .passwordView .joinButton.go.loading div {
  display: none;
}
div.signInDialog .firstStepView .joinButton.go.loading div.icon,
div.signInDialog .passwordView .joinButton.go.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.signInDialog .firstStepView .joinButton.go.loading:hover,
div.signInDialog .passwordView .joinButton.go.loading:hover,
div.signInDialog .firstStepView .joinButton.go.loading:active,
div.signInDialog .passwordView .joinButton.go.loading:active,
div.signInDialog .firstStepView .joinButton.go.loading:focus,
div.signInDialog .passwordView .joinButton.go.loading:focus,
div.signInDialog .firstStepView .joinButton.go.loading:disabled,
div.signInDialog .passwordView .joinButton.go.loading:disabled,
div.signInDialog .firstStepView .joinButton.go.loading.disabled,
div.signInDialog .passwordView .joinButton.go.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.signInDialog .firstStepView .joinButton.go.loading.no-svg,
div.signInDialog .passwordView .joinButton.go.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.signInDialog .firstStepView .joinButton.go.loading.no-svg div,
div.signInDialog .passwordView .joinButton.go.loading.no-svg div {
  display: none;
}
div.signInDialog .firstStepView .joinButton.go.loading.no-svg div.icon,
div.signInDialog .passwordView .joinButton.go.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.signInDialog .firstStepView .joinButton.go .arrowWhiteIcon,
div.signInDialog .passwordView .joinButton.go .arrowWhiteIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5649px;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
div.signInDialog .firstStepView .joinButton.go.nextStep,
div.signInDialog .passwordView .joinButton.go.nextStep {
  width: 100%;
}
div.signInDialog .firstStepView .joinButton.go.signIn,
div.signInDialog .passwordView .joinButton.go.signIn {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
.skinned.checkbox,
.skinned.radioButton {
  display: inline-block;
  width: 13px;
  height: 13px;
  /*float: left;*/
  background: #ffffff no-repeat;
}
.skinned.checkbox + input,
.skinned.radioButton + input {
  position: absolute;
  left: -9999px;
}
.skinned.checkbox {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16661px;
  -o-transition: background-position 0.2s;
  -moz-transition: background-position 0.2s;
  -webkit-transition: background-position 0.2s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*&.unavailable {
			.sprite(checkbox-checked-grey, 0, 0);
		}*/
}
.skinned.checkbox.checked {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16648px;
}
.skinned.radioButton {
  -webkit-border-radius: 6.5px;
  -moz-border-radius: 6.5px;
  border-radius: 6.5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.skinned.radioButton.checked {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -16686px;
}
.skinned.select > select {
  background: #303030;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 192px -8143px;
  color: white;
  border: 1px solid black;
  font-size: 12px;
  width: 100%;
  display: block;
  padding: 4px;
}
label.skinned {
  font-size: 12px;
  cursor: default;
}
label.skinned > .checkbox,
label.skinned > .radioButton {
  margin-right: 8px;
  margin-top: 1px;
  vertical-align: top;
}
label.skinned > input + span {
  /*display: block; */
  /*padding-left: 13px + 6px;*/
  /*line-height: 1.3em;*/
}
label.skinned:hover > .skinned.checkbox,
label.skinned:hover > .skinned.radioButton {
  background-color: #ffffff;
}
label.skinned:hover > .skinned.select {
  border-color: #ffffff;
}
label.skinned.disabled,
label.skinned.disabled:hover {
  color: #4d4d4d;
}
label.skinned.disabled > .skinned.checkbox,
label.skinned.disabled:hover > .skinned.checkbox,
label.skinned.disabled > .skinned.radioButton,
label.skinned.disabled:hover > .skinned.radioButton {
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  background-color: #4d4d4d;
}
label.skinned.unavailable,
label.skinned.unavailable:hover {
  color: #7A7A7A;
}
label.skinned.unavailable > .skinned.checkbox,
label.skinned.unavailable:hover > .skinned.checkbox,
label.skinned.unavailable > .skinned.radioButton,
label.skinned.unavailable:hover > .skinned.radioButton {
  background-color: #4d4d4d;
  border: 1px solid #7a7a7a;
}
label.skinned.unavailable > .skinned.checkbox.checked,
label.skinned.unavailable:hover > .skinned.checkbox.checked,
label.skinned.unavailable > .skinned.radioButton.checked,
label.skinned.unavailable:hover > .skinned.radioButton.checked {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17081px;
}
label.skinned.centered > .checkbox,
label.skinned.centered > .radioButton {
  float: none;
}
label.skinned.centered > input + span {
  display: inline;
  text-align: left;
  padding-left: 0;
}
div.skypeForBusinessPanel {
  background-color: #F2F2F2;
}
div.skypeForBusinessPanel .paginationContainer {
  position: absolute;
  height: 8px;
  width: 260px;
  text-align: center;
  bottom: 40px;
}
div.skypeForBusinessPanel .paginationContainer .paginationDot {
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #E0E0E0;
  background-color: rgba(0, 0, 0, 0.12);
  margin-left: 12px;
}
div.skypeForBusinessPanel .paginationContainer .paginationDot:first-child {
  margin-left: 0px;
}
div.skypeForBusinessPanel .paginationContainer .paginationDot.activeDot {
  background-color: #A3A3A3;
  background-color: rgba(0, 0, 0, 0.36);
}
div.skypeForBusinessPanel .rel {
  position: relative;
}
div.skypeForBusinessPanel div.federateContainer {
  position: absolute;
  /* top: 368px; */
  /* height: 200px; */
  font-size: 14px;
  line-height: 18px;
  width: 260px;
  bottom: 80px;
}
div.skypeForBusinessPanel div.federateContainer div.text.para2 {
  margin-top: 10px;
}
div.skypeForBusinessPanel div.blueText {
  color: #1D6BDD;
}
div.skypeForBusinessPanel div.centerText {
  text-align: center;
}
div.skypeForBusinessPanel.mac.osx_lion .scrollpane-content {
  max-width: 360px;
}
div.skypeForBusinessPanel.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
div.skypeForBusinessPanel.mac.osx_lion *::-webkit-scrollbar:active,
div.skypeForBusinessPanel.mac.osx_lion *::-webkit-scrollbar:hover,
div.skypeForBusinessPanel.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
div.skypeForBusinessPanel .scrollbar-container {
  right: 3px;
}
div.skypeForBusinessPanel div.focusSink {
  height: 1px;
  width: 1px;
  position: absolute;
  outline: none;
}
div.skypeForBusinessPanel div.title {
  height: 68px;
  line-height: 68px;
  background-color: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
}
.lang-fr div.skypeForBusinessPanel div.title,
.lang-es div.skypeForBusinessPanel div.title,
.lang-de div.skypeForBusinessPanel div.title {
  font-size: 18px;
}
div.skypeForBusinessPanel div.back {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3007px;
  opacity: 0.75;
  position: absolute;
  top: 10px;
  left: 12px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  padding: 12px;
}
div.skypeForBusinessPanel div.back:hover,
div.skypeForBusinessPanel div.back:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.skypeForBusinessPanel div.back:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.skypeForBusinessPanel div.close,
div.skypeForBusinessPanel div.closeDialog {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 12px -3056px;
  position: absolute;
  opacity: 0.25;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
  padding: 12px;
  z-index: 11;
  cursor: pointer;
}
div.skypeForBusinessPanel div.close:hover,
div.skypeForBusinessPanel div.closeDialog:hover,
div.skypeForBusinessPanel div.close:focus,
div.skypeForBusinessPanel div.closeDialog:focus {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
div.skypeForBusinessPanel div.close:active,
div.skypeForBusinessPanel div.closeDialog:active {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
div.skypeForBusinessPanel div.contentScrollerContainer {
  position: absolute;
  top: 68px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
div.skypeForBusinessPanel div.content {
  padding-top: 32px;
  padding-left: 50px;
  padding-right: 50px;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
div.skypeForBusinessPanel div.dialogContainerRel {
  position: relative;
  padding: 54px 32px 32px 32px;
  z-index: 14;
  background-color: #F2F2F2;
}
div.skypeForBusinessPanel div.dialog {
  display: none;
  position: absolute;
  z-index: 13;
  top: 72px;
  left: 0px;
  background-color: #FCFCFC;
  background-color: rgba(255, 255, 255, 0.96);
  width: 328px;
  box-sizing: border-box;
  padding: 54px 32px 32px 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0px;
  z-index: 14;
}
div.skypeForBusinessPanel div.dialog iframe.shim {
  background-color: #F2F2F2;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 4;
}
div.skypeForBusinessPanel div.dialog div.dialogControls {
  margin-top: 45px;
  text-align: center;
}
div.skypeForBusinessPanel div.dialog div.dialogContent {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 8px;
}
div.skypeForBusinessPanel div.dialog button.accept {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.skypeForBusinessPanel div.dialog button.accept .turnOffOutlineForClick {
  outline: none;
}
div.skypeForBusinessPanel div.dialog button.accept div.icon {
  display: none;
}
div.skypeForBusinessPanel div.dialog button.accept:hover,
div.skypeForBusinessPanel div.dialog button.accept.hovered {
  background-color: #21c37f;
  border: none;
}
div.skypeForBusinessPanel div.dialog button.accept:active {
  background-color: #46ce95;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.skypeForBusinessPanel div.dialog button.accept:active:focus {
  background-color: #46ce95;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.dialog button.accept:focus {
  background-color: #19a96d;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.skypeForBusinessPanel div.dialog button.accept.disabled,
div.skypeForBusinessPanel div.dialog button.accept:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.dialog button.accept.disabled:hover,
div.skypeForBusinessPanel div.dialog button.accept:disabled:hover,
div.skypeForBusinessPanel div.dialog button.accept.disabled:active,
div.skypeForBusinessPanel div.dialog button.accept:disabled:active,
div.skypeForBusinessPanel div.dialog button.accept.disabled:focus,
div.skypeForBusinessPanel div.dialog button.accept:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.dialog button.accept.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.skypeForBusinessPanel div.dialog button.accept.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.dialog button.accept.invalid div {
  display: none;
}
div.skypeForBusinessPanel div.dialog button.accept.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.skypeForBusinessPanel div.dialog button.accept.invalid:hover,
div.skypeForBusinessPanel div.dialog button.accept.invalid:active,
div.skypeForBusinessPanel div.dialog button.accept.invalid:focus,
div.skypeForBusinessPanel div.dialog button.accept.invalid:disabled,
div.skypeForBusinessPanel div.dialog button.accept.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.dialog button.accept.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.skypeForBusinessPanel div.dialog button.accept.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.skypeForBusinessPanel div.dialog button.accept.loading {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.dialog button.accept.loading div {
  display: none;
}
div.skypeForBusinessPanel div.dialog button.accept.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.skypeForBusinessPanel div.dialog button.accept.loading:hover,
div.skypeForBusinessPanel div.dialog button.accept.loading:active,
div.skypeForBusinessPanel div.dialog button.accept.loading:focus,
div.skypeForBusinessPanel div.dialog button.accept.loading:disabled,
div.skypeForBusinessPanel div.dialog button.accept.loading.disabled {
  background-color: #19a96d;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.dialog button.accept.loading.no-svg {
  background-color: #19A96D !important;
}
div.skypeForBusinessPanel div.dialog button.accept.loading.no-svg div {
  display: none;
}
div.skypeForBusinessPanel div.dialog button.accept.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.skypeForBusinessPanel div.dialog button.accept.red {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin-bottom: 16px;
}
div.skypeForBusinessPanel div.dialog button.accept.red .turnOffOutlineForClick {
  outline: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red div.icon {
  display: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red:hover,
div.skypeForBusinessPanel div.dialog button.accept.red.hovered {
  background-color: #db3c3c;
  border: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red:active {
  background-color: #e95b5b;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red:active:focus {
  background-color: #e95b5b;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red:focus {
  background-color: #df0e0e;
  border: none;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.skypeForBusinessPanel div.dialog button.accept.red.disabled,
div.skypeForBusinessPanel div.dialog button.accept.red:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red.disabled:hover,
div.skypeForBusinessPanel div.dialog button.accept.red:disabled:hover,
div.skypeForBusinessPanel div.dialog button.accept.red.disabled:active,
div.skypeForBusinessPanel div.dialog button.accept.red:disabled:active,
div.skypeForBusinessPanel div.dialog button.accept.red.disabled:focus,
div.skypeForBusinessPanel div.dialog button.accept.red:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.skypeForBusinessPanel div.dialog button.accept.red.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.dialog button.accept.red.invalid div {
  display: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.skypeForBusinessPanel div.dialog button.accept.red.invalid:hover,
div.skypeForBusinessPanel div.dialog button.accept.red.invalid:active,
div.skypeForBusinessPanel div.dialog button.accept.red.invalid:focus,
div.skypeForBusinessPanel div.dialog button.accept.red.invalid:disabled,
div.skypeForBusinessPanel div.dialog button.accept.red.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.dialog button.accept.red.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.skypeForBusinessPanel div.dialog button.accept.red.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.skypeForBusinessPanel div.dialog button.accept.red.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.dialog button.accept.red.loading div {
  display: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.skypeForBusinessPanel div.dialog button.accept.red.loading:hover,
div.skypeForBusinessPanel div.dialog button.accept.red.loading:active,
div.skypeForBusinessPanel div.dialog button.accept.red.loading:focus,
div.skypeForBusinessPanel div.dialog button.accept.red.loading:disabled,
div.skypeForBusinessPanel div.dialog button.accept.red.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.dialog button.accept.red.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.skypeForBusinessPanel div.dialog button.accept.red.loading.no-svg div {
  display: none;
}
div.skypeForBusinessPanel div.dialog button.accept.red.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.skypeForBusinessPanel div.dialog a.reject {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}
div.skypeForBusinessPanel div.dialog a.reject:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.skypeForBusinessPanel div.dialog a.reject:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.skypeForBusinessPanel div.dialog a.reject:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.skypeForBusinessPanel div.dialog a.reject.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.skypeForBusinessPanel div.dialogCover {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
  background-color: #CACACA;
  background-color: rgba(192, 192, 192, 0.8);
}
div.skypeForBusinessPanel div.checkboxContainer {
  margin-top: 48px;
  text-align: left;
}
div.skypeForBusinessPanel div.banner {
  display: none;
  width: 100%;
  background-color: #9E0D0D;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
div.skypeForBusinessPanel div.banner.pairingBanner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  text-align: left;
  position: relative;
  background-color: transparent;
  display: block;
}
div.skypeForBusinessPanel div.banner.pairingBanner span.switch {
  line-height: 18px;
  padding: 16px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  background-color: #FF9700;
  font-size: 14px;
  color: #FFF;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow-wrap: break-word;
  display: inline-block;
  width: 324px;
  text-align: left;
}
div.skypeForBusinessPanel .center {
  text-align: center;
}
div.skypeForBusinessPanel a.federatedLink {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  font-size: 16px;
  outline: none !important;
}
div.skypeForBusinessPanel a.federatedLink:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.skypeForBusinessPanel a.federatedLink:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.skypeForBusinessPanel a.federatedLink:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.skypeForBusinessPanel a.federatedLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.skypeForBusinessPanel div.page {
  display: none;
}
div.skypeForBusinessPanel div.page4 div.error div.para2,
div.skypeForBusinessPanel div.page4 div.success div.para2 {
  margin-top: 40px;
  line-height: 22px;
}
div.skypeForBusinessPanel div.page4 div.success {
  color: #3FB811;
}
div.skypeForBusinessPanel div.page4 div.successIconContainer {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
div.skypeForBusinessPanel div.page4 div.successIcon {
  background-size: 136px 15438px;
  background-position: 0px -5296px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: inline-block;
}
.no-svg div.skypeForBusinessPanel div.page4 div.successIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5289px;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer {
  margin-bottom: 30px;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer div.number {
  top: -3px;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch .turnOffOutlineForClick {
  outline: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch div.icon {
  display: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch:hover,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.hovered {
  background-color: #4182e2;
  border: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.disabled,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.disabled:hover,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch:disabled:hover,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.disabled:active,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch:disabled:active,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.disabled:focus,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid div {
  display: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid:hover,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid:active,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid:focus,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid:disabled,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading div {
  display: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading:hover,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading:active,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading:focus,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading:disabled,
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading.no-svg div {
  display: none;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer button.launch.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer div.preferenceText {
  position: absolute;
  bottom: 15.5px;
  left: 16px;
  width: 184px;
  line-height: 18px;
  font-size: 14px;
}
div.skypeForBusinessPanel div.page1 div.controlsContainer .fancySliderContainer {
  position: absolute;
  bottom: 20.5px;
  right: 22px;
}
div.skypeForBusinessPanel button.tryAgain {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 44px;
  width: 100%;
}
div.skypeForBusinessPanel button.tryAgain .turnOffOutlineForClick {
  outline: none;
}
div.skypeForBusinessPanel button.tryAgain div.icon {
  display: none;
}
div.skypeForBusinessPanel button.tryAgain:hover,
div.skypeForBusinessPanel button.tryAgain.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
div.skypeForBusinessPanel button.tryAgain:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.skypeForBusinessPanel button.tryAgain:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel button.tryAgain:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
div.skypeForBusinessPanel button.tryAgain.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel button.tryAgain.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel button.tryAgain.invalid div {
  display: none;
}
div.skypeForBusinessPanel button.tryAgain.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.skypeForBusinessPanel button.tryAgain.invalid:hover,
div.skypeForBusinessPanel button.tryAgain.invalid:active,
div.skypeForBusinessPanel button.tryAgain.invalid:focus,
div.skypeForBusinessPanel button.tryAgain.invalid:disabled,
div.skypeForBusinessPanel button.tryAgain.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel button.tryAgain.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.skypeForBusinessPanel button.tryAgain.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.skypeForBusinessPanel button.tryAgain.disabled,
div.skypeForBusinessPanel button.tryAgain:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel button.tryAgain.disabled:hover,
div.skypeForBusinessPanel button.tryAgain:disabled:hover,
div.skypeForBusinessPanel button.tryAgain.disabled:active,
div.skypeForBusinessPanel button.tryAgain:disabled:active,
div.skypeForBusinessPanel button.tryAgain.disabled:focus,
div.skypeForBusinessPanel button.tryAgain:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.step div.number {
  position: absolute;
  top: -7px;
  left: -35px;
  width: 24px;
  margin-left: 0px;
  text-align: center;
  color: rgba(0, 0, 0, 0.16);
  font-size: 28px;
  font-family: 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  line-height: 30px;
}
div.skypeForBusinessPanel div.step.launch {
  padding-top: 0px;
}
div.skypeForBusinessPanel div.step.startvideocall2 div.illustrationContainer {
  position: relative;
  width: 100%;
  height: 210px;
  margin-top: 25px;
  margin-bottom: 20px;
}
div.skypeForBusinessPanel div.step.startvideocall2 div.illustrationPage5 {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17119px;
  width: 260px;
  height: 210px;
  position: absolute;
  top: 0px;
  left: 0px;
}
div.skypeForBusinessPanel div.step.startvideocall2 div.text.first {
  line-height: 22px;
}
div.skypeForBusinessPanel div.continueHolder {
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  position: absolute;
  bottom: 40px;
}
div.skypeForBusinessPanel div.continueHolder button.continue {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  width: 100%;
}
div.skypeForBusinessPanel div.continueHolder button.continue .turnOffOutlineForClick {
  outline: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue div.icon {
  display: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue:hover,
div.skypeForBusinessPanel div.continueHolder button.continue.hovered {
  background-color: #4182e2;
  border: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
div.skypeForBusinessPanel div.continueHolder button.continue:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
div.skypeForBusinessPanel div.continueHolder button.continue.disabled,
div.skypeForBusinessPanel div.continueHolder button.continue:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue.disabled:hover,
div.skypeForBusinessPanel div.continueHolder button.continue:disabled:hover,
div.skypeForBusinessPanel div.continueHolder button.continue.disabled:active,
div.skypeForBusinessPanel div.continueHolder button.continue:disabled:active,
div.skypeForBusinessPanel div.continueHolder button.continue.disabled:focus,
div.skypeForBusinessPanel div.continueHolder button.continue:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
div.skypeForBusinessPanel div.continueHolder button.continue.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.continueHolder button.continue.invalid div {
  display: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
div.skypeForBusinessPanel div.continueHolder button.continue.invalid:hover,
div.skypeForBusinessPanel div.continueHolder button.continue.invalid:active,
div.skypeForBusinessPanel div.continueHolder button.continue.invalid:focus,
div.skypeForBusinessPanel div.continueHolder button.continue.invalid:disabled,
div.skypeForBusinessPanel div.continueHolder button.continue.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.continueHolder button.continue.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg div.skypeForBusinessPanel div.continueHolder button.continue.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.skypeForBusinessPanel div.continueHolder button.continue.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.continueHolder button.continue.loading div {
  display: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
div.skypeForBusinessPanel div.continueHolder button.continue.loading:hover,
div.skypeForBusinessPanel div.continueHolder button.continue.loading:active,
div.skypeForBusinessPanel div.continueHolder button.continue.loading:focus,
div.skypeForBusinessPanel div.continueHolder button.continue.loading:disabled,
div.skypeForBusinessPanel div.continueHolder button.continue.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.skypeForBusinessPanel div.continueHolder button.continue.loading.no-svg {
  background-color: #1D6BDD !important;
}
div.skypeForBusinessPanel div.continueHolder button.continue.loading.no-svg div {
  display: none;
}
div.skypeForBusinessPanel div.continueHolder button.continue.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
div.skypeForBusinessPanel div.connectingContainer {
  text-align: center;
}
div.skypeForBusinessPanel div.spinnerContainer {
  text-align: center;
  margin-bottom: 13px;
}
div.skypeForBusinessPanel div.spinnerContainer div.spinner {
  background-size: 136px 15438px;
  background-position: 0px -1875px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.no-svg div.skypeForBusinessPanel div.spinnerContainer div.spinner {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1867px;
}
.slideOutPanel {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 6;
  width: 360px;
  right: 64px;
}
.icon_labels.slideOutPanel {
  right: 104px;
}
.slideOutPanel.toolbarHidden {
  right: 0px;
}
.slideOutPanel.jf3Disabled {
  width: 280px;
  right: -1px;
}
.slideOutPanel > div.content {
  z-index: 4;
  height: 100%;
  width: 360px;
  position: relative;
  background-color: transparent;
}
.slideOutPanel > div.content.jf3Disabled {
  width: 280px;
}
.slideOutPanel > div.content > div {
  height: 100%;
  width: 100%;
  position: absolute;
}
.slideOutPanel > iframe.shim {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #F2F2F2;
}
.talkingSplashScreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.talkingSplashScreen .splashBody {
  vertical-align: middle;
  display: inline-block;
}
.talkingSplashScreen div {
  color: white;
}
.talkingSplashScreen div.title {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.talkingSplashScreen div.staticMeetingTitle {
  display: block;
  margin-top: 35px;
  font: 28px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #BACADA;
  color: rgba(255, 255, 255, 0.56);
}
.talkingSplashScreen div.status {
  margin-top: 20px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.talkingSplashScreen button.shareScreen {
  font-size: 16px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -150px;
}
.talkingSplashScreen div.speakerName {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
}
.talkingSplashScreen div.noVideoParticipants {
  margin-top: 75px;
}
.talkingSplashScreen div.splashBody {
  min-height: 406px;
}
.talkingSplashScreen div.title {
  font: 40px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif !important;
  color: #FFF !important;
}
.talkingSplashScreen div.status {
  margin-top: 13px;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #ACBEDE;
  color: rgba(255, 255, 255, 0.56);
}
.talkingSplashScreen div.middle {
  position: relative;
  padding-top: 290px;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out 1s;
  -moz-transition: opacity 0.5s ease-in-out 1s;
  -ms-transition: opacity 0.5s ease-in-out 1s;
  -o-transition: opacity 0.5s ease-in-out 1s;
  transition: opacity 0.5s ease-in-out 1s;
}
.talkingSplashScreen div.middle.noActiveSpeaker {
  -webkit-transition: opacity 0s;
  -moz-transition: opacity 0s;
  -ms-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  opacity: 0;
}
.talkingSplashScreen div.background {
  position: absolute;
  z-index: -1;
  top: 70px;
  left: 50%;
  margin-left: -80px;
  height: 160px;
  width: 160px;
  -webkit-border-radius: 160px;
  -moz-border-radius: 160px;
  border-radius: 160px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #606D82;
  font: 64px 'ProximaNovaThin', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  line-height: 160px;
}
.talkingSplashScreen div.background.speakerInitials {
  text-transform: uppercase;
  text-align: center;
}
.ie-8 .talkingSplashScreen div.background,
.ie-9 .talkingSplashScreen div.background {
  background-color: transparent;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17354px;
  width: 160px;
  height: 160px;
  -webkit-border-radius: 160px;
  -moz-border-radius: 160px;
  border-radius: 160px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.talkingSplashScreen div.background2 {
  position: absolute;
  z-index: -2;
  top: 70px;
  left: 50%;
  margin-left: -80px;
  height: 160px;
  width: 160px;
  -webkit-border-radius: 160px;
  -moz-border-radius: 160px;
  border-radius: 160px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFF;
  filter: alpha(opacity=24);
  -webkit-opacity: 0.24;
  -moz-opacity: 0.24;
  opacity: 0.24;
}
.ie-8 .talkingSplashScreen div.background2,
.ie-9 .talkingSplashScreen div.background2 {
  position: absolute;
  z-index: -2;
  top: 50px;
  left: 50%;
  margin-left: -100px;
  background-color: transparent;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17539px;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.talkingSplashScreen div.background3 {
  position: absolute;
  z-index: -2;
  top: 50px;
  left: 50%;
  margin-left: -100px;
  height: 200px;
  width: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFF;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.ie-8 .talkingSplashScreen div.background3,
.ie-9 .talkingSplashScreen div.background3 {
  display: none !important;
}
.talkingSplashScreen div.background,
.talkingSplashScreen div.background2,
.talkingSplashScreen div.background3 {
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
}
.talkingSplashScreen div.pinging {
  filter: alpha(opacity=24);
  -webkit-opacity: 0.24;
  -moz-opacity: 0.24;
  opacity: 0.24;
  -webkit-animation: pinging 3s ease-in-out 1 normal forwards;
  animation: pinging 3s ease-in-out 1 normal forwards;
}
.talkingSplashScreen div.pulsating {
  -webkit-animation: breathing 2.1s ease-in-out 1 normal;
  animation: breathing 2.1s ease-in-out 1 normal;
}
@-webkit-keyframes pinging {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    filter: alpha(opacity=24);
    -webkit-opacity: 0.24;
    -moz-opacity: 0.24;
    opacity: 0.24;
  }
  70% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@keyframes pinging {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    filter: alpha(opacity=24);
    -webkit-opacity: 0.24;
    -moz-opacity: 0.24;
    opacity: 0.24;
  }
  70% {
    -webkit-transform: scale(2.75);
    -ms-transform: scale(2.75);
    transform: scale(2.75);
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.75);
    -ms-transform: scale(2.75);
    transform: scale(2.75);
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  10% {
    -webkit-transform: scale(1.42);
    transform: scale(1.42);
  }
  20% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  25% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  35% {
    -webkit-transform: scale(1.32);
    transform: scale(1.32);
  }
  40% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  55% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  65% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.42);
    transform: scale(1.42);
  }
  84% {
    -webkit-transform: scale(1.32);
    transform: scale(1.32);
  }
  90% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  96% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes breathing {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  10% {
    -webkit-transform: scale(1.42);
    -ms-transform: scale(1.42);
    transform: scale(1.42);
  }
  20% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  25% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  35% {
    -webkit-transform: scale(1.32);
    -ms-transform: scale(1.32);
    transform: scale(1.32);
  }
  40% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  55% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  60% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  65% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.42);
    -ms-transform: scale(1.42);
    transform: scale(1.42);
  }
  84% {
    -webkit-transform: scale(1.32);
    -ms-transform: scale(1.32);
    transform: scale(1.32);
  }
  90% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.talkingSplashScreen div.istalking {
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  margin-top: 13px;
}
.toolbar {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 64px;
  background-color: #1F1F1F;
  z-index: 7;
  text-align: center;
}
.icon_labels.toolbar {
  width: 104px;
}
.toolbar.hidden {
  visibility: hidden;
}
.toolbar.leaving div.toolbarItem {
  opacity: 0.4;
}
.toolbar.leaving div.toolbarItem.leave.selected {
  opacity: 1;
  background-color: #DF0E0E;
}
.icon_labels.toolbar.leaving div.toolbarItem.leave.selected button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12288px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .icon_labels.toolbar.leaving div.toolbarItem.leave.selected button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12304px;
}
.toolbar.leaving div.toolbarItem.leave.selected button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12440px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar.leaving div.toolbarItem.leave.selected button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12247px;
}
.toolbar.unfocusedState div.toolbarItem {
  opacity: 0.4;
}
.toolbar.unfocusedState div.toolbarItem.leave {
  opacity: 1;
}
.toolbar div.paintButHide {
  position: absolute;
  margin-left: -9999px;
}
.toolbar div.toolbarItem {
  overflow: auto;
  width: 100%;
  position: relative;
}
.icon_labels.toolbar div.toolbarItem {
  padding-top: 3px;
  padding-bottom: 5px;
}
.toolbar div.toolbarItem div.chevron {
  display: none;
}
.toolbar div.toolbarItem.record {
  display: none;
}
.toolbar div.toolbarItem.record.recordingAllowed {
  display: block;
}
.toolbar div.toolbarItem.fbLive {
  display: none;
}
.toolbar div.toolbarItem.fbLive.fbLiveAllowed {
  padding-top: 8px;
  display: block;
}
.toolbar div.toolbarItem.fbLive.disabled {
  opacity: 0.4;
}
.toolbar div.toolbarItem.hidden {
  display: none;
}
.toolbar div.toolbarItem button {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 32px;
  height: 32px;
  border: none;
  background-color: transparent;
  display: block;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.72;
}
.icon_labels.toolbar div.toolbarItem button {
  margin-top: 0px;
  margin-bottom: 0px;
}
.toolbar div.toolbarItem button.connection {
  height: 34px;
  width: 34px;
}
.toolbar div.toolbarItem button.leave {
  opacity: 1;
}
.toolbar div.toolbarItem div.toolbarItemLabel {
  display: none;
  color: #949494;
  color: rgba(255, 255, 255, 0.55);
  line-height: 15px;
  height: 15px;
  font-family: proximanovaregular;
  overflow: hidden;
  font-size: 11px;
  word-wrap: break-word;
}
.icon_labels.toolbar div.toolbarItem div.toolbarItemLabel {
  display: block;
}
.toolbar div.toolbarItem div.badge {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 10px;
  letter-spacing: 0.5px;
  min-width: 20px;
  border-radius: 10px;
  position: absolute;
  right: 10px;
  top: 8px;
  color: #FFFFFF;
  border: 2px solid #1F1F1F;
}
.icon_labels.toolbar div.toolbarItem div.badge {
  right: 30px;
  top: 2px;
}
.toolbar div.toolbarItem div.badge.inactive {
  display: none;
}
.toolbar div.toolbarItem div.badge.chatCount {
  background-color: #1D6BDD;
}
.toolbar div.toolbarItem div.badge.participantCount {
  background-color: #434343;
}
.toolbar div.toolbarItem div.badge.participantCount.joined {
  background-color: #399A14;
}
.toolbar div.toolbarItem div.badge.participantCount.exited {
  background-color: #B91212;
}
.toolbar div.toolbarItem:hover,
.toolbar div.toolbarItem:focus {
  background-color: #303030;
  cursor: pointer;
  outline: none;
}
.toolbar div.toolbarItem:hover button,
.toolbar div.toolbarItem:focus button {
  opacity: 1.00;
  outline: none;
}
.icon_labels.toolbar div.toolbarItem:hover button.leave,
.icon_labels.toolbar div.toolbarItem:focus button.leave {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12497px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .icon_labels.toolbar div.toolbarItem:hover button.leave,
.no-svg .icon_labels.toolbar div.toolbarItem:focus button.leave {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12361px;
}
.toolbar div.toolbarItem:hover button.leave,
.toolbar div.toolbarItem:focus button.leave {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12554px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem:hover button.leave,
.no-svg .toolbar div.toolbarItem:focus button.leave {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12418px;
}
.toolbar div.toolbarItem:hover button.fullScreen,
.toolbar div.toolbarItem:focus button.fullScreen {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12611px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem:hover button.fullScreen,
.no-svg .toolbar div.toolbarItem:focus button.fullScreen {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12475px;
}
.toolbar div.toolbarItem:hover div.badge.chatCount,
.toolbar div.toolbarItem:focus div.badge.chatCount {
  background-color: #387CE1;
  border-color: 2px solid #303030;
}
.toolbar div.toolbarItem:hover div.badge.participantCount,
.toolbar div.toolbarItem:focus div.badge.participantCount {
  background-color: #515151;
  border-color: 2px solid #303030;
}
.toolbar div.toolbarItem:hover div.badge.participantCount.joined,
.toolbar div.toolbarItem:focus div.badge.participantCount.joined {
  background-color: #399A14;
}
.toolbar div.toolbarItem:hover div.badge.participantCount.exited,
.toolbar div.toolbarItem:focus div.badge.participantCount.exited {
  background-color: #B91212;
}
.toolbar div.toolbarItem:active {
  background-color: #434343;
}
.toolbar div.toolbarItem:active button {
  opacity: 1.00;
}
.icon_labels.toolbar div.toolbarItem:active button.leave {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12668px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .icon_labels.toolbar div.toolbarItem:active button.leave {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12571px;
}
.toolbar div.toolbarItem:active button.leave {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12554px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem:active button.leave {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12418px;
}
.toolbar div.toolbarItem:active div.badge.chatCount {
  background-color: #538EE5;
  border-color: 2px solid #434343;
}
.toolbar div.toolbarItem:active div.badge.participantCount {
  background-color: #696969;
  border-color: 2px solid #434343;
}
.ie8 .toolbar div.toolbarItem:focus {
  width: 56px;
  height: 56px;
  border: 4px solid #5A8AB3;
}
.toolbar div.toolbarItem.selected {
  background-color: #1D6BDD;
}
.toolbar div.toolbarItem.selected div.chevron {
  display: block;
  position: absolute;
  top: 21px;
  width: 6px;
  float: left;
  width: 7px;
  height: 14px;
  background-size: 136px 15438px;
  background-position: 0px -12725px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.selected div.chevron {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12532px;
}
.toolbar div.toolbarItem.selected button {
  opacity: 1.00;
}
.toolbar div.toolbarItem.selected div.badge,
.toolbar div.toolbarItem.selected div.badge.chatCount,
.toolbar div.toolbarItem.selected div.badge.participantCount {
  background-color: #FFFFFF;
  color: #1D6BDD;
  border: 2px solid #1D6BDD;
}
.toolbar div.toolbarItem.selected button.chat {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12821px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.selected button.chat {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12628px;
}
.toolbar div.toolbarItem.selected button.participants {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12764px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.selected button.participants {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12685px;
}
.toolbar div.toolbarItem.selected button.sharing {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4571px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.selected button.sharing {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4564px;
}
.toolbar div.toolbarItem.selected button.connection.switchToPhone {
  height: 34px;
  width: 34px;
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12878px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.selected button.connection.switchToPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12742px;
}
.toolbar div.toolbarItem.selected button.connection.switchAudio {
  height: 34px;
  width: 34px;
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12935px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.selected button.connection.switchAudio {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12799px;
}
.toolbar div.toolbarItem.selected button.connection {
  height: 34px;
  width: 34px;
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13106px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.selected button.connection {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12856px;
}
.icon_labels.toolbar div.toolbarItem.selected button.localSettings {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12992px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .icon_labels.toolbar div.toolbarItem.selected button.localSettings {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12913px;
}
.toolbar div.toolbarItem.selected button.localSettings {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13049px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.selected button.localSettings {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12970px;
}
.icon_labels.toolbar button.leave {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12497px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .icon_labels.toolbar button.leave {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12361px;
}
.toolbar button.leave {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13163px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.leave {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13027px;
}
.toolbar button.chat {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13220px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.chat {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13141px;
}
.toolbar button.chat.selected {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12821px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.chat.selected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12628px;
}
.toolbar button.participants {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13277px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.participants {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13084px;
}
.toolbar button.participants.selected {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12764px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.participants.selected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12685px;
}
.toolbar button.sharing {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13334px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.sharing {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13198px;
}
.toolbar button.sharing.selected {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4571px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.sharing.selected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4564px;
}
.icon_labels.toolbar button.sharing {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13334px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .icon_labels.toolbar button.sharing {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13198px;
}
.icon_labels.toolbar button.sharing.selected {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -4571px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .icon_labels.toolbar button.sharing.selected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -4564px;
}
.toolbar div.toolbarItem.connection.joinFlowDisabled {
  background-color: transparent;
  cursor: inherit;
  opacity: 0.72;
}
.toolbar div.toolbarItem.connection.joinFlowDisabled button {
  opacity: 0.24;
  cursor: inherit;
}
.toolbar div.toolbarItem.connection div.micDeadDummyDiv {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.toolbar div.toolbarItem.sharing.sharingDisabled {
  background-color: transparent;
  cursor: inherit;
  opacity: 0.72;
}
.toolbar div.toolbarItem.sharing.sharingDisabled button {
  opacity: 0.24;
  cursor: inherit;
}
.toolbar div.toolbarItem.localSettings.localSettingsDisabled {
  background-color: transparent;
  cursor: inherit;
  opacity: 0.72;
}
.toolbar div.toolbarItem.localSettings.localSettingsDisabled button {
  opacity: 0.24;
  cursor: inherit;
}
.toolbar button.connection.switchToPhone {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12878px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.connection.switchToPhone {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12742px;
}
.toolbar button.connection.switchToPhone.selected {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12878px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.connection.switchToPhone.selected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12742px;
}
.toolbar button.connection.switchAudio {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12935px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.connection.switchAudio {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12799px;
}
.toolbar button.connection.switchAudio.selected {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12935px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.connection.switchAudio.selected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12799px;
}
.toolbar button.connection {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13391px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: relative;
}
.no-svg .toolbar button.connection {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13255px;
}
.toolbar button.connection.selected {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13106px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.connection.selected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12856px;
}
.toolbar button.connection div.disconnectedIcon {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background-color: #9E0D0D;
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
.icon_labels.toolbar button.localSettings {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13448px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .icon_labels.toolbar button.localSettings {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13312px;
}
.icon_labels.toolbar button.localSettings.selected {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12992px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .icon_labels.toolbar button.localSettings.selected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12913px;
}
.toolbar button.localSettings {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13505px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.localSettings {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13369px;
}
.toolbar button.localSettings.selected {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13049px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.localSettings.selected {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12970px;
}
.toolbar div.meetingControls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
}
.toolbar div.meetingControls div.toolbarItem.inactive {
  visibility: hidden;
}
.toolbar div.toolbarItem.audioMute div.invalidDeviceDummyDiv {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.toolbar div.toolbarItem.audioMute div.micDeadDummyDiv {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.toolbar div.toolbarItem.audioMute button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13562px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.audioMute button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13426px;
}
.toolbar div.toolbarItem.audioMute.mutedLocal button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13619px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.audioMute.mutedLocal button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13483px;
}
.toolbar div.toolbarItem.audioMute.mutedRemote button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13676px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.audioMute.mutedRemote button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13540px;
}
.toolbar div.toolbarItem.audioMute.unmutedActive {
  overflow: hidden;
  position: relative;
  height: 56px;
}
.toolbar div.toolbarItem.audioMute.unmutedActive button {
  background-size: 136px 15438px;
  background-position: 0px -13733px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  z-index: 3;
  opacity: 1;
  top: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  left: 16px;
  height: 32px;
  width: 32px;
}
.no-svg .toolbar div.toolbarItem.audioMute.unmutedActive button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13597px;
}
.toolbar div.toolbarItem.audioMute.unmutedActive div.baseBackground {
  background-color: #1D6BDD;
  height: 32px;
  width: 32px;
  left: 16px;
  right: 0px;
  top: 12px;
  bottom: 0px;
  position: absolute;
  z-index: 1;
}
.toolbar div.toolbarItem.audioMute.unmutedActive div.animatedBackground {
  border-radius: 50%;
  height: 2px;
  width: 2px;
  opacity: 0;
  background-color: #3898FC;
  position: absolute;
  top: 27px;
  left: 31px;
  z-index: 2;
  -webkit-animation: expansion 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite normal;
  -moz-animation: expansion 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite normal;
  animation: expansion 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite normal;
}
.ie-8 .toolbar div.toolbarItem.audioMute.unmutedActive div.animatedBackground {
  display: none;
}
@keyframes expansion {
  0% {
    -ms-transform: scale(1, 1);
    /* IE 9 */
    -webkit-transform: scale(1, 1);
    /* Safari */
    transform: scale(1, 1);
    filter: alpha(opacity=20);
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
  }
  100% {
    -ms-transform: scale(13, 13);
    /* IE 9 */
    -webkit-transform: scale(13, 13);
    /* Safari */
    transform: scale(13, 13);
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes expansion {
  0% {
    -ms-transform: scale(1, 1);
    /* IE 9 */
    -webkit-transform: scale(1, 1);
    /* Safari */
    transform: scale(1, 1);
    filter: alpha(opacity=20);
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
  }
  100% {
    -ms-transform: scale(13, 13);
    /* IE 9 */
    -webkit-transform: scale(13, 13);
    /* Safari */
    transform: scale(13, 13);
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-moz-keyframes expansion {
  0% {
    -ms-transform: scale(1, 1);
    /* IE 9 */
    -moz-transform: scale(1, 1);
    /* Safari */
    transform: scale(1, 1);
    filter: alpha(opacity=20);
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
  }
  100% {
    -ms-transform: scale(13, 13);
    /* IE 9 */
    -moz-transform: scale(13, 13);
    /* Safari */
    transform: scale(13, 13);
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
.toolbar div.toolbarItem.audioMute.unmutedActive:hover button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13790px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.audioMute.unmutedActive:hover button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13654px;
}
.toolbar div.toolbarItem.audioMute.unmutedActive:active button {
  width: 32px;
  height: 33px;
  background-size: 136px 15438px;
  background-position: 0px -13847px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.audioMute.unmutedActive:active button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13711px;
}
.toolbar div.toolbarItem.audioMute.unmutedActive.icon_labels .toolbarItemLabel {
  position: relative;
  top: 41px;
}
.toolbar div.toolbarItem.audioMute.unmutedActive.icon_labels.unmutedActive div.animatedBackground {
  top: 26px;
  left: 51px;
}
.toolbar div.toolbarItem.audioMute.unmutedActive.icon_labels.unmutedActive button {
  top: 12px;
  left: 36px;
}
.toolbar div.toolbarItem.audioMute.unmutedActive.icon_labels.unmutedActive div.baseBackground {
  top: 12px;
  left: 36px;
}
.toolbar div.toolbarItem.audioMute.audioInactive {
  opacity: 0.72;
}
.toolbar div.toolbarItem.audioMute.audioInactive button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13905px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.audioMute.audioInactive button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13769px;
}
.toolbar div.toolbarItem.audioMute.audioInactive:hover {
  opacity: 1;
}
.toolbar div.toolbarItem.audioMute.audioInactive:focus {
  opacity: 1;
}
.toolbar div.toolbarItem.audioMute.audioDisabled {
  background-color: transparent;
  cursor: inherit;
  opacity: 0.72;
}
.toolbar div.toolbarItem.audioMute.audioDisabled button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13962px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  opacity: 0.24;
  cursor: inherit;
}
.no-svg .toolbar div.toolbarItem.audioMute.audioDisabled button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13826px;
}
.toolbar div.toolbarItem.audioMute.noMicFound {
  background-color: transparent;
  cursor: inherit;
  opacity: 0.72;
}
.toolbar div.toolbarItem.audioMute.noMicFound button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -13962px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  opacity: 0.24;
  cursor: inherit;
}
.no-svg .toolbar div.toolbarItem.audioMute.noMicFound button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13826px;
}
.toolbar div.toolbarItem.videoMute button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14019px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.videoMute button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13883px;
}
.toolbar div.toolbarItem.videoMute.mutedLocal button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14076px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.videoMute.mutedLocal button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13940px;
}
.toolbar div.toolbarItem.videoMute.mutedRemote button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14133px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.toolbarItem.videoMute.mutedRemote button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -13997px;
}
.toolbar div.toolbarItem.videoMute.videoInactive button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14190px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  opacity: 0.37;
}
.no-svg .toolbar div.toolbarItem.videoMute.videoInactive button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14054px;
}
.toolbar div.toolbarItem.videoMute.videoDisabled {
  background-color: transparent;
  cursor: inherit;
  opacity: 0.72;
}
.toolbar div.toolbarItem.videoMute.videoDisabled button {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14190px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  opacity: 0.24;
  cursor: inherit;
}
.no-svg .toolbar div.toolbarItem.videoMute.videoDisabled button {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14054px;
}
.toolbar button.record {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14247px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.record {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14111px;
}
.toolbar button.record:hover {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14304px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.record:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14168px;
}
.toolbar button.record:active {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14361px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.record:active {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14225px;
}
.toolbar button.record.stop {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14418px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.record.stop {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14282px;
}
.toolbar button.record.stop:hover {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14475px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.record.stop:hover {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14339px;
}
.toolbar button.record.stop:active {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14532px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.record.stop:active {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14396px;
}
.toolbar button.fbLive {
  width: 54px;
  height: 20px;
  background-size: 136px 15438px;
  background-position: 0px -14589px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 54px !important;
  height: 24px !important;
  opacity: none !important;
}
.no-svg .toolbar button.fbLive {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14453px;
}
.toolbar button.fbLive.stop {
  width: 54px;
  height: 20px;
  background-size: 136px 15438px;
  background-position: 0px -14589px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.fbLive.stop {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14453px;
}
.toolbar button.fbLiveWorkplace {
  width: 28px;
  height: 30px;
  background-size: 136px 15438px;
  background-position: 0px -14634px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 32px !important;
  height: 32px !important;
  opacity: none !important;
}
.no-svg .toolbar button.fbLiveWorkplace {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14498px;
}
.toolbar button.fbLiveWorkplace.stop {
  width: 28px;
  height: 30px;
  background-size: 136px 15438px;
  background-position: 0px -14634px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar button.fbLiveWorkplace.stop {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14498px;
}
.toolbar div.fullscreenControls {
  display: inline-block;
}
.toolbar div.fullscreenControls button.fullscreen {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -12611px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.fullscreenControls button.fullscreen {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -12475px;
}
.toolbar div.fullscreenControls.enabled button.fullscreen {
  opacity: 1.00;
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -14689px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .toolbar div.fullscreenControls.enabled button.fullscreen {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14553px;
}
.toolbarSelfView {
  padding: 0px;
  width: 64px;
  height: 36px;
  left: auto ;
  right: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
  position: relative;
}
.icon_labels.toolbarSelfView {
  width: 80px;
  height: 45px;
  margin-left: 12px;
  margin-right: 12px;
}
.toolbarSelfView.hidden {
  visibility: hidden;
}
.toolbarSelfView .placeholderLocal {
  position: relative;
  margin: 0px ;
  width: 64px;
  height: 36px;
  text-align: left;
  overflow: hidden;
}
.toolbarSelfView .placeholderLocal.pluginHidden {
  margin-left: 9999px;
}
.toolbarSelfView .placeholderLocal video {
  display: none;
  width: 100%;
  height: 100%;
}
.icon_labels.toolbarSelfView .placeholderLocal {
  width: 80px;
  height: 45px;
}
.toolbarSelfView .placeholderLocal .pluginLocal {
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.toolbarSelfView .placeholderLocal .message {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1e1e1e;
  display: none;
  z-index: 1;
  color: #cccccc;
}
.toolbarSelfView .placeholderLocal .message .icon {
  position: relative;
  margin: 10px auto;
}
.toolbarSelfView .placeholderLocal .message .text {
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
}
.toolbarSelfView .placeholderLocal .message .selfviewLoading {
  background-size: 136px 15438px;
  background-position: 0px -14746px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  -webkit-animation-name: spinner;
  -webkit-animation-duration: 1375ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinner;
  -moz-animation-duration: 1375ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinner;
  -ms-animation-duration: 1375ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spinner;
  animation-duration: 1375ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  top: 8px;
  left: 22px;
  width: 18px;
  height: 18px;
}
.no-svg .toolbarSelfView .placeholderLocal .message .selfviewLoading {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14610px;
}
.ie-8 .toolbarSelfView .placeholderLocal .message .selfviewLoading,
.ie-9 .toolbarSelfView .placeholderLocal .message .selfviewLoading {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/greyongrey-loading-spinner.gif");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0px 0px;
  position: absolute;
  top: 8px;
  left: 22px;
  width: 16px;
  height: 16px;
}
.toolbarSelfView .placeholderLocal .message.cameraMute .icon,
.toolbarSelfView .placeholderLocal .message.cameraMuteRemote .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17764px;
  margin-top: 1px;
  width: 32px;
  height: 32px;
}
.toolbarSelfView .placeholderLocal .message.cameraNone .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17821px;
  margin-top: 1px;
  width: 30px;
  height: 30px;
}
.toolbarSelfView .placeholderLocal .message.cameraTaken .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17821px;
  margin-top: 1px;
  width: 30px;
  height: 30px;
}
.toolbarSelfView .placeholderLocal .message.webrtcPermissionsDenied {
  text-align: center;
  font-size: 15px;
  color: yellow;
}
.toolbarSelfView .placeholderLocal .message.webrtcPermissionsDenied .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5698px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.toolbarSelfView .placeholderLocal .message.webrtcPermissionsDenied .text {
  margin-top: 10px;
}
.toolbarSelfView .placeholderLocal .message.webrtcPermissionsDenied .helper {
  margin-top: 10px;
  font-size: 13px;
}
.toolbarSelfView .placeholderLocal .message.webrtcPermissionsDenied .chromeCameraIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5860px;
  width: 150px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
}
.toolbarSelfView .placeholderLocal .message.screenSharing .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5936px;
  margin-top: 20px;
  width: 64px;
  height: 64px;
}
.toolbarSelfView .largerSelfViewButtonContainer {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.48);
  cursor: pointer;
}
.needs-shim .toolbarSelfView .largerSelfViewButtonContainer {
  background-color: black;
}
.toolbarSelfView .largerSelfViewButtonContainer:active {
  background-color: rgba(0, 0, 0, 0.24);
}
.toolbarSelfView .largerSelfViewButtonContainer .shim {
  z-index: 5;
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.toolbarSelfView .largerSelfViewButtonContainer .largerSelfViewButton {
  z-index: 7;
  position: absolute;
  height: 100%;
  width: 100%;
}
.toolbarSelfView .largerSelfViewButtonContainer .largerSelfViewButton .largerSelfViewIcon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -14789px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 28%;
  top: 7px;
}
.no-svg .toolbarSelfView .largerSelfViewButtonContainer .largerSelfViewButton .largerSelfViewIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14653px;
}
.container.webrtc {
  /* Skinny 3 Styling */
}
.container.webrtc div.deleteRecordingScreen,
.container.webrtc div.deleteVideoScreen {
  z-index: 1;
}
.container.webrtc .participants.sidebar .tabSelector button.sharing {
  display: none !important;
}
.container.webrtc .participants.sidebar .sidetabs .sharingContainer {
  display: none;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .deviceRefresh {
  display: none;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel {
  padding-bottom: 5px;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel .deviceList.speakers label.speaker {
  height: auto;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel .deviceList.speakers label.speaker .speakerSelectionInstructions {
  border: 1px solid #878787;
  border-radius: 4px;
  background-color: #4d4d4d;
  padding: 5px;
  font-size: 12px;
  text-align: left;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel .deviceList.speakers label.speaker .title {
  cursor: pointer;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel .deviceList.speakers label.speaker .title .arrow.open {
  color: #FFFFFF;
  background-image: none;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel .deviceList.speakers label.speaker .stepsContainer {
  display: none;
  width: 99%;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel .deviceList.speakers .testSpeakers {
  position: relative;
  padding-left: 34px;
  left: 0;
  text-align: left;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel .deviceList.speakers.overlaySpeakerInstructions label.speaker {
  position: absolute;
  width: 100%;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel .deviceList.speakers.overlaySpeakerInstructions label.speaker .speakerSelectionInstructions {
  position: absolute;
  width: 81%;
  z-index: 2;
}
.container.webrtc .participants.sidebar .pagerPanel.pagerSettingsPanel .preferencesTab.devicesPanel .deviceList.speakers.overlaySpeakerInstructions .testSpeakers {
  bottom: -30px;
}
.container.webrtc .stage .stageInnerContainer .alternateBrowserLaunchScreen {
  display: none;
}
.container.webrtc .stage .stageInnerContainer .recordingIndicator {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #F74643;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
}
.container.webrtc .stage .stageInnerContainer .remoteView .placeholderRemoteContent video.remoteContent {
  display: block;
}
.container.webrtc .stage .stageInnerContainer .remoteView .placeholderRemoteContent.zoomedIn {
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.container.webrtc .stage .stageInnerContainer .remoteView .placeholderRemoteContent.zoomedIn.dragging {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.container.webrtc .stage .stageInnerContainer .sharingScreen .content .messageContainer .buttonContainer {
  display: none;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 4;
  background-color: #414141;
  display: none;
  top: 0px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .bgcolor {
  width: 100%;
  height: 100%;
  background-color: #414141;
  z-index: 5;
  position: absolute;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content {
  width: 450px;
  height: 145px;
  margin-left: -225px;
  margin-top: -72.5px;
  background-color: #414141;
  position: relative;
  z-index: 5;
  left: 50%;
  top: 45%;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .icon {
  left: 0px;
  top: 0px;
  width: 115px;
  height: 105px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer {
  left: 160px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  position: absolute;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .title {
  font-size: 18px;
  color: white;
  font-weight: bold;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .messageBox .message {
  position: relative;
  left: 0px;
  top: 20px;
  font-size: 14px;
  color: #878787;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .errorMsg {
  position: relative;
  top: 30px;
  display: none;
  width: 100%;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .errorMsg.show {
  display: block;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .errorMsg .errorIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -5288px;
  height: 16px;
  width: 18px;
  display: inline-block;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .errorMsg .msg {
  position: relative;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 10px;
  color: #878787;
  font-size: 14px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .buttonContainer {
  position: relative;
  top: 30px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .buttonContainer button {
  color: black;
  padding: 9px 30px;
  font-size: 13px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .buttonContainer button + button {
  margin-left: 12px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .buttonContainer button.primary {
  font-size: 13px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .buttonContainer button.primary.hover {
  background-color: #2c9fed;
  color: white;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content {
  width: 490px;
  height: 260px;
  margin-left: -245px;
  margin-top: -130px;
  top: 48%;
  background-color: transparent;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .bgcolor {
  background: #074595;
  background: -webkit-linear-gradient(#074595, #6589a4);
  background: -o-linear-gradient(#074595, #6589a4);
  background: -moz-linear-gradient(#074595, #6589a4);
  background: linear-gradient(#074595, #6589a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#074595', EndColorStr='#6589A4');
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .icon {
  background-size: 136px 15438px;
  background-position: 0px -14838px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 96px;
  height: 96px;
  margin: 0px auto;
}
.no-svg .container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14807px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer {
  position: relative;
  margin: 0px auto;
  text-align: center;
  left: 0px;
  top: 20px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .title {
  font-size: 40px;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-weight: bold;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .messageBox .message {
  color: white;
  font-weight: bold;
  width: auto;
  margin: 0px auto;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .buttonContainer {
  top: 70px;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .buttonContainer .webstoreLink {
  padding: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .noThanks {
  position: relative;
  top: 100px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 1px solid #878787;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen .content .messageContainer .noThanks:hover {
  cursor: pointer;
  border-bottom-color: #1286d4;
}
.container.webrtc .stage .stageInnerContainer .installWebRTCExtensionScreen a:focus {
  outline: 4px solid #ff9700;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 {
  height: auto;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions {
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  background-color: #FFFFFF;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .titleContainer {
  padding-left: 10px;
  padding-top: 10px;
  cursor: pointer;
  height: 30px;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .titleContainer .spkr_icon {
  display: inline-block;
  float: left;
  opacity: 0.72;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .titleContainer .title {
  float: left;
  display: inline-block;
  text-align: left;
  margin-left: 8px;
  margin-top: 4px;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .titleContainer .dropDownArrow.up:before {
  content: '';
  position: absolute;
  top: 20px;
  right: 16px;
  opacity: 0.9;
  border-bottom: 7px solid #999999;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .titleContainer .dropDownArrow.up:after {
  content: '';
  position: absolute;
  top: 23px;
  right: 19px;
  border-bottom: 4px solid #FFFFFF;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .titleContainer .dropDownArrow.down:before {
  content: '';
  position: absolute;
  top: 22px;
  right: 16px;
  opacity: 0.9;
  border-top: 7px solid #999999;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .titleContainer .dropDownArrow.down:after {
  content: '';
  position: absolute;
  top: 22px;
  right: 19px;
  border-top: 4px solid #FFFFFF;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .stepsContainer {
  display: none;
  padding-bottom: 10px;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .stepsContainer ul.stepsList {
  float: left;
  padding: 10px 0 0 15px;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .stepsContainer ul.stepsList li.step {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  text-align: left;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .stepsContainer ul.stepsList li.step .stepNo {
  display: inline-block;
  float: left;
  margin-right: 10px;
  text-align: left;
  width: 10px;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .stepsContainer ul.stepsList li.step .stepText {
  display: inline-block;
  width: 85%;
  float: left;
  text-align: left;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .stepsContainer ul.stepsList li.step .stepText .macIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17876px;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .stepsContainer .moreInfo {
  color: black;
  margin-right: 95px;
}
.container.webrtc .localSettingsPanel .devicesPanel .deviceList.speakers.skinny3 .speakerSelectionInstructions .stepsContainer .moreInfo.defaultInstructions {
  margin-right: 115px;
}
body.accessibility div.localSettingsPanel div.content div.preferredConnection div.preferredConnectionContent div.preferredConnectionLabel {
  font-size: 14px;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
}
body.accessibility div.chatContainer .conversation .message .phrasesHolder .phrases .body {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
}
body.accessibility .newFooter {
  font-size: 14px;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
}
body.accessibility li.participant .participantRow .basic span.name {
  font-size: 18px;
}
body.accessibility .participantsSlidingPanel div.filterTab div.everyone,
body.accessibility .participantsSlidingPanel div.filterTab div.activeSpeakersOnly {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  color: #636262;
}
body.accessibility .participantsSlidingPanel div.filterTab div.everyone.selected,
body.accessibility .participantsSlidingPanel div.filterTab div.activeSpeakersOnly.selected {
  color: #2069D4;
  border-bottom: 4px solid #2069D4;
}
body.accessibility div.primaryComputerDialog .options .send .text {
  font-size: 18px;
}
body.accessibility div.primaryComputerDialog .options .changeAudioVideoDevice {
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
  color: #2069D4;
}
body.accessibility div.primaryComputerDialog .options .changeAudioVideoDevice span.settingsIcon {
  width: 22px;
  height: 23px;
  background-size: 136px 15438px;
  background-position: 0px -14959px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg body.accessibility div.primaryComputerDialog .options .changeAudioVideoDevice span.settingsIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14702px;
}
body.accessibility div.primaryComputerDialog .options div.decisionsHolder div.decisionsContainer div.enterHolder button.enter {
  background-color: #00834C;
  color: #ffffff;
  font-family: 'ProximaNovaBold', 'Arial', Helvetica, sans-serif;
}
body.accessibility div.toolbar div.toolbarItemLabel {
  font-size: 14px;
  font-family: proximanovabold;
  color: #FFFFFF;
}
body.accessibility div.toolbar button.record {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -15064px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg body.accessibility div.toolbar button.record {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14750px;
}
body.accessibility div.toolbar button.leave {
  width: 32px;
  height: 32px;
  background-size: 136px 15438px;
  background-position: 0px -15007px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg body.accessibility div.toolbar button.leave {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14928px;
}
.button-primary {
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif, #ffffff;
  box-sizing: border-box;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  color: #ffffff;
  background-color: #1f6ddb;
  border: 1px solid #1f6ddb;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}
.button-primary:hover {
  opacity: 0.8;
  background-color: #4182e2;
}
.button-primary:focus {
  box-shadow: 0 0 0 4px #e1effc;
  border: 1px solid rgba(0, 137, 255, 0.12);
}
.button-primary:active {
  opacity: 0.6;
  box-shadow: none;
}
.button-primary.valid {
  background-color: #41b812;
  border: 1px solid #41b812;
}
.button-primary.invalid {
  background-color: #de1010;
  border: 1px solid #de1010;
}
.button-primary.disabled,
.button-primary:disabled {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.button-secondary {
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif, #1f6ddb;
  box-sizing: border-box;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  color: #1f6ddb;
  background-color: #ffffff;
  border: 1px solid #1f6ddb;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}
.button-secondary:hover {
  opacity: 0.8;
  background-color: #e0f1ff;
}
.button-secondary:focus {
  box-shadow: 0 0 0 4px #e1effc;
  border: 1px solid #1f6ddb;
}
.button-secondary:active {
  opacity: 0.6;
  box-shadow: none;
}
.button-secondary.valid {
  background-color: #ffffff;
  border: 1px solid #41b812;
}
.button-secondary.invalid {
  background-color: #ffffff;
  border: 1px solid #de1010;
}
.button-secondary.disabled,
.button-secondary:disabled {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.button-prim {
  height: 43px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 22px;
  box-sizing: border-box;
  -webkit-user-select: none;
  background-color: #1d6bdd;
  color: white;
  border: none;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.button-prim:hover:not(:disabled) {
  background-color: #4182E2;
}
.button-prim:focus:not(:disabled):not(:active) {
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
.button-prim:active:not(:disabled) {
  background-color: #659AE7;
  box-shadow: none;
}
.button-prim:disabled {
  color: rgba(0, 0, 0, 0.32);
  background-color: rgba(0, 0, 0, 0.04);
  box-shadow: none;
}
.button-signin {
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif, #ffffff;
  box-sizing: border-box;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(0, 0, 0, 0.24);
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.button-signin:hover {
  opacity: 0.8;
  background-color: #808080;
}
.button-signin:focus {
  box-shadow: 0 0 0 4px #e1effc;
  border: 1px solid rgba(0, 0, 0, 0.24);
}
.button-signin:active {
  opacity: 0.6;
  box-shadow: none;
}
.button-signin.valid {
  background-color: #919191;
  border: 1px solid #919191;
}
.button-signin.invalid {
  background-color: #cf6b6b;
  border: 1px solid #cf6b6b;
}
.button-signin.disabled,
.button-signin:disabled {
  background-color: #b0b0b0;
  border: 1px solid #b0b0b0;
}
.fancyCopyWidgetContainer {
  height: 44px;
  position: relative;
  box-sizing: border-box;
  /*input {
    padding-right: 50px;
    position: absolute;
    top: 0px;
    left: 30px;
    right: 0px;
    bottom: 0px;
  }*/
}
.fancyCopyWidgetContainer .copyButton {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  position: absolute;
  top: 0px;
  right: 0px;
  width: 42px;
  height: 44px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fancyCopyWidgetContainer .copyButton .turnOffOutlineForClick {
  outline: none;
}
.fancyCopyWidgetContainer .copyButton div.icon {
  display: none;
}
.fancyCopyWidgetContainer .copyButton:hover,
.fancyCopyWidgetContainer .copyButton.hovered {
  background-color: #4182e2;
  border: none;
}
.fancyCopyWidgetContainer .copyButton:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.fancyCopyWidgetContainer .copyButton:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fancyCopyWidgetContainer .copyButton:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.fancyCopyWidgetContainer .copyButton:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.fancyCopyWidgetContainer .copyButton.disabled,
.fancyCopyWidgetContainer .copyButton:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fancyCopyWidgetContainer .copyButton.disabled:hover,
.fancyCopyWidgetContainer .copyButton:disabled:hover,
.fancyCopyWidgetContainer .copyButton.disabled:active,
.fancyCopyWidgetContainer .copyButton:disabled:active,
.fancyCopyWidgetContainer .copyButton.disabled:focus,
.fancyCopyWidgetContainer .copyButton:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fancyCopyWidgetContainer .copyButton.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.fancyCopyWidgetContainer .copyButton.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.fancyCopyWidgetContainer .copyButton.invalid div {
  display: none;
}
.fancyCopyWidgetContainer .copyButton.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.fancyCopyWidgetContainer .copyButton.invalid:hover,
.fancyCopyWidgetContainer .copyButton.invalid:active,
.fancyCopyWidgetContainer .copyButton.invalid:focus,
.fancyCopyWidgetContainer .copyButton.invalid:disabled,
.fancyCopyWidgetContainer .copyButton.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.fancyCopyWidgetContainer .copyButton.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .fancyCopyWidgetContainer .copyButton.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.fancyCopyWidgetContainer .copyButton.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.fancyCopyWidgetContainer .copyButton.loading div {
  display: none;
}
.fancyCopyWidgetContainer .copyButton.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.fancyCopyWidgetContainer .copyButton.loading:hover,
.fancyCopyWidgetContainer .copyButton.loading:active,
.fancyCopyWidgetContainer .copyButton.loading:focus,
.fancyCopyWidgetContainer .copyButton.loading:disabled,
.fancyCopyWidgetContainer .copyButton.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.fancyCopyWidgetContainer .copyButton.loading.no-svg {
  background-color: #1D6BDD !important;
}
.fancyCopyWidgetContainer .copyButton.loading.no-svg div {
  display: none;
}
.fancyCopyWidgetContainer .copyButton.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.fancyCopyWidgetContainer .copyButton div.icon {
  display: block !important;
  background-size: 136px 15438px;
  background-position: 0px -1461px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
.no-svg .fancyCopyWidgetContainer .copyButton div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -1453px;
}
.fancyCopyWidgetContainer .urlIcon {
  position: absolute;
  top: 10px;
  left: -2px;
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px -15121px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .fancyCopyWidgetContainer .urlIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14985px;
}
.fancyCopyWidgetContainer .success {
  display: none;
  height: 44px;
  position: absolute;
  z-index: 2;
  /* width: 100%; */
  top: 0px;
  left: 30px;
  right: 0px;
  bottom: 0px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FFF;
  background-color: #3FB811;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
.fancyCopyWidgetContainer .success div.successContent {
  margin-top: 14px;
}
.fancyCopyWidgetContainer .success div.successIcon {
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 8px;
  background-size: 136px 15438px;
  background-position: 0px -15170px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.no-svg .fancyCopyWidgetContainer .success div.successIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15034px;
}
.fancyCopyWidgetContainer .fancyTextFieldSingleLineContainer {
  height: 44px;
  position: absolute;
  /* width: 100%; */
  top: 0px;
  left: 28px;
  right: 0px;
  bottom: 0px;
}
.fancyCopyWidgetContainer .fancyTextFieldSingleLineContainer input.textarea {
  width: 100%;
  height: 100%;
  padding-right: 42px;
  font-size: 14px;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 2px;
  right: 0px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
.select2-container {
  text-align: left;
}
.select2-container--default .select2-selection--single {
  height: 44px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
  width: 44px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
  padding-right: 44px;
}
/*Down state for dropdown item*/
.select2-container--default .select2-results__option:active,
.select2-container--default .select2-results__option--highlighted[aria-selected]:active {
  background-color: #A3D4FF;
  background-color: rgba(0, 137, 255, 0.36);
  color: #FFF;
}
/* Normal State - Border around dropdown */
.select2-container--default .select2-selection--single {
  border: 1px solid #D6D6D6;
  /*border: 1px solid rgba(0,0,0,0.16);*/
}
/* Hover State - Border around dropdown */
.select2-container--default .select2-selection--single:hover {
  border: 2px solid #D6D6D6;
  /*border: 2px solid rgba(0,0,0,0.16);*/
}
/* Remove default selected state */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #FFF;
}
/* Hovered State */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #E0F0FF;
  background-color: rgba(0, 137, 255, 0.12);
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
/* Remove default selected state */
/*.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #FFF;
}*/
.select2-results__option {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 14px;
  padding-right: 14px;
}
li[aria-selected^="true"] > .select2-dropdownItem > .select2-dropdownIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17913px;
}
/* White checkmark state */
div.select2-dropdownIcon {
  float: left;
  background-size: 136px 15438px;
  background-position: 0px -15211px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  margin-top: 4px;
  display: inline-block;
}
.no-svg div.select2-dropdownIcon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15075px;
}
div.select2-expandedIcon {
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: inline-block;
}
/* Ellipsis for dropdown items*/
div.select2-dropdownItem {
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Selected item font */
.select2-container .select2-selection--single .select2-selection__rendered {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
/*Dropdown Item font*/
.select2-container--default .select2-results__option {
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  font-size: 16px;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
/* Expanded Dropdown main container styling */
.select2-dropdown {
  border: 2px solid #D6D6D6;
  /* border: 2px solid rgba(0,0,0,0.16);*/
}
/* Expanded Dropdown dropdown container styling */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border: 2px solid #D6D6D6;
  border-bottom-width: 0px;
}
/* The actual selected item (top of dropdown)*/
div.select2-selectedItem {
  /*color: red;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.select2-selectedItem > div.select2-selectedItem-hasImage {
  float: left;
  width: 24px;
  height: 24px;
  margin-top: 9px;
  margin-right: 9px;
  margin-left: -1px;
  display: block;
  filter: alpha(opacity=72);
  -webkit-opacity: 0.72;
  -moz-opacity: 0.72;
  opacity: 0.72;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-size: 136px 15438px;
  background-position: 0px -15252px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  border-width: 0px;
  width: 16px;
  height: 16px;
  top: 14px;
  right: 14px;
  left: auto;
}
.no-svg .select2-container--default .select2-selection--single .select2-selection__arrow b,
.no-svg .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15116px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #FFF;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #D6D6D6;
  color: rgba(0, 0, 0, 0.24);
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selectedItem .select2-selectedItem-hasImage {
  filter: alpha(opacity=12);
  -webkit-opacity: 0.12;
  -moz-opacity: 0.12;
  opacity: 0.12;
}
.select2.select2-container.select2-container--default.select2-container--below.select2-container--disabled .select2-selection.select2-selection--single,
.select2.select2-container.select2-container--default.select2-container--disabled .select2-selection.select2-selection--single {
  border: 2px dashed #D6D6D6;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
}
.select2-extrapadding {
  float: left;
  width: 6px;
  height: 24px;
  display: block;
}
.fancyDropdown {
  text-align: center;
  /* Debug testing an icon image */
}
.fancyDropdown div.arrowColbert {
  background-size: 136px 15438px;
  background-position: 0px -15121px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.no-svg .fancyDropdown div.arrowColbert {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -14985px;
}
.fancyCheckBox {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #43b916;
  border-radius: 4px;
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  display: inline-block;
}
.fancyCheckBox input[type=checkbox] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
  margin: 0;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fancyCheckBox div.checkbox {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  margin-top: 4px;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.fancyCheckBox.hovered {
  background-color: #E8F6E3;
  border: 1px solid #299300;
}
.fancyCheckBox.hovered div.checkbox {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17954px;
  width: 16px;
  height: 16px;
  filter: alpha(opacity=48);
  -webkit-opacity: 0.48;
  -moz-opacity: 0.48;
  opacity: 0.48;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)";
}
.fancyCheckBox.focused {
  background-color: #fff;
  border: 1px solid #43b916;
  -webkit-box-shadow: 0px 0px 0px 4px rgba(68, 185, 22, 0.12);
  -moz-box-shadow: 0px 0px 0px 4px rgba(68, 185, 22, 0.12);
  box-shadow: 0px 0px 0px 4px rgba(68, 185, 22, 0.12);
}
.fancyCheckBox.focused div.checkbox {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17995px;
  width: 16px;
  height: 16px;
  filter: alpha(opacity=48);
  -webkit-opacity: 0.48;
  -moz-opacity: 0.48;
  opacity: 0.48;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)";
}
.fancyCheckBox.down {
  background-color: rgba(67, 185, 22, 0.32);
  border: 1px solid #299300;
}
.fancyCheckBox.down div.checkbox {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18036px;
  width: 16px;
  height: 16px;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyCheckBox.checked {
  background-color: #43b916;
}
.fancyCheckBox.checked div.checkbox {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18036px;
  width: 16px;
  height: 16px;
}
.fancyCheckBox.checked.hovered {
  background-color: #6fc94d;
  border: 1px solid #6fc94d;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyCheckBox.checked.focused {
  background-color: #6fc94d;
  border: 1px solid #6fc94d;
}
.fancyCheckBox.checked.focused div.checkbox {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18036px;
  width: 16px;
  height: 16px;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyCheckBox.checked.down {
  background-color: #9cda85;
  border: 1px solid #9cda85;
}
.fancyCheckBox.checked.down div.checkbox {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18036px;
  width: 16px;
  height: 16px;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyCheckBox.checked.disabled {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.fancyCheckBox.checked.disabled div.checkbox {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17995px;
  width: 16px;
  height: 16px;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyCheckBox.disabled {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.fancyCheckBox + label {
  height: 28px;
  line-height: 28px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.56);
  padding-left: 8px;
  vertical-align: middle;
}
.fancyCheckBox.hovered + label,
.fancyCheckBox.hovered.focused + label {
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
.fancyCheckBox.focused + label {
  color: #BBBBBD;
  color: rgba(0, 0, 0, 0.56);
}
.fancyCheckBox.down + label {
  color: #BBBBBD;
  color: rgba(0, 0, 0, 0.56);
}
.fancyCheckBox.disabled + label {
  color: #D6D6D6;
  color: rgba(0, 0, 0, 0.12);
}
.fancyRadioButton {
  width: 24px;
  height: 24px;
  background-color: #fff;
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  margin: 0 8px 8px 0;
}
.fancyRadioButton input[type=radio] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: pointer;
}
.fancyRadioButton div.radiobutton {
  margin: 0 auto;
  margin-top: 4px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18077px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  cursor: pointer;
}
.fancyRadioButton.hovered div.radiobutton {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18077px;
  filter: alpha(opacity=48);
  -webkit-opacity: 0.48;
  -moz-opacity: 0.48;
  opacity: 0.48;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)";
}
.fancyRadioButton.focused {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 0px 4px rgba(68, 185, 22, 0.12);
  -moz-box-shadow: 0px 0px 0px 4px rgba(68, 185, 22, 0.12);
  box-shadow: 0px 0px 0px 4px rgba(68, 185, 22, 0.12);
}
.fancyRadioButton.focused div.radiobutton {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18077px;
  filter: alpha(opacity=48);
  -webkit-opacity: 0.48;
  -moz-opacity: 0.48;
  opacity: 0.48;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=48)";
}
.fancyRadioButton.down div.radiobutton {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18077px;
  height: 16px;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyRadioButton.checked div.radiobutton {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18124px;
}
.fancyRadioButton.checked.hovered {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyRadioButton.checked.focused div.radiobutton {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18124px;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyRadioButton.checked.down div.radiobutton {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18124px;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyRadioButton.checked.disabled {
  background-color: #fff;
}
.fancyRadioButton.checked.disabled div.radiobutton {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18124px;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.fancyRadioButton.disabled {
  background-color: #fff;
}
.fancyRadioButton + label {
  height: 28px;
  line-height: 28px;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.56);
  padding-left: 8px;
}
.fancyRadioButton.hovered + label,
.fancyRadioButton.hovered.focused + label {
  color: #333;
  color: rgba(0, 0, 0, 0.8);
}
.fancyRadioButton.focused + label {
  color: #BBBBBD;
  color: rgba(0, 0, 0, 0.56);
}
.fancyRadioButton.down + label {
  color: #BBBBBD;
  color: rgba(0, 0, 0, 0.56);
}
.fancyRadioButton.disabled + label {
  color: #D6D6D6;
  color: rgba(0, 0, 0, 0.12);
}
/*.colorBlack80 {
  color: #333;
  color: rgba(0,0,0,0.80);
}

.colorBlack32 {
  color: #BBBBBD;
  color: rgba(0,0,0,0.24);
}

.colorBlack24 {
  color: #ADADAD;
  color: rgba(0,0,0,0.32);
}

.colorBlack16 {
  color: #D6D6D6;
  color: rgba(0,0,0,0.16);
}*/
.newFancyTextField {
  position: relative;
  box-sizing: border-box;
  height: 49px;
  border-bottom: 1px solid #bbbbbd;
}
.newFancyTextField .placeholderIE {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font: 18px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  width: 85%;
  height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newFancyTextField.shake {
  -webkit-animation: shake 300ms linear;
  animation: shake 300ms linear;
}
.newFancyTextField.hasPassword .statusIcon {
  display: none;
  background-repeat: no-repeat;
  position: absolute;
  right: 4px;
}
.newFancyTextField.hasPassword .statusIcon.showPassword .icon {
  opacity: 0.25;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-eye-closed-grey-16.png");
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-eye-closed-grey-16.svg");
}
.newFancyTextField.hasPassword .statusIcon.hidePassword .icon {
  opacity: 1.0;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-eye-open-orange-16.png");
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-eye-open-orange-16.svg");
}
.newFancyTextField.hasText .newFancyLabel {
  opacity: 1;
  color: rgba(0, 0, 0, 0.32);
}
.newFancyTextField .statusIcon {
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 6px;
  width: 24px;
  height: 24px;
  display: none;
}
.newFancyTextField .statusIcon .icon {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
}
.newFancyTextField * {
  box-sizing: border-box;
}
.newFancyTextField .newFancyLabel {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.32);
  opacity: 0;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newFancyTextField input {
  border: none;
  outline: none;
  background-color: transparent;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  width: 100%;
  padding-bottom: 8px;
  padding-right: 32px;
}
.newFancyTextField input::-ms-clear {
  display: none;
}
.newFancyTextField input::-webkit-input-placeholder {
  color: #858585;
  color: rgba(0, 0, 0, 0.48);
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.newFancyTextField input::-moz-placeholder {
  color: #858585;
  color: rgba(0, 0, 0, 0.48);
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.newFancyTextField input:-ms-input-placeholder {
  color: #858585;
  color: rgba(0, 0, 0, 0.48);
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.newFancyTextField.hovered {
  border-bottom: 2px solid #bbbbbd;
}
.newFancyTextField.hovered.hasPassword.invalid .statusIcon {
  display: block;
  cursor: pointer;
}
.newFancyTextField.hovered.hasPassword.invalid .statusIcon .icon {
  width: 16px;
  height: 16px;
  background-size: 136px 15438px;
  background-position: 0px -15293px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  opacity: 0.25;
}
.no-svg .newFancyTextField.hovered.hasPassword.invalid .statusIcon .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15157px;
}
.newFancyTextField.hovered.hasPassword .statusIcon:hover {
  cursor: pointer;
  border-radius: 4px;
}
.newFancyTextField.hovered.hasPassword .statusIcon:hover.hidePassword {
  background-color: #fff3e0;
  background-color: rgba(255, 151, 0, 0.12);
}
.newFancyTextField.hovered.hasPassword .statusIcon:hover.hidePassword .icon {
  opacity: 1.0;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-eye-closed-orange-16.png");
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-eye-closed-orange-16.svg");
}
.newFancyTextField.hovered.hasPassword .statusIcon:hover.hidePassword.mousedown {
  background-color: #ffe7c2;
  background-color: rgba(255, 151, 0, 0.24);
}
.newFancyTextField.hovered.hasPassword .statusIcon:hover.showPassword {
  background-color: #f5f5f5;
  background-color: rgba(0, 0, 0, 0.04);
}
.newFancyTextField.hovered.hasPassword .statusIcon:hover.showPassword .icon {
  opacity: 0.5;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-eye-open-grey-16.png");
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-eye-open-grey-16.svg");
}
.newFancyTextField.hovered.hasPassword .statusIcon:hover.showPassword.mousedown {
  background-color: #ebebeb;
  background-color: rgba(0, 0, 0, 0.08);
}
.newFancyTextField.hovered.hasPassword .statusIcon:hover.showPassword.mousedown .icon {
  opacity: 1.0;
}
.newFancyTextField.hovered.hasText .statusIcon,
.newFancyTextField.hovered.invalid .statusIcon,
.newFancyTextField.hovered.valid .statusIcon,
.newFancyTextField.hovered.valid.focused .statusIcon {
  display: block;
  cursor: pointer;
}
.newFancyTextField.hovered.hasText .statusIcon .icon,
.newFancyTextField.hovered.invalid .statusIcon .icon,
.newFancyTextField.hovered.valid .statusIcon .icon,
.newFancyTextField.hovered.valid.focused .statusIcon .icon {
  width: 16px;
  height: 16px;
  background-size: 136px 15438px;
  background-position: 0px -15293px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  opacity: 0.25;
}
.no-svg .newFancyTextField.hovered.hasText .statusIcon .icon,
.no-svg .newFancyTextField.hovered.invalid .statusIcon .icon,
.no-svg .newFancyTextField.hovered.valid .statusIcon .icon,
.no-svg .newFancyTextField.hovered.valid.focused .statusIcon .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15157px;
}
.newFancyTextField.hovered.hasText .statusIcon:hover,
.newFancyTextField.hovered.invalid .statusIcon:hover,
.newFancyTextField.hovered.valid .statusIcon:hover,
.newFancyTextField.hovered.valid.focused .statusIcon:hover {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.newFancyTextField.hovered.hasText .statusIcon:hover .icon,
.newFancyTextField.hovered.invalid .statusIcon:hover .icon,
.newFancyTextField.hovered.valid .statusIcon:hover .icon,
.newFancyTextField.hovered.valid.focused .statusIcon:hover .icon {
  opacity: 0.50;
}
.newFancyTextField.hovered.hasText .statusIcon:active,
.newFancyTextField.hovered.invalid .statusIcon:active,
.newFancyTextField.hovered.valid .statusIcon:active,
.newFancyTextField.hovered.valid.focused .statusIcon:active {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.newFancyTextField.hovered.hasText .statusIcon:active .icon,
.newFancyTextField.hovered.invalid .statusIcon:active .icon,
.newFancyTextField.hovered.valid .statusIcon:active .icon,
.newFancyTextField.hovered.valid.focused .statusIcon:active .icon {
  opacity: 1;
}
.newFancyTextField.focused {
  border-bottom: 2px solid #ff9700;
}
.newFancyTextField.focused .newFancyLabel {
  color: #ff9700;
}
.newFancyTextField.focused.hasText {
  border-bottom: 2px solid #ff9700;
}
.newFancyTextField.focused.hasText .newFancyLabel {
  opacity: 1;
  color: #ff9700;
}
.newFancyTextField.focused.validating .newFancyLabel,
.newFancyTextField.hovered.validating .newFancyLabel {
  color: #ff9700;
}
.newFancyTextField.focused.validating .statusIcon,
.newFancyTextField.hovered.validating .statusIcon {
  display: block;
}
.newFancyTextField.focused.validating .statusIcon .icon,
.newFancyTextField.hovered.validating .statusIcon .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner.gif");
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-orange-16.svg");
  background-position: 0;
  background-repeat: no-repeat;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.newFancyTextField.validating .newFancyLabel {
  color: rgba(0, 0, 0, 0.24);
}
.newFancyTextField.validating .statusIcon {
  display: block;
}
.newFancyTextField.validating .statusIcon .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner.gif");
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-orange-16.svg");
  background-position: 0;
  background-repeat: no-repeat;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.newFancyTextField.valid {
  border-bottom: 2px solid #3fb811;
}
.newFancyTextField.valid .newFancyLabel {
  color: #3fb811;
}
.newFancyTextField.valid.focused {
  border-bottom: 2px solid #3fb811;
}
.newFancyTextField.valid.focused .newFancyLabel {
  color: #3fb811;
}
.newFancyTextField.valid.hovered .statusIcon {
  display: block;
}
.newFancyTextField.valid.hovered .statusIcon .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17913px;
}
.newFancyTextField.valid .statusIcon {
  display: block;
}
.newFancyTextField.valid .statusIcon .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -17913px;
}
.newFancyTextField.invalid {
  border-bottom: 2px solid #df0e0e;
}
.newFancyTextField.invalid .newFancyLabel {
  color: #df0e0e;
}
.newFancyTextField.invalid.focused {
  border-bottom: 2px solid #df0e0e;
}
.newFancyTextField.invalid.focused .newFancyLabel {
  color: #df0e0e;
}
.newFancyTextField.invalid .statusIcon {
  display: block;
  cursor: pointer;
}
.newFancyTextField.invalid .statusIcon .icon {
  width: 16px;
  height: 16px;
  background-size: 136px 15438px;
  background-position: 0px -15334px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .newFancyTextField.invalid .statusIcon .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15198px;
}
.newFancyTextField.disabled {
  border-bottom: 1px dashed #d6d6d6 !important;
}
.newFancyTextField.disabled .newFancyLabel {
  color: rgba(0, 0, 0, 0.16) !important;
}
.newFancyTextField.disabled input {
  color: rgba(0, 0, 0, 0.16) !important;
}
.newFancyTextField.disabled .statusIcon {
  display: none !important;
}
.preload-bjn-ui-loading-spinner-orange-16-svg {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-orange-16.svg");
}
.preload-bjn-ui-loading-spinner-white-24-svg {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
}
.preload-bjn-ui-loading-spinner-white-48-svg {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-48.svg");
}
.preload-bjn-ui-loading-spinner-white-on-blue-24-gif {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
}
.fancyTextFieldMultiLineContainer {
  position: relative;
}
.fancyTextFieldMultiLineContainer .placeholderIE {
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  position: absolute;
  top: 0px;
  left: 12px;
  right: 0px;
  line-height: 44px;
  height: 44px;
}
.fancyTextFieldMultiLineContainer .label {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FF9700;
  visibility: hidden;
  margin-bottom: 5px;
}
.fancyTextFieldMultiLineContainer div.textarea:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  cursor: text;
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.fancyTextFieldMultiLineContainer .textarea {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding: 11px 12px;
  height: auto;
  min-height: 44px;
  max-height: 100px;
  background-color: #FFF;
  border: 1px solid #D6D6D6;
  word-wrap: break-word;
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fancyTextFieldMultiLineContainer .textarea span.error {
  color: #DF0E0E;
}
.fancyTextFieldMultiLineContainer.hasText .label {
  color: #ADADAD;
  color: rgba(0, 0, 0, 0.32);
  visibility: visible;
}
.fancyTextFieldMultiLineContainer.hovered .textarea {
  padding: 10px 11px;
  background-color: #FFF;
  border: 2px solid #D6D6D6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fancyTextFieldMultiLineContainer.focused .textarea {
  padding: 10px 11px;
  background-color: #FFF;
  border: 2px solid #FF9700;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fancyTextFieldMultiLineContainer.focused.hasText .label {
  color: #FF9700;
}
.fancyTextFieldMultiLineContainer.valid .label {
  color: #3FB811;
}
.fancyTextFieldMultiLineContainer.valid .textarea {
  padding: 10px 11px;
  border: 2px solid #3FB811;
}
.fancyTextFieldMultiLineContainer.invalid .label {
  color: #DF0E0E;
}
.fancyTextFieldMultiLineContainer.invalid .textarea {
  padding: 10px 11px;
  border: 2px solid #DF0E0E;
}
.fancyTextFieldMultiLineContainer.disabled .textarea {
  color: #D6D6D6;
  color: rgba(0, 0, 0, 0.16);
  border: 1px dashed #D6D6D6;
}
.fancyTextFieldMultiLineContainer.disabled.hasText .label {
  color: #D6D6D6;
  color: rgba(0, 0, 0, 0.16);
}
.fancyTextFieldMultiLineContainer.disabled.hasText .textarea {
  color: #D6D6D6;
  color: rgba(0, 0, 0, 0.24);
}
.invalidLabel.invalid .label {
  color: #DF0E0E;
  visibility: visible;
}
.invalidTextarea.invalid .textarea {
  padding: 10px 11px;
  border: 2px solid #DF0E0E;
}
.fancyTextFieldSingleLineContainer {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  /*div.textarea:empty:before{
    content: attr(placeholder);
    display: block;
    cursor: text;
    .opacity(0.6);
  }*/
  /*input.textarea {
    border: none;      
    outline: none;    
    background-color: transparent;
    font: 18px @fontFamilyRegular;
    color: @colorBlack80;
    width: 100%;
    padding-bottom: @size8;
    padding-right: @size32;    
  }*/
}
.fancyTextFieldSingleLineContainer .label {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #FF9700;
  visibility: hidden;
  margin-bottom: 5px;
}
.fancyTextFieldSingleLineContainer input.textarea::-ms-clear {
  display: none;
}
.fancyTextFieldSingleLineContainer input.textarea {
  outline: none !important;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding: 11px 12px;
  height: 44px;
  background-color: #FFF;
  border: 1px solid #D6D6D6;
  font: 16px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  color: #333;
  color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fancyTextFieldSingleLineContainer input.textarea span.error {
  color: #DF0E0E;
}
.fancyTextFieldSingleLineContainer.hasText .label {
  color: #ADADAD;
  color: rgba(0, 0, 0, 0.32);
  visibility: visible;
}
.fancyTextFieldSingleLineContainer.hovered .textarea {
  padding: 10px 11px;
  background-color: #FFF;
  border: 2px solid #D6D6D6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fancyTextFieldSingleLineContainer.focused .textarea {
  padding: 10px 11px;
  background-color: #FFF;
  border: 2px solid #FF9700;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fancyTextFieldSingleLineContainer.focused.hasText .label {
  color: #FF9700;
}
.fancyTextFieldSingleLineContainer.focused.invalid .label {
  color: #DF0E0E;
  visibility: visible;
}
.fancyTextFieldSingleLineContainer.valid .label {
  color: #3FB811;
}
.fancyTextFieldSingleLineContainer.valid .textarea {
  padding: 10px 11px;
  border: 2px solid #3FB811;
}
.fancyTextFieldSingleLineContainer.invalid .label {
  color: #DF0E0E;
  visibility: visible;
}
.fancyTextFieldSingleLineContainer.invalid .textarea {
  padding: 10px 11px;
  border: 2px solid #DF0E0E;
}
.fancyTextFieldSingleLineContainer.disabled .textarea {
  color: #D6D6D6;
  color: rgba(0, 0, 0, 0.16);
  border: 1px dashed #D6D6D6;
}
.fancyTextFieldSingleLineContainer.disabled.hasText .label {
  color: #D6D6D6;
  color: rgba(0, 0, 0, 0.16);
}
.fancyTextFieldSingleLineContainer.disabled.hasText .textarea {
  color: #D6D6D6;
  color: rgba(0, 0, 0, 0.24);
}
.fancySliderContainer {
  position: relative;
  width: 28px;
  height: 20px;
}
div.fancySlider {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 16px;
  width: 26px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.fancySlider #sliderThumb {
  width: 20px;
  height: 20px;
  top: -2px;
  box-sizing: border-box;
  border-bottom: none;
  outline: none !important;
}
div.fancySlider.off {
  background-color: #D6D6D6;
  background-color: rgba(0, 0, 0, 0.16);
}
div.fancySlider.off #sliderThumb {
  left: 10% !important;
  background-color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 -2px rgba(0, 0, 0, 0.24);
}
div.fancySlider.off.hovered {
  background-color: #ADADAD;
  background-color: rgba(0, 0, 0, 0.32);
}
div.fancySlider.off.hovered #sliderThumb {
  background-color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.24), inset 0 -2px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.24), inset 0 -2px rgba(0, 0, 0, 0.32);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.24), inset 0 -2px rgba(0, 0, 0, 0.32);
}
div.fancySlider.off.down {
  background-color: #ADADAD;
  background-color: rgba(0, 0, 0, 0.32);
}
div.fancySlider.off.down #sliderThumb {
  background-color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.48);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.48);
}
div.fancySlider.off.focused {
  background-color: #ADADAD;
  background-color: rgba(0, 0, 0, 0.32);
}
div.fancySlider.off.focused #sliderThumb {
  background-color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24), inset 0 0 0 1px #1d6bdd, 0 0 0 4px rgba(0, 137, 255, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24), inset 0 0 0 1px #1d6bdd, 0 0 0 4px rgba(0, 137, 255, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24), inset 0 0 0 1px #1d6bdd, 0 0 0 4px rgba(0, 137, 255, 0.16);
}
div.fancySlider.off.disabled {
  background-color: #E0E0E0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.fancySlider.off.disabled #sliderThumb {
  background-color: #E0E0E0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.fancySlider.on {
  background-color: #C9DCF7;
  background-color: rgba(29, 107, 221, 0.24);
}
div.fancySlider.on #sliderThumb {
  left: 90% !important;
  background-color: #1D6BDD;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 -2px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 -2px rgba(0, 0, 0, 0.48);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 -2px rgba(0, 0, 0, 0.48);
}
div.fancySlider.on.hovered {
  background-color: #A5C4F2;
  background-color: rgba(29, 107, 221, 0.4);
}
div.fancySlider.on.hovered #sliderThumb {
  background-color: #4182E2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 -2px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 -2px rgba(0, 0, 0, 0.48);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 -2px rgba(0, 0, 0, 0.48);
}
div.fancySlider.on.down {
  background-color: #A5C4F2;
  background-color: rgba(29, 107, 221, 0.4);
}
div.fancySlider.on.down #sliderThumb {
  background-color: #6295E0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.24);
}
div.fancySlider.on.focused {
  background-color: #A5C4F2;
  background-color: rgba(29, 107, 221, 0.4);
}
div.fancySlider.on.focused #sliderThumb {
  background-color: #1D6BDD;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.48), inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 4px rgba(0, 137, 255, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.48), inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 4px rgba(0, 137, 255, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.48), inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 4px rgba(0, 137, 255, 0.24);
}
div.fancySlider.on.disabled {
  background-color: #E0E0E0;
}
div.fancySlider.on.disabled #sliderThumb {
  background-color: #E0E0E0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.shim-iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -10000;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.BJNTooltip {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  overflow-y: hidden !important;
  box-shadow: inset 0 0 0 1.5px #666666 !important;
  -moz-box-shadow: inset 0 0 0 1.5px #666666 !important;
  -webkit-box-shadow: inset 0 0 0 1.5px #666666 !important;
  padding: 0 !important;
  z-index: 10000;
}
.BJNTooltip .ui-tooltip-content {
  font-family: 'ProximaNovaLight';
  font-size: 14px;
  padding: 12px;
  color: #FFFFFF;
}
.BJNTooltip.special-guys {
  border-radius: 0px;
  background-color: #000000;
}
.BJNTooltip.errorTooltip {
  background-color: #DF0E0E;
}
.BJNTooltip-contextual {
  background-color: #fcfcfc;
  border-color: rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.24) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.24) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.24) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
  max-width: none !important;
  padding: 0 !important;
}
.BJNTooltip-contextual .closeIcon {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px;
  cursor: pointer;
}
.BJNTooltip-contextual .closeIcon .icon {
  width: 24px;
  height: 24px;
  background-size: 30px 689px;
  width: 16px;
  height: 16px;
  background-size: 136px 15438px;
  background-position: 0px -15293px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  opacity: 0.25;
  background-repeat: no-repeat;
}
.no-svg .BJNTooltip-contextual .closeIcon .icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15157px;
}
.BJNTooltip-contextual .closeIcon:hover {
  opacity: 0.50;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.BJNTooltip-contextual .closeIcon:hover .icon {
  opacity: 0.50;
}
.BJNTooltip-contextual .closeIcon:active {
  opacity: 1.00;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.BJNTooltip-contextual .closeIcon:active .icon {
  opacity: 1.00;
}
.BJNTooltip-contextual .closeIcon:focus {
  border: 4px solid #1d6bdd;
  outline: none !important;
}
.BJNTooltip-contextual .closeIcon:focus .icon {
  opacity: 0.50;
}
.BJNTooltip-contextual .ui-tooltip-content {
  padding: 12px 38px 12px 16px;
  font-family: 'ProximaNovaLight';
  font-size: 14px;
  color: #000000;
}
.BJNTooltip-contextual .ui-tooltip-content .bold {
  font-family: 'ProximaNova-Semibold';
}
.BJNTooltip-contextual .shim-iframe.win.ff {
  /* 
           Uncomment below background-clor property, if you ever face issue with contextual tooltip on win/ff hiding behind video stream
           This is fix the alpha value as 1, and show tht tooltip on top of video,
           The caveat being, you'll loose any transparency value and border radiuses.
        */
}
.BJNTooltip-contextual .ui-tooltip-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
}
.BJNTooltip-contextual.right .ui-tooltip-content::after {
  width: 11px;
  height: 19px;
  background-size: 136px 15438px;
  background-position: 0px -15375px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  top: 18px;
  left: -10px;
  border-color: transparent;
  border-width: 10px 10px 10px 0;
}
.no-svg .BJNTooltip-contextual.right .ui-tooltip-content::after {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15239px;
}
.BJNTooltip-contextual.left .ui-tooltip-content::after {
  width: 11px;
  height: 19px;
  background-size: 136px 15438px;
  background-position: 0px -15419px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  top: 17px;
  right: -11px;
  border-color: transparent;
  border-width: 10px 0 10px 10px;
}
.no-svg .BJNTooltip-contextual.left .ui-tooltip-content::after {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15283px;
}
.BJNTooltip-contextual.content-mode.left .ui-tooltip-content::after {
  top: 30%;
}
.BJNTooltip-contextual.content-mode.left.jf3-onboarding-tooltip .ui-tooltip-content::after {
  top: 42%;
}
.BJNTooltip-contextual.self-recording.left .ui-tooltip-content::after {
  top: 17px;
}
.BJNTooltip-contextual.top .ui-tooltip-content::after {
  bottom: -10px;
  left: 72px;
  border-color: transparent;
  border-width: 10px 10px 0;
}
.BJNTooltip-contextual.bottom .ui-tooltip-content::after {
  top: -10px;
  left: 72px;
  border-color: transparent;
  border-width: 0 10px 10px;
}
.BJNTooltip-contextual .ui-tooltip-content:after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
}
.BJNTooltip-contextual.right .ui-tooltip-content:after {
  width: 11px;
  height: 19px;
  background-size: 136px 15438px;
  background-position: 0px -15375px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  top: 18px;
  left: -10px;
  border-color: transparent;
  border-width: 10px 10px 10px 0;
}
.no-svg .BJNTooltip-contextual.right .ui-tooltip-content:after {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15239px;
}
.BJNTooltip-contextual.left .ui-tooltip-content:after {
  width: 11px;
  height: 19px;
  background-size: 136px 15438px;
  background-position: 0px -15419px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
  top: 17px;
  right: -11px;
  border-color: transparent ;
  border-width: 10px 0 10px 10px;
}
.no-svg .BJNTooltip-contextual.left .ui-tooltip-content:after {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -15283px;
}
.BJNTooltip-contextual.content-mode.left .ui-tooltip-content:after {
  top: 30%;
}
.BJNTooltip-contextual.content-mode.left.jf3-onboarding-tooltip .ui-tooltip-content::after {
  top: 42%;
}
.BJNTooltip-contextual.self-recording.left .ui-tooltip-content:after {
  top: 17px;
}
.BJNTooltip-contextual.top .ui-tooltip-content:after {
  bottom: -10px;
  left: 72px;
  border-color: transparent;
  border-width: 10px 10px 0;
}
.BJNTooltip-contextual.bottom .ui-tooltip-content:after {
  top: -10px;
  left: 72px;
  border-color: transparent;
  border-width: 0 10px 10px;
}
.tooltipped {
  position: relative;
}
.tooltipped:after {
  position: absolute;
  z-index: 1000000;
  display: none;
  padding: 5px 8px;
  font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  -webkit-font-smoothing: subpixel-antialiased;
}
.tooltipped:before {
  position: absolute;
  z-index: 1000001;
  display: none;
  width: 0;
  height: 0;
  color: #000000;
  color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  content: "";
  border: 5px solid transparent;
}
.tooltipped:hover:before,
.tooltipped:hover:after,
.tooltipped:active:before,
.tooltipped:active:after,
.tooltipped:focus:before,
.tooltipped:focus:after {
  display: inline-block;
  text-decoration: none;
}
.tooltipped-multiline:hover:after,
.tooltipped-multiline:active:after,
.tooltipped-multiline:focus:after {
  display: table-cell;
}
.tooltipped-s:after,
.tooltipped-se:after,
.tooltipped-sw:after {
  top: 100%;
  right: 50%;
  margin-top: 5px;
}
.tooltipped-s:before,
.tooltipped-se:before,
.tooltipped-sw:before {
  top: auto;
  right: 50%;
  bottom: -5px;
  margin-right: -5px;
  border-bottom-color: rgba(0, 0, 0, 0.8);
}
.tooltipped-se:after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}
.tooltipped-sw:after {
  margin-right: -15px;
}
.tooltipped-n:after,
.tooltipped-ne:after,
.tooltipped-nw:after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 5px;
}
.tooltipped-n:before,
.tooltipped-ne:before,
.tooltipped-nw:before {
  top: -5px;
  right: 50%;
  bottom: auto;
  margin-right: -5px;
  border-top-color: rgba(0, 0, 0, 0.8);
}
.tooltipped-ne:after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}
.tooltipped-nw:after {
  margin-right: -15px;
}
.tooltipped-s:after,
.tooltipped-n:after {
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.tooltipped-w:after {
  right: 100%;
  bottom: 50%;
  margin-right: 5px;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
.tooltipped-w:before {
  top: 50%;
  bottom: 50%;
  left: -5px;
  margin-top: -5px;
  border-left-color: rgba(0, 0, 0, 0.8);
}
.tooltipped-e:after {
  bottom: 50%;
  left: 100%;
  margin-left: 5px;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
.tooltipped-e:before {
  top: 50%;
  right: -5px;
  bottom: 50%;
  margin-top: -5px;
  border-right-color: rgba(0, 0, 0, 0.8);
}
.tooltipped-multiline:after {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: normal;
  white-space: pre-line;
  border-collapse: separate;
}
.tooltipped-multiline.tooltipped-s:after,
.tooltipped-multiline.tooltipped-n:after {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tooltipped-multiline.tooltipped-w:after,
.tooltipped-multiline.tooltipped-e:after {
  right: 100%;
}
.tooltipped-sticky:before,
.tooltipped-sticky:after {
  display: inline-block;
}
.tooltipped-sticky.tooltipped-multiline:after {
  display: table-cell;
}
html {
  height: 100%;
}
html.skinny,
html.skinny:-webkit-full-screen-document {
  height: 100%;
}
html.skinny body {
  background-color: #f2f2f2;
  margin: 0;
  font: 16px Helvetica, "Helvetica LT Std", Arial, sans-serif;
  width: 100%;
  height: 100%;
}
html.skinny body #arrow_nav {
  display: none;
}
html.skinny body.premeeting {
  min-width: auto;
}
html.skinny body.premeeting #uncontained_main_content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
}
html.skinny body.premeeting #block_footer {
  display: none;
}
html.skinny body.premeeting #block_header {
  display: none;
}
html.skinny body.premeeting #block_header_new {
  display: none;
}
html.skinny body.premeeting .newFooter {
  display: none;
}
html.skinny body.premeeting #banner_top {
  position: absolute;
  width: 100%;
  z-index: 3;
}
html.skinny body .desktopContainer {
  display: none;
  height: 100%;
  width: 100%;
}
html.skinny.jf3 body {
  background-color: #272727;
  position: relative;
  min-width: auto;
  overflow-x: hidden;
}
html.skinny.jf3 #uncontained_main_content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
}
html.skinny.jf3 .footerPush {
  height: 60px;
}
html.skinny.jf3.hideFooter .footerPush {
  display: none;
}
html.skinny.jf3 .containerBackground {
  display: none;
}
html.skinny.jf3 .container {
  position: relative;
}
html.skinny.carmel body {
  background-color: #272727;
}
.container a {
  text-decoration: none;
  color: white;
  border-bottom: 1px solid #4d4d4d;
}
.container a:hover {
  border-bottom-color: #1286d4;
}
@media projection {
  body {
    background-color: #030303;
  }
}
body:-webkit-full-screen-document {
  background-color: #030303;
}
button,
input[type=button],
input[type=submit] {
  cursor: pointer;
}
button[disabled],
input[type=button][disabled],
input[type=submit][disabled] {
  cursor: auto;
}
.container {
  position: absolute;
  left: 40px;
  margin-left: -9999px;
}
.jf3 .container {
  left: 0;
  width: 100%;
  min-height: 100%;
  margin-bottom: -60px;
}
.hideFooter.jf3 .container {
  bottom: 0px;
  margin-bottom: 0px;
}
.fullScreen.container {
  bottom: 0px;
}
.container > .shadow {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
}
.container > .fullheight {
  position: absolute;
  top: 0;
  bottom: 0;
}
.jf3 .container > .fullheight {
  bottom: 60px;
}
.hideFooter.jf3 .container > .fullheight {
  bottom: 0px;
}
.containerBackground {
  position: absolute;
  z-index: 0;
  background-color: #272727;
  /*top: 88px;*/
  left: 0px;
  right: 0px;
}
.jf3 .containerBackground {
  position: static;
  background-color: transparent;
  height: 477px;
}
.header {
  height: 42px;
  top: -42px;
  position: absolute;
  margin-left: 0px;
}
.header .logoContainer {
  height: 34px;
  width: 200px;
  float: left;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/BlueJeans_Logo.png");
  background-repeat: no-repeat;
}
.header .poweredByContainer {
  display: none;
}
.template {
  display: none;
}
body > .mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}
iframe.shim {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  border: none;
  background: #303030;
  padding: 0;
  margin: 0;
}
.left-footer-content {
  font-size: 12px;
  line-height: 21px;
}
.trackTabAccessibility *:focus {
  outline: 4px solid #1D6BDD;
}
.turnOffOutlineForClick *:focus {
  outline: none;
  outline-color: transparent;
}
.turnOffOutlineForClick *:active {
  outline: none;
  outline-color: transparent;
}
body {
  background-color: black;
}
.emoticon {
  background-repeat: no-repeat;
  background-color: transparent;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  border: none;
  display: inline-block;
  margin-left: 2px;
}
.emoticon.thumbsup {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18171px;
}
.emoticon.thumbsdown {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18212px;
}
.emoticon.hand {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18294px;
}
.emoticon.happy {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18253px;
}
.emoticon.sad {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18335px;
}
.emoticon.confused {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px -18376px;
}
.placeholderLoading {
  display: none;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 2;
  position: absolute;
  overflow: hidden;
}
.placeholderLoading .pluginInstallerView ol.steps.disabled {
  filter: alpha(opacity=40);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.placeholderLoading .pluginInstallerView ol.steps.disabled button.download {
  background-color: #cccccc;
}
.ie-9 .placeholderLoading .loadingScreen .message,
.firefox .placeholderLoading .loadingScreen .message {
  letter-spacing: 0.4px;
}
.placeholderLeaving {
  height: 0px;
  overflow: hidden;
  position: absolute;
}
.pluginMaster,
.placeholderLogUpload,
.placeholderInstaller {
  visibility: hidden;
  width: 0px;
  height: 0px;
  position: absolute;
}
.instantMeetingTimer {
  left: 20px;
  display: none;
  color: #DDDDDD;
  background-color: black;
  bottom: 60px;
  z-index: 4;
  position: absolute;
  padding: 10px;
}
.instantMeetingTimer div.meetingEndMsg {
  font-size: 14px;
  padding-bottom: 5px;
  left: 20px;
}
.instantMeetingTimer div.timerContainer {
  font-size: 20px;
}
.freeTrialSignupInstantMeetingWrapper {
  display: none;
  z-index: 4;
  position: absolute;
  top: 250px;
  left: 50%;
}
.freeTrialSignupInstantMeetingWrapper .shim {
  left: -50%;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting {
  width: 400px;
  font-size: 16px;
  border-radius: 4px;
  padding: 36px 30px 28px;
  position: relative;
  z-index: 4;
  background-color: #DDDDDD;
  text-align: center;
  left: -50%;
  font-family: 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting .title {
  padding-bottom: 36px;
  line-height: 20px;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.freeTrial {
  width: 185px;
  font-size: 14px;
  display: inline !important;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #1d6bdd;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 16px;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial .turnOffOutlineForClick {
  outline: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial div.icon {
  display: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial:hover,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.hovered {
  background-color: #e0f1ff;
  border: 1px solid #1d6bdd;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial:active {
  background-color: #c2e3ff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial:active:focus {
  background-color: #c2e3ff;
  color: none;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial:focus {
  background-color: #ffffff;
  border: 1px solid #1d6bdd;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  -moz-box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(0, 137, 255, 0.12);
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.valid {
  background-color: #ffffff;
  color: #3fb811;
  border: 1px solid #3fb811;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid div {
  display: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid:hover,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid:active,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid:focus,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid:disabled,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid.disabled {
  background-color: #ffffff;
  color: #df0e0e;
  border: 1px solid #df0e0e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.disabled,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial:disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.disabled:hover,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial:disabled:hover,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.disabled:active,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial:disabled:active,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial.disabled:focus,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.cancel.freeTrial:disabled:focus {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial {
  height: 42px;
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: black;
  font: 16px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #000000;
  color: #ffffff;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  outline: none;
  transition: all 0.2s cubic-bezier(0.56, 0.27, 0.27, 1.16) 0s;
  font-size: 14px;
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial .turnOffOutlineForClick {
  outline: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial div.icon {
  display: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial:hover,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.hovered {
  background-color: #4182e2;
  border: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial:active {
  background-color: #659ae7;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial:active:focus {
  background-color: #659ae7;
  color: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial:active:not(:disabled) {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial:focus {
  background-color: #1d6bdd;
  border: none;
  -webkit-box-shadow: 0 0 0 4px #ff9700;
  -moz-box-shadow: 0 0 0 4px #ff9700;
  box-shadow: 0 0 0 4px #ff9700;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.disabled,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial:disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.disabled:hover,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial:disabled:hover,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.disabled:active,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial:disabled:active,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.disabled:focus,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial:disabled:focus {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.32);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.valid {
  background-color: #3fb811;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.16);
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid div {
  display: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid div.icon {
  display: block !important;
  margin: 0 auto;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid:hover,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid:active,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid:focus,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid:disabled,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid.disabled {
  background-color: #df0e0e;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid div.icon {
  width: 24px;
  height: 24px;
  background-size: 136px 15438px;
  background-position: 0px 0px;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg");
  background-repeat: no-repeat;
}
.no-svg .freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.invalid div.icon {
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/skinny.svg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading div {
  display: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-24.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  animation: spin 1s 0 linear infinite;
  -webkit-animation: spin 1s 0 linear infinite;
  -moz-animation: spin 1s 0 linear infinite;
  -ms-animation: spin 1s 0 linear infinite;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading:hover,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading:active,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading:focus,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading:disabled,
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading.disabled {
  background-color: #1d6bdd;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.24);
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading.no-svg {
  background-color: #1D6BDD !important;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading.no-svg div {
  display: none;
}
.freeTrialSignupInstantMeetingWrapper .freeTrialSignupInstantMeeting button.signup.freeTrial.loading.no-svg div.icon {
  display: block !important;
  background-image: url("https://static.bluejeans.com/ms/microservices/z1/wmc/7MBA7NA/images/bjn-ui-loading-spinner-white-on-blue-24.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin: 0 auto;
}
/*! jQuery UI - v1.9.2 - 2013-02-09
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.menu.css, jquery.ui.slider.css, jquery.ui.tooltip.css
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  zoom: 1;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
  zoom: 1;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
  background-image: none;
}
body .ui-tooltip {
  border-width: 2px;
}
div.BJN-modal div.micDeadModal {
  width: 500px;
  height: 230px;
  top: 30%;
}
div.BJN-modal div.micDeadModal > .modalContent {
  background-color: #FFF;
  height: 230px;
}
div.BJN-modal div.micDeadModal > .modalContent div.title {
  text-align: left;
  font: 18px 'ProximaNovaLight', 'Arial', Helvetica, sans-serif;
  padding: 36px 34px 24px 34px;
}
div.BJN-modal div.micDeadModal > .modalContent div.title div.focusableDummyDiv {
  display: inline-block;
}
div.BJN-modal div.micDeadModal > .modalContent div.title div.focusableDummyDiv:focus {
  outline: none;
  border: none;
}
div.BJN-modal div.micDeadModal > .modalContent div.title a.supportPageLink {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  color: #1D6BDD;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  margin-left: 10px;
}
div.BJN-modal div.micDeadModal > .modalContent div.title a.supportPageLink:hover {
  background-color: rgba(0, 137, 255, 0.12);
  outline: rgba(0, 137, 255, 0.12) solid 2px;
}
div.BJN-modal div.micDeadModal > .modalContent div.title a.supportPageLink:focus {
  border-bottom: 2px solid rgba(0, 137, 255, 0.12);
}
div.BJN-modal div.micDeadModal > .modalContent div.title a.supportPageLink:active {
  color: #fff;
  background-color: rgba(0, 137, 255, 0.24);
  outline: rgba(0, 137, 255, 0.24) solid 2px;
}
div.BJN-modal div.micDeadModal > .modalContent div.title a.supportPageLink.disabled {
  outline: 0;
  color: rgba(0, 0, 0, 0.24);
  cursor: default;
}
div.BJN-modal div.micDeadModal > .modalContent .content {
  padding: 0 34px;
}
div.BJN-modal div.micDeadModal > .modalContent .content div.message {
  font: 14px 'ProximaNovaRegular', 'Arial', Helvetica, sans-serif;
  padding: 0;
}
div.BJN-modal div.micDeadModal > .modalContent .content div.dialogControls {
  text-align: left;
  margin-top: 36px;
  margin-bottom: 24px;
}
div.BJN-modal div.micDeadModal > .modalContent .content div.dialogControls button.accept {
  display: inline-block;
  width: auto;
  padding: 10px 34px;
  margin-right: 24px;
}
div.BJN-modal div.micDeadModal > .modalContent .content div.dialogControls button.accept:focus {
  box-shadow: 0 0 0 4px #ff9700;
}
div.BJN-modal div.micDeadModal > .modalContent a:focus {
  outline: 4px solid #ff9700;
}
html body,
html div,
html dl,
html dt,
html dd,
html ul,
html ol,
html li,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html pre,
html code,
html form,
html fieldset,
html legend,
html input,
html button,
html textarea,
html select,
html p,
html blockquote,
html th,
html td {
  margin: 0;
  padding: 0;
}
html table {
  border-collapse: collapse;
  border-spacing: 0;
}
html fieldset,
html img {
  border: 0;
}
html address,
html button,
html caption,
html cite,
html code,
html dfn,
html em,
html input,
html optgroup,
html option,
html select,
html strong,
html textarea,
html th,
html var {
  font: inherit;
}
html del,
html ins {
  text-decoration: none;
}
html li {
  list-style: none;
}
html caption,
html th {
  text-align: left;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-size: 100%;
  font-weight: normal;
}
html q:before,
html q:after {
  content: '';
}
html abbr,
html acronym {
  border: 0;
  font-variant: normal;
}
html sup {
  vertical-align: baseline;
}
html sub {
  vertical-align: baseline;
}
html legend {
  color: #000000;
}
html ol {
  list-style: none;
}
html ol li {
  margin: 0;
}
html button::-moz-focus-inner,
html input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
html .ffspacer {
  display: block;
  height: inherit;
}
html textarea:focus,
html input:focus {
  outline: none;
}
/*
YUI 2: Reset CSS
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
div.scrollbar-container {
  position: absolute;
  float: right;
  z-index: 1;
  right: 0px;
  top: 2px;
  bottom: 2px;
  width: 9px;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -o-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -moz-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
  -webkit-transition-timing-function: cubic-bezier(0, 0.9, 0.32, 0.78);
}
.jf3 div.scrollbar-container {
  top: 4px;
  bottom: 4px;
}
div.scrollbar-container div.scrollbar-track {
  position: absolute;
  top: 0;
  right: 4px;
  height: 100%;
  width: 1px;
  background-color: #4d4d4d;
}
.jf3 div.scrollbar-container div.scrollbar-track {
  width: 0px;
  right: 7px;
}
div.scrollbar-container div.scrollbar-track div.scrollbar-drag {
  position: absolute;
  right: 0;
  left: 0;
  -webkit-background-clip: padding-box;
  background: #cccccc;
  min-height: 15px;
}
div.scrollbar-container div.scrollbar-track div.scrollbar-drag:hover {
  background: white;
}
.jf3 div.scrollbar-container div.scrollbar-track div.scrollbar-drag {
  border-radius: 6px;
  background-color: #CBCBCB;
  background-color: rgba(0, 0, 0, 0.16);
}
.jf3 div.scrollbar-container div.scrollbar-track div.scrollbar-drag:hover {
  background-color: #A4A4A4;
  background-color: rgba(0, 0, 0, 0.32);
}
div.scrollbar-container.scrolling div.scrollbar-track div.scrollbar-drag {
  background-color: #1286d4;
}
.jf3 div.scrollbar-container.scrolling div.scrollbar-track div.scrollbar-drag {
  background-color: #575757;
  background-color: rgba(0, 0, 0, 0.64);
}
.scrollbar:hover div.scrollbar-container,
div.scrollbar-container.scrolling {
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -o-transition-duration: 0.05s;
  -moz-transition-duration: 0.05s;
  -webkit-transition-duration: 0.05s;
}
.scrollbar:hover div.scrollbar-track div.scrollbar-drag,
div.scrollbar-container.scrolling div.scrollbar-track div.scrollbar-drag {
  left: -1px;
  right: -1px;
}
.jf3 .scrollbar:hover div.scrollbar-track div.scrollbar-drag,
.jf3 div.scrollbar-container.scrolling div.scrollbar-track div.scrollbar-drag {
  left: -3px;
  right: -3px;
}
.sidebar.mac.osx_lion .scrollpane-content {
  max-width: 280px;
}
.sidebar.mac.osx_lion *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
.sidebar.mac.osx_lion *::-webkit-scrollbar:active,
.sidebar.mac.osx_lion *::-webkit-scrollbar:hover,
.sidebar.mac.osx_lion *::-webkit-scrollbar:focus {
  -webkit-appearance: none;
  width: 15px;
}
.mac.osx_lion .pagerOptionsPanel *::-webkit-scrollbar {
  -webkit-appearance: slider-vertical;
  width: 7px;
}
.mac.osx_lion .pagerOptionsPanel *::-webkit-scrollbar:active,
.mac.osx_lion .pagerOptionsPanel *::-webkit-scrollbar:hover,
.mac.osx_lion .pagerOptionsPanel *::-webkit-scrollbar:focus {
  -webkit-appearance: slider-vertical;
  width: 7px;
}
.mac.osx_lion .pagerOptionsPanel *::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #6F6F6F;
  -webkit-box-shadow: 0 1px 1px #000;
}
.stage {
  float: left;
  position: relative;
  overflow: hidden;
  z-index: 2;
  width: 600px;
  /* Fixes Chrome bug where JS executes before the plugin placeholder image has its height loaded*/
  height: 450px;
}
.stage.sharingVideo {
  padding-bottom: 50px;
}
.stage .stageInnerContainer {
  position: absolute;
  width: 100%;
  height: 100%;
}
.jf3 .stage {
  float: inherit;
  display: inline-block;
}
.stage img.leavingScreen,
.stage object,
.stage embed,
.stage canvas {
  display: block;
  /*removes bottom gap */
}
.stage.pinned {
  padding: 0 0 56px 0;
}
.stage .bar.top {
  padding: 5px;
  height: 46px;
  top: -56px;
  display: none;
  position: absolute;
  height: 32px;
  left: 0;
  right: 0;
  color: white;
  z-index: 35;
  background: #303030;
  /* iframe shim necessary for plugin overlay in Chrome/IE */
}
.stage .bar.top.shim {
  padding: 0px;
  margin: 0px;
  z-index: 32;
  height: 56px;
  width: 100%;
  position: absolute;
}
.stage .bar.top h1 {
  font-size: 16px;
  padding: 8px;
}
.stage .bar.top h1.meeting-name {
  margin-right: 50px;
}
.stage .bar.top button.participants {
  float: right;
}
div.jf3-onboarding-tooltip {
  width: 340px;
}
div.tooltipWrapper {
  padding: 12px 2px 12px 8px;
  width: 250px;
}
div.tooltipWrapper .onboardingTooltipHeader {
  font-size: 18px;
  font-family: proximanovaregular;
}
div.tooltipWrapper .onboardingTooltipContent {
  font-size: 16px;
}
div.tooltipWrapper.alreadyOnPhone .onboardingTooltipContent {
  font-size: 14px;
  margin-top: 18px;
}
@media (max-width: 960px) {
  div.jf3-onboarding-tooltip {
    display: none !important;
  }
}
/*
@media (min-width:960px) and (max-width: 1200px) {
	div.jf3-onboarding-tooltip {
		width: 280px;
		left: 0px !important;
		div.ui-tooltip-content {
			padding: 10px 34px 10px 14px;
		}
	}
}*/
@media (min-width: 1100px) and (max-width: 1200px) {
  div.jf3-onboarding-tooltip {
    width: 280px;
  }
}
@media (min-width: 1200px) {
  div.jf3-onboarding-tooltip {
    width: 320px;
  }
}
.BJNTooltip-contextual.ui-tooltip {
  border: 1px solid #989898;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.32);
  border-width: 1px !important;
}
@media (min-width: 1050px) and (max-width: 1100px) {
  div.jf3-onboarding-tooltip {
    width: 220px;
  }
  .ui-tooltip-content {
    padding: 9px 35px 9px 13px;
  }
  .ui-tooltip-content div.tooltipWrapper {
    padding: 10px 1px 10px 6px;
    width: 160px;
  }
  .ui-tooltip-content div.tooltipWrapper .onboardingTooltipHeader {
    font-size: 17px;
    font-family: proximanovaregular;
  }
  .ui-tooltip-content div.tooltipWrapper .onboardingTooltipContent {
    font-size: 15px;
  }
  .ui-tooltip-content div.tooltipWrapper.alreadyOnPhone .onboardingTooltipContent {
    font-size: 13px;
  }
}
@media (max-width: 1050px) {
  div.jf3-onboarding-tooltip {
    width: 220px;
  }
  .ui-tooltip-content {
    padding: 9px 35px 9px 13px;
  }
  .ui-tooltip-content div.tooltipWrapper {
    width: 140px;
    padding: 10px 1px 10px 6px;
  }
  .ui-tooltip-content div.tooltipWrapper .onboardingTooltipHeader {
    font-size: 17px;
    font-family: proximanovaregular;
  }
  .ui-tooltip-content div.tooltipWrapper .onboardingTooltipContent {
    font-size: 15px;
  }
  .ui-tooltip-content div.tooltipWrapper.alreadyOnPhone .onboardingTooltipContent {
    font-size: 13px;
  }
}
.ui-tooltip {
  z-index: 9;
}