/* Noto Sans*/
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 300;
  src: local('Noto Sans Light'), local('NotoSans-Light'), url('/font/noto/noto-sans/noto-sans-light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/font/noto/noto-sans/noto-sans-light.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url('/font/noto/noto-sans/noto-sans-regular.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 500;
  src: local('Noto Sans Medium'), local('NotoSans-Medium'), url('/font/noto/noto-sans/noto-sans-medium.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-medium.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 600;
  src: local('Noto Sans Semi Bold'), local('NotoSans-SemiBold'), url('/font/noto/noto-sans/noto-sans-semibold.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-semibold.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('/font/noto/noto-sans/noto-sans-bold.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-bold.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 300;
  src: local('Noto Sans Light Italic'), local('NotoSans-LightItalic'), url('/font/noto/noto-sans/noto-sans-lightitalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/font/noto/noto-sans/noto-sans-lightitalic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 400;
  src: local('Noto Sans Italic'), local('NotoSansItalic'), url('/font/noto/noto-sans/noto-sans-italic.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-italic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 500;
  src: local('Noto Sans Medium Italic'), local('NotoSans-MediumItalic'), url('/font/noto/noto-sans/noto-sans-mediumitalic.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-mediumitalic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 600;
  src: local('Noto Sans Semi Bold Italic'), local('NotoSans-SemiBoldItalic'), url('/font/noto/noto-sans/noto-sans-semibolditalic.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-semibolditalic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 700;
  src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url('/font/noto/noto-sans/noto-sans-bolditalic.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-bolditalic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'), local('NotoSerif'), url('/font/noto/noto-serif/noto-serif-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/font/noto/noto-serif/noto-serif-regular.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url('/font/noto/noto-serif/noto-serif-bold.woff2') format('woff2'), url('/font/noto/noto-serif/noto-serif-bold.woff') format('woff');
}
.hide-scrollbar {
  /* Internet Explorer 10+ */
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.panel-group {
  margin-bottom: 0;
}
.panel-group .panel {
  margin-bottom: 16px;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel {
  border-radius: 4px !important;
  border: 1px solid #d8d8d8;
  margin-bottom: 16px;
  box-shadow: none;
}
.panel:focus-within {
  border-color: #0026ff;
}
.panel .panel-heading {
  color: #737373;
  background: none;
  border: none;
  padding: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  user-select: none;
}
.panel .panel-heading .panel-title {
  font-size: 18px;
}
.panel .panel-heading .hide-icon {
  visibility: hidden;
}
.panel .panel-heading > i {
  font-size: 28px;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: -8px -8px -8px auto;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.panel .panel-heading.collapsed > i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.panel .panel-heading:focus > i,
.panel .panel-heading:hover > i,
.panel .panel-heading:active > i {
  background-color: rgba(119, 119, 119, 0.4);
  color: #222222;
}
.panel .panel-collapse .panel-body {
  padding: 8px 16px 16px 16px;
  border: none !important;
}
.modal {
  max-height: 100%;
  background: rgba(0, 0, 0, 0.32);
}
.modal .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0;
  overflow: visible;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.modal .modal-dialog .modal-content {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  max-width: 640px;
  width: 85%;
  border: 0;
  border-radius: 16px;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 24px 24px 8px;
  color: #222222;
  border: none;
  z-index: 1;
  position: relative;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 500;
}
.modal .modal-dialog .modal-content .modal-header > button.close {
  display: none;
}
.modal .modal-dialog .modal-content .modal-header.has-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
.modal .modal-dialog .modal-content .modal-body {
  color: #737373;
  padding: 16px 24px 0;
  max-height: 70vh;
  max-height: calc(var(--vh, 1vh) * 70);
  overflow-y: auto;
}
.modal .modal-dialog .modal-content .modal-body .description-area {
  color: #737373;
}
.modal .modal-dialog .modal-content .modal-body .description-area ul {
  padding-left: 24px;
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-body .form-area {
  margin-top: 32px;
}
.modal .modal-dialog .modal-content .modal-body.has-shadow {
  padding-top: 0;
}
.modal .modal-dialog .modal-content .modal-body.has-shadow:before,
.modal .modal-dialog .modal-content .modal-body.has-shadow:after {
  content: "";
  height: 4px;
  display: block;
  position: sticky;
  margin: 0 -24px;
  z-index: 1;
}
.modal .modal-dialog .modal-content .modal-body.has-shadow:before {
  top: 0;
  margin-bottom: 16px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.modal .modal-dialog .modal-content .modal-body.has-shadow:after {
  bottom: 0;
  box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.12);
}
.modal .modal-dialog .modal-content .modal-body.has-shadow .shadow-cover-top,
.modal .modal-dialog .modal-content .modal-body.has-shadow .shadow-cover-bottom {
  background: white;
  z-index: 2;
  position: absolute;
  display: block;
  height: 9px;
  width: 100%;
  left: 0;
}
.modal .modal-dialog .modal-content .modal-body.has-shadow .shadow-cover-top {
  top: 0;
}
.modal .modal-dialog .modal-content .modal-footer {
  border: none;
  padding: 24px 12px 12px 24px;
  display: flex;
  justify-content: flex-end;
}
.modal .modal-dialog .modal-content .modal-footer.has-border {
  border-top: 1px solid rgba(0, 0, 0, 0.26);
}
.modal .modal-dialog.modal-lg .modal-content {
  max-width: 960px;
}
.modal.with-tabs .modal-dialog .modal-content .modal-header {
  padding-bottom: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.modal.with-tabs .modal-dialog .modal-content .modal-header .tab-link-area {
  margin-top: 12px;
}
.modal.with-tabs .modal-dialog .modal-content .modal-header .tab-link-area > ul.nav.nav-tabs > li:first-child {
  margin-left: 0;
}
.modal.with-tabs .modal-dialog .modal-content .modal-header .tab-link-area > ul.nav.nav-tabs > li a {
  height: 40px;
}
.modal.with-tabs .modal-dialog .modal-content .modal-body.has-shadow {
  padding-top: 16px;
}
.modal.with-tabs .modal-dialog .modal-content .modal-body.has-shadow:before,
.modal.with-tabs .modal-dialog .modal-content .modal-body.has-shadow .shadow-cover-top {
  display: none;
}
.modal.fade .modal-dialog {
  transform: none;
  transform: scaleX(0.4) scaleY(0.4);
  -webkit-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.fade.in .modal-dialog {
  transform: scaleX(1) scaleY(1);
}
.view-full-size-resume-modal .modal-dialog .modal-content {
  max-width: 85%;
}
.view-full-size-resume-modal .resume-frame {
  width: 100%;
  height: 550px;
  height: 70vh;
  height: calc(var(--vh, 1vh) * 70);
}
.modal.material-3-modal {
  max-height: 100%;
  background: rgba(0, 0, 0, 0.32);
}
.modal.material-3-modal .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0;
  overflow: visible;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.modal.material-3-modal .modal-dialog .modal-content {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  max-width: 640px;
  width: 85%;
  border: 0;
  border-radius: 16px;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 32px 8px;
  color: #222222;
  border: none;
  z-index: 1;
  position: relative;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-header i.material-icons {
  font-size: 32px;
  color: #737373;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 500;
  font-size: 24px;
  margin: 16px 0;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-header p {
  color: #737373;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-header > button.close {
  display: none;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-header.has-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body {
  color: #222222;
  padding: 16px 32px 0;
  max-height: 70vh;
  max-height: calc(var(--vh, 1vh) * 70);
  overflow-y: auto;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body .description-area {
  color: #737373;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body .description-area ul {
  padding-left: 24px;
  margin: 0;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body .form-area {
  margin-top: 32px;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body.has-shadow {
  padding-top: 0;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body.has-shadow:before,
.modal.material-3-modal .modal-dialog .modal-content .modal-body.has-shadow:after {
  content: "";
  height: 4px;
  display: block;
  position: sticky;
  margin: 0 -24px;
  z-index: 1;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body.has-shadow:before {
  top: 0;
  margin-bottom: 16px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body.has-shadow:after {
  bottom: 0;
  box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.12);
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body.has-shadow .shadow-cover-top,
.modal.material-3-modal .modal-dialog .modal-content .modal-body.has-shadow .shadow-cover-bottom {
  background: white;
  z-index: 2;
  position: absolute;
  display: block;
  height: 9px;
  width: 100%;
  left: 0;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-body.has-shadow .shadow-cover-top {
  top: 0;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-footer {
  border: none;
  padding: 24px 32px;
}
.modal.material-3-modal .modal-dialog .modal-content .modal-footer.has-border {
  border-top: 1px solid rgba(0, 0, 0, 0.26);
}
.modal.material-3-modal .modal-dialog .modal-content .modal-footer .btn {
  border-radius: 24px;
}
.modal.material-3-modal .modal-dialog.modal-sm .modal-content {
  max-width: 480px;
}
.modal.material-3-modal .modal-dialog.modal-lg .modal-content {
  max-width: 960px;
}
.modal.material-3-modal.with-tabs .modal-dialog .modal-content .modal-header {
  padding-bottom: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.modal.material-3-modal.with-tabs .modal-dialog .modal-content .modal-header .tab-link-area {
  margin-top: 12px;
}
.modal.material-3-modal.with-tabs .modal-dialog .modal-content .modal-header .tab-link-area > ul.nav.nav-tabs > li:first-child {
  margin-left: 0;
}
.modal.material-3-modal.with-tabs .modal-dialog .modal-content .modal-header .tab-link-area > ul.nav.nav-tabs > li a {
  height: 40px;
}
.modal.material-3-modal.with-tabs .modal-dialog .modal-content .modal-body.has-shadow {
  padding-top: 16px;
}
.modal.material-3-modal.with-tabs .modal-dialog .modal-content .modal-body.has-shadow:before,
.modal.material-3-modal.with-tabs .modal-dialog .modal-content .modal-body.has-shadow .shadow-cover-top {
  display: none;
}
.modal.material-3-modal.fade .modal-dialog {
  transform: none;
  transform: scaleX(0.4) scaleY(0.4);
  -webkit-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.material-3-modal.fade.in .modal-dialog {
  transform: scaleX(1) scaleY(1);
}
.tab-link-area > ul.nav.nav-tabs {
  border-bottom: none;
  margin-left: 0;
}
.tab-link-area > ul.nav.nav-tabs > li:first-child {
  margin-left: 48px;
}
.tab-link-area > ul.nav.nav-tabs > li a {
  min-width: 72px;
  max-width: 264px;
  height: 48px;
  text-align: center;
  font-size: 13px;
  color: #737373;
  padding: 0 24px;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.tab-link-area > ul.nav.nav-tabs > li a:hover {
  background-color: rgba(0, 38, 255, 0.05) !important;
}
.tab-link-area > ul.nav.nav-tabs > li a:focus {
  background-color: rgba(0, 38, 255, 0.1) !important;
}
.tab-link-area > ul.nav.nav-tabs > li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.tab-link-area > ul.nav.nav-tabs > li a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.tab-link-area > ul.nav.nav-tabs > li a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.tab-link-area > ul.nav.nav-tabs > li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.tab-link-area > ul.nav.nav-tabs > li a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.tab-link-area > ul.nav.nav-tabs > li a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.tab-link-area > ul.nav.nav-tabs > li.active a {
  color: #222222;
  background-color: #ffffff;
  border-color: transparent;
  border-bottom: 2px solid #0026ff;
}
.tab-link-area > ul.nav.nav-tabs .tab-content {
  padding: 0 24px;
}
.file-upload-widget .upload-input {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.file-upload-widget .upload-input span {
  font-size: 12px;
  margin-left: 8px;
  min-width: unset;
}
.file-upload-widget .action-div-widget {
  display: flex;
  align-items: center;
}
.file-upload-widget.avatar {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.file-upload-widget.avatar .upload-preview-widget {
  position: relative;
  margin-right: 16px;
}
.file-upload-widget.avatar .upload-preview-widget img.avatar {
  width: 56px;
  height: 56px;
}
.file-upload-widget.avatar .upload-preview-widget .spinner-wrapper {
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: 1;
}
.file-upload-widget.avatar .upload-preview-widget .spinner-wrapper .path {
  stroke-width: 2;
}
.file-upload-widget.avatar .action-div-widget {
  display: flex;
  align-items: center;
  height: 56px;
}
.file-upload-widget.avatar .action-div-widget .upload-input {
  display: none;
}
.file-upload-widget.avatar .action-div-widget button.btn :not(.disabled) {
  color: #0026ff !important;
}
.file-upload-widget.avatar.has-image-preview .upload-preview-widget {
  position: absolute;
}
.file-upload-widget.avatar.has-image-preview .upload-preview-widget .spinner-wrapper {
  display: none;
}
.file-upload-widget.avatar.has-image-preview .action-div-widget {
  position: relative;
  left: 72px;
}
@media (max-width: 991px) {
  .file-upload-widget.avatar {
    flex-wrap: wrap;
  }
  .file-upload-widget.avatar .upload-preview-widget {
    margin-right: 8px;
  }
}
@media (max-width: 991px) {
  .file-upload-widget .upload-input {
    width: 100%;
    margin: 0 auto 8px 0;
  }
  .file-upload-widget .action-div-widget {
    flex-wrap: wrap;
  }
  .file-upload-widget .action-div-widget button.btn.upload-buttons {
    font-size: 12px;
    line-height: 32px;
    padding: 0 8px;
  }
  .file-upload-widget .action-div-widget button.btn.upload-buttons.btn-material > div .spinner-wrapper {
    height: 32px;
  }
}
.btn-group-more .btn.dropdown-toggle {
  padding: 0;
  border-radius: 50%;
  line-height: 33px;
  width: 32px;
  height: 32px;
  color: #737373;
  -webkit-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
.btn-group-more .btn.dropdown-toggle i:before {
  font-size: 22px;
}
.btn-group-more .btn.dropdown-toggle:hover,
.btn-group-more .btn.dropdown-toggle:focus,
.btn-group-more .btn.dropdown-toggle:active {
  background-color: rgba(119, 119, 119, 0.4);
  color: #222222 !important;
}
.dropdown-menu {
  left: auto;
  right: 0;
  top: -8px;
  border-radius: 4px;
  overflow: hidden;
  border: none;
  padding: 0;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.dropdown-menu li a {
  display: flex;
  align-items: center;
  min-height: 40px;
  color: #222222;
}
.dropdown-menu li a.selected {
  background-color: #f5f5f5;
}
.material-banner {
  background: #ffffff;
  border-bottom: 1px solid #d8d8d8;
}
.material-banner .inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
  padding: 16px 40px;
}
.material-banner .inner .button-wrapper {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-left: 24px;
}
@media (max-width: 991px) {
  .material-banner .inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
  }
  .material-banner .inner .button-wrapper {
    margin-left: auto;
  }
}
.empty-area-message {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 48px 24px 64px;
}
.empty-area-message .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.empty-area-message .wrapper i.material-icons {
  font-size: 48px;
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.26);
}
@media (max-width: 991px) {
  .empty-area-message .wrapper i.material-icons {
    font-size: 40px;
    margin-bottom: 8px;
  }
}
.empty-area-message .wrapper h5 {
  color: #222222;
  margin: 0;
  font-size: 22px;
  font-weight: normal;
}
.empty-area-message .wrapper p {
  margin: 16px 0 0;
  font-size: 14px;
  color: #737373;
  max-width: 100%;
}
.empty-area-message .wrapper button {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .empty-area-message .wrapper button {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .empty-area-message .wrapper img {
    width: 272px;
    height: 272px;
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .empty-area-message .wrapper img {
    width: 320px;
    height: 320px;
    margin-top: 40px;
  }
}
.empty-area-message.small {
  padding-top: 32px;
  padding-bottom: 32px;
}
.empty-area-message.small .wrapper h5 {
  font-size: 18px;
}
.empty-area-message.small .wrapper img {
  margin-top: 16px;
  width: 176px;
  height: 176px;
}
.empty-area-message.xs {
  padding-top: 16px;
  padding-bottom: 16px;
}
.empty-area-message.xs .wrapper h5 {
  font-size: 16px;
}
.empty-area-message.xs .wrapper img {
  margin-top: 16px;
  width: 100px;
  height: 100px;
}
.chip {
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 32px;
  padding: 0 12px;
  background-color: rgba(0, 38, 255, 0.1);
  color: #222222;
  cursor: default;
}
.chip .text-wrapper span {
  line-height: 24px;
}
.chip .text-wrapper span:nth-of-type(2):before {
  content: "/";
  margin: 0 4px;
}
.chip i.material-icons.material-icons-btn {
  font-size: 18px !important;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: 4px;
  margin-right: -8px;
  top: 0;
}
.chip img.avatar {
  height: 26px;
  margin: 0 4px 0 -8px;
}
.chip.with-subtitle {
  height: unset;
}
.chip.with-subtitle img.avatar {
  height: 32px;
}
.chip.with-subtitle .text-wrapper {
  display: flex;
  flex-direction: column;
  padding: 4px 2px;
}
.chip.with-subtitle .text-wrapper span {
  line-height: 1.2;
}
.chip.with-subtitle .text-wrapper span.subtitle {
  font-size: 12px;
  color: #737373;
}
.chip.with-subtitle .text-wrapper span.subtitle:before {
  display: none;
}
.chip.scheduled-chat-invitation-disabled {
  opacity: 0.38;
}
.chip-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 8px -4px 16px;
}
.chip-group .chip {
  margin: 0 4px 8px;
}
.chip-group.selectable p.divider {
  flex: 0 0 100%;
  margin: 16px 4px;
  color: #222222;
}
.chip-group.selectable p.divider .small {
  margin-left: 8px;
}
.chip-group.selectable .chip {
  border: 1px solid rgba(0, 0, 0, 0.26);
  background-color: #ffffff;
  color: #737373;
  margin: 0 4px 8px;
  font-size: 12px;
}
.chip-group.selectable .chip.selected {
  background-color: rgba(0, 38, 255, 0.1);
  border-color: #0026ff;
  color: #222222;
}
.action-card {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  color: #737373;
  font-size: 14px;
}
.action-card .title-area {
  display: flex;
  align-items: center;
  padding: 24px 24px 0;
}
.action-card .title-area .title {
  color: #222222;
}
.action-card .body {
  padding: 24px 24px;
}
.action-card .footer {
  background-color: #f5f5f5;
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0 16px 16px;
  padding: 8px 12px 8px 24px;
  margin-top: 8px;
}
.action-card .footer .btn {
  min-width: 64px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  0.1% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  0.1% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  0.1% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  0.1% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  0.1% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  0.1% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInBottomSmall {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  0.1% {
    opacity: 0;
    -webkit-transform: translateY(8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInBottomSmall {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  0.1% {
    opacity: 0;
    -webkit-transform: translateY(8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes fadeInTopSmall {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  0.1% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInTopSmall {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  0.1% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 0;
  }
  0.1% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: matrix3d(0.6, 0, 0, 0, 0, 0.6, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.6, 0, 0, 0, 0, 0.6, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.71636, 0, 0, 0, 0, 0.74881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.71636, 0, 0, 0, 0, 0.74881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.83874, 0, 0, 0, 0, 0.92553, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.83874, 0, 0, 0, 0, 0.92553, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    -webkit-transform: matrix3d(0.94219, 0, 0, 0, 0, 1.05781, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.94219, 0, 0, 0, 0, 1.05781, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.01518, 0, 0, 0, 0, 1.11747, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01518, 0, 0, 0, 0, 1.11747, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.05635, 0, 0, 0, 0, 1.11271, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05635, 0, 0, 0, 0, 1.11271, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.07078, 0, 0, 0, 0, 1.07078, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.07078, 0, 0, 0, 0, 1.07078, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(1.06642, 0, 0, 0, 0, 1.02098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.06642, 0, 0, 0, 0, 1.02098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(1.05156, 0, 0, 0, 0, 0.98371, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05156, 0, 0, 0, 0, 0.98371, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(1.0331, 0, 0, 0, 0, 0.9669, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0331, 0, 0, 0, 0, 0.9669, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01588, 0, 0, 0, 0, 0.96824, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01588, 0, 0, 0, 0, 0.96824, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.00258, 0, 0, 0, 0, 0.98006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00258, 0, 0, 0, 0, 0.98006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(0.99409, 0, 0, 0, 0, 0.99409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99409, 0, 0, 0, 0, 0.99409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(0.99006, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99006, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.98947, 0, 0, 0, 0, 1.00933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98947, 0, 0, 0, 0, 1.00933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99105, 0, 0, 0, 0, 1.00895, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99105, 0, 0, 0, 0, 1.00895, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(0.99365, 0, 0, 0, 0, 1.00562, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99365, 0, 0, 0, 0, 1.00562, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(0.99639, 0, 0, 0, 0, 1.00167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99639, 0, 0, 0, 0, 1.00167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99871, 0, 0, 0, 0, 0.99871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99871, 0, 0, 0, 0, 0.99871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(1.00034, 0, 0, 0, 0, 0.99737, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00034, 0, 0, 0, 0, 0.99737, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00126, 0, 0, 0, 0, 0.99748, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00126, 0, 0, 0, 0, 0.99748, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1.00149, 0, 0, 0, 0, 0.99953, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00149, 0, 0, 0, 0, 0.99953, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1.00115, 0, 0, 0, 0, 1.00036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00115, 0, 0, 0, 0, 1.00036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1.00074, 0, 0, 0, 0, 1.00074, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00074, 0, 0, 0, 0, 1.00074, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00036, 0, 0, 0, 0, 1.00071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00036, 0, 0, 0, 0, 1.00071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1.00006, 0, 0, 0, 0, 1.00045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00006, 0, 0, 0, 0, 1.00045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(0.99987, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99987, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(0.99978, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99978, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(0.99976, 0, 0, 0, 0, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99976, 0, 0, 0, 0, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: matrix3d(0.6, 0, 0, 0, 0, 0.6, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.6, 0, 0, 0, 0, 0.6, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.71636, 0, 0, 0, 0, 0.74881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.71636, 0, 0, 0, 0, 0.74881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.83874, 0, 0, 0, 0, 0.92553, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.83874, 0, 0, 0, 0, 0.92553, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    -webkit-transform: matrix3d(0.94219, 0, 0, 0, 0, 1.05781, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.94219, 0, 0, 0, 0, 1.05781, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.01518, 0, 0, 0, 0, 1.11747, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01518, 0, 0, 0, 0, 1.11747, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.05635, 0, 0, 0, 0, 1.11271, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05635, 0, 0, 0, 0, 1.11271, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.07078, 0, 0, 0, 0, 1.07078, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.07078, 0, 0, 0, 0, 1.07078, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(1.06642, 0, 0, 0, 0, 1.02098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.06642, 0, 0, 0, 0, 1.02098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(1.05156, 0, 0, 0, 0, 0.98371, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05156, 0, 0, 0, 0, 0.98371, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(1.0331, 0, 0, 0, 0, 0.9669, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0331, 0, 0, 0, 0, 0.9669, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01588, 0, 0, 0, 0, 0.96824, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01588, 0, 0, 0, 0, 0.96824, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.00258, 0, 0, 0, 0, 0.98006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00258, 0, 0, 0, 0, 0.98006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(0.99409, 0, 0, 0, 0, 0.99409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99409, 0, 0, 0, 0, 0.99409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(0.99006, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99006, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.98947, 0, 0, 0, 0, 1.00933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98947, 0, 0, 0, 0, 1.00933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99105, 0, 0, 0, 0, 1.00895, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99105, 0, 0, 0, 0, 1.00895, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(0.99365, 0, 0, 0, 0, 1.00562, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99365, 0, 0, 0, 0, 1.00562, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(0.99639, 0, 0, 0, 0, 1.00167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99639, 0, 0, 0, 0, 1.00167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99871, 0, 0, 0, 0, 0.99871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99871, 0, 0, 0, 0, 0.99871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(1.00034, 0, 0, 0, 0, 0.99737, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00034, 0, 0, 0, 0, 0.99737, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00126, 0, 0, 0, 0, 0.99748, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00126, 0, 0, 0, 0, 0.99748, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1.00149, 0, 0, 0, 0, 0.99953, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00149, 0, 0, 0, 0, 0.99953, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1.00115, 0, 0, 0, 0, 1.00036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00115, 0, 0, 0, 0, 1.00036, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1.00074, 0, 0, 0, 0, 1.00074, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00074, 0, 0, 0, 0, 1.00074, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00036, 0, 0, 0, 0, 1.00071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00036, 0, 0, 0, 0, 1.00071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1.00006, 0, 0, 0, 0, 1.00045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00006, 0, 0, 0, 0, 1.00045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(0.99987, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99987, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(0.99978, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99978, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(0.99976, 0, 0, 0, 0, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99976, 0, 0, 0, 0, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.animated-off {
  -webkit-animation: none !important;
  animation: none !important;
  -webkit-animation-duration: unset !important;
  animation-duration: unset !important;
  -webkit-animation-fill-mode: none !important;
  animation-fill-mode: none !important;
  -webkit-animation-name: none !important;
  animation-name: none !important;
}
.animated-reset-name {
  -webkit-animation-name: none;
  animation-name: none;
}
.fadeInLeft {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.fadeInRight {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.fadeInBottom {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
}
.fadeInTopSmall {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInTopSmall;
  animation-name: fadeInTopSmall;
}
.fadeOut {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  animation-name: fadeOut;
}
.bounce {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
.tada {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: tada;
  animation-name: tada;
}
.blink {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.loading-gradient {
  height: 12px;
  background: linear-gradient(to right, #eeeeee 20%, #dddddd 50%, #eeeeee 80%);
  background-size: 500px 100px;
  animation-name: moving-gradient;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
@-webkit-keyframes moving-gradient {
  0% {
    background-position: -250px 0;
  }
  100% {
    background-position: 250px 0;
  }
}
body .userway.userway_p1 {
  top: 10px !important;
}
body .userway.userway_p1.booth {
  top: 18px !important;
}
div[role=checkbox] {
  margin: 10px 0;
  outline: none;
}
div[role=checkbox].margin-top-n-15 {
  margin-top: -15px;
}
.brazen-checkbox {
  font-weight: 400;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 0;
}
.no-text .brazen-checkbox > label.checkbox {
  margin: 0;
}
.checkbox,
input[type="checkbox"] {
  cursor: pointer;
}
.regular-checkbox {
  display: none !important;
}
.regular-checkbox ~ label {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin: 0 5px 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.regular-checkbox ~ label ~ span {
  vertical-align: middle;
}
.regular-checkbox ~ label:before,
.regular-checkbox ~ label:after {
  content: '';
  left: 0;
  position: absolute;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}
.regular-checkbox ~ label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #333333;
  border-radius: 1px;
  margin-top: 2px;
  transition: .2s;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}
.regular-checkbox ~ label:after {
  border-radius: 2px;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #737373;
  top: 0px;
  z-index: 0;
}
.regular-checkbox:checked ~ label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.regular-checkbox:checked ~ label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #0026ff !important;
  background-color: #0026ff;
  z-index: 0;
  opacity: 1;
}
.regular-checkbox:disabled ~ label:after {
  cursor: not-allowed;
  opacity: 0.26;
}
.regular-checkbox:disabled ~ label ~ span {
  color: #999999;
}
.regular-checkbox:disabled + span,
.regular-checkbox .regular-checkbox:disabled ~ label:after {
  cursor: not-allowed;
}
.checkbox-third-state {
  border: 2px solid #737373;
  border-radius: 2px;
  display: inline-block;
  height: 20px;
  margin: 11px 4px 5px 0;
  overflow: hidden;
  width: 20px;
}
.checkbox-third-state:before {
  content: '';
  background-color: #0026ff;
  display: inline-block;
  left: -8px;
  position: relative;
  width: 20px;
  height: 25px;
  top: -12px;
  transition: .2s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 0;
}
.dark .brazen-checkbox label:after {
  border: 2px solid #ffffff;
  opacity: 0.7;
}
.dark .brazen-checkbox .regular-checkbox:checked ~ label:after {
  opacity: 1;
}
.dark .brazen-checkbox .regular-checkbox:disabled ~ label:after {
  border: 2px solid #ffffff;
  opacity: 0.3;
}
.datetimepicker fieldset {
  background-color: #ffffff;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.datetimepicker .next > span,
.datetimepicker .prev > span {
  z-index: -1;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: transparent;
  color: #0026ff;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background: #0026ff none !important;
  filter: none;
  border-color: #001799;
  color: #fff;
  text-shadow: 0 -1px 0 #001799;
}
.datetimepicker-wrapper {
  position: relative;
}
.datetimepicker-wrapper:after {
  content: "\f073";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 0;
  margin-top: 5px;
  color: #999999;
  font-size: 20px;
  pointer-events: none;
}
.datetimepicker-wrapper .datetimepicker-input > input {
  padding-right: 45px;
}
.registration-date-picker {
  left: auto !important;
  right: auto !important;
  margin-top: 40px !important;
  top: 0px !important;
  padding: 16px;
}
/* shadows-into-light-regular - latin */
@font-face {
  font-family: 'Shadows Into Light';
  font-style: normal;
  font-weight: 400;
  src: local('Shadows Into Light'), local('ShadowsIntoLight'), url('/font/shadows-into-light/shadows-into-light-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/font/shadows-into-light/shadows-into-light-v9-latin-regular.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.has-handwritten-indicator {
  overflow: visible;
}
.has-handwritten-indicator:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: -1px 2px 8px #999999;
  border: 1px #cccccc solid;
  border-radius: 50%;
  position: absolute;
  z-index: 9999;
  height: 72px;
  width: 72px;
  top: 50%;
  left: 50%;
  margin-left: -36px;
  margin-top: -36px;
}
.with-cursor.has-handwritten-indicator:before {
  content: "\f245";
  font-family: FontAwesome;
  padding-left: 27px;
  padding-top: 40px;
  text-align: center;
}
.has-handwritten-indicator:after {
  background: none;
  color: #fff;
  font-family: 'Shadows Into Light', cursive;
  font-size: 30px;
  opacity: 1;
  position: absolute;
  text-transform: initial;
  transform: rotate(-5deg);
  white-space: pre;
  z-index: 9999;
}
.save-it.has-handwritten-indicator:after {
  content: attr(data-after-content);
  color: #0026ff;
  left: auto;
  right: 50px;
  top: -40px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.26);
}
.use-it.has-handwritten-indicator:after {
  content: attr(data-after-content);
  left: auto;
  right: 80px;
  max-width: 70px;
}
@media (max-width: 767px) {
  .use-it.has-handwritten-indicator:after {
    color: #0026ff;
    left: 80px;
    top: -20px;
  }
}
.fc .fc-toolbar .fc-left {
  width: 95px;
}
.fc .fc-toolbar .fc-left h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 4px;
}
.fc .fc-toolbar .fc-right span.fc-button {
  color: #ffffff;
  margin-bottom: 10px;
  background: #0026ff none;
  padding: 7px 5px 5px;
  font-size: 12px;
  letter-spacing: 1px;
  height: auto;
  line-height: 14px;
  text-shadow: none;
  text-transform: uppercase;
  outline: none;
}
.fc .fc-toolbar .fc-right span.fc-button.fc-button-today {
  padding: 7px 8px 5px;
}
.fc .fc-toolbar .fc-right span.fc-button .fc-icon {
  font-size: 22px;
  line-height: 12px;
}
.fc .fc-view-container {
  background-color: #fbfcfe;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.fc .fc-view-container .fc-widget-header th.fc-day-header {
  font-size: 12px;
  padding: 3px 0;
  background-color: #f3f8fb;
}
td.fc-other-month .fc-day-number {
  visibility: hidden;
}
td.fc-other-month.fc-today {
  background-color: inherit;
}
.verify-user-wrapper {
  width: 560px;
  margin: 0 auto;
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 24px;
  text-align: center;
}
.verify-user-wrapper h2 {
  font-size: 18px;
}
.verify-user-wrapper h3 {
  margin: 0 0 16px;
}
.verify-user-secondary-mode {
  max-width: 560px;
}
@media (max-width: 991px) {
  .verify-user-wrapper {
    width: auto;
    background-color: transparent;
    border: none;
  }
}
div:focus,
section:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
p:focus,
span:focus,
.nav-tabs > li > a:focus {
  outline: none;
}
div[role="checkbox"]:focus .brazen-checkbox label.checkbox {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 0;
}
label.radio {
  outline: none;
}
label.radio:focus > .regular-radio ~ label {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 0;
}
.form-control:focus {
  box-shadow: none;
}
/* Screen reader only class */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.error-screen-wrapper {
  width: 500px;
  height: 450px;
  text-align: center;
  margin: 100px auto;
}
.error-screen-wrapper h1 {
  font-size: 150px;
  letter-spacing: 10px;
  line-height: 160px;
  margin: 0;
  color: #999999;
}
.error-screen-wrapper h1.small {
  font-size: 40px;
  line-height: 100px;
}
.error-screen-wrapper h2 {
  font-weight: 300;
  text-transform: none;
}
.error-screen-wrapper h4 {
  margin: 30px 0;
  line-height: 30px;
  color: #999999;
}
.error-screen-wrapper .links-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15vh;
  margin-top: calc(var(--vh, 1vh) * 15);
}
.error-screen-wrapper .links-area a {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  margin: 0 16px;
}
.error-screen-wrapper .links-area a i {
  margin-right: 4px;
}
@media (max-width: 991px) {
  .error-screen-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
  .error-screen-wrapper h1 {
    font-size: 80px;
    letter-spacing: 5px;
    line-height: 1.1;
  }
  .error-screen-wrapper h2 {
    font-size: 26px;
    line-height: 1.4;
  }
  .error-screen-wrapper h4 {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.4;
  }
}
img.avatar {
  border-radius: 50%;
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
  position: relative;
  background: #ffffff;
  color: black;
}
img.img-32 {
  max-width: 32px;
  max-height: 32px;
  min-width: 32px;
  min-height: 32px;
}
img.img-48 {
  max-width: 48px;
  max-height: 48px;
  min-width: 48px;
  min-height: 48px;
}
img.img-80 {
  max-width: 80px;
  max-height: 80px;
  min-width: 80px;
  min-height: 80px;
}
.inline {
  display: inline-block;
}
.inline-code {
  background-color: #eee;
  border: 1px solid lightgray;
  border-radius: 6px;
  color: #da1e28;
  font-family: monospace;
  padding: 1px;
}
.margin-left {
  margin-left: auto;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-n-15 {
  margin-top: -15px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-top-less-15 {
  margin-top: -15px;
}
.margin-center {
  margin-left: auto;
  margin-right: auto;
}
/*
 * Add to modal to automatically expand up to the height of the screen and allow body elements to flex and scroll inside
 */
.modal-flex-height .modal-dialog {
  margin: 3vh auto;
}
.modal-flex-height .modal-dialog .modal-content {
  display: flex;
  flex-direction: column;
  max-height: 94vh;
}
.modal-flex-height .modal-dialog .modal-content .modal-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.padding-left-0 {
  padding-left: 0 !important;
}
.padding-left-10 {
  padding-left: 10px;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-help {
  cursor: help;
}
.cursor-disable {
  cursor: not-allowed;
}
.text-italic {
  font-style: italic;
}
.text-small {
  font-size: 12px;
}
.text-strong {
  font-weight: bold;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.muted {
  color: #999999 !important;
}
.no-wrap {
  white-space: nowrap;
}
.width-100p {
  width: 100%;
}
.height-100p {
  height: 100%;
}
.pointer-events-none {
  pointer-events: none;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.off-screen {
  visibility: hidden;
  position: fixed;
  left: -10000px;
  top: -10000px;
}
.radio,
.radio + .radio {
  margin-top: 0;
}
.radio {
  padding-top: 0;
  padding-left: 0;
}
.radio input {
  cursor: pointer;
  display: none !important;
}
.radio span {
  cursor: pointer;
}
.regular-radio + label {
  top: 5px;
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 3px solid #737373;
  padding: 7px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  transition: all .25s linear;
  margin-right: 5px;
  margin-bottom: 0;
}
.regular-radio:checked + label {
  background-color: #ffffff;
  color: #0026ff;
  border: 3px solid #0026ff !important;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  transition: all .25s linear;
}
.regular-radio:checked + label:after {
  content: ' ';
  width: 10px;
  height: 10px;
  border-radius: 50px;
  position: absolute;
  top: 2px;
  background: #0026ff;
  text-shadow: none;
  left: 2px;
  font-size: 32px;
}
.radio.disabled input[type=radio] ~ label {
  opacity: 0.26;
}
.radio.disabled input[type=radio] ~ label ~ span {
  color: #999999;
}
.radiogroup.horizontal .radio {
  display: inline-block;
  margin: 5px 20px 0 0;
}
span.sub-text {
  font-style: italic;
  font-size: 13px;
  position: relative;
  left: 25px;
  color: #777777;
}
.dark.radio .regular-radio + label {
  border-color: #b3b3b3;
  background-color: transparent;
}
.dark.radio .regular-radio:checked + label {
  border-color: #ffffff;
}
.dark.radio.disabled .regular-radio + label {
  border-color: #b3b3b3;
}
.bootstrap-switch {
  --mdc-ripple-fg-size: 28px;
  --mdc-ripple-fg-scale: 1.71429;
  --mdc-ripple-left: -4px;
  --mdc-ripple-top: -4px;
  overflow: visible !important;
  width: auto !important;
  border: none !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  height: 20px;
}
.bootstrap-switch .bootstrap-switch-container {
  height: 14px;
  width: 34px !important;
  margin: 0 !important;
  transition: none !important;
  transform: none !important;
  background-color: rgba(0, 38, 255, 0.5);
  border-radius: 7px !important;
}
.bootstrap-switch .bootstrap-switch-container .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-container .bootstrap-switch-handle-off {
  opacity: 0;
  width: 100% !important;
  overflow: hidden;
}
.bootstrap-switch .bootstrap-switch-container .bootstrap-switch-label {
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  background-color: #0026ff;
  opacity: 1;
  position: absolute;
  top: -2px;
  left: 16px !important;
  transition: left 0.3s, background-color 0.3s;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.bootstrap-switch .bootstrap-switch-container .bootstrap-switch-label:before,
.bootstrap-switch .bootstrap-switch-container .bootstrap-switch-label:after {
  content: "";
  background-color: #b3b3b3;
  top: var(--mdc-ripple-top, calc(0%));
  left: var(--mdc-ripple-left, calc(0%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 15ms linear, background-color 15ms linear, transform 15ms linear;
}
.bootstrap-switch .bootstrap-switch-container .bootstrap-switch-label:after {
  transform: scale(0);
  transform-origin: center center;
  transition-duration: 75ms;
}
.bootstrap-switch.bootstrap-switch-on:focus-within .bootstrap-switch-label:before,
.bootstrap-switch.bootstrap-switch-on:focus-within .bootstrap-switch-label:after {
  background-color: #0026ff;
}
.bootstrap-switch.bootstrap-switch-on:focus-within .bootstrap-switch-label:before {
  opacity: .08;
}
.toggle-wrapper.dark-bg .bootstrap-switch.bootstrap-switch-on:focus-within .bootstrap-switch-label:before {
  opacity: .12;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off {
  display: none !important;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
  background-color: rgba(0, 0, 0, 0.38);
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container .bootstrap-switch-label {
  left: -4px !important;
  right: unset !important;
  background-color: #eeeeee !important;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on {
  display: none !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container {
  cursor: not-allowed !important;
  opacity: .8;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed !important;
}
.bootstrap-switch:hover .bootstrap-switch-container .bootstrap-switch-label:before,
.bootstrap-switch:focus .bootstrap-switch-container .bootstrap-switch-label:before,
.bootstrap-switch.bootstrap-switch-focused .bootstrap-switch-container .bootstrap-switch-label:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
  opacity: .04;
}
.toggle-wrapper.dark-bg .bootstrap-switch:hover .bootstrap-switch-container .bootstrap-switch-label:before,
.toggle-wrapper.dark-bg .bootstrap-switch:focus .bootstrap-switch-container .bootstrap-switch-label:before,
.toggle-wrapper.dark-bg .bootstrap-switch.bootstrap-switch-focused .bootstrap-switch-container .bootstrap-switch-label:before {
  opacity: .08;
}
.bootstrap-switch:active .bootstrap-switch-container .bootstrap-switch-label:after {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
  opacity: .2;
}
.toggle-wrapper.dark-bg .bootstrap-switch:active .bootstrap-switch-container .bootstrap-switch-label:after {
  opacity: .3;
}
.toggle-wrapper {
  display: flex;
  align-items: center;
}
.toggle-wrapper > span {
  color: #222222;
  margin-right: 16px;
}
.toggle-wrapper .bootstrap-switch {
  margin-top: 6px;
}
.toggle-wrapper.append-label > span {
  order: 1;
  margin-right: 0;
  margin-left: 8px;
}
.toggle-wrapper.has-icon {
  position: relative;
}
.toggle-wrapper.has-icon > .material-icons {
  zoom: 1.2;
  position: absolute;
  z-index: 10;
  pointer-events: none;
  color: #ffffff;
  transition: left 0.3s, color 0.3s;
  left: -1px;
}
.toggle-wrapper.has-icon .bootstrap-switch {
  zoom: 1.2;
}
.toggle-wrapper.has-icon .bootstrap-switch.bootstrap-switch-on ~ .material-icons {
  left: 19px;
  color: purple;
}
.chat-title {
  position: relative;
}
.chat-title .chat-title-heading {
  font-size: 17.5px;
  margin: 10px 0;
  padding-right: 90px;
}
.chat-sms-pill {
  color: #2bcb3c;
  border: 1px solid;
  padding: 0 4px;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 400;
  margin-left: 12px;
  margin-right: 4px;
  line-height: 13px;
}
.chat {
  border-top: 1px solid #ccc;
}
.chat .chat-panel {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100vh);
}
.chat-message-section {
  margin-bottom: 10px;
}
.chat-admin {
  color: #999999;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 20px;
}
.chat-admin i {
  color: #ffa93c;
  margin-right: 5px;
  float: left;
  font-size: 14px;
  vertical-align: text-top;
}
.chat-admin.chat-admin-error i {
  color: #da1e28;
}
.chat-admin.chat-admin-success i {
  color: #24a148;
}
.chat-admin .chat-admin-message-content {
  overflow: hidden;
}
.chat-message-section .chat-name {
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.chat-message-section .chat-name .chat-time-inline {
  font-size: 12px;
  font-weight: 300;
  color: #999999;
  margin-left: 15px;
}
.chat-message-section.admin .chat-name {
  color: #999999;
  font-weight: 400;
}
.chat-message-section .profile-img {
  float: left;
  margin-right: 10px;
}
.chat-message-section .profile-img img {
  width: 34px;
  height: 34px;
}
.chat-message-section .message-area {
  margin-left: 45px;
}
.chat-message-section .chat-messages .chat-message-single p {
  margin: 5px 0;
  font-size: 14px;
  word-wrap: break-word;
  line-height: 18px;
}
.chat-time {
  color: #737373;
  display: block;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  padding: 8px 8px 8px 16px;
  text-align: center;
  border-left: 1px solid #d8d8d8;
  width: 75px;
}
.chat-time i.time-left-icon.material-icons {
  font-size: 24px;
}
.chat-time .time.danger {
  color: #da1e28 !important;
}
.chat-time.normal span {
  color: #737373 !important;
}
.chat-time .time {
  font-size: 18px;
}
.connectivity-info-area {
  line-height: 30px;
  padding-right: 90px;
}
@media (min-width: 768px) {
  .chat-message-section {
    margin-bottom: 10px;
  }
  .chat-message-section .chat-name {
    font-size: 16px;
  }
  .chat-message-section .chat-messages .chat-message-single p {
    font-size: 14px;
    line-height: 22px;
  }
  .chat-admin {
    font-size: 14px;
    line-height: 20px;
  }
  .chat-admin i {
    width: 34px;
    text-align: center;
    border-radius: 4px;
    font-size: 20px;
    margin-right: 10px;
  }
}
.chat-panel .unread-messages,
.chat-panel .date-separator {
  width: 100%;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
  margin: 8px 0 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  position: sticky;
  top: 0;
  padding-top: 16px;
  background: #ffffff;
  z-index: 1;
}
.chat-panel .unread-messages span,
.chat-panel .date-separator span {
  position: relative;
  font-size: 10px;
  background-color: #ffffff;
  color: #737373;
  padding: 0 8px;
  border-radius: 4px;
}
.chat-panel .unread-messages {
  border-color: #da1e28;
}
.chat-panel .unread-messages span {
  color: #da1e28;
}
.chat-panel .date-separator:first-of-type {
  margin-top: 0;
}
.chat-panel .date-separator.unread-messages {
  border-color: #da1e28;
}
.chat-panel .date-separator.unread-messages:after {
  content: attr(data-after-content);
  position: absolute;
  right: 24px;
  font-size: 10px;
  color: #da1e28;
  background: #ffffff;
  padding: 0 8px;
}
.chatMessage .emojione {
  background-image: none;
  height: 3ex;
  width: 3ex;
}
.chatMessage div.emoji-only span img:only-of-type {
  background-color: transparent;
  height: 32px;
  width: 32px;
}
.chat-preloader {
  position: fixed;
  left: 300px;
  top: 40px;
  width: 60%;
  width: calc(100vw - 300px);
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.4s ease-in-out, height 0s 0.4s, visibility 0s 0.4s;
  -webkit-transition: opacity 0.3s ease-in-out, height 0s 0.4s, visibility 0s 0.4s;
  -o-transition: opacity 0.3s ease-in-out, height 0s 0.4s, visibility 0s 0.4s;
  transition: opacity 0.3s ease-in-out, height 0s 0.4s, visibility 0s 0.4s;
}
.chat-preloader.in {
  height: 100%;
  opacity: 1;
  visibility: visible;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.chat-preloader .inner {
  position: absolute;
  margin-left: -60px;
  margin-top: -70px;
  left: 50%;
  top: 45%;
  text-align: center;
}
.chat-preloader .inner div {
  display: none;
}
.chat-preloader .inner p {
  margin-top: 10px;
}
.chat-preloader .inner .connecting {
  color: #00cbff;
}
.chat-preloader .inner .rate {
  color: #f1c21b;
}
.chat-preloader.connecting .inner .connecting {
  display: block;
}
.chat-preloader.rate .inner .rate {
  display: block;
}
.chat-col.snippet-enabled .chat-message-section .chat-messages .chat-message-single,
.snippet-instructional-modal-inner .chat-message-section .chat-messages .chat-message-single {
  padding: 4px 32px 4px 4px;
  margin: 0px -4px -4px -4px;
}
.chat-col.snippet-enabled .chat-message-section .chat-messages .chat-message-single p,
.snippet-instructional-modal-inner .chat-message-section .chat-messages .chat-message-single p {
  margin: 0;
}
@media (max-width: 991px) {
  .chat-col.snippet-enabled .chat-message-section .chat-messages .chat-message-single,
  .snippet-instructional-modal-inner .chat-message-section .chat-messages .chat-message-single {
    padding-right: 4px;
  }
}
.chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover,
.snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover {
  background-color: #f2f2f2;
  position: relative;
}
.chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper,
.snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  right: 5px;
  height: 32px;
  justify-items: center;
}
@media (max-width: 991px) {
  .chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper,
  .snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper {
    height: 28px;
  }
}
.chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .btn,
.snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .btn {
  width: 24px;
  height: 33px;
  background: url(https://res.cloudinary.com/brazen/image/upload/v1515625074/add_snippet.svg) no-repeat center transparent !important;
  background-size: 20px !important;
  outline: none;
  box-shadow: none;
  align-self: center;
  -moz-transition: background-size 0.1s linear;
  -o-transition: background-size 0.1s linear;
  -webkit-transition: background-size 0.1s linear;
  transition: background-size 0.1s linear;
}
.chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .btn:hover,
.snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .btn:hover {
  background-size: 23px !important;
}
.chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-add,
.snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-add {
  display: block;
}
.add-snippets-disabled .chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-add,
.add-snippets-disabled .snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-add {
  display: none;
}
.chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-disabled,
.snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-disabled {
  display: none;
}
.add-snippets-disabled .chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-disabled,
.add-snippets-disabled .snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-disabled {
  display: block;
}
.add-snippets-disabled .chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-disabled .btn,
.add-snippets-disabled .snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-disabled .btn {
  opacity: .26;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.add-snippets-disabled .chat-col.snippet-enabled .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-disabled .btn:hover,
.add-snippets-disabled .snippet-instructional-modal-inner .chat-message-section.chat-me .chat-messages .chat-message-single:hover .message-actions-wrapper .snippet-disabled .btn:hover {
  background-size: 20px !important;
}
.chat-col.snippet-enabled .chat-send-message .bzInput .emojionearea,
.snippet-instructional-modal-inner .chat-send-message .bzInput .emojionearea {
  padding-left: 95px;
}
.chat-col.snippet-enabled .chat-send-message .bzInput.emoji-disabled .emojionearea,
.snippet-instructional-modal-inner .chat-send-message .bzInput.emoji-disabled .emojionearea {
  padding-left: 50px;
}
.chat-col.snippet-enabled .chat-send-message .bzInput.emoji-disabled .emojionearea-button,
.snippet-instructional-modal-inner .chat-send-message .bzInput.emoji-disabled .emojionearea-button {
  display: none;
}
.chat-col.snippet-enabled .chat-send-message .btn.snippet-button,
.snippet-instructional-modal-inner .chat-send-message .btn.snippet-button {
  display: block;
  position: absolute;
  height: 53px;
  width: 53px;
  left: 1px;
  bottom: 1px;
  outline: none;
  box-shadow: none;
  background: url(https://res.cloudinary.com/brazen/image/upload/v1515599526/snippet.svg) no-repeat center transparent !important;
  background-size: 28px !important;
  -moz-transition: background-size 0.1s linear;
  -o-transition: background-size 0.1s linear;
  -webkit-transition: background-size 0.1s linear;
  transition: background-size 0.1s linear;
}
@media (max-width: 991px) {
  .chat-col.snippet-enabled .chat-send-message .btn.snippet-button,
  .snippet-instructional-modal-inner .chat-send-message .btn.snippet-button {
    width: 48px;
    height: 48px;
  }
}
.chat-col.snippet-enabled .chat-send-message .btn.snippet-button:hover,
.snippet-instructional-modal-inner .chat-send-message .btn.snippet-button:hover {
  background-size: 32px !important;
}
.chat-col.snippet-enabled .chat-send-message .emojionearea .emojionearea-button,
.snippet-instructional-modal-inner .chat-send-message .emojionearea .emojionearea-button {
  left: 40px !important;
}
.chat-col.snippet-enabled .chat-send-message .snippet-widget,
.snippet-instructional-modal-inner .chat-send-message .snippet-widget {
  border: 1px solid #999999;
  border-bottom: none;
  position: absolute;
  left: 0;
  bottom: 55px;
  max-height: 200px;
  width: 92%;
  margin-left: 4%;
  background: #ffffff;
  border-radius: 2px 2px 0 0;
  overflow-y: auto;
  -webkit-box-shadow: #aaaaaa 0px -9px 5px -10px inset;
  -moz-box-shadow: #aaaaaa 0px -9px 5px -10px inset;
  box-shadow: #aaaaaa 0px -9px 5px -10px inset;
  z-index: 1;
}
@media (max-width: 991px) {
  .chat-col.snippet-enabled .chat-send-message .snippet-widget,
  .snippet-instructional-modal-inner .chat-send-message .snippet-widget {
    bottom: 50px;
  }
}
.chat-col.snippet-enabled .chat-send-message .snippet-widget .snippet-message,
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message {
  position: relative;
  padding: 5px 45px 5px 30px;
  background-color: transparent;
}
.chat-col.snippet-enabled .chat-send-message .snippet-widget .snippet-message:first-of-type,
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message:first-of-type {
  margin-top: 10px;
}
.chat-col.snippet-enabled .chat-send-message .snippet-widget .snippet-message:last-of-type,
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message:last-of-type {
  margin-bottom: 10px;
}
.chat-col.snippet-enabled .chat-send-message .snippet-widget .snippet-message > p,
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message > p {
  margin: 0;
}
.chat-col.snippet-enabled .chat-send-message .snippet-widget .snippet-message > .trash-icon,
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message > .trash-icon {
  display: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 0;
  opacity: .54;
  background: url(https://res.cloudinary.com/brazen/image/upload/v1516305553/trash.svg) no-repeat center transparent;
}
@media (max-width: 991px) {
  .chat-col.snippet-enabled .chat-send-message .snippet-widget .snippet-message > .trash-icon,
  .snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message > .trash-icon {
    display: block !important;
  }
}
.chat-col.snippet-enabled .chat-send-message .snippet-widget .snippet-message:hover,
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.chat-col.snippet-enabled .chat-send-message .snippet-widget .snippet-message:hover > .trash-icon,
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message:hover > .trash-icon {
  display: block;
}
.chat-col.snippet-enabled .chat-send-message .snippet-widget .snippet-message:hover > .trash-icon:hover,
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message:hover > .trash-icon:hover {
  opacity: 1;
}
.btn.snippet-button {
  display: none;
}
.message-actions-wrapper {
  display: none;
}
.snippet-instructional-modal-inner {
  position: relative;
  margin-top: 40px;
  z-index: 0;
}
.snippet-instructional-modal-inner .message-wrapper {
  padding: 15px;
  background-color: #ffffff;
}
.snippet-instructional-modal-inner .message-wrapper:last-child {
  margin-bottom: 0;
}
.snippet-instructional-modal-inner .message-wrapper .chat-message-section:last-of-type {
  margin-bottom: 0;
}
.snippet-instructional-modal-inner .message-wrapper .chat-message-section.hover .chat-messages .chat-message-single {
  position: relative;
  background-color: #f2f2f2;
}
.snippet-instructional-modal-inner .message-wrapper .chat-message-section.hover .chat-messages .chat-message-single .message-actions-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  right: 5px;
  height: 32px;
  justify-items: center;
}
.snippet-instructional-modal-inner .message-wrapper .chat-message-section.hover .chat-messages .chat-message-single .message-actions-wrapper .snippet-add {
  display: block;
}
.snippet-instructional-modal-inner .message-wrapper .chat-message-section.hover .chat-messages .chat-message-single .message-actions-wrapper .snippet-add .btn {
  display: block !important;
  width: 24px;
  height: 33px;
  background: url(https://res.cloudinary.com/brazen/image/upload/v1515625074/add_snippet.svg) no-repeat center transparent !important;
  background-size: 20px !important;
  outline: none;
  box-shadow: none;
  align-self: center;
  -moz-transition: background-size 0.1s linear;
  -o-transition: background-size 0.1s linear;
  -webkit-transition: background-size 0.1s linear;
  transition: background-size 0.1s linear;
}
.snippet-instructional-modal-inner .message-wrapper .chat-message-section.hover .chat-messages .chat-message-single .message-actions-wrapper .snippet-disabled {
  display: none;
}
.snippet-instructional-modal-inner .chat-send-message .chat-input {
  height: auto !important;
}
.snippet-instructional-modal-inner .chat-send-message .snippet-widget {
  display: block !important;
  height: auto !important;
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
}
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message.hover {
  background-color: #f2f2f2;
}
.snippet-instructional-modal-inner .chat-send-message .snippet-widget .snippet-message.hover .trash-icon {
  display: block;
}
.snippet-instructional-modal-inner .chat-send-message .snippet-button {
  background-size: 32px !important;
}
.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] {
  max-width: 200px;
}
.chat-details-area .panel + .panel {
  margin-bottom: unset;
}
.chat-details-area .transcript-area .chat-message-section {
  margin-bottom: 5px;
  position: relative;
}
.chat-details-area .transcript-area .chat-message-section .message-area {
  padding: 5px 15px 5px 20px;
  margin-left: 0;
}
.chat-details-area .transcript-area .chat-message-section.unread-message .message-area:before {
  content: "\f111";
  font-family: "FontAwesome";
  color: #24a148;
  position: absolute;
  left: 5px;
  top: 6px;
  font-size: 12px;
}
.chat-transcript-no-more-messages {
  color: rgba(0, 0, 0, 0.38) !important;
}
.chat-transcript-no-more-messages:before,
.chat-transcript-no-more-messages:after {
  content: "-----------";
  margin: 0 5px;
  display: inline-block;
}
.star {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.star .round-button-wrapper {
  margin-right: 4px;
}
.star .round-button-wrapper button.btn.btn-round i,
.star .round-button-wrapper button.btn.btn-round.btn-link i {
  color: #0026ff !important;
  font-size: 32px !important;
}
.star .round-button-wrapper button.btn.btn-round:hover,
.star .round-button-wrapper button.btn.btn-round.btn-link:hover,
.star .round-button-wrapper button.btn.btn-round:focus,
.star .round-button-wrapper button.btn.btn-round.btn-link:focus {
  background-color: #99a8ff;
}
.star .round-button-wrapper button.btn.btn-round:active,
.star .round-button-wrapper button.btn.btn-round.btn-link:active {
  background-color: #667dff;
}
.next-step {
  width: 240px;
}
@media (max-width: 767px) {
  .next-step {
    margin-left: 0 !important;
  }
}
.next-step .bootstrap-select.form-control {
  height: 40px !important;
  box-shadow: none;
}
.next-step .bootstrap-select.form-control .btn.dropdown-toggle {
  height: 40px !important;
  width: 200px;
  padding: 0;
  font-size: 14px;
  text-transform: none;
}
.next-step .bootstrap-select.form-control .btn.dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
  margin-left: 8px !important;
}
.next-step .bootstrap-select.form-control .btn.dropdown-toggle .filter-option i {
  margin-right: 8px;
}
.next-step .bootstrap-select.form-control .dropdown-menu li a {
  display: flex;
  align-items: center;
}
.next-step .bootstrap-select.form-control .dropdown-menu li a .fa {
  font-size: 24px;
  color: #737373;
  margin: 16px 8px 16px 0;
}
.next-step .bootstrap-select.form-control .dropdown-menu li a span.text {
  font-size: 14px;
  font-weight: 400;
}
.next-step .bootstrap-select.form-control .dropdown-menu li a span.text small {
  font-size: 12px;
  display: block;
  padding: 0;
  line-height: 16px;
}
.next-step .bootstrap-select.form-control.disabled .btn.dropdown-toggle.disabled {
  border-color: #d8d8d8 !important;
}
.next-step .error {
  color: #da1e28;
  margin-left: 8px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}
.fa.fa-thermometer-0 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAACVBMVEUAAAAvLy8yMjLMEW2RAAAAA3RSTlMAJkxGwkpBAAAAj0lEQVR4Ad3NMQEAIAzAMHgQgUSkVSUKYmB9e2SNbmscjavxRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlojekD4BwDq+6FM1UAAAAASUVORK5CYII=);
}
.fa.fa-thermometer-0:before {
  content: none;
}
.fa.fa-thermometer-0:before {
  content: none;
}
.fa.fa-thermometer-1 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAD1BMVEUAAAAvLy8yMjIxMTEzMzMALA1yAAAABHRSTlMAJkyTupmePwAAALVJREFUeAHtzUENAgAQA0FIHSChGirh/GtCApkXIWH/k338+7meCl46qA6qg+qgOqgOqoPqoDqoDqqD6qA6qA6qg+qgOqgOqoPqoDqoDqqD6qA6qA6qg+qgOqgOqoPqoDqoDqqD6qA6qA0+gBTBEOQQDEEOwRDkEAxBDsEQ5BAMQQ7BEOQQDEEOwRDkEAxBDsEQ5BAMQQ7BEOQQDEEOwRDkEAxBDsEQ5BAMQQ7BEOQQTMG/r/cGklYHgGqMKJgAAAAASUVORK5CYII=);
}
.fa.fa-thermometer-1:before {
  content: none;
}
.fa.fa-thermometer-1:before {
  content: none;
}
.fa.fa-thermometer-2 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAD1BMVEUAAAAvLy8yMjIxMTEzMzMALA1yAAAABHRSTlMAJkyTupmePwAAALVJREFUeAHtzUENAgAQA0FIHSChGirh/GvCAvMiJOx/so+f699TwUsH1UF1UB1UB9VBdVAdVAfVQXVQHVQH1UF1UB1UB9VBdVAdVAfVQXVQHVQH1UF1UB1UB/1gYCBFMAQ5BEOQQzAEOQRDkEMwBDkEQ5BDMAQ5BEOQQzAEOQRDkEMwBDkEQ5BDMAQ5BEOQQzAEOQRDkEMwBDkEQ5BDMAQ5BEOQQzAEOQRDkEMwBDkEQ/D9/r0BNNMe6EpRLNAAAAAASUVORK5CYII=);
}
.fa.fa-thermometer-2:before {
  content: none;
}
.fa.fa-thermometer-2:before {
  content: none;
}
.fa.fa-thermometer-3 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAD1BMVEUAAAAvLy8yMjIxMTEzMzMALA1yAAAABHRSTlMAJkyTupmePwAAALJJREFUeAHtzUENQgEUA0FIHSDhaaiE+teEhjkRkr/3yb6e/q63go8OTgeng9PB6eB0cDo4HZwOTgeng9PB6eB0cDo4HZwODgYCcgiKIENQBBmCIsgQFEGGoAgyBEWQISiCDEERZAiKIENQBBmCIsgQFEGGoAgyBEWQISiCDEERZAiKIENQBBmCIsgQFEGGoAgyBEWQISiCDEERZAiKIENQBBmCIsgQFEGGoAgyBFXw9PO+zW1J/BH8tOQAAAAASUVORK5CYII=);
}
.fa.fa-thermometer-3:before {
  content: none;
}
.fa.fa-thermometer-3:before {
  content: none;
}
.fa.fa-thermometer-4 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAACVBMVEUAAAAyMjIzMzMmhMtFAAAAAnRSTlMAgJsrThgAAACPSURBVHgB3c0xAQAgDMAweBCBRKRVJQpiYH17ZI1uaxyNq/FEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiWiN6QPgHAOr7oUzVQAAAABJRU5ErkJggg==);
}
.fa.fa-thermometer-4:before {
  content: none;
}
.fa.fa-thermometer-4:before {
  content: none;
}
.registrants-tab-alert .alert {
  margin: 8px 16px;
}
.chat-partner-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #d8d8d8;
  border-radius: 16px;
  position: relative;
  padding: 52px 16px 16px;
  margin: 52px auto 16px;
  width: 100%;
  width: fit-content;
  min-width: 320px;
}
.chat-partner-card .profile-img {
  position: absolute;
  top: -44px;
}
.chat-partner-card .profile-img img {
  min-width: 88px;
  max-width: 88px;
  min-height: 88px;
  max-height: 88px;
  border: 8px solid #ffffff !important;
}
.chat-partner-card .badges-area {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
}
.chat-partner-card .badges-area > i {
  margin-right: 8px;
}
.chat-partner-card .badges-area > i:before {
  font-size: 20px !important;
}
.chat-partner-card .badges-area > i:last-of-type {
  margin-right: 0;
}
.chat-partner-card .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.chat-partner-card .info h4.name {
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 8px;
}
.chat-partner-card .info p {
  color: #737373;
  margin: 0 0 2px;
  font-size: 12px;
  line-height: 16px;
}
.chat-partner-card .info .location-area {
  display: flex;
  align-items: center;
}
.chat-partner-card .info .location-area i {
  margin-bottom: 2px;
  line-height: 16px;
}
.chat-partner-card .actions-area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.chat-partner-card .actions-area > * {
  margin: 8px 8px 0;
}
.chat-partner-card .actions-area > *:empty {
  display: none;
}
.chat-partner-card.no-image {
  padding: 24px 16px;
}
@media (max-width: 991px) {
  .chat-partner-card {
    padding-top: 44px;
    margin-top: 44px;
    width: 100%;
    min-width: auto;
  }
  .chat-partner-card .profile-img {
    top: -36px;
  }
  .chat-partner-card .profile-img img {
    min-width: 72px;
    max-width: 72px;
    min-height: 72px;
    max-height: 72px;
  }
}
.page.chat-history .chat-partner-card-wrapper {
  padding: 0 24px;
}
.page.attendee-lookup .chat-partner-card-wrapper {
  padding: 0 24px;
}
.page.attendee-lookup .send-invite-to-chat-email {
  padding: 0 24px;
}
.page.attendee-lookup .cancel-scheduled-chat-invite {
  padding: 0 24px;
}
.user-detail-col.rate .btn.go-to-next-chat,
.user-detail-col.rate .btn.go-to-next-chat + hr {
  display: none;
}
.user-detail-col .inner {
  padding: 20px 0;
}
.user-detail-col hr {
  margin: 10px 0;
  border-color: #DDDDDD;
}
@media (max-width: 991px) {
  .navbar .chat-connecting-message {
    width: calc(100vw - 120px) !important;
    overflow: hidden;
    top: 0px;
    padding: 0px !important;
    height: 40px;
    position: fixed !important;
    left: 60px;
    text-align: center;
  }
  .navbar .chat-connecting-message p {
    font-size: 12px;
    margin-bottom: 0;
    padding-left: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .navbar .chat-connecting-message p.connecting {
    color: #00cbff;
  }
  .navbar .chat-connecting-message p.failed {
    color: #da1e28;
  }
  .chat-preloader {
    width: 100%;
    left: 0;
  }
}
.modal.no-decoration {
  max-height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.modal.no-decoration .modal-dialog {
  margin-bottom: 0;
}
.modal.no-decoration .modal-dialog .modal-content {
  border: 0;
  background-color: transparent;
  padding: 0;
}
.modal.no-decoration .modal-dialog .modal-header {
  position: absolute;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  top: -40px;
  right: 0;
}
.modal.no-decoration .modal-dialog .modal-header > button.close {
  display: block;
  color: #f7f7f7;
  opacity: 1;
  text-shadow: none;
  height: 48px;
  font-size: 48px;
  font-weight: 400;
}
.modal.no-decoration .modal-dialog .modal-body {
  padding: 0;
}
.modal.no-decoration.instructional .modal-header {
  display: none;
}
.modal.no-decoration.instructional .modal-content {
  background-color: transparent;
  box-shadow: none;
  margin: 0 auto;
  width: fit-content;
}
.modal.no-decoration.instructional .modal-content .modal-body {
  max-height: 80vh;
  max-height: calc(var(--vh, 1vh) * 80);
}
.modal.no-decoration.instructional .modal-content .modal-body .title {
  font-weight: 400;
  text-transform: none;
  color: #ffffff;
}
.modal.no-decoration.instructional .modal-content .modal-body .title:first-of-type {
  margin-top: 0;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .modal.no-decoration.instructional .modal-content .modal-body .title:first-of-type {
    margin-bottom: 16px;
    font-size: 28px;
  }
}
.modal.no-decoration.instructional .modal-content .modal-body .modal-text {
  color: #ffffff;
  text-align: center;
  font-weight: 400;
}
.modal.no-decoration.instructional .modal-content .modal-body .modal-text p {
  font-size: 18px;
  line-height: 18px;
}
@media (max-width: 991px) {
  .modal.no-decoration.instructional .modal-content .modal-body .modal-text p {
    font-size: 16px;
    line-height: 16px;
  }
}
.modal.no-decoration.instructional .modal-content .modal-body .snippet-instructional-modal-inner {
  padding: 0 16px;
}
.modal.no-decoration.instructional .modal-content .modal-body .has-mask:before {
  content: "";
  display: block;
  width: calc(100% - 16px);
  height: 100%;
  position: absolute;
  background: transparent;
  z-index: 10;
}
.modal.no-decoration.instructional .modal-content .modal-footer {
  background-color: transparent;
  border: 0;
}
.modal.no-decoration.instructional .modal-content .modal-footer .controls > * {
  display: inline-block;
}
.modal.no-decoration.instructional .modal-content .modal-footer .controls > * .brazen-checkbox span {
  color: #ffffff;
}
.modal.no-decoration.instructional .modal-content .modal-footer .controls > *.btn {
  margin-left: 24px;
}
.pill {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  border-radius: 16px;
  margin-right: 8px;
  padding: 0 6px;
  border: 1px solid;
  border-color: #c0c0c0;
  background-color: #ffffff;
  color: #737373;
}
.with-beta-label {
  display: flex;
  align-items: center;
}
.with-beta-label .pill {
  margin: 0 0 0 8px;
}
.opacity0 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.opacity25 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  opacity: .25;
}
.opacity90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: .90;
}
.opacity1 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.title-value-wrapper {
  margin-bottom: 8px;
}
.title-value-wrapper p {
  color: #222222;
  margin: 0;
}
.title-value-wrapper .title {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.38);
}
.advanced-search-area {
  padding: 8px 16px 12px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 16px;
  margin-bottom: 16px;
}
.advanced-search-area .title-wrapper {
  display: flex;
  align-items: center;
}
.advanced-search-area .title-wrapper p {
  margin: 0;
  font-weight: 600;
}
.advanced-search-area .title-wrapper button {
  margin-left: 8px;
}
.advanced-search-area .add-filters-area {
  margin: 8px 0 12px;
}
.advanced-search-area .add-filters-area .add-filter-widget {
  display: flex;
  align-items: center;
}
.advanced-search-area .add-filters-area .add-filter-widget > .bzInput {
  flex: 1 1 auto;
  max-width: 240px;
  min-width: 0;
}
.advanced-search-area .add-filters-area .add-filter-widget > span {
  margin: 0 16px;
}
.advanced-search-area .add-filters-area .add-filter-widget > button.btn {
  flex: 0 0 72px;
  width: 72px;
  padding: 0;
  margin-left: 16px;
}
@media (min-width: 992px) {
  .advanced-search-area .add-filters-area .add-filter-widget .dropdown-menu-fixed-width {
    width: 35% !important;
  }
}
.advanced-search-area .display-filters-area {
  display: flex;
}
.advanced-search-area .display-filters-area > span.title {
  line-height: 32px;
  margin-bottom: 4px;
  margin-right: 4px;
}
.advanced-search-area .display-filters-area > div {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}
.advanced-search-area .display-filters-area > div button.btn-link {
  flex: 0 0 auto;
  height: 32px;
  margin-right: 4px;
}
.advanced-search-area .display-filters-area .chip {
  margin-right: 4px;
  margin-bottom: 4px;
  max-width: 60%;
}
.advanced-search-area .display-filters-area .chip > div.text-wrapper {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.advanced-search-area .display-filters-area .chip.no-filters {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.26);
}
@media (max-width: 991px) {
  .advanced-search-area .title-wrapper button {
    margin-left: auto;
  }
  .advanced-search-area .add-filters-area {
    margin: 8px 0 16px;
    padding: 16px 0 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-width: 1px 0 1px 0;
  }
  .advanced-search-area .add-filters-area .add-filter-widget {
    flex-direction: column;
    align-items: flex-start;
  }
  .advanced-search-area .add-filters-area .add-filter-widget > .bzInput {
    max-width: none;
    width: 100%;
  }
  .advanced-search-area .add-filters-area .add-filter-widget > span {
    margin: 8px;
  }
  .advanced-search-area .add-filters-area .add-filter-widget > button.btn {
    margin-left: 0;
    margin-top: 8px;
    flex: 1 1 auto;
  }
  .advanced-search-area .add-filters-area .add-filter-widget .dropdown-menu-fixed-width {
    max-width: none !important;
  }
  .advanced-search-area .display-filters-area .chip {
    max-width: 100%;
  }
}
.hide-scrollbar {
  /* Internet Explorer 10+ */
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.cancel-invite-button-area {
  display: flex;
  justify-content: flex-end;
  margin: 8px;
}
.title-value-wrapper {
  margin-bottom: 8px;
}
.title-value-wrapper p {
  color: #222222;
  margin: 0;
}
.title-value-wrapper .title {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.38);
}
.search-registrant-widget {
  height: 70vh;
  height: calc(var(--vh, 1vh) * 70);
}
.search-registrant-widget .main-content {
  display: flex;
  margin-top: -16px;
  max-height: 70vh;
  max-height: calc(var(--vh, 1vh) * 70);
  overflow: hidden;
  height: 100%;
}
.search-registrant-widget .main-content > * {
  flex: 0 0 50%;
  overflow-y: auto;
}
@media (min-width: 992px) {
  .search-registrant-widget .main-content .search-signups {
    padding: 12px;
    flex: max-content;
  }
}
@media (max-width: 991px) {
  .search-registrant-widget .main-content .search-signups {
    padding: 4px;
  }
}
.search-registrant-widget .main-content .search {
  position: relative;
  margin-bottom: 16px;
  margin-top: 16px;
}
.search-registrant-widget .main-content .search input {
  height: 48px;
  border-radius: 20px;
  padding: 0 48px 0 24px;
}
.search-registrant-widget .main-content .search .btn {
  display: flex;
  align-items: center;
  height: 48px;
  position: absolute;
  right: 0;
  top: 0;
}
.search-registrant-widget .main-content .search .btn .material-icons {
  font-size: 24px;
}
.search-registrant-widget .main-content .control-tool .filter-wrapper {
  display: flex;
  align-items: center;
}
.search-registrant-widget .main-content .control-tool .filter-wrapper .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  font-size: 12px;
  margin-right: 4px;
}
.search-registrant-widget .main-content .control-tool .filter-wrapper .btn .material-icons {
  font-size: 16px;
}
.search-registrant-widget .main-content .advanced-search-area {
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 20px;
  padding: 8px 12px 8px;
  margin: 16px 0 8px;
}
.search-registrant-widget .main-content .advanced-search-area .add-filters-area .add-filter-widget > button.btn {
  width: 64px;
  flex: 0 0 64px;
  margin-left: 4px;
}
@media (max-width: 991px) {
  .search-registrant-widget .main-content .advanced-search-area .add-filters-area .add-filter-widget > button.btn {
    margin-left: 4px;
    margin-bottom: 8px;
    width: 72px;
    flex: 0 0 auto;
  }
}
.search-registrant-widget .main-content .advanced-search-area .add-filters-area .add-filter-widget > span {
  margin: 8px 8px;
}
@media (max-width: 991px) {
  .search-registrant-widget .main-content .advanced-search-area {
    padding: 0 16px;
  }
  .search-registrant-widget .main-content .advanced-search-area .add-filters-area {
    border-width: 0 0 1px 0;
    margin: 8px 0;
    padding: 0;
  }
}
.search-registrant-widget .main-content .title-hr {
  margin: 10px 0px;
}
.search-registrant-widget .main-content .paginated-table {
  box-shadow: none;
}
.search-registrant-widget .main-content .padding-for-paginated-table-with-shadow {
  padding-right: 24px;
}
.search-registrant-widget .main-content .paginated-table-with-shadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.search-registrant-widget .main-content .user-details-area {
  padding-left: 24px;
  border-left: 1px solid rgba(0, 0, 0, 0.26);
}
.search-registrant-widget .main-content .user-details-area .tab-link-area > ul.nav.nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 16px;
}
.search-registrant-widget .main-content .user-details-area .tab-link-area > ul.nav.nav-tabs > li:first-child {
  margin-left: 0;
}
.search-registrant-widget .main-content .user-details-area .tab-link-area > .tab-content > .tab-pane .resume-frame {
  height: 60vh;
  height: calc(var(--vh, 1vh) * 60);
}
.search-registrant-widget .main-content .user-details-area .tab-link-area-for-bcc > ul.nav.nav-tabs {
  border-bottom: 1px solid #0026ff;
  margin-bottom: 16px;
}
.search-registrant-widget .main-content .user-details-area .tab-link-area-for-bcc > ul.nav.nav-tabs > li:first-child {
  margin-left: 0;
}
.search-registrant-widget .main-content .user-details-area .tab-link-area-for-bcc > .tab-content > .tab-pane .resume-frame {
  height: 60vh;
  height: calc(var(--vh, 1vh) * 60);
}
@media (max-width: 991px) {
  .search-registrant-widget .main-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .search-registrant-widget .main-content.show-details {
    -webkit-transform: translateX(calc(-100% - 36px));
    -moz-transform: translateX(calc(-100% - 36px));
    -ms-transform: translateX(calc(-100% - 36px));
    -o-transform: translateX(calc(-100% - 36px));
    transform: translateX(calc(-100% - 36px));
    overflow: visible;
  }
  .search-registrant-widget .main-content > * {
    flex: 0 0 100%;
  }
  .search-registrant-widget .main-content .user-details-area {
    border: none;
  }
  .search-registrant-widget .main-content .user-details-area .back-button {
    margin-top: 16px;
    margin-bottom: -32px;
  }
}
.customize-email-template .body .gwt-TextArea {
  max-height: unset;
}
.customize-email-template .row {
  padding-bottom: 24px;
}
@media (min-width: 991px) {
  .customize-email-template .row:first-child {
    display: flex;
  }
  .customize-email-template .row:first-child [class^='col-']:first-child {
    padding-left: 0;
  }
  .customize-email-template .row:first-child [class^='col-']:not(:last-child) {
    border-right: 1px solid #d3d3d3;
  }
  .customize-email-template .row:first-child [class^='col-']:last-child {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .customize-email-template .row:first-child [class^='col-']:first-child {
    padding-bottom: 16px;
  }
  .customize-email-template .row:first-child [class^='col-']:not(:last-child) {
    border-bottom: 1px solid #d3d3d3;
  }
  .customize-email-template .row:first-child [class^='col-']:last-child {
    padding-top: 16px;
  }
}
.customize-email-template .row .borderless-column {
  border-right: none !important;
}
.customize-email-template .panel {
  border: none;
  margin-bottom: 0;
}
.customize-email-template .panel [class^='panel-'] {
  padding: 8px 0 0 0;
}
.customize-email-template .panel .merge-vars > .copyable-text-btn {
  padding-top: 8px;
}
.customize-email-template .footer {
  padding: 8px 0;
}
.customize-email-template .footer [class^='col-']:last-child {
  display: flex;
  align-items: center;
}
@media (min-width: 991px) {
  .customize-email-template .footer [class^='col-']:last-child {
    justify-content: flex-end;
  }
}
@media (max-width: 991px) {
  .customize-email-template .footer [class^='col-']:last-child {
    justify-content: center;
  }
}
.registrant-info-widget {
  position: relative;
  height: 100%;
  overflow-y: scroll;
}
.registrant-info-widget:not(.loading) .spinner-wrapper {
  display: none;
}
.registrant-info-widget.loading .spinner-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(51, 51, 51, 0.5);
}
.registrant-info-widget.loading .spinner-wrapper .spinner {
  align-self: center;
  margin: 0 auto;
}
.indicator-widget {
  display: inline-block;
  vertical-align: bottom;
  border-radius: 50%;
  z-index: 2;
  position: relative;
  /* .ind-md uses default*/
  width: 8px;
  height: 8px;
  margin-left: -8px;
  /* default color */
  background-color: transparent;
  /* default border */
  border-width: 0;
  border-style: none;
}
.indicator-widget.ind-lg {
  width: 10px;
  height: 10px;
  margin-left: -10px;
}
.indicator-widget.ind-xlg {
  width: 12px;
  height: 12px;
  margin-left: -12px;
}
.indicator-widget.ind-blue {
  background-color: #2a7bb1;
}
.indicator-widget.ind-gray {
  background-color: #f2f2f2;
}
.indicator-widget.ind-green {
  background-color: #24a148;
}
.indicator-widget.ind-dark-green {
  background-color: #114e23;
}
.indicator-widget.ind-orange {
  background-color: #fa6400;
}
.indicator-widget.ind-red {
  background-color: #da1e28;
}
.indicator-widget.ind-border-blue,
.indicator-widget.ind-border-gray,
.indicator-widget.ind-border-green,
.indicator-widget.ind-border-dark-green,
.indicator-widget.ind-border-orange,
.indicator-widget.ind-border-red {
  border-width: 2px;
  border-style: solid;
}
.indicator-widget.ind-border-blue {
  border-color: #2a7bb1;
}
.indicator-widget.ind-border-gray {
  border-color: #f2f2f2;
}
.indicator-widget.ind-border-green {
  border-color: #24a148;
}
.indicator-widget.ind-border-dark-green {
  border-color: #114e23;
}
.indicator-widget.ind-border-orange {
  border-color: #fa6400;
}
.indicator-widget.ind-border-red {
  border-color: #da1e28;
}
.language-select.bzInput.side-nav-mode .bootstrap-select.form-control {
  height: 100%;
  box-shadow: none;
  display: flex;
  align-items: center;
}
.language-select.bzInput.side-nav-mode .bootstrap-select.form-control > button {
  background: transparent;
  color: white;
  border-color: transparent;
  height: unset;
  line-height: 24px;
  display: flex;
  align-items: center;
  padding: 0 16px 0 0;
  border-radius: 0;
  border: none !important;
}
.language-select.bzInput.side-nav-mode .bootstrap-select.form-control > button .filter-option {
  white-space: break-spaces;
}
.language-select.bzInput.side-nav-mode .bootstrap-select.form-control > button span.caret {
  color: #ffffff;
  right: 4px;
}
.language-select.bzInput.side-nav-mode .bootstrap-select.form-control .dropdown-menu {
  max-height: none !important;
}
.language-select.bzInput.landing-screen-mode .bootstrap-select.form-control > button {
  width: auto;
  width: fit-content;
  text-transform: unset;
}
.language-select.bzInput.landing-screen-mode .bootstrap-select.form-control .dropdown-menu {
  width: 160px;
  max-width: 160px;
}
.language-select-widget-wrapper {
  display: flex;
  align-items: center;
}
.language-select-widget-wrapper > label {
  margin-bottom: 0;
  top: 2px;
  position: relative;
}
.language-select-widget-wrapper > label > i.material-icons {
  margin-right: 8px;
  color: #737373;
  font-size: 24px;
}
.language-select-widget-wrapper.minimized > label > i.material-icons {
  margin-right: 0;
}
.language-select-widget-wrapper.minimized .bootstrap-select.form-control > button {
  padding-left: 8px !important;
  border: none !important;
}
.language-select-widget-wrapper.minimized .bootstrap-select.form-control > button:focus,
.language-select-widget-wrapper.minimized .bootstrap-select.form-control > button:active,
.language-select-widget-wrapper.minimized .bootstrap-select.form-control > button:hover {
  outline: 2px solid -webkit-focus-ring-color !important;
}
@media (max-width: 767px) {
  .language-select-widget-wrapper.minimized {
    margin-right: -16px;
  }
  .language-select-widget-wrapper.minimized > label > i.material-icons {
    display: none;
  }
  .language-select-widget-wrapper.minimized .bootstrap-select.form-control > button {
    color: rgba(0, 0, 0, 0.38);
  }
  .language-select-widget-wrapper.minimized .bootstrap-select.form-control > button .filter-option {
    font-size: 0;
    white-space: break-spaces;
  }
  .language-select-widget-wrapper.minimized .bootstrap-select.form-control > button .filter-option:after {
    content: "\e894";
    font-family: 'Material Icons';
    font-size: 24px;
  }
}
.discussion-feed {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.discussion-feed .input-area {
  margin-top: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 24px;
  flex: 0;
  display: flex;
}
.discussion-feed .input-area .bzInput {
  flex: 1;
}
.discussion-feed .input-area .bzInput textarea {
  max-height: unset;
  min-height: 42px;
  border-radius: 16px;
  overflow: hidden;
  padding: 10px 16px;
}
.discussion-feed .input-area .bzInput textarea::placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.discussion-feed .input-area > .btn {
  margin-top: 3px;
  margin-left: 8px;
  margin-right: 8px;
  height: 36px;
}
.discussion-feed .no-comments-message {
  padding: 40px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.38);
  flex-direction: column;
}
.discussion-feed .no-comments-message .material-icons {
  font-size: 36px;
  margin-bottom: 8px;
}
.discussion-feed .more-comments-button {
  margin-bottom: 15px;
  display: inline-block;
  margin-left: 25%;
  margin-right: 25%;
  width: 50%;
}
.discussion-feed .comments-wrapper {
  height: 100%;
  overflow-y: auto;
  flex: 1;
}
.discussion-feed .comments-wrapper .comment {
  display: flex;
  margin-bottom: 32px;
}
.discussion-feed .comments-wrapper .comment img.avatar {
  width: 56px;
  margin-right: 16px;
}
.discussion-feed .comments-wrapper .comment .header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.discussion-feed .comments-wrapper .comment .header > * {
  margin-bottom: 0;
}
.discussion-feed .comments-wrapper .comment .header .name {
  font-weight: 800;
  font-size: 15px;
}
.discussion-feed .comments-wrapper .comment .header .pill {
  margin: 0 8px;
}
.discussion-feed .comments-wrapper .comment .header .time {
  margin-left: 24px;
  margin-top: 2px;
  color: rgba(0, 0, 0, 0.38);
  font-size: 12px;
}
.merge-vars > .copyable-text-btn .btn.btn-block.btn-default {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  border-radius: 0;
  line-height: 20px;
  text-transform: none;
  font-size: 10px;
}
.merge-vars > .copyable-text-btn .btn.btn-block.btn-default,
.merge-vars > .copyable-text-btn .btn.btn-block.btn-default:hover,
.merge-vars > .copyable-text-btn .btn.btn-block.btn-default:focus {
  background-color: lightgrey;
  border: 1px dotted #000000;
}
.merge-vars > .copyable-text-btn .btn.btn-block.btn-default i:before {
  font-size: 14px !important;
  color: #0026ff;
  top: 0.5px;
  left: 4px;
}
.paginated-table {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  min-width: 100%;
  width: 100%;
  width: fit-content;
}
.paginated-table .table {
  margin-bottom: 0;
  border: none;
}
.paginated-table .table.fixed {
  table-layout: fixed;
}
.paginated-table .table tr.selected {
  background-color: #f5f5f5;
}
.paginated-table .table > thead > tr > th.column-sortable,
.paginated-table .table > tbody > tr > th.column-sortable,
.paginated-table .table > tfoot > tr > th.column-sortable,
.paginated-table .table > thead > tr > td.column-sortable,
.paginated-table .table > tbody > tr > td.column-sortable,
.paginated-table .table > tfoot > tr > td.column-sortable {
  padding-left: 40px;
}
.paginated-table .table > thead > tr > th.column-sortable.text-center .orderable-header,
.paginated-table .table > tbody > tr > th.column-sortable.text-center .orderable-header,
.paginated-table .table > tfoot > tr > th.column-sortable.text-center .orderable-header,
.paginated-table .table > thead > tr > td.column-sortable.text-center .orderable-header,
.paginated-table .table > tbody > tr > td.column-sortable.text-center .orderable-header,
.paginated-table .table > tfoot > tr > td.column-sortable.text-center .orderable-header {
  display: unset;
}
.paginated-table .table > thead > tr > th.column-sortable.text-center .orderable-header .order-icon,
.paginated-table .table > tbody > tr > th.column-sortable.text-center .orderable-header .order-icon,
.paginated-table .table > tfoot > tr > th.column-sortable.text-center .orderable-header .order-icon,
.paginated-table .table > thead > tr > td.column-sortable.text-center .orderable-header .order-icon,
.paginated-table .table > tbody > tr > td.column-sortable.text-center .orderable-header .order-icon,
.paginated-table .table > tfoot > tr > td.column-sortable.text-center .orderable-header .order-icon {
  position: relative;
}
.paginated-table .table > thead > tr > th,
.paginated-table .table tr.header > td {
  height: 56px;
  border-top: 0;
  color: #737373 !important;
  overflow: visible;
}
.paginated-table .table > thead > tr > th div.orderable-header,
.paginated-table .table tr.header > td div.orderable-header {
  text-decoration: none;
  border-top: none;
  position: relative;
  display: flex;
  align-items: center;
}
.paginated-table .table > thead > tr > th div.orderable-header > div i.order-icon,
.paginated-table .table tr.header > td div.orderable-header > div i.order-icon {
  color: transparent;
  position: absolute;
  left: -20px;
  font-size: 16px !important;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  top: 50%;
}
.paginated-table .table > thead > tr > th div.orderable-header > div span,
.paginated-table .table tr.header > td div.orderable-header > div span {
  color: #737373;
  white-space: normal;
  display: inline-block;
  margin-left: 0;
}
.paginated-table .table > thead > tr > th div.orderable-header > div:hover span,
.paginated-table .table tr.header > td div.orderable-header > div:hover span {
  cursor: pointer;
}
.paginated-table .table > thead > tr > th div.orderable-header > div:hover .order-icon,
.paginated-table .table tr.header > td div.orderable-header > div:hover .order-icon {
  cursor: pointer;
  color: #737373;
}
.paginated-table .table > thead > tr > th div.orderable-header.active > div span,
.paginated-table .table tr.header > td div.orderable-header.active > div span {
  color: #222222;
}
.paginated-table .table > thead > tr > th div.orderable-header.active > div i.order-icon,
.paginated-table .table tr.header > td div.orderable-header.active > div i.order-icon {
  color: #0026ff;
}
.paginated-table .table > thead > tr > th div.filterable-header,
.paginated-table .table tr.header > td div.filterable-header {
  position: relative;
  display: flex;
  align-items: center;
}
.paginated-table .table > tbody > tr:hover:not(.header) {
  background-color: #eeeeee;
}
.paginated-table .table > tbody > tr > td {
  vertical-align: middle;
  height: 48px;
  padding-left: 24px;
  padding-right: 0;
  border-top: 1px solid #d8d8d8;
}
.paginated-table .table > tbody > tr > td:first-child {
  padding-left: 32px;
}
.paginated-table .table > tbody > tr > td:nth-child(2) {
  padding-left: 32px;
}
.paginated-table .table > tbody > tr > td:last-child {
  padding-right: 24px;
}
.paginated-table .table > tbody > tr > td > .bzInput {
  min-width: 64px;
}
.paginated-table .table > tbody > tr > td > .bzInput > .btn-group.bootstrap-select {
  background: inherit;
  box-shadow: none;
}
.paginated-table .table > tbody > tr > td > .bzInput > .btn-group.bootstrap-select > .btn.dropdown-toggle.btn-default {
  background: inherit;
  text-transform: none;
}
.paginated-table .table > tbody > tr > td > .bzInput > .btn-group.bootstrap-select > div.dropdown-menu > ul.dropdown-menu > li.selected > a:focus {
  outline: none;
}
.paginated-table .table > tbody > tr > td > .bzInput > .btn-group.bootstrap-select > div.dropdown-menu > ul.dropdown-menu > li.selected > a > span.fa.fa-check.check-mark {
  display: none;
}
.paginated-table .no-results-area {
  border-top: 1px solid #d8d8d8;
  padding: 48px 0 32px;
  text-align: center;
}
.paginated-table .pagination-area {
  border-top: 1px solid #d8d8d8;
}
.paginated-table .pagination-area .bz-simple-pager {
  margin-left: auto;
  margin-right: 32px;
  font-size: 12px;
  color: #737373;
  height: 56px;
  width: auto !important;
}
@media (max-width: 991px) {
  .paginated-table .pagination-area .bz-simple-pager {
    margin-right: 16px;
  }
}
.paginated-table .pagination-area .bz-simple-pager img[role='button'] {
  width: 24px;
  height: 24px;
  padding: 5px;
  filter: grayscale(1);
  margin-bottom: 3px;
  cursor: pointer;
}
.paginated-table .pagination-area .bz-simple-pager img[role='button'][aria-disabled='true'] {
  opacity: 0.5;
}
.paginated-table .pagination-area .bz-simple-pager tr > td {
  padding: 0;
  text-align: center;
  cursor: default;
}
.paginated-table .pagination-area .bz-simple-pager tr > td:nth-child(2) {
  width: 56px;
  padding-left: 32px;
}
.paginated-table .pagination-area .bz-simple-pager tr > td:nth-child(3) {
  width: 62px;
  padding-left: 24px;
  padding-right: 14px;
}
.paginated-table .spinner-wrapper {
  display: none;
}
.paginated-table.loading tr:not(.header),
.paginated-table.loading .no-results-area,
.paginated-table.loading .pagination-area {
  display: none;
}
.paginated-table.loading .spinner-wrapper {
  display: flex;
  justify-content: center;
  background-color: rgba(51, 51, 51, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.paginated-table.loading .spinner-wrapper .spinner {
  align-self: center;
}
.paginated-table {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.paginated-table .bulk-action-area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 12px 24px;
  border-bottom: 1px solid #d8d8d8;
  -webkit-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
.paginated-table .bulk-action-area.has-selection {
  background-color: rgba(0, 38, 255, 0.1);
}
.paginated-table .bulk-action-area.has-selection .count-area > *:only-child {
  color: #0026ff;
}
.paginated-table .bulk-action-area .count-area {
  display: flex;
  align-items: center;
}
.paginated-table .bulk-action-area .count-area > * {
  display: flex;
  align-items: center;
  line-height: 32px;
  height: 32px;
  margin-right: 16px;
  padding: 0 16px;
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 40px;
  flex: 0 0 auto;
  white-space: nowrap;
}
.paginated-table .bulk-action-area .count-area > *:only-child {
  background-color: transparent;
  margin-right: 0;
  padding: 0;
  border-radius: 0;
}
.paginated-table .bulk-action-area .count-area > * .btn {
  margin-left: 4px;
}
.paginated-table .bulk-action-area .count-area > *.filter-list {
  background-color: transparent;
  flex: 1 1 auto;
  flex-wrap: wrap;
  height: auto;
}
.paginated-table .bulk-action-area .count-area > *.filter-list .chip {
  margin-left: 8px;
}
.paginated-table .bulk-action-area .count-area > *.filter-list > span:first-child {
  margin-left: -16px;
}
.paginated-table .bulk-action-area .bulk-action-buttons {
  display: flex;
  align-items: center;
}
.paginated-table .bulk-action-area .bulk-action-buttons > * {
  margin-left: 8px;
}
.paginated-table .bulk-action-area .bulk-action-buttons .tooltip {
  margin-top: 2px !important;
  white-space: nowrap;
}
.paginated-table .paginated-table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
  box-shadow: none;
}
.paginated-table .paginated-table .table > tbody > tr > td:first-child {
  padding-left: 24px;
}
.bulk-association-table .bulk-action-area {
  border-bottom: 0 !important;
}
.bulk-association-table .paginated-table {
  border-top: 1px solid #d8d8d8;
}
.bulk-association-table .indeterminate-state-explanation {
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.bulk-association-table .indeterminate-state-explanation .checkbox-third-state {
  zoom: .7;
  margin: 0;
}
.bulk-association-table .indeterminate-state-explanation span {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  color: #737373;
}
.filter-widget {
  margin-left: 8px;
  height: 20px;
}
.filter-widget i.filter-icon {
  color: #737373;
  line-height: 19px;
  height: 20px;
  cursor: pointer;
  font-size: 16px !important;
}
.filter-widget i.filter-icon:hover {
  color: #222222;
}
.filter-widget i.filter-icon.active {
  color: #0026ff;
}
.filter-widget .filter-card {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  width: 296px;
  z-index: 10;
}
.filter-widget .filter-card .header {
  padding: 16px 24px 8px 24px;
}
.filter-widget .filter-card .header span {
  display: block !important;
  cursor: default !important;
  text-transform: lowercase;
  color: #222222;
  font-weight: 500;
}
.filter-widget .filter-card .header span:first-letter {
  text-transform: uppercase;
}
.filter-widget .filter-card .header a.clear-filter {
  display: inline-block;
  margin-top: 5px;
  color: #0026ff;
}
.filter-widget .filter-card .header a.clear-filter:hover {
  text-decoration: none;
}
.filter-widget .filter-card .body {
  padding: 0 24px;
}
.filter-widget .filter-card .body .radiogroup {
  display: flex;
  margin-bottom: 16px;
}
.filter-widget .filter-card .body .radiogroup label.radio {
  margin-right: 24px;
  margin-bottom: 0;
}
.filter-widget .filter-card .footer {
  padding: 8px;
  text-align: right;
}
td.left .filter-widget .filter-card {
  right: 0;
}
.filter-widget .filter-card .body .form-group .bzInput + .bzInput {
  margin-top: 8px;
}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/font/material-icons/material-symbols-outlined.woff2') format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('/font/material-icons/material-symbols-outlined.woff2') format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: url('/font/material-icons/material-symbols-rounded.woff2') format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: url('/font/material-icons/material-symbols-rounded-latest.woff2') format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Filled';
  font-style: normal;
  font-weight: 400;
  src: url('/font/material-icons/material-symbols-filled.woff2') format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons.outlined {
  font-family: 'Material Icons Outlined';
}
.material-icons.round {
  font-family: 'Material Icons Round';
}
.material-icons.round-latest {
  font-family: 'Material Icons Round';
}
.material-icons.filled {
  font-family: 'Material Icons Filled';
}
.material-icons.icon-flip {
  transform: rotate(180deg);
}
.material-icons {
  font-size: inherit;
}
.material-icons.material-icons-btn {
  border-radius: 50%;
  cursor: pointer;
  font-size: 22px !important;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #737373;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.material-icons.material-icons-btn:hover,
.material-icons.material-icons-btn:focus,
.material-icons.material-icons-btn:active {
  background-color: rgba(119, 119, 119, 0.4);
  color: #222222 !important;
}
.material-icons.flip {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  top: -1px;
  position: relative;
  vertical-align: middle;
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
}
.fa.flip:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa.fa-arrow-left:before {
  content: "\E5C4";
}
.fa.fa-arrows-alt:before {
  content: "\E89F";
}
.fa.fa-bars:before {
  content: "\E5D2";
}
.fa.fa-briefcase:before {
  content: "\eb3f";
}
.fa.fa-calendar-o:before {
  content: "\E878";
}
.fa.fa-calendar-check-o:before {
  content: "\e614";
}
.fa.fa-check:before {
  content: "\e5ca";
}
.fa.fa-chevron-down:before {
  content: "\e313";
}
.fa.fa-chevron-up:before {
  content: "\e316";
}
.fa.fa-close:before {
  content: "\e5cd";
}
.fa.fa-comments:before {
  content: "\E8AF";
}
.fa-comments-o:before {
  content: "\e8cd";
}
.fa.fa-copy:before {
  content: "\E14D";
}
.fa-dashboard:before {
  content: "\e871";
}
.fa.fa-download:before {
  content: "\E884";
}
.fa.fa-ellipsis-v:before {
  content: "\E5D4";
}
.fa.fa-external-link:before {
  content: "\E89E";
}
.fa.fa-file:before {
  content: "\E24D";
}
.fa.fa-gear:before {
  content: "\E8B8";
}
.fa.fa-info-circle:before {
  content: "\E88E";
}
.fa.fa-map-marker:before {
  content: "\E0C8";
}
.fa.fa-paperclip:before {
  content: "\E226";
}
.fa.fa-pencil:before {
  content: "\E254";
}
.fa-play:before {
  content: "\e037";
}
.fa.fa-plus-circle:before {
  content: "\E147";
}
.fa.fa-question-circle:before {
  content: "\E887";
}
.fa.fa-snapchat:before {
  font-family: 'Material Icons Outlined';
  content: "\ef6c";
}
.fa-spinner:before {
  content: "\e5d5";
}
.fa-stop:before {
  content: "\e047";
}
.fa.fa-times:before {
  content: "\e5cd";
}
.fa.fa-times-circle:before {
  content: "\E5C9";
}
.fa-users:before {
  content: "\F233";
}
.fa.fa-lg:before {
  font-size: 22px !important;
}
.fa.fa-facebook:before,
.fa.fa-google:before,
.fa.fa-google-plus:before,
.fa.fa-linkedin:before,
.fa.fa-linkedin-square:before,
.fa.fa-skype:before {
  font-family: FontAwesome;
}
.fa.fa-thermometer-0 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAACVBMVEUAAAAvLy8yMjLMEW2RAAAAA3RSTlMAJkxGwkpBAAAAj0lEQVR4Ad3NMQEAIAzAMHgQgUSkVSUKYmB9e2SNbmscjavxRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlojekD4BwDq+6FM1UAAAAASUVORK5CYII=);
}
.fa.fa-thermometer-0:before {
  content: none;
}
.fa.fa-thermometer-0:before {
  content: none;
}
.fa.fa-thermometer-1 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAD1BMVEUAAAAvLy8yMjIxMTEzMzMALA1yAAAABHRSTlMAJkyTupmePwAAALVJREFUeAHtzUENAgAQA0FIHSChGirh/GtCApkXIWH/k338+7meCl46qA6qg+qgOqgOqoPqoDqoDqqD6qA6qA6qg+qgOqgOqoPqoDqoDqqD6qA6qA6qg+qgOqgOqoPqoDqoDqqD6qA6qA0+gBTBEOQQDEEOwRDkEAxBDsEQ5BAMQQ7BEOQQDEEOwRDkEAxBDsEQ5BAMQQ7BEOQQDEEOwRDkEAxBDsEQ5BAMQQ7BEOQQTMG/r/cGklYHgGqMKJgAAAAASUVORK5CYII=);
}
.fa.fa-thermometer-1:before {
  content: none;
}
.fa.fa-thermometer-1:before {
  content: none;
}
.fa.fa-thermometer-2 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAD1BMVEUAAAAvLy8yMjIxMTEzMzMALA1yAAAABHRSTlMAJkyTupmePwAAALVJREFUeAHtzUENAgAQA0FIHSChGirh/GvCAvMiJOx/so+f699TwUsH1UF1UB1UB9VBdVAdVAfVQXVQHVQH1UF1UB1UB9VBdVAdVAfVQXVQHVQH1UF1UB1UB/1gYCBFMAQ5BEOQQzAEOQRDkEMwBDkEQ5BDMAQ5BEOQQzAEOQRDkEMwBDkEQ5BDMAQ5BEOQQzAEOQRDkEMwBDkEQ5BDMAQ5BEOQQzAEOQRDkEMwBDkEQ/D9/r0BNNMe6EpRLNAAAAAASUVORK5CYII=);
}
.fa.fa-thermometer-2:before {
  content: none;
}
.fa.fa-thermometer-2:before {
  content: none;
}
.fa.fa-thermometer-3 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAAD1BMVEUAAAAvLy8yMjIxMTEzMzMALA1yAAAABHRSTlMAJkyTupmePwAAALJJREFUeAHtzUENQgEUA0FIHSDhaaiE+teEhjkRkr/3yb6e/q63go8OTgeng9PB6eB0cDo4HZwOTgeng9PB6eB0cDo4HZwODgYCcgiKIENQBBmCIsgQFEGGoAgyBEWQISiCDEERZAiKIENQBBmCIsgQFEGGoAgyBEWQISiCDEERZAiKIENQBBmCIsgQFEGGoAgyBEWQISiCDEERZAiKIENQBBmCIsgQFEGGoAgyBFXw9PO+zW1J/BH8tOQAAAAASUVORK5CYII=);
}
.fa.fa-thermometer-3:before {
  content: none;
}
.fa.fa-thermometer-3:before {
  content: none;
}
.fa.fa-thermometer-4 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAACVBMVEUAAAAyMjIzMzMmhMtFAAAAAnRSTlMAgJsrThgAAACPSURBVHgB3c0xAQAgDMAweBCBRKRVJQpiYH17ZI1uaxyNq/FEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIhGJSEQiEpGIRCQiEYlIRCISkYhEJCIRiWiN6QPgHAOr7oUzVQAAAABJRU5ErkJggg==);
}
.fa.fa-thermometer-4:before {
  content: none;
}
.fa.fa-thermometer-4:before {
  content: none;
}
i.fa:before {
  font-size: 24px;
}
.material-textfield {
  position: relative;
  margin-top: 14px !important;
  margin-bottom: auto;
  padding-top: 0 !important;
}
.material-textfield label.control-label {
  color: #737373;
  background-color: white;
  position: absolute;
  top: 12px;
  left: 5px;
  font-size: 14px;
  cursor: text;
  transform-origin: bottom left;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  margin-bottom: 0;
  font-weight: 400;
  padding: 0 4px;
}
.material-textfield label.control-label.active,
.material-textfield label.control-label.filled,
.material-textfield label.control-label.has-placeholder {
  transform: scale(0.8) translateY(-30px);
}
.material-textfield input.form-control {
  background-color: transparent;
  border-radius: 3px;
  outline: none;
  height: 40px;
  width: 100%;
  font-size: 14px;
  box-shadow: none;
  transition: all .3s;
}
.material-textfield input.form-control:hover {
  cursor: pointer;
}
.material-textfield input.form-control[disabled]:hover {
  cursor: not-allowed;
}
.material-textfield .has-error .control-label {
  color: #da1e28;
}
.material-textfield .has-error .form-control {
  border-color: #da1e28;
}
label {
  font-weight: 600;
}
.flex-panel {
  display: flex;
  align-items: stretch;
}
.flex-panel > .panel,
.flex-panel > div {
  flex: 1 1 auto;
  margin-right: 16px;
}
.flex-panel > .panel:last-of-type,
.flex-panel > div:last-of-type {
  margin-right: 0;
}
.flex-panel.items-2 > div {
  flex: 1 1 50%;
}
fieldset {
  background-color: #fbfcfe;
  border-radius: 2px;
  padding: 16px 24px;
  margin-bottom: 16px;
  border: 1px solid #d8d8d8;
}
fieldset legend {
  border-bottom: none;
  width: auto;
  padding: 0 10px;
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 600;
}
.horizontal .form-group {
  padding: 5px 10px;
}
.horizontal .form-group label.control-label {
  width: 160px;
  display: inline-block;
  float: left;
  margin-top: 10px;
}
.horizontal .form-group .controls {
  overflow: visible;
  margin-left: 160px;
  padding-left: 10px;
}
.horizontal .form-group .controls > .static {
  margin-top: 10px;
  margin-bottom: 0px;
}
.horizontal.short .form-group label.control-label {
  width: 120px;
}
.horizontal.short .form-group .controls {
  margin-left: 120px;
}
.form-group {
  padding: 8px 0;
  margin: 0;
  position: relative;
}
.form-group.checkbox-sub-group {
  margin-left: 16px;
  border-left: 1px dotted #d8d8d8;
  border-radius: 0;
  padding: 8px 16px;
}
.form-group .prepend-required:before {
  content: "*";
  color: #0026ff;
  margin-right: 4px;
}
.form-group .control-label.required:after {
  content: "*";
  color: #0026ff;
  margin-left: 4px;
}
.form-group .controls {
  position: relative;
}
.form-group .control-label + .help-block {
  margin-top: 0;
  margin-bottom: 5px;
}
.form-group .help-block {
  font-weight: 300;
  font-size: 12px;
  padding-left: 5px;
}
.form-group.form-group-50p {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
.form-group.form-group-50p + .form-group-50p {
  margin-left: 4%;
}
.form-control {
  height: 40px;
  font-weight: 300;
  padding: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border-color: #d8d8d8;
  box-shadow: none;
}
.form-control:focus {
  border-color: #0026ff;
}
textare,
textarea.form-control {
  resize: none;
}
.form-control-static {
  padding: 10px;
  font-weight: 300;
  background-color: #f3f8fb;
}
.form-control-centered {
  display: flex;
  align-items: center;
}
.input-group {
  margin-bottom: 20px;
}
.input-group .bzInput {
  min-height: 40px;
  position: relative;
}
.input-group .bzInput .bz-editor-error {
  position: absolute;
  bottom: -18px;
  left: 10px;
}
.bzInput {
  position: relative;
}
.bzInput .bz-editor-charcount {
  display: none;
  position: absolute;
  top: -16px;
  bottom: auto;
  right: 4px;
  font-size: 12px;
}
.no-label .bzInput .bz-editor-charcount {
  top: -18px;
}
.bzInput.active .has-count .bz-editor-error {
  right: 45px;
}
.bzInput.active .has-count .bz-editor-charcount {
  display: inline-block;
}
.bzInput .password-icon {
  color: #aaaaaa;
  cursor: pointer;
  font-size: 18px;
  position: absolute;
  right: 8px;
  top: 12px;
}
.bzInput .password-input {
  padding-right: 32px;
}
.duration-input .input-group {
  margin-bottom: 0;
}
.bzInput .bz-editor-error,
.datetimepicker-input .bz-editor-error,
.duration-input .bz-editor-error {
  display: none;
}
.bzInput.errors .editor-contents input,
.datetimepicker-input.errors .editor-contents input,
.duration-input.errors .editor-contents input,
.bzInput.errors .cke,
.datetimepicker-input.errors .cke,
.duration-input.errors .cke,
.bzInput.errors .mce-tinymce,
.datetimepicker-input.errors .mce-tinymce,
.duration-input.errors .mce-tinymce,
.bzInput.errors .bz-chosen-listbox:first-of-type + div,
.datetimepicker-input.errors .bz-chosen-listbox:first-of-type + div,
.duration-input.errors .bz-chosen-listbox:first-of-type + div,
.bzInput.errors .form-control,
.datetimepicker-input.errors .form-control,
.duration-input.errors .form-control {
  border: 1px #da1e28 solid;
}
.bzInput.errors .form-control.bootstrap-select,
.datetimepicker-input.errors .form-control.bootstrap-select,
.duration-input.errors .form-control.bootstrap-select {
  border: none;
}
.bzInput.errors .form-control.bootstrap-select button.dropdown-toggle,
.datetimepicker-input.errors .form-control.bootstrap-select button.dropdown-toggle,
.duration-input.errors .form-control.bootstrap-select button.dropdown-toggle {
  border-color: #da1e28;
}
.bzInput.errors .form-control.bootstrap-select.open button.dropdown-toggle,
.datetimepicker-input.errors .form-control.bootstrap-select.open button.dropdown-toggle,
.duration-input.errors .form-control.bootstrap-select.open button.dropdown-toggle {
  border-color: #0026ff;
}
.bzInput.errors .bz-editor-error,
.datetimepicker-input.errors .bz-editor-error,
.duration-input.errors .bz-editor-error {
  display: block;
  margin-top: 5px;
  margin-left: 5px;
  color: #da1e28;
  width: 100%;
  font-size: 12px;
}
ul.deletable-list .list-group-item {
  display: flex;
  align-items: center;
  padding: 8px;
}
ul.deletable-list .list-group-item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
ul.deletable-list .list-group-item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
ul.deletable-list .list-group-item span {
  display: inline-block;
  min-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ul.deletable-list .list-group-item button {
  order: -1;
  margin-right: 4px;
  background-color: #ffffff;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #da1e28;
}
.has-error .form-control {
  border-color: #da1e28;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body.ch select {
  background: #ffffff url("../../img/select-bg.png") no-repeat 99% 50% !important;
}
select[multiple] {
  height: auto !important;
}
body.ch select[multiple] {
  background-image: none !important;
}
.bootstrap-select.form-control {
  height: 40px;
  background-color: transparent;
  padding: 0;
}
.bootstrap-select.form-control > button {
  height: 40px;
  font-size: 14px;
  text-transform: none;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  letter-spacing: inherit;
  font-weight: 300;
}
.bootstrap-select.form-control > button:hover,
.bootstrap-select.form-control > button:active,
.bootstrap-select.form-control > button:focus {
  border: 1px solid #0026ff;
  background-color: #ffffff;
  color: #555555;
  outline: none !important;
}
.bootstrap-select.form-control > button span.caret {
  color: #777777;
}
.bootstrap-select.form-control.disabled > button.disabled {
  background-color: #f9f9f9 !important;
  color: #333333 !important;
  border-bottom: 1px solid #d8d8d8 !important;
}
.bootstrap-select.form-control.disabled > button.disabled:hover,
.bootstrap-select.form-control.disabled > button.disabled:active,
.bootstrap-select.form-control.disabled > button.disabled:focus {
  border: 1px solid #0026ff !important;
  background-color: #f9f9f9 !important;
  color: #333333 !important;
  outline: none !important;
}
.bootstrap-select.form-control.open > button {
  box-shadow: none;
  border-color: #0026ff;
  border-radius: 2px 2px 0 0;
  background-color: #ffffff;
}
.bootstrap-select.form-control .dropdown-menu {
  max-width: 100%;
}
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:before {
  font-family: 'Material Icons';
  content: "\e835";
  margin-right: 8px;
  vertical-align: top;
  display: inline-block;
  font-size: 18px;
}
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a span.check-mark {
  display: none !important;
}
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:hover,
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:focus,
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:active {
  background-color: #d8d8d8;
}
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:hover .text,
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:focus .text,
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:active .text {
  color: #222222;
}
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:hover:before,
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:focus:before,
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:active:before {
  color: #222222;
}
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:hover small.text-muted,
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:focus small.text-muted,
.bootstrap-select.form-control.multi-select .dropdown-menu > li > a:active small.text-muted {
  color: #333333 !important;
}
.bootstrap-select.form-control.multi-select .dropdown-menu > li.selected > a {
  background-color: #ffffff !important;
}
.bootstrap-select.form-control.multi-select .dropdown-menu > li.selected > a .text {
  color: #0026ff;
}
.bootstrap-select.form-control.multi-select .dropdown-menu > li.selected > a:before {
  content: "\e834";
  color: #0026ff;
}
.btn-group.right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropdown-menu {
  border: none;
  border-radius: 0 0 2px 2px;
  z-index: 1050;
}
.dropdown-menu.inner {
  max-height: calc(60vh - 45px) !important;
  max-height: calc(var(--vh, 1vh) * 60 - 45px) !important;
}
.dropdown-menu .bs-searchbox {
  padding: 8px;
}
.dropdown-menu .bs-searchbox > input {
  border-color: #d8d8d8;
  height: 32px;
  padding: 4px 8px;
}
.dropdown-menu > li > a {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-weight: 300;
  outline: none !important;
  background-image: none !important;
  word-break: break-word;
}
.dropdown-menu > li > a > span {
  white-space: normal;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #0026ff;
}
.dropdown-menu > li > a:hover small.text-muted,
.dropdown-menu > li > a:active small.text-muted,
.dropdown-menu > li > a:focus small.text-muted {
  color: #f2f2f2;
}
.dropdown-menu > li.active > a,
.dropdown-menu > li.selected > a,
.dropdown-menu > li[selected='true'] > a {
  color: #ffffff !important;
  background-color: #0026ff !important;
}
.dropdown-menu > li.active > a small.text-muted,
.dropdown-menu > li.selected > a small.text-muted,
.dropdown-menu > li[selected='true'] > a small.text-muted {
  color: #0026ff;
}
.dropdown-menu > li.disabled > a {
  background-color: #f2f2f2 !important;
}
.bz-chosen-listbox .GHMSBBNBBJ .GHMSBBNBAK > span {
  padding-right: 90px;
}
.chosen-reset {
  width: 70px;
  height: 35px;
  display: block;
  position: absolute;
  right: 35px;
  top: 2px;
  text-align: center;
  line-height: 35px;
  color: #999999;
}
.bz-simple-pager img[role='button'] {
  width: 24px;
  height: 24px;
  padding: 5px;
}
.media-list .media .media-body ul {
  margin-left: -20px;
  list-style-type: disc;
}
.copy-link-wrapper.inline-copy-link {
  width: 50px;
  line-height: 36px;
  vertical-align: middle;
}
.copy-link-wrapper + .inline-copy-link-input {
  width: calc(100% - 55px);
}
.twitter-typeahead {
  width: 100%;
}
.twitter-typeahead:before {
  font-family: FontAwesome;
  content: "\f002";
  display: block;
  position: absolute;
  color: #d8d8d8;
  z-index: 1;
  left: 10px;
  top: 10px;
}
.twitter-typeahead input {
  height: 40px;
  font-weight: 300;
  padding: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border-color: #d8d8d8;
  box-shadow: none;
  box-shadow: none !important;
  padding-left: 30px;
}
.twitter-typeahead input:focus {
  box-shadow: none;
}
.twitter-typeahead input:focus {
  border-color: #0026ff;
}
.twitter-typeahead .tt-dropdown-menu {
  font-weight: 300;
  margin-top: -1px;
  border: 1px solid #0026ff;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.twitter-typeahead .tt-dropdown-menu .tt-suggestion {
  padding: 3px 10px;
  margin: 0 5px;
}
.twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-cursor {
  background: #0026ff none;
}
.timezone-presenter-widget > div[role="listbox"]:focus > div#chozen_container__0_chzn > a {
  border: 1px solid #0026ff;
}
.rep-add-modal {
  background-color: #fbfcfe;
  border-radius: 2px;
  padding: 16px 24px;
  margin-bottom: 16px;
  border: 1px solid #d8d8d8;
}
input[hidden] {
  display: none;
}
textarea {
  text-indent: 0 !important;
}
label {
  font-weight: 400;
}
.form-group-row {
  display: flex;
}
.form-group-row > .form-group {
  flex: 0 0 50%;
}
.form-group-row > .form-group:first-of-type {
  padding-right: 8px;
}
.form-group-row > .form-group:nth-of-type(2) {
  padding-left: 8px;
}
label.control-label {
  font-weight: 600;
  margin-bottom: 5px;
  padding-top: 0;
}
.form-group hr {
  margin-top: 10px;
}
textarea,
textarea.form-control {
  width: 100%;
  height: auto;
  font-weight: 300;
  padding: 10px;
  border-radius: 2px;
  border-color: #cccccc;
  box-shadow: none;
  max-width: 100%;
  max-height: 150px;
  -webkit-transition: border-color 0.3s ease-out;
  -ms-transition: border-color 0.3s ease-out;
  -o-transition: border-color 0.3s ease-out;
  transition: border-color 0.3s ease-out;
}
textarea:focus,
textarea.form-control:focus {
  border-color: #0026ff;
}
textarea[disabled],
textarea.form-control[disabled],
textarea.disabled,
textarea.form-control.disabled {
  cursor: not-allowed;
  background-color: #eee;
}
h2.form-title {
  text-align: center;
}
h3.form-subtitle {
  text-align: center;
  text-transform: none;
  color: #777777;
  margin-top: 0;
  font-weight: 300;
  line-height: 24px;
}
.form-group .bootstrap-select.form-control > button {
  border-color: #d8d8d8;
  width: 100%;
}
.form-wrapper form {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.form-wrapper h3 {
  font-size: 30px;
}
@media (max-width: 768px) {
  .form-wrapper form {
    max-width: 450px;
  }
  h2.form-title {
    font-size: 26px;
    margin: 0;
    line-height: 30px;
  }
  h3.form-subtitle {
    font-size: 20px;
    margin: 0;
  }
}
.description-area {
  padding: 0 10px;
}
.counting-menu-link .badge {
  position: absolute;
  top: 0px;
  left: 16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: #da1e28;
  padding: 0;
  font-size: 12px;
  font-weight: 300;
  border-radius: 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.setting-group {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 992px) {
  .setting-group {
    align-items: center;
  }
}
.setting-group .event-logo {
  text-align: center;
  width: 120px;
  margin-bottom: 16px;
  margin-top: 8px;
}
.setting-group .event-logo.rectangle {
  width: 320px;
}
@media (max-width: 767px) {
  .setting-group .event-logo {
    zoom: 0.8;
  }
  .setting-group .event-logo.rectangle {
    width: 240px;
  }
}
.setting-group .check-in-instructions {
  max-width: 640px;
  width: 100%;
}
.setting-group .action-card.setting-card {
  flex: 1 1 75%;
  margin: 0 0 24px;
  max-width: 640px;
  width: 100%;
}
.setting-group .action-card.setting-card .title-area {
  padding: 24px 56px 0;
}
.setting-group .action-card.setting-card .title-area > * {
  margin: 0;
}
.setting-group .action-card.setting-card .title-area i.material-icons {
  font-size: 24px !important;
  margin-right: 16px;
  margin-left: -40px;
}
.setting-group .action-card.setting-card .body {
  padding: 16px 56px;
}
.setting-group .action-card.setting-card .body .description-area {
  color: #737373;
}
.setting-group .action-card.setting-card .body .description-area ul {
  padding-left: 24px;
  margin: 0;
}
.setting-group .action-card.setting-card .body .form-area {
  margin-top: 32px;
}
.setting-group .action-card.setting-card .footer {
  padding: 12px 24px 12px 56px;
}
@media (max-width: 991px) {
  .setting-group {
    justify-content: center;
  }
  .setting-group .action-card.setting-card .title-area {
    padding: 16px 24px 0;
  }
  .setting-group .action-card.setting-card .title-area i.material-icons {
    margin-left: 0;
  }
  .setting-group .action-card.setting-card .body {
    padding: 16px 24px;
  }
  .setting-group .action-card.setting-card .footer {
    padding: 8px 12px 24px 8px;
  }
}
.auto-reply-settings-widget {
  display: flex;
}
.auto-reply-settings-widget .main-area {
  flex: 1 0 75%;
  max-width: 640px;
}
.auto-reply-settings-widget .main-area .action-card.setting-card .body .presence-indicator-wrapper {
  display: inline-block;
}
.auto-reply-settings-widget .main-area .action-card.setting-card .body .presence-indicator-wrapper .presence-indicator {
  position: relative;
  display: flex;
  align-items: center;
  color: #222222;
}
.auto-reply-settings-widget .main-area .action-card.setting-card .body .presence-indicator-wrapper .presence-indicator:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -2px;
  width: 16px;
  height: 16px;
  background-color: #f2f2f2;
  border: 2px solid #114e23;
  border-radius: 50%;
}
.auto-reply-settings-widget .main-area .action-card.setting-card .body .presence-indicator-wrapper .presence-indicator.available:after {
  background-color: #24a148;
}
.auto-reply-settings-widget .main-area .action-card.setting-card .body .presence-indicator-wrapper .presence-indicator.vacation:after {
  content: "\EB3E";
  font-family: 'Material Icons';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  right: -4px;
  bottom: -1px;
  color: #737373;
}
.auto-reply-settings-widget .main-area .action-card.setting-card .body .presence-indicator-wrapper .presence-indicator:after {
  margin-left: 0.25em;
  margin-right: 0.1em;
  display: inline-block;
  position: relative;
  right: unset;
  bottom: -1px;
}
.auto-reply-settings-widget .main-area .action-card.setting-card .body .presence-indicator-wrapper .presence-indicator.vacation:after {
  right: 0;
}
.auto-reply-settings-widget .main-area .action-card.setting-card .body .form-area .form-group {
  margin-bottom: 24px;
}
.auto-reply-settings-widget .sidebar {
  flex: 0 1 25%;
  max-width: 266px;
  margin-left: 32px;
  font-size: 16px;
  color: #737373;
}
@media (max-width: 991px) {
  .auto-reply-settings-widget .sidebar {
    display: none;
  }
}
.auto-reply-settings-widget .sidebar h5 {
  font-size: 18px;
  color: #222222;
}
.auto-reply-settings-widget .sidebar a.btn {
  width: 200px;
}
.app {
  position: relative;
  margin: 0 auto;
  min-width: 991px;
}
.app .progress {
  margin-bottom: 0;
  height: 3px;
  position: absolute;
  width: 100%;
  z-index: 110;
  background: transparent;
  box-shadow: none;
}
.app .progress .progress-bar {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  box-shadow: none;
  background: #0026ff;
}
.app .alert.page-shared-alert {
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.app .side-nav-wrapper {
  width: 256px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  color: #ffffff;
  float: left;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  z-index: 120;
  box-shadow: 5px 0 11px 0 rgba(0, 0, 0, 0.18), 4px 0 15px 0 rgba(0, 0, 0, 0.15);
  background: #6f00ef;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* Internet Explorer 10+ */
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.app .side-nav-wrapper::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.app .side-nav-wrapper::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.app .side-nav-wrapper .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 256px;
  padding: 0 24px;
}
.app .side-nav-wrapper .inner > * {
  flex: 0 0 auto;
}
.app .side-nav-wrapper .inner button.menu-state-change-button.btn-link {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  margin-top: 12px;
  padding: 0;
  line-height: 32px;
  border-radius: 50%;
  outline: none !important;
  left: -4px;
}
.app .side-nav-wrapper .inner button.menu-state-change-button.btn-link i:before {
  color: white;
  font-size: 32px !important;
}
.app .side-nav-wrapper .inner button.menu-state-change-button.btn-link:focus,
.app .side-nav-wrapper .inner button.menu-state-change-button.btn-link:active,
.app .side-nav-wrapper .inner button.menu-state-change-button.btn-link:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.app .side-nav-wrapper .inner .profile-area {
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.app .side-nav-wrapper .inner .profile-area .presence-indicator {
  position: relative;
}
.app .side-nav-wrapper .inner .profile-area .presence-indicator:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -2px;
  width: 16px;
  height: 16px;
  background-color: #f2f2f2;
  border: 2px solid #114e23;
  border-radius: 50%;
}
.app .side-nav-wrapper .inner .profile-area .presence-indicator.available:after {
  background-color: #24a148;
}
.app .side-nav-wrapper .inner .profile-area .presence-indicator.vacation:after {
  content: "\EB3E";
  font-family: 'Material Icons';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  right: -4px;
  bottom: -1px;
  color: #737373;
}
.app .side-nav-wrapper .inner .profile-area .presence-indicator img.avatar {
  flex: 0 0 40px;
  margin-left: -4px;
  margin-right: 4px;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  color: black;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.app .side-nav-wrapper .inner .profile-area .presence-indicator img.avatar:hover {
  opacity: .8;
  border: 1px solid #0026ff !important;
  cursor: pointer;
}
.app .side-nav-wrapper .inner .profile-area .text {
  padding-left: 24px;
  min-height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.app .side-nav-wrapper .inner .profile-area .text p {
  margin: 0;
  font-weight: 300;
}
.app .side-nav-wrapper .inner .profile-area .text p.name {
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app .side-nav-wrapper .inner .profile-area .text p.position {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wk .app .side-nav-wrapper .inner .profile-area .text p.position {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wk .app .side-nav-wrapper .inner .profile-area .text p.position {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.app .side-nav-wrapper .inner .live-chat-availability-widget {
  display: flex;
  align-items: center;
  padding: 8px 0 8px 64px;
  margin-right: -16px;
  height: 38px;
  transition: all 0.3s;
}
.app .side-nav-wrapper .inner .live-chat-availability-widget label {
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  width: 90px;
  line-height: 22px;
  overflow: hidden;
  vertical-align: bottom;
}
.app .side-nav-wrapper .inner .live-chat-availability-widget > div {
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  right: 15px;
}
.app .side-nav-wrapper .inner .live-chat-availability-widget.live-chat-disabled {
  opacity: 0.38;
}
.app .side-nav-wrapper .inner .nav {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  box-shadow: 0 2px 4px #bfbfbf;
}
.app .side-nav-wrapper .inner .nav.nav-stacked {
  background: transparent !important;
  border: none;
  box-shadow: none;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li {
  margin: 8px 0;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li > a {
  display: flex;
  align-items: center;
  margin: 0 -24px;
  padding: 8px 24px;
  font-size: 16px;
  color: #f7f7f7;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li > a > * {
  display: block;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li > a i {
  font-size: 28px !important;
  flex: 0 0 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  margin-right: 32px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  opacity: 0.87;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li > a i.brazen-icon {
  line-height: 32px;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li > a:hover,
.app .side-nav-wrapper .inner .nav.nav-stacked > li > a:focus {
  background-color: rgba(255, 255, 255, 0.08);
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li.with-divider {
  margin-top: 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: -24px !important;
  margin-right: -24px !important;
  padding: 16px 24px 0;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li.with-divider-bottom {
  margin-bottom: 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: -24px !important;
  margin-right: -24px !important;
  padding: 0 24px 16px;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li.active > a {
  background-color: rgba(255, 255, 255, 0.08);
  color: #f7f7f7;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li.active > a i {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li.active > .sub-menu {
  display: block;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li.disabled > a {
  background-color: transparent !important;
  color: #b3b3b3 !important;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li.disabled > a i {
  text-shadow: none !important;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li.custom > a:after {
  font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  content: "custom";
  font-size: 10px;
  font-weight: 400 !important;
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -8px;
  padding: 0 2px;
  color: #0026ff;
  border-radius: 4px;
  border: 1px solid;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li .sub-menu {
  display: none;
  border-bottom: 1px solid #d8d8d8;
  list-style: none;
  line-height: 30px;
  padding-left: 55px;
  padding-bottom: 20px;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li .sub-menu:last-child {
  border-bottom: none;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li .sub-menu a {
  font-size: 12px;
  font-weight: 300;
  color: #333333;
  text-transform: capitalize;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li .sub-menu li {
  position: relative;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li .sub-menu li.active a {
  font-weight: 400;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li .sub-menu li.active a::before {
  content: "\f0da";
  font-family: FontAwesome;
  position: absolute;
  left: -10px;
  top: 1px;
  font-size: 14px;
  display: block;
  color: #00cbff;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu {
  margin-top: auto;
  font-size: 14px;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu > li.with-divider {
  margin-top: 8px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: -24px !important;
  margin-right: -24px !important;
  padding: 8px 24px 0;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu > li.with-divider-bottom {
  margin-bottom: 8px !important;
  padding-bottom: 8px;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu > li.bottom-menu-hq > a {
  margin: 0 -24px;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu > li > a {
  font-size: 14px;
  padding: 4px 24px;
  line-height: 24px;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu > li > a > * {
  display: block;
  min-height: 24px;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu > li > a i {
  font-size: 22px !important;
  width: 32px;
  line-height: 24px;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu > li > a img {
  width: 32px;
  padding: 0 4px;
  height: 24px;
  margin-right: 32px;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu > li > a i.brazen-icon {
  line-height: 32px;
}
.app .side-nav-wrapper .inner .nav.nav-bottom-menu ~ .powered-by-brazen {
  margin-top: 0;
}
.app .side-nav-wrapper .inner .powered-by-brazen {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 8px 16px;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #ffffff;
}
.app .side-nav-wrapper .inner .powered-by-brazen img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.app .side-nav-wrapper .inner .powered-by-brazen span {
  font-size: 12px;
  line-height: 24px;
  opacity: 1;
}
.app .side-nav-wrapper .inner .powered-by-brazen:hover {
  cursor: pointer;
}
.app .side-nav-wrapper .inner .powered-by-brazen:hover span {
  text-decoration: underline;
}
.app .side-nav-wrapper.collapsed {
  width: 64px;
}
.app .side-nav-wrapper.collapsed .inner {
  padding: 0 16px;
}
.app .side-nav-wrapper.collapsed .inner .live-chat-availability-widget {
  padding: 8px 0;
}
.app .side-nav-wrapper.collapsed .inner .live-chat-availability-widget label.control-label {
  width: 0;
  height: 0;
}
.app .side-nav-wrapper.collapsed .inner .nav.nav-stacked > li > a {
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
.app .side-nav-wrapper.collapsed .inner .powered-by-brazen {
  justify-content: left;
  margin-left: -4px;
}
.app .side-nav-wrapper.collapsed .inner .powered-by-brazen span {
  opacity: 0;
}
.app .page {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.app .page .app-bar {
  min-height: 64px;
  padding: 0 32px;
  flex: 0 0 auto;
  background-color: #ffffff;
  z-index: 100;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.app .page .app-bar .title-area {
  color: #737373;
  position: relative;
}
.app .page .app-bar .title-area .btn.btn-round {
  margin: 16px 0;
}
.app .page .app-bar .title-area .title {
  color: #222222;
  font-weight: 400;
  margin: 0;
  line-height: 64px;
}
.app .page .app-bar .title-area .h1 {
  color: #222222;
  font-weight: 400;
  margin: 0;
  font-size: 24px;
  line-height: 64px;
}
.app .page .app-bar .title-area .additional-info {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 32px;
  margin-top: 16px;
}
.app .page .app-bar .title-area .additional-info i {
  font-size: 16px !important;
  margin-left: 16px;
  margin-right: 4px;
  vertical-align: top;
}
.app .page .app-bar .title-area .additional-info i:first-of-type {
  margin-left: inherit;
}
.app .page .app-bar.extended .title-area {
  height: 128px;
  padding-top: 64px;
}
.app .page .app-bar.extended .title-area .back-area {
  position: absolute;
  top: 0;
  left: 0;
}
.app .page .app-bar.extended .title-area .title {
  padding-left: 72px;
}
.app .page .app-bar.extended .title-area .tool-area {
  position: absolute;
  top: 0;
  right: 0;
}
.app .page .content {
  flex: 1 1 auto;
  padding: 32px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
  overflow-x: scroll;
  overflow-y: auto;
  height: 100%;
}
.app .page .content .right-col {
  overflow-y: auto;
  flex: 1 1 30%;
  max-width: 440px;
  min-width: 320px;
  background: #ffffff;
  border-left: 1px solid #d8d8d8;
  padding: 32px 24px;
}
.app .page .content .center-col .setting-group .action-card.setting-card .title-area .h2 {
  color: #222222;
  font-weight: 400;
  margin: 0;
  font-size: 18px;
}
.app .page.booth-screen .app-bar .title-area .booth-info .h2 {
  color: #222222;
  font-weight: 400;
  margin: 0;
  font-size: 18px;
}
.app .side-nav-wrapper .inner .profile-area {
  margin: 8px 0;
}
.app .side-nav-wrapper .inner .profile-area img.avatar {
  flex: 0 0 40px;
  margin-left: -4px;
  margin-right: 4px;
  width: 40px;
  height: 40px;
}
.app .side-nav-wrapper .inner .profile-area .text {
  padding-left: 10px;
}
.app .side-nav-wrapper .inner .live-chat-availability-widget {
  padding: 0;
  margin: 4px 0;
  min-height: 32px;
  height: 100%;
}
.app .side-nav-wrapper .inner .live-chat-availability-widget > label {
  order: 1;
  margin-left: 16px;
  color: #f7f7f7;
  width: 160px;
}
.app .side-nav-wrapper .inner .live-chat-availability-widget > div {
  display: flex;
  position: static;
}
.app .side-nav-wrapper .inner .side-nav-button {
  display: flex;
  align-items: center;
  visibility: visible !important;
  color: #f7f7f7;
  background-color: transparent;
  box-shadow: none;
  text-transform: none;
  font-size: 12px;
  width: 100%;
  line-height: unset;
  margin-left: -24px;
  padding: 4px 24px;
  box-sizing: content-box;
  border-radius: 0;
  white-space: break-spaces;
}
.app .side-nav-wrapper .inner .side-nav-button:hover,
.app .side-nav-wrapper .inner .side-nav-button:focus {
  background-color: rgba(255, 255, 255, 0.08);
}
.app .side-nav-wrapper .inner .side-nav-button i.material-icons {
  font-size: 22px;
  flex: 0 0 32px;
  text-align: center;
  margin-right: 18px;
}
.app .side-nav-wrapper .inner .side-nav-button span {
  font-size: 12px;
}
.app .side-nav-wrapper .inner .event-info {
  display: flex;
  flex-direction: column;
  color: #f7f7f7;
  font-size: 12px;
  margin: 16px -24px;
  padding: 16px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.app .side-nav-wrapper .inner .event-info > div {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}
.app .side-nav-wrapper .inner .event-info > div.event-title span.title {
  font-size: 22px;
  margin-top: -4px;
}
.app .side-nav-wrapper .inner .event-info > div.event-title span.title i.material-icons {
  position: relative;
  cursor: default;
}
.app .side-nav-wrapper .inner .event-info > div.event-title span.title i.material-icons:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  right: 0;
  bottom: 0;
  background: transparent;
  border-radius: 50%;
}
.app .side-nav-wrapper .inner .event-info > div.event-title span.title i.material-icons.future:after {
  background: #2a7bb1;
}
.app .side-nav-wrapper .inner .event-info > div.event-title span.title i.material-icons.live:after {
  background: #24a148;
}
.app .side-nav-wrapper .inner .event-info > div.event-title span.title i.material-icons.ended:after {
  background: #f1c21b;
}
.app .side-nav-wrapper .inner .event-info > div.countdown {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.app .side-nav-wrapper .inner .event-info > div:first-of-type {
  margin-bottom: 4px;
}
.app .side-nav-wrapper .inner .event-info > div span.title {
  opacity: 0.87;
  font-size: 12px;
  flex: 0 0 32px;
  text-align: center;
  margin-right: 18px;
}
.app .side-nav-wrapper .inner .nav.nav-stacked > li {
  margin: 4px 0;
}
.app .side-nav-wrapper.collapsed .inner .live-chat-availability-widget label.control-label {
  width: 160px;
  height: auto;
}
.app .side-nav-wrapper.collapsed .inner .event-info > div {
  display: none;
}
.app .side-nav-wrapper.collapsed .inner .event-info > div.event-title {
  display: flex;
  margin-bottom: 0;
}
.app .side-nav-wrapper.collapsed .inner .event-info > div.event-title span {
  display: none;
}
.app .side-nav-wrapper.collapsed .inner .event-info > div.event-title span.title {
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  margin: 0;
}
.app .side-nav-wrapper.collapsed .inner .event-info > div.event-title span.title i.material-icons:after {
  width: 10px;
  height: 10px;
}
body.hide-side-nav .app .side-nav-wrapper {
  display: none;
}
.app .page .tab-link-area > ul.nav.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.app .page .tab-link-area > ul.nav.nav-tabs > li a {
  display: flex;
  align-items: center;
  padding: 4px 24px;
  max-width: 200px;
  white-space: nowrap;
}
.app .page .tab-link-area > ul.nav.nav-tabs > li a i.material-icons {
  font-size: 20px;
  margin-right: 5px;
}
.app .page .content {
  display: flex;
  padding: 0;
  flex: 1 1 100%;
  overflow: hidden;
}
.app .page .content .center-col {
  overflow-y: auto;
  flex: 1 1 70%;
  padding: 32px;
}
.app .page .content .center-col > .material-banner {
  margin: -32px -32px 32px;
}
.search-area {
  flex: 0 0 auto;
}
.instructions {
  flex: 0 0 auto;
}
.content {
  flex: 1 1 100%;
  height: 100%;
  /* flex: 0 0 auto; */
  overflow-y: visible !important;
  border: none !important;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body {
  height: 70vh;
  height: calc(var(--vh, 1vh) * 70);
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list {
  display: flex;
  flex-direction: column;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .search-area {
  flex: 0 0 auto;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .search-area .basic-search-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .search-area .basic-search-area .search-box-wrapper {
  flex: 1 1 auto;
  position: relative;
  padding: 0;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .search-area .basic-search-area .search-box-wrapper input {
  padding-right: 40px;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .search-area .basic-search-area .search-box-wrapper i {
  position: absolute;
  display: block;
  font-size: 24px;
  top: 8px;
  right: 8px;
  color: #737373;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .search-area .basic-search-area .btn.btn-link {
  margin-left: 16px;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list > span {
  display: block;
  margin-left: 12px;
  margin-top: 4px;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .instructions {
  flex: 0 0 auto;
  display: flex;
  padding: 8px 12px;
  margin: 16px 0 8px;
  border-radius: 4px;
  background-color: rgba(241, 194, 27, 0.1);
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .instructions > div:not(.round-button-wrapper) {
  align-self: center;
  margin-right: 12px;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .instructions > div:not(.round-button-wrapper) i {
  font-size: 32px;
  margin: 0 4px;
  vertical-align: bottom;
  line-height: 18px;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .instructions > div.round-button-wrapper {
  margin-left: auto;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-width: 1px 0;
  padding: 4px 24px 0;
  margin: 12px -24px 0;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 12px 8px 8px;
  min-height: 57px;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line:last-of-type {
  margin-bottom: -1px;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line > div:last-of-type {
  margin-left: auto;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .booth-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .booth-info .booth-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .booth-info .booth-title .inner i.material-icons {
  display: inline-block;
  margin-left: 8px;
  width: 16px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.26);
  vertical-align: middle;
  line-height: 21px;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .booth-info .booth-title .inner a {
  font-weight: 600;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .booth-info .booth-title .pill {
  margin-left: 4px;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .booth-info .booth-message {
  color: rgba(0, 0, 0, 0.38);
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .booth-info .booth-message p {
  margin: 0;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .remove-upcoming-chat-confirm-area {
  border-right: 8px solid transparent;
  border-color: #0026ff;
  padding-right: 24px;
  margin-left: auto;
  align-items: center;
  display: flex;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .remove-upcoming-chat-confirm-area button {
  margin-left: 4px;
}
.tooltip .tooltip-inner .event-info-tooltip-inner {
  max-width: 300px;
}
.tooltip .tooltip-inner .event-info-tooltip-inner .pill.future {
  background: #2a7bb1;
}
.tooltip .tooltip-inner .event-info-tooltip-inner .pill.live {
  background: #24a148;
}
.tooltip .tooltip-inner .event-info-tooltip-inner .pill.ended {
  background: #f1c21b;
}
@media (max-width: 991px) {
  body.no-scroll-on-mobile {
    overflow: hidden;
  }
  .app {
    min-width: auto;
  }
  .app .side-nav-wrapper {
    width: 90vw !important;
    transform: translateX(0);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1040;
  }
  .app .side-nav-wrapper .inner {
    width: 90vw;
  }
  .app .side-nav-wrapper.collapsed {
    transform: translateX(-91vw);
    box-shadow: none;
  }
  .app .page {
    overflow: visible;
  }
  .app .page .app-bar {
    min-height: auto;
    padding: 0;
    position: sticky;
    top: 0;
  }
  .app .page .app-bar .title-area {
    display: flex;
    align-items: center;
    padding: 0;
  }
  .app .page .app-bar .title-area .btn.btn-round {
    margin: 8px 0;
    width: 48px;
    height: 48px;
  }
  .app .page .app-bar .title-area .back-area {
    margin-right: auto;
    padding: 0 8px;
    width: 64px;
  }
  .app .page .app-bar .title-area .back-area button.menu-state-change-button {
    padding: 0;
    width: 48px;
    height: 48px;
  }
  .app .page .app-bar .title-area .back-area button.menu-state-change-button i:before {
    font-size: 32px;
  }
  .app .page .app-bar .title-area .title {
    line-height: 56px;
    max-width: 100%;
    overflow-y: auto;
    white-space: nowrap;
  }
  .app .page .app-bar .title-area .tools-area {
    margin-left: auto;
    padding: 0 8px;
    width: 64px;
  }
  .app .page .app-bar .title-area .tools-area .btn-round,
  .app .page .app-bar .title-area .tools-area .btn-round.btn-link {
    width: 48px;
    height: 48px;
    margin: 0;
  }
  .app .page .app-bar .title-area .tools-area .btn-round i,
  .app .page .app-bar .title-area .tools-area .btn-round.btn-link i {
    font-size: 32px;
  }
  .app .page .app-bar .tab-link-area {
    margin-top: -8px;
    padding: 0 16px;
  }
  .app .page .app-bar .tab-link-area > ul.nav.nav-tabs {
    margin: 0 -16px;
  }
  .app .page .app-bar .tab-link-area > ul.nav.nav-tabs > li {
    margin: 0;
  }
  .app .page .app-bar .tab-link-area > ul.nav.nav-tabs > li:first-child {
    margin-left: 16px;
  }
  .app .page .app-bar .tab-link-area > ul.nav.nav-tabs > li > a {
    font-size: 12px;
    padding: 4px 16px;
    height: 40px;
  }
  .app .page .content .center-col {
    padding: 16px;
  }
  .app .page .content .center-col > .material-banner {
    margin: -16px -16px 16px;
  }
  .app .page .content .right-col {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1050;
    width: 90vw;
    min-width: 280px;
    padding-top: 16px;
    height: 100%;
    border: none !important;
    transform: translateX(91vw);
    -webkit-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .app .page .content .right-col > .right-col-title {
    margin: 0 0 16px 0;
  }
  .app .page .content .right-col.in {
    transform: translateX(0);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  }
  .app .page .content .right-col > .right-col-title {
    margin: 0 0 16px 0;
  }
  .app .page .content .right-col.in {
    transform: translateX(0);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  }
  .side-panel-backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.32);
    z-index: 1000;
  }
  .modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .search-area .basic-search-area {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
  }
  .modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .search-area .basic-search-area .search-box-wrapper {
    width: 100%;
    margin-top: 12px;
  }
  .modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .search-area .basic-search-area .btn.btn-link {
    margin-left: 0;
    font-size: 12px;
    padding: 0 8px;
    position: absolute;
    top: -16px;
    line-height: 24px;
    right: 0;
  }
  .modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content {
    padding: 4px 8px;
    flex: 0 0 auto;
    border: none;
  }
  .modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line {
    min-height: auto;
    flex: 0 0 auto;
  }
  .modal.search-booth-modal .modal-dialog .modal-content .modal-body .searchable-list .content .booth-line .booth-info .booth-title .pill {
    order: -1;
    margin: 0 100% 0 0;
    flex: 0 0 auto;
  }
}
.btn {
  display: inline-block;
  padding: 0 16px;
  border-radius: 2px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  letter-spacing: .5px;
  border: none;
  text-transform: uppercase;
  line-height: 36px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  /*&.btn-vzaar {
    #button(@color-brand-vzaar);
  }*/
}
.btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.btn:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.btn.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.btn:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.btn.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.btn:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.btn.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.btn:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.btn.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.btn + .btn {
  margin-left: 8px;
}
.btn + .btn-group {
  margin-left: 8px;
}
.btn.btn-default {
  color: #333333;
  background-color: #ffffff;
}
.btn.btn-default:hover,
.btn.btn-default:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-default:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-default.disabled,
.btn.btn-default[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(51, 51, 51, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-default.disabled.has-tooltip,
.btn.btn-default[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-default.btn-flat {
  box-shadow: none !important;
}
.btn.btn-default.not-clickable {
  pointer-events: none;
}
.btn.btn-primary {
  color: #ffffff;
  background-color: #0026ff;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: rgba(0, 38, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-primary:active {
  background-color: rgba(0, 38, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-primary.disabled,
.btn.btn-primary[disabled] {
  background-color: rgba(0, 38, 255, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-primary.disabled.has-tooltip,
.btn.btn-primary[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-primary.btn-flat {
  box-shadow: none !important;
}
.btn.btn-primary.not-clickable {
  pointer-events: none;
}
.btn.btn-success {
  color: #222222;
  background-color: #24a148;
}
.btn.btn-success:hover,
.btn.btn-success:focus {
  background-color: rgba(36, 161, 72, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-success:active {
  background-color: rgba(36, 161, 72, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-success.disabled,
.btn.btn-success[disabled] {
  background-color: rgba(36, 161, 72, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-success.disabled.has-tooltip,
.btn.btn-success[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-success.btn-flat {
  box-shadow: none !important;
}
.btn.btn-success.not-clickable {
  pointer-events: none;
}
.btn.btn-info {
  color: #222222;
  background-color: #00cbff;
}
.btn.btn-info:hover,
.btn.btn-info:focus {
  background-color: rgba(0, 203, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-info:active {
  background-color: rgba(0, 203, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-info.disabled,
.btn.btn-info[disabled] {
  background-color: rgba(0, 203, 255, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-info.disabled.has-tooltip,
.btn.btn-info[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-info.btn-flat {
  box-shadow: none !important;
}
.btn.btn-info.not-clickable {
  pointer-events: none;
}
.btn.btn-warning {
  color: #222222;
  background-color: #ffcc36;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus {
  background-color: rgba(255, 204, 54, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-warning:active {
  background-color: rgba(255, 204, 54, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-warning.disabled,
.btn.btn-warning[disabled] {
  background-color: rgba(255, 204, 54, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-warning.disabled.has-tooltip,
.btn.btn-warning[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-warning.btn-flat {
  box-shadow: none !important;
}
.btn.btn-warning.not-clickable {
  pointer-events: none;
}
.btn.btn-danger {
  color: #ffffff;
  background-color: #da1e28;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus {
  background-color: rgba(218, 30, 40, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-danger:active {
  background-color: rgba(218, 30, 40, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-danger.disabled,
.btn.btn-danger[disabled] {
  background-color: rgba(218, 30, 40, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-danger.disabled.has-tooltip,
.btn.btn-danger[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-danger.btn-flat {
  box-shadow: none !important;
}
.btn.btn-danger.not-clickable {
  pointer-events: none;
}
.btn.btn-link {
  color: #0026ff;
  background-color: transparent;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.btn-link.disabled,
.btn.btn-link[disabled] {
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: not-allowed;
  pointer-events: auto;
}
.btn.btn-link:hover,
.btn.btn-link:focus {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.1);
}
.btn.btn-link:active {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.2);
}
.btn.btn-outlined {
  color: #0026ff;
  border: 1px solid #0026ff;
  background-color: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.btn-outlined:hover {
  background-color: rgba(0, 38, 255, 0.1);
}
.btn.btn-outlined:focus {
  background-color: rgba(0, 38, 255, 0.15);
}
.btn.btn-outlined:active {
  background-color: rgba(0, 38, 255, 0.15);
}
.btn.btn-round,
.btn.btn-link.btn-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  line-height: 24px;
  border-radius: 50%;
  outline: none;
}
.btn.btn-round i,
.btn.btn-link.btn-round i {
  color: #737373;
  font-size: 24px !important;
}
.btn.btn-round.active,
.btn.btn-link.btn-round.active,
.btn.btn-round:hover,
.btn.btn-link.btn-round:hover,
.btn.btn-round:focus,
.btn.btn-link.btn-round:focus {
  background-color: rgba(119, 119, 119, 0.4);
}
.btn.btn-round.active i:before,
.btn.btn-link.btn-round.active i:before,
.btn.btn-round:hover i:before,
.btn.btn-link.btn-round:hover i:before,
.btn.btn-round:focus i:before,
.btn.btn-link.btn-round:focus i:before {
  color: #0026ff;
}
.btn.btn-material {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 36px;
}
.btn.btn-material .material-icons {
  line-height: 36px;
}
.btn.btn-material .material-icons + span {
  margin-left: 8px;
}
.btn.btn-material > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-material > div .spinner-wrapper {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.btn.btn-material.icon-flip > i.material-icons {
  transform: rotate(180deg);
}
.btn.btn-xs {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  padding: 0 12px;
  line-height: 24px;
}
.btn.btn-xs.btn-material > i {
  font-size: 18px;
}
.btn.btn-xs.btn-material > div .spinner-wrapper {
  height: 24px;
}
.btn.btn-sm {
  font-size: 12px;
  line-height: 32px;
}
.btn.btn-sm.btn-material > div .spinner-wrapper {
  height: 32px;
}
.btn.button-with-list {
  margin-left: 8px;
}
.btn.btn-lg {
  line-height: 40px;
}
.btn.btn-lg.btn-material > div .spinner-wrapper {
  height: 36px;
}
.btn.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb5 !important;
  letter-spacing: 1px;
}
.btn.btn-linkedin:hover,
.btn.btn-linkedin:focus {
  background-color: rgba(0, 123, 181, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.btn.btn-linkedin:active {
  background-color: rgba(0, 123, 181, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.btn.btn-linkedin.disabled,
.btn.btn-linkedin[disabled] {
  background-color: rgba(0, 123, 181, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.btn-linkedin.disabled.has-tooltip,
.btn.btn-linkedin[disabled].has-tooltip {
  pointer-events: none !important;
}
.btn.btn-linkedin.btn-flat {
  box-shadow: none !important !important;
}
.btn.btn-linkedin.not-clickable {
  pointer-events: none !important;
}
.btn.btn-linkedin > i {
  margin-right: 8px;
}
.btn.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important;
  letter-spacing: 1px;
}
.btn.btn-facebook:hover,
.btn.btn-facebook:focus {
  background-color: rgba(59, 89, 152, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.btn.btn-facebook:active {
  background-color: rgba(59, 89, 152, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.btn.btn-facebook.disabled,
.btn.btn-facebook[disabled] {
  background-color: rgba(59, 89, 152, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.btn-facebook.disabled.has-tooltip,
.btn.btn-facebook[disabled].has-tooltip {
  pointer-events: none !important;
}
.btn.btn-facebook.btn-flat {
  box-shadow: none !important !important;
}
.btn.btn-facebook.not-clickable {
  pointer-events: none !important;
}
.btn.btn-facebook > i {
  margin-right: 8px;
}
.btn.btn-google {
  color: #737373 !important;
  background-color: #ffffff !important;
  letter-spacing: 1px;
}
.btn.btn-google:hover,
.btn.btn-google:focus {
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.btn.btn-google:active {
  background-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.btn.btn-google.disabled,
.btn.btn-google[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(115, 115, 115, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.btn-google.disabled.has-tooltip,
.btn.btn-google[disabled].has-tooltip {
  pointer-events: none !important;
}
.btn.btn-google.btn-flat {
  box-shadow: none !important !important;
}
.btn.btn-google.not-clickable {
  pointer-events: none !important;
}
.btn.btn-google > i {
  margin-right: 4px;
  color: transparent;
}
.btn.btn-google > i:before {
  width: 24px;
  height: 24px;
  background: url("https://res.cloudinary.com/brazen/image/upload/v1580323271/google_logo_square.png") no-repeat center;
  background-size: contain;
}
.btn.btn-google:hover {
  background-color: #ffffff !important;
}
.btn.btn-linkedin,
.btn.btn-facebook,
.btn.btn-google {
  margin-bottom: 10px;
}
.btn.btn-youtube {
  color: #ffffff;
  background-color: #bb0000;
}
.btn.btn-youtube:hover,
.btn.btn-youtube:focus {
  background-color: rgba(187, 0, 0, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-youtube:active {
  background-color: rgba(187, 0, 0, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-youtube.disabled,
.btn.btn-youtube[disabled] {
  background-color: rgba(187, 0, 0, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-youtube.disabled.has-tooltip,
.btn.btn-youtube[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-youtube.btn-flat {
  box-shadow: none !important;
}
.btn.btn-youtube.not-clickable {
  pointer-events: none;
}
.btn.btn-vimeo {
  color: #222222;
  background-color: #aad450;
}
.btn.btn-vimeo:hover,
.btn.btn-vimeo:focus {
  background-color: rgba(170, 212, 80, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-vimeo:active {
  background-color: rgba(170, 212, 80, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-vimeo.disabled,
.btn.btn-vimeo[disabled] {
  background-color: rgba(170, 212, 80, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-vimeo.disabled.has-tooltip,
.btn.btn-vimeo[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-vimeo.btn-flat {
  box-shadow: none !important;
}
.btn.btn-vimeo.not-clickable {
  pointer-events: none;
}
.btn.btn-wistia {
  color: #ffffff;
  background-color: #0779ca;
}
.btn.btn-wistia:hover,
.btn.btn-wistia:focus {
  background-color: rgba(7, 121, 202, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-wistia:active {
  background-color: rgba(7, 121, 202, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-wistia.disabled,
.btn.btn-wistia[disabled] {
  background-color: rgba(7, 121, 202, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-wistia.disabled.has-tooltip,
.btn.btn-wistia[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-wistia.btn-flat {
  box-shadow: none !important;
}
.btn.btn-wistia.not-clickable {
  pointer-events: none;
}
.btn.btn-simple-manage {
  color: #333333;
  background-color: #ffffff;
  border-color: transparent;
  background-color: transparent;
  color: #777777;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 24px;
  width: 35px;
  height: 30px;
  padding: 0 !important;
  box-shadow: none;
}
.btn.btn-simple-manage:hover,
.btn.btn-simple-manage:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-simple-manage:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-simple-manage.disabled,
.btn.btn-simple-manage[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(51, 51, 51, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-simple-manage.disabled.has-tooltip,
.btn.btn-simple-manage[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-simple-manage.btn-flat {
  box-shadow: none !important;
}
.btn.btn-simple-manage.not-clickable {
  pointer-events: none;
}
.btn.btn-simple-manage:before {
  content: "\B7\B7\B7";
  top: -2px;
  position: relative;
}
.btn.btn-simple-manage:hover,
.btn.btn-simple-manage:active,
.btn.btn-simple-manage:focus {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
  color: #555555;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.btn.btn-simple-manage.disabled,
.btn.btn-simple-manage[disabled] {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #aaaaaa !important;
  cursor: not-allowed;
}
.btn.btn-youtube {
  color: #ffffff;
  background-color: #bb0000;
}
.btn.btn-youtube:hover,
.btn.btn-youtube:focus {
  background-color: rgba(187, 0, 0, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-youtube:active {
  background-color: rgba(187, 0, 0, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-youtube.disabled,
.btn.btn-youtube[disabled] {
  background-color: rgba(187, 0, 0, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-youtube.disabled.has-tooltip,
.btn.btn-youtube[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-youtube.btn-flat {
  box-shadow: none !important;
}
.btn.btn-youtube.not-clickable {
  pointer-events: none;
}
.btn.btn-vimeo {
  color: #222222;
  background-color: #aad450;
}
.btn.btn-vimeo:hover,
.btn.btn-vimeo:focus {
  background-color: rgba(170, 212, 80, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-vimeo:active {
  background-color: rgba(170, 212, 80, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-vimeo.disabled,
.btn.btn-vimeo[disabled] {
  background-color: rgba(170, 212, 80, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-vimeo.disabled.has-tooltip,
.btn.btn-vimeo[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-vimeo.btn-flat {
  box-shadow: none !important;
}
.btn.btn-vimeo.not-clickable {
  pointer-events: none;
}
.btn.btn-wistia {
  color: #ffffff;
  background-color: #0779ca;
}
.btn.btn-wistia:hover,
.btn.btn-wistia:focus {
  background-color: rgba(7, 121, 202, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-wistia:active {
  background-color: rgba(7, 121, 202, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-wistia.disabled,
.btn.btn-wistia[disabled] {
  background-color: rgba(7, 121, 202, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-wistia.disabled.has-tooltip,
.btn.btn-wistia[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-wistia.btn-flat {
  box-shadow: none !important;
}
.btn.btn-wistia.not-clickable {
  pointer-events: none;
}
.btn.no-icon i {
  display: none;
}
.bootstrap-select .btn.dropdown-toggle {
  padding: 0 24px 0 13px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.dropdown-toggle + .dropdown-menu {
  border-radius: 4px;
}
.btn.dropdown-toggle-split {
  border-left: 1px solid rgba(0, 0, 0, 0.26);
}
.btn.dropdown-toggle-split.disabled,
.btn.dropdown-toggle-split[disabled] {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.btn-group.dropdown-toggle-split-group {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn-group.dropdown-toggle-split-group .btn {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.input-group-btn .btn {
  line-height: 40px;
}
.segmented-buttons {
  display: flex;
  border: 1px solid rgba(0, 38, 255, 0.5);
  border-radius: 24px;
  overflow: hidden;
  align-items: center;
}
.segmented-buttons .btn {
  flex: 1;
  border-radius: 0 !important;
  margin: 0;
  border-right: 1px solid rgba(0, 38, 255, 0.5);
}
.segmented-buttons .btn i {
  margin-right: 4px !important;
  font-size: 18px;
}
.segmented-buttons .btn.selected {
  background-color: rgba(0, 38, 255, 0.2);
}
.segmented-buttons .btn:first-of-type {
  padding-left: 16px;
}
.segmented-buttons .btn:last-of-type {
  border-right: 0;
  padding-right: 16px;
}
.btn {
  border-radius: 50px;
}
.btn.btn-flat-no-bg {
  color: #737373;
  background-color: #ffffff;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent;
}
.btn.btn-flat-no-bg:hover,
.btn.btn-flat-no-bg:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-flat-no-bg:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn.btn-flat-no-bg.disabled,
.btn.btn-flat-no-bg[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(115, 115, 115, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-flat-no-bg.disabled.has-tooltip,
.btn.btn-flat-no-bg[disabled].has-tooltip {
  pointer-events: none;
}
.btn.btn-flat-no-bg.btn-flat {
  box-shadow: none !important;
}
.btn.btn-flat-no-bg.not-clickable {
  pointer-events: none;
}
.btn:focus,
.btn:focus-visible {
  outline: 2px solid #2a7bb1;
  outline: 2px solid -webkit-focus-ring-color;
}
.spinner-wrapper .spinner {
  animation: rotator 1.4s linear infinite;
}
.spinner-wrapper .spinner .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: spinner-dash 1.4s ease-in-out infinite, spinner-colors 5.6s ease-in-out infinite;
}
.spinner-wrapper > span {
  display: none;
  color: rgba(0, 0, 0, 0.38);
}
.spinner-wrapper.white .spinner .path {
  animation: spinner-dash 1.4s ease-in-out infinite, spinner-white 5.6s ease-in-out infinite;
}
body.ie7 .spinner-wrapper > .spinner,
body.ie8 .spinner-wrapper > .spinner,
body.ie9 .spinner-wrapper > .spinner,
body.ie10 .spinner-wrapper > .spinner,
body.ie11 .spinner-wrapper > .spinner {
  display: none;
}
body.ie7 .spinner-wrapper > span,
body.ie8 .spinner-wrapper > span,
body.ie9 .spinner-wrapper > span,
body.ie10 .spinner-wrapper > span,
body.ie11 .spinner-wrapper > span {
  display: block;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@keyframes spinner-colors {
  0% {
    stroke: #0026ff;
  }
  25% {
    stroke: #001799;
  }
  50% {
    stroke: #0026ff;
  }
  75% {
    stroke: #001799;
  }
  100% {
    stroke: #0026ff;
  }
}
@keyframes spinner-white {
  0% {
    stroke: #ffffff;
  }
  25% {
    stroke: #e6e6e6;
  }
  50% {
    stroke: #ffffff;
  }
  75% {
    stroke: #e6e6e6;
  }
  100% {
    stroke: #ffffff;
  }
}
@keyframes spinner-dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
.tooltip {
  background-color: transparent;
  opacity: 1 !important;
  padding: 0 !important;
}
.tooltip .tooltip-inner {
  font-size: 12px;
  color: #ffffff;
  background-color: #616161;
  margin: 0;
  padding: 8px 16px;
  text-align: left;
  border-radius: 4px;
  max-width: 400px;
}
.tooltip.bottom {
  margin-top: 8px;
}
.tooltip.right {
  margin-top: 0;
  margin-left: 24px;
}
.tooltip-arrow {
  display: none;
}
.stats-cards-area {
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
}
.stats-cards-area .stats-card {
  position: relative;
  display: flex;
  max-width: 25%;
  flex: 1 1 auto;
  padding: 12px;
}
.stats-cards-area .stats-card > i.info {
  color: #0026ff;
  transform: none;
  font-size: 14px;
  right: 24px;
  top: 24px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.stats-cards-area .stats-card .flat-inner {
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
}
.stats-cards-area .stats-card .inner {
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  padding: 8px 8px 8px 12px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.stats-cards-area .stats-card .inner > * {
  z-index: 1;
}
.stats-cards-area .stats-card .inner p {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  color: #737373;
}
.stats-cards-area .stats-card .inner h4 {
  font-weight: 500;
  color: #222222;
  margin: 0;
}
.stats-cards-area .stats-card .inner h4.small {
  font-size: 16px;
}
.stats-cards-area .stats-card .inner .green {
  color: #24a148 !important;
}
.stats-cards-area .stats-card .inner .black {
  color: #333333 !important;
}
.stats-cards-area .stats-card .inner .stats {
  padding-top: 8px;
  margin-top: auto;
  color: #737373;
}
.stats-cards-area .stats-card .inner .stats h2 {
  font-weight: 500;
  font-size: 30px;
  margin: 0;
}
.stats-cards-area .stats-card .inner .stats > div h5 {
  margin: 0 0 4px;
}
.stats-cards-area .stats-card .inner .stats > div h5:last-of-type {
  margin: 0;
}
.stats-cards-area .stats-card .inner .stats > div h5 > span:first-of-type {
  margin-right: 4px;
}
.stats-cards-area .stats-card .inner .stats > div h5 .number {
  font-weight: 600;
  font-size: 18px;
}
.stats-cards-area .stats-card .inner .flat-stats {
  margin: 0 !important;
  padding-left: 8px;
}
.stats-cards-area .stats-card .inner > i {
  z-index: 0;
  color: #f2f2f2;
  position: absolute;
  bottom: 0;
  right: -15px;
  left: auto;
  display: block;
  opacity: 0.4;
  font-size: 72px;
  line-height: 72px;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.stats-cards-area .stats-card .inner .tooltip {
  font-size: 12px;
  font-weight: 300;
  text-transform: none;
}
.stats-cards-area .stats-card.multi-value .stats {
  display: flex;
  align-items: baseline;
}
.stats-cards-area .stats-card.multi-value .stats h3 {
  margin: 0;
}
.stats-cards-area .stats-card.multi-value .stats h3.divider {
  margin-left: 8px;
  margin-right: 4px;
}
.stats-cards-area.small {
  margin: -8px;
}
.stats-cards-area.small .stats-card {
  padding: 8px;
}
.stats-cards-area.small .stats-card > i.info {
  right: 16px;
  top: 16px;
}
.stats-cards-area.small .stats-card .inner {
  padding: 8px 12px;
}
.stats-cards-area.small .stats-card .inner h4 {
  font-size: 12px;
  font-weight: 600;
}
.stats-cards-area.small .stats-card .inner .stats h2 {
  font-size: 18px;
  line-height: 22px;
}
.stats-cards-area.small .stats-card .inner .stats > div h5 {
  font-size: 12px;
}
.stats-cards-area.small .stats-card .inner .stats > div h5 .number {
  font-size: 14px;
}
.stats-cards-area.small .stats-card .inner .stats > div.text-and-action-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stats-cards-area.small .stats-card .inner .stats > div.text-and-action-wrapper > button {
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stats-cards-area.small .stats-card .inner .stats > div.text-and-action-wrapper > button i {
  font-size: 22px;
}
.stats-cards-area.small .stats-card .inner > i {
  color: #f2f2f2;
  right: -8px;
  font-size: 64px;
  line-height: 64px;
}
.stats-cards-area .stats-card {
  max-width: 25%;
}
.stats-cards-area.small .stats-card .inner h4 {
  color: #222222;
}
.selectable-widget-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.selectable-widget-group .selectable-widget {
  flex: 0 0 auto;
  margin: 8px;
  padding: 3px;
  border: 2px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background-color: #ffffff;
}
.selectable-widget-group .selectable-widget .inner {
  cursor: pointer;
  text-align: center;
  border: 1px solid white;
}
.selectable-widget-group .selectable-widget .inner img {
  width: 100%;
}
.selectable-widget-group .selectable-widget.active {
  border-color: #0026ff;
  border-width: 3px;
}
.selectable-widget-group .selectable-widget.active .inner {
  border: none;
}
.selectable-widget-group[data-number-per-row='2'] .selectable-widget {
  flex-basis: calc(50% - 16px);
}
.selectable-widget-group[data-number-per-row='4'] .selectable-widget {
  flex-basis: calc(25% - 16px);
}
.selectable-widget-group[data-number-per-row='5'] .selectable-widget {
  flex-basis: calc(20% - 16px);
}
.selectable-widget .inner {
  position: relative;
}
.selectable-widget .inner .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 8px;
}
.tooltip-wrapper {
  vertical-align: text-bottom;
  margin-left: 5px;
}
.clickable {
  cursor: pointer;
}
.tooltip-inline {
  display: inline-block;
  margin-left: 5px;
}
.GHMSBBNBBJ .GHMSBBNBAK > span {
  padding-right: 90px;
}
.GHMSBBNBEJ .GHMSBBNBAK {
  border-width: 1px;
  height: 40px;
}
.GHMSBBNBEJ .GHMSBBNBAK:hover {
  border-width: 1px !important;
}
.GHMSBBNBEJ .GHMSBBNBJJ {
  border-width: 1px !important;
}
.GHMSBBNBEJ .GHMSBBNBPJ input {
  height: 30px;
}
.chosen-reset {
  width: 70px;
  height: 35px;
  display: block;
  position: absolute;
  right: 35px;
  top: 3px;
  text-align: center;
  line-height: 35px;
  color: #999999;
}
.chosen-small .GHMSBBNBBJ .GHMSBBNBAK > span {
  padding-right: 10px;
}
.chosen-small .chosen-reset {
  top: -30px;
  right: -10px;
  font-size: 12px;
}
html {
  height: 100%;
}
body {
  color: #222222;
  background-color: #fafafa;
  font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-top: 0;
  padding-top: 0;
  height: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
}
@media (max-width: 991px) {
  body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
h1,
h2,
h3 {
  line-height: 40px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
a.disabled,
.a.disabled,
a[disabled],
.a[disabled] {
  color: #737373;
  cursor: not-allowed;
}
ol,
ul {
  padding-left: 24px;
}
.label,
.badge {
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  text-shadow: none;
  font-weight: 400;
  padding: 2px 4px;
}
.text-warning {
  color: #f1c21b;
}
.label-warning,
.badge-warning {
  background-color: #f1c21b;
}
.text-error {
  color: #da1e28;
}
.label-important,
.badge-important {
  background-color: #da1e28;
}
.text-info {
  color: #2a7bb1;
}
.label-info,
.badge-info {
  background-color: #2a7bb1;
}
.text-success {
  color: #24a148;
}
.label-success,
.badge-success {
  background-color: #24a148;
}
ul.inline,
ol.inline {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.relative-position {
  position: relative;
}
.help-block {
  color: #737373 !important;
  font-weight: 300;
  font-size: 12px;
  padding: 0 !important;
  margin-bottom: 0;
}
.help-block.time-zone {
  margin-top: 10px;
}
.text-wrap {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
}
.alert.alert-danger,
.alert.alert-error {
  text-shadow: none;
  border-radius: 16px;
  color: #da1e28;
  border: none;
  background-color: rgba(218, 30, 40, 0.06);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInTopSmall;
  animation-name: fadeInTopSmall;
}
.alert.alert-danger a,
.alert.alert-error a {
  color: inherit;
  text-decoration: underline;
}
.alert.alert-danger p,
.alert.alert-error p {
  margin-bottom: 0;
}
.alert.alert-danger ul.error-list,
.alert.alert-error ul.error-list {
  margin-bottom: 0;
}
.alert.alert-danger .close,
.alert.alert-error .close {
  color: #737373;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.alert.alert-success {
  text-shadow: none;
  border-radius: 16px;
  color: #24a148;
  border: none;
  background-color: rgba(36, 161, 72, 0.06);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInTopSmall;
  animation-name: fadeInTopSmall;
}
.alert.alert-success a {
  color: inherit;
  text-decoration: underline;
}
.alert.alert-success p {
  margin-bottom: 0;
}
.alert.alert-success ul.error-list {
  margin-bottom: 0;
}
.alert.alert-success .close {
  color: #737373;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.alert.alert-info {
  text-shadow: none;
  border-radius: 16px;
  color: #2a7bb1;
  border: none;
  background-color: rgba(42, 123, 177, 0.06);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInTopSmall;
  animation-name: fadeInTopSmall;
}
.alert.alert-info a {
  color: inherit;
  text-decoration: underline;
}
.alert.alert-info p {
  margin-bottom: 0;
}
.alert.alert-info ul.error-list {
  margin-bottom: 0;
}
.alert.alert-info .close {
  color: #737373;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.alert.alert-warning {
  text-shadow: none;
  border-radius: 16px;
  color: #f1c21b;
  border: none;
  background-color: rgba(241, 194, 27, 0.06);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInTopSmall;
  animation-name: fadeInTopSmall;
}
.alert.alert-warning a {
  color: inherit;
  text-decoration: underline;
}
.alert.alert-warning p {
  margin-bottom: 0;
}
.alert.alert-warning ul.error-list {
  margin-bottom: 0;
}
.alert.alert-warning .close {
  color: #737373;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.well.well-error-light {
  background-color: #FDEDEC;
  border: none;
}
.img-placeholder-48 {
  width: 48px;
  height: 48px;
}
.navbar.navbar-inverse {
  background-color: #6f00ef;
  min-height: 40px;
  width: 100%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  box-shadow: none;
}
.navbar.navbar-inverse .progress {
  margin-bottom: 0;
  height: 3px;
  position: absolute;
  width: 100%;
  z-index: 1;
  background: transparent;
}
.navbar.navbar-inverse .mobile-screen-title {
  color: #777777;
  position: fixed;
  margin: 0px 0px 0px -100px;
  text-align: center;
  width: 200px;
  left: 50%;
  line-height: 40px;
}
.navbar.navbar-inverse .navbar-toggle {
  margin-top: 3px;
  margin-bottom: 3px;
}
.navbar.navbar-inverse .nav > li > a {
  color: #cccccc;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar.navbar-inverse .nav > li > a:hover,
.navbar.navbar-inverse .nav > li > a:active {
  background-color: #8819ff;
  color: #eee;
}
.navbar.navbar-inverse .nav > li.navbar-nav.navbar-right:last-child {
  margin-right: 0;
}
.navbar.navbar-inverse .nav > li.open > a {
  background-color: #5600d6;
}
.navbar.navbar-inverse .nav > li.dropdown > .dropdown-toggle .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
@media (max-width: 991px) {
  .navbar.navbar-inverse ul.pull-right {
    top: 0 !important;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .navbar.navbar-inverse .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
    float: none;
  }
  .navbar.navbar-inverse .navbar-header .navbar-toggle {
    display: block;
  }
  .navbar.navbar-inverse .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar.navbar-inverse .navbar-collapse.collapse {
    display: none!important;
    height: 0 !important;
    padding-bottom: 0;
    overflow: auto !important;
    visibility: hidden !important;
    border-top: 1px solid #101010;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar.navbar-inverse .navbar-collapse.collapse.in {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
  }
}
.smartqueue-questions-ol label.radio {
  display: inline-block;
  padding-bottom: 3px;
  padding-right: 15px;
}
.event-info-area {
  position: fixed;
  display: block;
  width: 100%;
  top: 40px;
  z-index: 1010;
  background-color: #fafafa;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.region {
  background: #ffffff;
  margin-bottom: 16px;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
select::-ms-expand {
  display: none;
}
@-moz-document url-prefix() {
  select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: " ";
  }
}
select,
select.form-control,
.select {
  -webkit-appearance: none;
  line-height: 20px;
  background: #ffffff url("../img/select-bg.png") no-repeat right;
}
.bz-list-box .value-only {
  -webkit-appearance: none;
  line-height: 20px;
  background: #ffffff url("../img/select-bg.png") no-repeat right;
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
.timezone-presenter-widget > div[role="listbox"]:focus > div#chozen_container__0_chzn > a {
  border: 1px solid #00cbff;
}
.identify-peer-group-box {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px 15px 15px;
}
.rep-welcome-area {
  flex: 1 1 auto;
}
.rep-welcome-area ul li {
  color: #737373;
  line-height: 24px;
}
.rep-welcome-area ul li i {
  margin: 0 4px;
  font-size: 24px;
  vertical-align: bottom;
}
.chosen-brazen-error {
  border: 2px solid #da1e28 !important;
  color: #da1e28 !important;
}
.chosen-brazen-error:hover {
  border: 2px solid #da1e28 !important;
}
.chosen-brazen-helpblock {
  margin-top: 10px;
}
.force-open > div:first-of-type {
  left: 0 !important;
}
.hide-search input:first-of-type {
  display: none;
}
#secs {
  display: none;
}
.chat-message-block {
  padding-bottom: 15px;
}
.chat-message {
  position: relative;
  width: 100%;
}
.chat-me,
.chat-other1,
.chat-other2 {
  background-color: #ffffff;
}
.chat-message-block.admin {
  border: 1px solid #ccc;
}
.chat-name {
  overflow: hidden;
}
.rating {
  border-top: 1px solid #999999;
  padding-bottom: 15px;
}
.rating-input textarea {
  resize: none;
}
.chat-record table {
  padding: 10px 15px 10px 5px;
  margin: 0;
}
.download-resume-button > span,
.open-resume-button > span {
  margin-left: 2px;
}
.add-question-mark {
  cursor: help;
}
.add-question-mark:after {
  font-family: FontAwesome;
  content: "\f059";
  margin-left: 3px;
}
#versionInfo {
  display: none;
}
body.preview .preview-top-alert.alert-info {
  color: #ffffff;
  text-shadow: none;
  padding: 15px 35px 15px 15px;
  background-color: #00cbff;
  border: 1px solid #00cbff;
  border-radius: 0;
  margin-bottom: 0;
  position: fixed;
  position: sticky;
  opacity: 0.8;
  z-index: 2000;
  width: 100%;
  text-align: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
body.preview .preview-top-alert.alert-info > p {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.5px;
}
body.preview .preview-top-alert .close {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -12px;
  padding: 0;
  opacity: 0.5;
  color: #222222;
  text-transform: none;
  margin-right: 0;
  float: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
body.preview .preview-top-alert .close i {
  font-size: 24px !important;
}
.smartqueue-tab-link a img {
  width: 96px;
  margin-bottom: 0.5 8px;
}
.job-tab-top-area {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.job-tab-top-area .job-title {
  margin: 0 0 8px;
  font-weight: 600;
}
.job-tab-top-area .job-location {
  margin-bottom: 8px;
}
.job-tab-top-area .score-area {
  padding-left: 24px;
}
.score-area .title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.score-area .title img.smartqueue {
  height: 16px;
  vertical-align: top;
}
.score-area .title .text {
  font-size: 16px;
  margin: 0   5px;
  display: inline-block;
}
.score-area .score {
  margin: 10px auto 5px;
  text-align: center;
}
.score-area .score .number {
  font-size: 24px;
}
.score-area .score .divider {
  margin: 0 5px;
}
.job-tab-question-area .questions li {
  margin-bottom: 20px;
}
.job-tab-question-area .questions li p {
  margin-bottom: 5px;
  font-weight: 600;
}
.job-tab-question-area .questions .question .affirmative-answer {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #333333;
}
.job-tab-question-area .questions .question .text {
  color: #999999;
  font-size: 12px;
  margin-right: 5px;
}
.job-tab-no-question-area {
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
.job-tab-no-question-area img.smartqueue {
  width: 125px;
  vertical-align: top;
}
.job-tab-no-question-area .text {
  font-size: 18px;
  margin-left: 5px;
  line-height: 31px;
}
.panel.job .panel-heading .panel-title {
  padding-left: 128px;
  height: 20px;
  margin-top: -4px;
  background: url("https://res.cloudinary.com/brazen/image/upload/q_auto,f_auto/v1410964771/smartqueue_logo.png") no-repeat left;
  background-size: auto 20px;
  background-size: contain;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.panel.job .panel-heading img {
  height: 20px;
  width: 105px;
  float: left;
  margin-left: -2px;
}
.panel.job .panel-heading .score {
  font-size: 14px;
  line-height: 24px;
  margin-left: 10px;
}
.panel.job .panel-body .job-tab-top-area {
  display: block;
}
.panel.job .panel-body .job-tab-top-area p,
.panel.job .panel-body .job-tab-top-area a {
  margin-bottom: 0;
}
.panel.job .panel-body .job-tab-top-area .job-title {
  font-size: 14px;
  font-weight: 600;
}
.panel.job .panel-body .score-area {
  overflow: hidden;
}
.panel.job .panel-body .score-area .number,
.panel.job .panel-body .score-area .score-text {
  font-weight: 600;
}
.panel.job .panel-body .score-area .score-text {
  margin-right: 5px;
}
.panel.job .panel-body .job-tab-question-area ol li {
  margin-bottom: 15px;
}
.panel.job .panel-body .job-tab-question-area ol li p {
  font-weight: 600;
  margin: 0;
}
.centered-flex-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.failover-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  background-color: #b3b3b3;
  width: 100%;
  height: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.failover-overlay.in {
  height: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 5000;
}
.failover-overlay .inner {
  text-align: center;
  position: absolute;
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 32px;
  border-radius: 16px;
}
.failover-overlay .inner h2 {
  margin: 0 0 24px;
  text-transform: none;
}
.failover-overlay .inner h4 {
  line-height: 25px;
}
.chat-info-tab {
  margin: 0;
  padding: 10px 5px;
  border-bottom: 1px solid #bbb;
  cursor: pointer;
}
.chat-info-tab .user-profile-img > img {
  width: 40px;
  height: 40px;
}
.chat-info-tab .user-profile-img > i {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  font-size: 24px;
  border-radius: 50%;
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
  overflow: hidden;
  position: relative;
  background: #ffffff;
}
.chat-info-tab .user-info {
  overflow: hidden;
  min-height: 50px;
  position: relative;
}
.chat-info-tab .user-name {
  font-weight: 600;
  margin: 0;
  padding-right: 10px;
}
.chat-info-tab .user-headline {
  font-size: 12px;
  line-height: 12px;
  color: #777;
  margin: 0;
}
.chat-info-tab .user-last-message,
.chat-info-tab .user-selected-chat,
.chat-info-tab .user-completed-chat {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: block;
  color: #666;
  margin: 2px 0 0;
}
.chat-info-tab .user-last-message img {
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-right: 2px;
  vertical-align: text-bottom;
}
.chat-info-tab .user-selected-chat {
  color: #444;
}
.chat-info-tab .user-selected-chat i {
  background-color: #fff;
  border-radius: 50px;
  line-height: 10px;
  padding: 2px;
  margin: 0 1px;
}
.chat-info-tab .user-completed-chat i {
  margin-right: 2px;
}
.chat-info-tab .user-chat-time i.fa-clock-o {
  color: #bbb;
}
.chat-info-tab.selected {
  background-color: #ffffff;
  margin-left: -5px;
  padding-left: 15px;
  margin-right: -1px;
  padding-right: 6px;
}
.chat-info-tab.selected .user-headline {
  color: #737373;
}
.chat-info-tab.selected .user-profile-img img {
  border-color: #999999;
}
.chat-info-tab .new-chat-label {
  display: block;
  font-size: 12px !important;
  color: #da1e28;
  text-align: right;
}
.account-locked-error {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 600px;
  padding: 24px 0;
  margin: 24px auto 48px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
}
.tox-textarea-wrap .tox-textarea {
  max-height: unset;
}
.howl {
  padding: 0;
  margin: 0;
  list-style: none;
  position: fixed;
  bottom: 8px;
  right: 16px;
  z-index: 1050;
  width: 400px;
}
.howl:empty {
  display: none;
}
.howl .howl-message {
  position: relative;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  margin-bottom: 8px;
  background-color: #ffffff;
  color: #222222;
  border-radius: 8px;
  -webkit-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.howl .howl-message.in {
  max-height: 200px;
}
.howl .howl-message .howl-message-inner {
  display: flex;
  align-items: center;
  padding: 16px 24px;
}
.howl .howl-message .howl-message-inner.closable {
  padding-right: 40px;
}
.howl .howl-message .howl-message-inner .icon-wrapper i.material-icons {
  font-size: 40px;
  color: #0026ff;
  margin-right: 24px;
}
.howl .howl-message .howl-message-inner .content-wrapper a {
  color: #0026ff;
  text-decoration: none;
  margin-top: 10px;
}
.howl .howl-message .howl-message-inner .content-wrapper a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.howl .howl-message .howl-message-inner .content-wrapper a .block {
  display: block;
}
.howl .howl-message .howl-message-inner .content-wrapper .howl-title {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 14px;
}
.howl .howl-message .howl-message-inner .content-wrapper .howl-title:empty {
  display: none;
}
.howl .howl-message .howl-message-inner .content-wrapper .howl-sub-title {
  margin: 8px 0 4px 0;
  font-size: 14px;
}
.howl .howl-message .howl-message-inner .content-wrapper .howl-sub-title > span.time {
  font-size: 70%;
  margin-left: 5px;
  font-weight: 300;
}
.howl .howl-message .howl-message-inner .content-wrapper .content {
  margin-bottom: 0;
  font-size: 12px;
}
.howl .howl-message .howl-message-inner .round-button-wrapper {
  position: absolute;
  right: 4px;
  top: 4px;
}
@media (max-width: 767px) {
  .howl {
    right: auto;
    width: 100%;
    bottom: -8px;
  }
  .howl .howl-message .howl-sub-title {
    font-size: 1.1em;
  }
  .howl .howl-message p.content,
  .howl .howl-message a.action-link {
    font-size: 12px;
  }
}
.final-thought.hide-link .action-link {
  display: none;
}
.welcome-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fafafa;
  z-index: 3000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.welcome-screen .inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border: 1px solid #d8d8d8;
  padding: 64px 24px;
  min-width: 312px;
  max-width: 50vw;
  width: 496px;
  border-radius: 16px;
  background: white;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.welcome-screen .inner img {
  max-width: 240px;
  max-height: 120px;
}
.welcome-screen .inner h3 {
  line-height: 1.42857143;
  margin-top: 32px;
}
.welcome-screen .inner .btn {
  margin: 40px 0 8px;
  padding: 0 24px;
}
@media (max-width: 991px) {
  .welcome-screen .inner {
    padding: 40px 16px;
  }
  .welcome-screen .inner img {
    max-width: 160px;
    max-height: 80px;
  }
  .welcome-screen .inner h3 {
    font-size: 22px;
    line-height: 1.2;
    margin-top: 24px;
  }
  .welcome-screen .inner .btn {
    margin: 24px 0 8px;
  }
}
.event-header {
  display: flex;
  align-items: center;
  height: 64px;
}
.event-header img {
  max-height: 56px;
  margin: 8px 0 8px 24px;
}
.event-header h1 {
  margin: 0 24px;
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .event-header h1 {
    font-size: 18px;
    line-height: 18px;
  }
}
.app.has-header .page {
  height: calc(100vh - 64px);
}
.booth-under-construction-area {
  position: relative;
}
.booth-under-construction-area img {
  width: 45px;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -23px;
}
.booth-under-construction-area p {
  margin: 0 0 0 55px;
}
.no-booth-notifications-area {
  padding-top: 40px;
  text-align: center;
  background: #ffffff;
}
.no-booth-notifications-area img {
  width: 150px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.booth-cards-area {
  margin: 0 -4px;
  display: grid;
  justify-content: center;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(auto-fill, 248px);
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-y: repeat(100%);
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}
body.ie7 .booth-cards-area,
body.ie8 .booth-cards-area,
body.ie9 .booth-cards-area,
body.ie10 .booth-cards-area,
body.ie11 .booth-cards-area {
  display: block;
  margin: -12px;
}
.booth-cards-area .scheduled-chats-card .media {
  border-radius: 12px 12px 0 0 !important;
}
.booth-cards-area .booth-card {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  width: 248px;
  height: 324px;
  margin: 0;
  padding: 0;
  border-radius: 16px;
  scroll-snap-align: center;
}
@media (max-width: 991px) {
  .booth-cards-area .booth-card:last-of-type {
    margin-bottom: 16px;
  }
}
body.ie7 .booth-cards-area .booth-card,
body.ie8 .booth-cards-area .booth-card,
body.ie9 .booth-cards-area .booth-card,
body.ie10 .booth-cards-area .booth-card,
body.ie11 .booth-cards-area .booth-card {
  display: inline-block;
  margin: 12px;
}
.booth-cards-area .booth-card .media {
  display: flex;
  height: 152px;
  -webkit-transition: height 0.3s ease-out;
  -ms-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
  background: #0026ff;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
.booth-cards-area .booth-card .media .inner {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
.booth-cards-area .booth-card .media .inner img {
  max-width: 70%;
  max-height: 70%;
}
.booth-cards-area .booth-card .media .inner img.rectangle {
  max-width: 90%;
  max-height: 60%;
  flex-basis: 90%;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper {
  position: absolute;
  top: 8px;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 8px;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div {
  display: flex;
  align-items: flex-start;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div:first-of-type > * {
  margin-right: 4px;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div:first-of-type > *:last-of-type {
  margin-right: 0;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div:last-of-type > * {
  margin-left: 4px;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div:last-of-type > *:first-of-type {
  margin-left: 0;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div .pill {
  line-height: 18px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div .broadcast-status {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: #f7f7f7;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div .broadcast-status i {
  font-size: 16px;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div .broadcast-status.live {
  background: #24a148;
  color: #ffffff;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div .broadcast-status.live i {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div .broadcast-status.ended {
  color: #f1c21b;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div .broadcast-status.waiting {
  color: #737373;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div .broadcast-status.waiting i {
  margin-right: 2px;
}
.booth-cards-area .booth-card .media .inner .pills-wrapper > div > i {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -2px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #737373;
  background: #ffffff;
  font-size: 20px;
  cursor: default;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.booth-cards-area .booth-card .media .inner .ribbon {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.booth-cards-area .booth-card .media .inner .ribbon span {
  display: block;
  font-size: 12px;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  padding: 3px 0;
  left: -37px;
  top: 12px;
  width: 120px;
  color: #ffffff;
  background: #0026ff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.booth-cards-area .booth-card .media .inner .ribbon {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.booth-cards-area .booth-card .media .inner .ribbon span {
  display: block;
  font-size: 12px;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  padding: 3px 0;
  left: -37px;
  top: 12px;
  width: 120px;
  color: #ffffff;
  background: #0026ff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.booth-cards-area .booth-card .main-content {
  position: relative;
  padding: 8px;
  height: 120px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.booth-cards-area .booth-card .booth-title {
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 600;
}
.booth-cards-area .booth-card .stats-wrapper {
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  -ms-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}
.booth-cards-area .booth-card .stats-wrapper p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
  color: #737373;
  margin-bottom: 4px;
}
.booth-cards-area .booth-card .stats-wrapper p > * {
  margin-right: 4px;
}
.booth-cards-area .booth-card .stats-wrapper p i {
  font-size: 18px !important;
}
.booth-cards-area .booth-card .stats-wrapper p .title {
  margin-right: 4px;
}
.booth-cards-area .booth-card .stats-wrapper p .value {
  color: #222222;
}
.booth-cards-area .booth-card img.smartqueue {
  width: 100px;
  padding-bottom: 7px;
}
.booth-cards-area .booth-card .booth-teaser {
  height: 192px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: height 0.3s ease-out;
  -ms-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}
.booth-cards-area .booth-card .booth-teaser.toggle {
  height: 0;
}
.booth-cards-area .booth-card .footer {
  display: flex;
  align-items: center;
  padding: 8px;
  justify-content: space-between;
}
.booth-cards-area .booth-card:not(.scheduled-chats-card):hover,
.booth-cards-area .booth-card:not(.scheduled-chats-card):focus {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.booth-cards-area .booth-card:not(.scheduled-chats-card):hover .media,
.booth-cards-area .booth-card:not(.scheduled-chats-card):focus .media {
  height: 40px;
  clip-path: none;
}
.booth-cards-area .booth-card:not(.scheduled-chats-card):hover .media .inner,
.booth-cards-area .booth-card:not(.scheduled-chats-card):focus .media .inner {
  clip-path: none;
}
.booth-cards-area .booth-card:not(.scheduled-chats-card):hover .main-content,
.booth-cards-area .booth-card:not(.scheduled-chats-card):focus .main-content {
  height: 232px;
  box-shadow: 0 -10px 8px 0 rgba(0, 0, 0, 0.1), 0 -10px 10px 0 rgba(0, 0, 0, 0.05);
}
.booth-cards-area .booth-card:not(.scheduled-chats-card):hover .stats-wrapper.toggle,
.booth-cards-area .booth-card:not(.scheduled-chats-card):focus .stats-wrapper.toggle {
  height: 0;
}
.booth-cards-area .booth-card:not(.scheduled-chats-card):hover .booth-teaser.toggle,
.booth-cards-area .booth-card:not(.scheduled-chats-card):focus .booth-teaser.toggle {
  height: 190px;
}
.booth-cards-area .booth-card.scheduled-chats-card {
  border: 4px solid #0026ff;
}
.booth-cards-area .booth-card.scheduled-chats-card .media {
  -webkit-clip-path: none;
  clip-path: none;
  height: 48px;
  display: flex;
  align-items: center;
  background: white;
  border-bottom: 1px solid #0026ff;
  flex: 0 0 auto;
}
.booth-cards-area .booth-card.scheduled-chats-card .media > i.material-icons {
  z-index: 0;
  color: #f2f2f2;
  position: absolute;
  bottom: -4px;
  right: -15px;
  left: auto;
  display: block;
  font-size: 56px;
  line-height: 56px;
  opacity: 0.4;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.booth-cards-area .booth-card.scheduled-chats-card .media img {
  margin-right: 20px;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
}
.booth-cards-area .booth-card.scheduled-chats-card .media h3 {
  margin: 0;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 600;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-stats-wrapper,
.booth-cards-area .booth-card.scheduled-chats-card .main-content .stats-wrapper {
  flex: 0 0 auto;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  padding-bottom: 4px;
  margin-bottom: 8px;
  overflow: visible;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-stats-wrapper {
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  font-size: 12px;
  color: #737373;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-stats-wrapper > div span {
  color: #222222;
  font-size: 14px;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .stats-wrapper > div {
  flex: 1 1 50%;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .stats-wrapper > div h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 4px;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .stats-wrapper > div p {
  margin-bottom: 0;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper {
  display: flex;
  flex-direction: column;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper.empty {
  align-items: center;
  justify-content: center;
  margin: auto;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper.empty > h4 {
  margin-bottom: 56px;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper h4 {
  font-size: 14px;
  margin: 0 0 8px;
  font-weight: 500;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner {
  display: flex;
  overflow: hidden;
  flex: 0 0 auto;
  flex-flow: column wrap;
  height: 132px;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner.candidate-view {
  height: 162px;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner .schedule {
  display: flex;
  margin-bottom: 8px;
  background: #fafafa;
  border-radius: 8px;
  align-items: center;
  padding: 2px 4px 2px 8px;
  width: 100%;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner .schedule > div {
  font-size: 12px;
  line-height: 16px;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner .schedule > div:nth-of-type(-n+2) {
  margin-right: 4px;
  color: #737373;
  font-weight: 500;
  display: flex;
  flex-direction: column;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner .schedule > div:nth-of-type(-n+2) span {
  white-space: nowrap;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner .schedule > div:last-of-type {
  flex: 1 1 auto;
  text-align: center;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner .schedule > div:last-of-type span {
  color: #737373;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner .schedule > div a:after {
  content: ", ";
  margin-right: 4px;
}
.booth-cards-area .booth-card.scheduled-chats-card .main-content .schedule-wrapper .inner .schedule > div a:last-of-type:after {
  display: none;
}
.booth-cards-area .booth-card.scheduled-chats-card.candidate-view .main-content .stats-wrapper {
  flex-direction: column;
  padding-bottom: 8px;
  margin-bottom: 12px;
}
.booth-cards-area .booth-card.scheduled-chats-card.candidate-view .main-content .stats-wrapper > div > div {
  display: flex;
  justify-content: space-between;
}
.booth-cards-area .booth-card.scheduled-chats-card.candidate-view .main-content .stats-wrapper > div > div:first-of-type {
  margin-bottom: 8px;
  align-items: center;
}
.booth-cards-area .booth-card.scheduled-chats-card.candidate-view .main-content .stats-wrapper > div > div:first-of-type h4 {
  margin: 0;
}
.right-col .event-logo-wrapper {
  margin-bottom: 16px;
  text-align: center;
}
.right-col .event-logo-wrapper img {
  max-width: 240px;
  max-height: 80px;
  margin: 8px 0;
}
.app-bar.has-banner {
  display: none;
}
img.lobby-banner {
  margin: -32px -32px 16px;
  width: calc(100% + 64px);
}
.in-lobby-actions-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.in-lobby-actions-wrapper > * {
  margin-right: 32px;
  margin-bottom: 16px;
}
.in-lobby-actions-wrapper > *:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .in-lobby-actions-wrapper > * {
    margin-right: 16px;
    margin-bottom: 8px;
  }
}
.in-lobby-booth-filter {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .in-lobby-booth-filter {
    width: 100%;
    order: -1;
  }
}
.in-lobby-booth-filter > span {
  font-weight: 600;
  margin-right: 8px;
}
.in-lobby-booth-filter .bzInput {
  width: 200px;
}
@media (max-width: 991px) {
  .in-lobby-booth-filter .bzInput {
    width: 100%;
  }
}
.in-lobby-booth-filter .bzInput .bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: flex;
  align-items: center;
}
.in-lobby-booth-filter .bzInput .bootstrap-select.btn-group .dropdown-menu li a span.text .material-icons {
  font-size: 20px;
  color: #737373;
  margin-right: 8px;
}
.in-lobby-booth-filter .bzInput .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.in-lobby-booth-filter .bzInput .bootstrap-select.btn-group .dropdown-toggle .filter-option .material-icons {
  font-size: 20px;
  color: #737373;
  margin-right: 8px;
}
.btn-search-booth {
  display: flex;
  align-items: center;
  padding: 0 24px 0 8px;
  background-color: #ffffff !important;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  box-shadow: none;
  color: #737373 !important;
  text-transform: none;
  font-weight: 300;
  line-height: 38px;
}
.btn-search-booth i {
  font-size: 20px;
  margin-right: 8px;
}
@media (max-width: 991px) {
  .app-bar.has-banner {
    display: block;
    background: transparent;
    position: absolute;
    width: 100%;
    box-shadow: none;
  }
  img.lobby-banner {
    margin: -16px -16px 16px;
    width: calc(100% + 32px);
  }
}
@media (max-width: 991px) {
  .page.chat-screen .app-bar {
    display: flex;
    flex-direction: column;
  }
  .page.chat-screen .app-bar .title-area .tools-area {
    min-width: 64px;
    padding: 0;
  }
  .page.chat-screen .app-bar.chat-view .title-area .back-area {
    margin-right: 0;
  }
  .page.chat-screen .app-bar.chat-view .title-area .mobile-chat-info-area {
    display: flex;
    align-items: center;
    justify-content: left;
    max-width: calc(100vw - 120px);
    flex: 0 0 calc(100vw - 120px);
  }
  .page.chat-screen .app-bar.chat-view .title-area .mobile-chat-info-area img.avatar {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin-right: 8px;
  }
  .page.chat-screen .app-bar.chat-view .title-area .mobile-chat-info-area .user-info {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .page.chat-screen .app-bar.chat-view .title-area .mobile-chat-info-area .user-info > * {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .page.chat-screen .app-bar.chat-view .title-area .mobile-chat-info-area .user-info > p {
    margin: 0;
    color: #222222;
    font-size: 16px;
  }
  .page.chat-screen .app-bar.chat-view .title-area .mobile-chat-info-area .user-info span {
    font-size: 12px;
    line-height: 14px;
  }
  .page.chat-screen .app-bar.chat-view .title-area .mobile-chat-info-area .user-info .mobile-user-typing {
    font-size: 12px;
  }
  .page.chat-screen .app-bar.chat-view .title-area .mobile-chat-info-area .user-info .mobile-user-typing i {
    font-size: 14px;
    margin-right: 2px;
    position: relative;
    top: 2px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .page.chat-screen .app-bar.chat-view .title-area .back-area .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 10px;
    padding: 0;
  }
}
.page.chat-screen .content {
  display: flex;
  padding: 0;
  flex: 1 1 100%;
  overflow: hidden;
}
.page.chat-screen .content .material-empty-area-message {
  width: 100%;
  padding: 88px 56px;
}
.page.chat-screen .content .left-col.multi-chat-sidebar {
  flex: 0 0 256px;
  width: 256px;
  max-width: 256px;
  padding: 24px 16px 0;
  background-color: #fafafa;
  z-index: 1;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 991px) {
  .page.chat-screen .content .left-col.multi-chat-sidebar {
    display: none;
    flex: 0 0 100vw;
    width: 100vw;
    max-width: 100vw;
    box-shadow: none;
  }
  .page.chat-screen .content .left-col.multi-chat-sidebar.in {
    display: block;
  }
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner > * {
  flex: 0 0 auto;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .page-title {
  font-size: 24px;
  line-height: 26px;
  margin: 0 0 24px;
}
@media (max-width: 991px) {
  .page.chat-screen .content .left-col.multi-chat-sidebar .inner .page-title {
    display: none;
  }
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list {
  flex: 1 1 auto;
  overflow-x: auto;
  overflow-y: auto;
  padding: 0 16px 24px;
  margin: 0 -16px;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: none;
  border: 1px solid #d8d8d8;
  padding: 8px;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list.active {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .collapse-trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .collapse-trigger h4 {
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  padding-right: 8px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .collapse-trigger i.fa-plus:before {
  font-size: 24px;
  content: "\e316";
  top: 2px;
  color: #737373;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .collapse-trigger.collapsed + .chat-status-bar .total-unread {
  display: block;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .collapse-trigger.collapsed + .chat-status-bar .total-unread:empty {
  display: none;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .collapse-trigger.collapsed + .chat-status-bar .last-activity {
  display: none;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .collapse-trigger.collapsed i:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .chat-status-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .chat-status-bar .total-chats {
  font-size: 12px;
  color: #737373;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .chat-status-bar .last-activity {
  font-size: 10px;
  color: #737373;
  padding-right: 4px;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .booth-info .chat-status-bar .total-unread {
  display: none;
  font-size: 10px;
  padding: 0 4px;
  color: #da1e28;
  border: 1px solid;
  border-radius: 16px;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in.has-ended-chats .chat-info-tab:not(.ended):last-of-type,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing.has-ended-chats .chat-info-tab:not(.ended):last-of-type {
  margin-bottom: 8px !important;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab {
  margin: 0 -7px 0 -8px;
  padding: 8px 8px 8px 4px;
  border: none;
  border-left: 4px solid transparent;
  display: flex;
  align-items: center;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  min-height: 0;
  padding: 0 0 0 4px;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info img.avatar,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info img.avatar {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  flex: 0 0 auto;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .user-name,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .user-name {
  flex: 1;
  font-weight: 400;
  margin: 0 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .chat-info-status,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .chat-info-status {
  margin-left: auto;
  flex: 0 0 auto;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .chat-info-status > span,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .chat-info-status > span {
  font-size: 10px;
  padding: 0 4px;
  height: 18px;
  color: #737373;
  border-radius: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  flex: 0 0 auto;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .chat-info-status > span.new,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .chat-info-status > span.new {
  color: #da1e28;
  border: 1px solid;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .chat-info-status > span.unread,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .chat-info-status > span.unread {
  color: #da1e28;
  border: 1px solid;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .chat-info-status > span.last-activity,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .chat-info-status > span.last-activity {
  color: #737373;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .chat-info-status > span.ended,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .chat-info-status > span.ended {
  color: rgba(0, 0, 0, 0.26);
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab.selected,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab.selected {
  border-color: #0026ff;
  background-color: #fafafa;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab.selected .user-info .user-name,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab.selected .user-info .user-name {
  font-weight: 600;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab:hover,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab:hover {
  background-color: #fafafa;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab.ended,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab.ended {
  order: 1;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab.ended.selected,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab.ended.selected {
  border-color: #737373;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab.ended .user-info .user-name,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab.ended .user-info .user-name {
  color: rgba(0, 0, 0, 0.38);
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab.ended .user-profile-img img,
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab.ended .user-profile-img img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .8;
}
.page.chat-screen .content .left-col.multi-chat-sidebar .inner .chat-list .topic-chat-list .collapsing .chat-info-tab {
  background-color: transparent !important;
}
.page.chat-screen .content .center-col {
  background-color: #ffffff;
  width: calc(100% - 35% - 256px);
  flex: 0 0 calc(100% - 35% - 256px);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow-x: auto;
  overflow-y: auto;
  padding: 0;
}
@media (max-width: 991px) {
  .page.chat-screen .content .center-col {
    display: none;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 100%;
  }
  .page.chat-screen .content .center-col.in {
    display: block;
  }
}
.page.chat-screen .content .center-col .main-action-col {
  height: 100%;
}
.page.chat-screen .content .center-col .main-action-col .chat-col {
  display: flex;
  flex-direction: column;
  padding: 24px 16px 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
@media (max-width: 991px) {
  .page.chat-screen .content .center-col .main-action-col .chat-col {
    height: calc(100vh - 64px);
    height: calc(var(--vh, 1vh) * 100 - 64px);
  }
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat-title > div {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat-title .chat-title-heading {
  margin: 0;
  padding-right: 0;
  color: #737373;
  line-height: 36px;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat-title .btn {
  min-width: 105px;
  color: #0026ff;
  outline: none;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat {
  border-top: none;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel {
  padding: 0;
  height: auto;
  overflow-x: hidden !important;
  flex: 1 1 auto;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single i {
  color: rgba(0, 0, 0, 0.38);
  font-size: 24px;
  line-height: 22px;
  vertical-align: bottom;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single i.text-success {
  color: #24a148;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single i.text-warning {
  color: #f1c21b;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single i.text-error {
  color: #da1e28;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single .extend-chat-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 4px 0;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single .extend-chat-buttons button.btn {
  margin: 4px 8px 4px 0;
}
@media (max-width: 991px) {
  .page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single .extend-chat-buttons button.btn {
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 400;
    padding: 0 12px;
    line-height: 24px;
  }
  .page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single .extend-chat-buttons button.btn.btn-material > i {
    font-size: 18px;
  }
  .page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single .extend-chat-buttons button.btn.btn-material > div .spinner-wrapper {
    height: 24px;
  }
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single {
  margin-right: 0;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single p.chatMessage div.emoji-only span img:only-of-type {
  background-color: transparent;
  width: 32px;
  height: 32px;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-send-message {
  padding-bottom: 24px;
  position: relative;
}
.page.chat-screen .content .center-col .main-action-col .chat-col .chat .chat-send-message .user-typing-indicator {
  position: absolute;
  font-size: 12px;
  left: 16px;
  bottom: 0;
  color: #737373;
  line-height: 24px;
}
.page.chat-screen .content .center-col .main-action-col .rating-panel {
  padding: 24px 32px;
}
.page.chat-screen .content .center-col .main-action-col .rating-panel .rating-notes-header {
  margin-bottom: 24px;
}
.page.chat-screen .content .center-col .main-action-col .rating-panel .rating-notes-header .rating-title {
  margin: 0;
}
.page.chat-screen .content .center-col .main-action-col .rating-panel .save-rating-area {
  display: flex;
  align-items: center;
}
.page.chat-screen .content .center-col .main-action-col .rating-panel .save-rating-area .btn {
  margin-right: 16px;
}
.page.chat-screen .content .right-col {
  flex: 1 1 35%;
  padding: 24px 16px;
  min-width: 35%;
  overflow-y: auto;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  border-left: 1px solid #d8d8d8;
}
.page.chat-screen .content .right-col .user-detail-col .inner {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.page.chat-screen .content .right-col .user-detail-col .inner .chat-partner-detail-area {
  height: auto !important;
  overflow: auto !important;
}
.page.chat-screen .content .right-col .user-detail-col .inner .chat-partner-detail-area .panel .ko-question {
  color: #737373;
  margin-bottom: 16px;
  overflow: hidden;
}
.page.chat-screen .content .right-col .user-detail-col .inner .chat-partner-detail-area .panel .ko-question p {
  margin: 0;
}
.page.chat-screen .content .right-col .user-detail-col .inner .chat-partner-detail-area .panel .ko-question div {
  display: flex;
  align-items: center;
}
.page.chat-screen .content .right-col .user-detail-col .inner .chat-partner-detail-area .panel .ko-question div i {
  color: #0026ff;
  font-size: 24px !important;
  margin-right: 4px;
}
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions {
  display: flex;
  margin-top: 16px;
  align-items: flex-start;
  width: 100%;
  justify-content: center;
}
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions .enable-video-voice-div {
  display: flex;
  position: relative;
  margin-right: 16px;
  margin-top: -2px;
}
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions .enable-video-voice-div .round-button-wrapper {
  margin-right: 16px;
}
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions .enable-video-voice-div .round-button-wrapper .btn.btn-link {
  width: 40px;
  height: 40px;
  background-color: #f2f2f2;
}
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions .enable-video-voice-div .round-button-wrapper .btn.btn-link i {
  color: #737373;
}
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions .enable-video-voice-div .round-button-wrapper .btn.btn-link:hover,
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions .enable-video-voice-div .round-button-wrapper .btn.btn-link:focus,
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions .enable-video-voice-div .round-button-wrapper .btn.btn-link:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions .enable-video-voice-div .round-button-wrapper > span {
  display: block;
  text-align: center;
  font-size: 10px;
  color: #737373;
  margin-top: 4px;
}
.page.chat-screen .content .right-col .user-detail-col .inner .in-chat-actions button.btn.end-chat {
  max-width: 160px;
  flex: 1 1 auto;
}
.chat-send-message {
  padding: 0 0 10px;
}
.chat-send-message .chat-input {
  position: relative;
  clear: both;
}
.chat-send-message .chat-input .bzInput .emojionearea {
  height: 55px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-left: 60px;
  border-color: #999999;
}
.chat-send-message .chat-input .bzInput .emojionearea.emojionearea.focused {
  border-color: #777777;
  outline: 0;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-editor {
  word-wrap: break-word;
  height: 53px;
  min-height: 0;
  padding-right: 55px;
  padding-left: 5px;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-editor:empty:before {
  font-weight: 300;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-editor:empty {
  padding: 17px;
}
@media (max-width: 991px) {
  .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-editor:empty {
    padding: 15px;
  }
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-button {
  width: 35px;
  height: 35px;
  margin: 9px;
  left: 0;
  top: 0;
  right: auto;
  opacity: 1 !important;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-button > div {
  width: 35px;
  height: 35px;
  -moz-transition: all 0.2s ease-in-out, background-size 0.1s linear;
  -o-transition: all 0.2s ease-in-out, background-size 0.1s linear;
  -webkit-transition: all 0.2s ease-in-out, background-size 0.1s linear;
  transition: all 0.2s ease-in-out, background-size 0.1s linear;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-button > div.emojionearea-button-open {
  background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/png/1f600.png) no-repeat center !important;
  background-size: 28px !important;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-button > div.emojionearea-button-close {
  background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/png/2716.png) no-repeat center !important;
  background-size: 20px !important;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-button:hover .emojionearea-button-open {
  background-size: 32px !important;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-button:hover .emojionearea-button-close {
  background-size: 22px !important;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker.hiding:after {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
  right: auto !important;
  left: 0;
}
.chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
  display: none;
}
@media (min-width: 992px) and (max-width: 1100px) {
  .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
    right: -90px;
    width: 290px;
  }
  .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper {
    width: 290px;
  }
  .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper .emojionearea-filters .emojionearea-filter {
    width: 31px;
  }
  .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
    right: 95px;
  }
}
.chat-send-message .chat-input .bzInput.has-count .char-count {
  position: absolute;
  right: 0;
  bottom: -24px;
  font-size: 12px;
  line-height: 24px;
  color: #737373;
}
.chat-send-message .chat-input .btn.send-button {
  position: absolute;
  bottom: 1px;
  right: 0;
  height: 53px !important;
  width: 53px;
  margin: 0;
  border-radius: 0;
  box-shadow: none !important;
  background: url(https://res.cloudinary.com/brazen/image/upload/v1515600044/return.svg) no-repeat center transparent !important;
  background-size: 20px !important;
  -moz-transition: background-size 0.1s linear;
  -o-transition: background-size 0.1s linear;
  -webkit-transition: background-size 0.1s linear;
  transition: background-size 0.1s linear;
}
.chat-send-message .chat-input .btn.send-button:hover,
.chat-send-message .chat-input .btn.send-button:focus,
.chat-send-message .chat-input .btn.send-button:active {
  background-size: 23px !important;
  outline: none;
}
.chat-send-message .chat-input .file-upload-container {
  position: absolute;
  bottom: 1px;
  right: 35px;
}
.chat-send-message .chat-input .file-upload-container * {
  margin: 0;
}
.chat-send-message .chat-input .file-upload-container .btn {
  color: #737373;
  padding: 0;
  height: 53px;
  width: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-send-message .chat-input .file-upload-container .btn i.fa:before {
  top: 1px;
  font-size: 20px;
  -webkit-transition: font-size 0.1s linear;
  -moz-transition: font-size 0.1s linear;
  -ms-transition: font-size 0.1s linear;
  -o-transition: font-size 0.1s linear;
  transition: font-size 0.1s linear;
}
.chat-send-message .chat-input .file-upload-container .btn:active {
  background: none;
}
.chat-send-message .chat-input .file-upload-container .btn:hover {
  color: #737373;
}
@media (min-width: 992px) {
  .chat-send-message .chat-input .file-upload-container .btn:hover i.fa:before {
    font-size: 24px;
  }
}
.chat-send-message.has-end-button {
  display: flex;
  align-items: center;
}
.chat-send-message.has-end-button .chat-input {
  width: calc(100% - 72px);
}
@media (max-width: 991px) {
  .chat-send-message.has-end-button .chat-input .bzInput .emojionearea .emojionearea-editor:empty:before {
    display: none;
  }
}
.chat-send-message.has-end-button .btn.btn-end-chat {
  margin-left: auto;
}
@media (max-width: 991px) {
  .chat-send-message {
    padding: 0;
  }
  .chat-send-message .chat-input {
    padding: 0px;
    border-radius: 0;
    height: 50px !important;
    font-size: 12px;
  }
  .chat-send-message .chat-input .bzInput .emojionearea {
    height: 50px;
  }
  .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-editor {
    vertical-align: middle;
    height: 48px;
    padding-right: 50px;
  }
  .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-button {
    margin: 6px !important;
  }
  .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
    right: auto;
    left: 0;
  }
  .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
    left: 10px;
    right: auto;
  }
  .chat-send-message .chat-input .btn.send-button {
    height: 48px !important;
    width: 50px;
    outline: none !important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .chat-send-message .chat-input .btn.send-button:hover {
    background-size: 20px !important;
  }
}
.chat-info-tab {
  margin: 0;
  padding: 10px 5px;
  border-bottom: 1px solid #bbb;
  cursor: pointer;
}
.chat-info-tab .user-profile-img > img {
  width: 40px;
  height: 40px;
}
.chat-info-tab .user-profile-img > i {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  font-size: 24px;
  border-radius: 50%;
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
  overflow: hidden;
  position: relative;
  background: #ffffff;
}
.chat-info-tab .user-info {
  overflow: hidden;
  min-height: 50px;
  position: relative;
}
.chat-info-tab .user-name {
  font-weight: 600;
  margin: 0;
  padding-right: 10px;
}
.chat-info-tab .user-headline {
  font-size: 12px;
  line-height: 12px;
  color: #777;
  margin: 0;
}
.chat-info-tab .user-last-message,
.chat-info-tab .user-selected-chat,
.chat-info-tab .user-completed-chat {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: block;
  color: #666;
  margin: 2px 0 0;
}
.chat-info-tab .user-last-message img {
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-right: 2px;
  vertical-align: text-bottom;
}
.chat-info-tab .user-selected-chat {
  color: #444;
}
.chat-info-tab .user-selected-chat i {
  background-color: #fff;
  border-radius: 50px;
  line-height: 10px;
  padding: 2px;
  margin: 0 1px;
}
.chat-info-tab .user-completed-chat i {
  margin-right: 2px;
}
.chat-info-tab .user-chat-time i.fa-clock-o {
  color: #bbb;
}
.chat-info-tab.selected {
  background-color: #ffffff;
  margin-left: -5px;
  padding-left: 15px;
  margin-right: -1px;
  padding-right: 6px;
}
.chat-info-tab.selected .user-headline {
  color: #737373;
}
.chat-info-tab.selected .user-profile-img img {
  border-color: #999999;
}
.chat-info-tab .new-chat-label {
  display: block;
  font-size: 12px !important;
  color: #da1e28;
  text-align: right;
}
.page.chat-screen .app-bar.chat-view .title-area .mobile-chat-info-area .user-info .mobile-user-typing {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #d8d8d8;
}
.page.chat-screen .content {
  -webkit-animation: none !important;
  animation: none !important;
  -webkit-animation-duration: unset !important;
  animation-duration: unset !important;
  -webkit-animation-fill-mode: none !important;
  animation-fill-mode: none !important;
  -webkit-animation-name: none !important;
  animation-name: none !important;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .page-title {
  margin-bottom: 16px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area {
  margin-bottom: 16px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area p {
  margin: 0;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .title {
  color: #737373;
  margin-right: 8px;
  font-size: 12px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .value {
  font-size: 12px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .connectivity-info .condition {
  margin-left: 0;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .connectivity-info .condition .icons i {
  font-size: 10px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .greeting-settings .edit-greeting-box textarea {
  font-size: 12px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area.with-help-block {
  margin-top: 8px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chats-select-wrapper {
  display: flex;
  align-items: center;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chats-select-wrapper select {
  display: inline-block;
  height: 24px;
  padding: 0 4px;
  width: 40px;
  border: 1px solid #d8d8d8;
  margin: 0 4px;
  border-radius: 2px;
  box-shadow: none;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chats-select-wrapper select:hover,
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chats-select-wrapper select:focus,
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chats-select-wrapper select:active {
  border-color: #0026ff;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chats-select-wrapper i {
  font-size: 16px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chat-warning {
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.38);
  vertical-align: middle;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chat-warning .material-icons {
  color: #da1e28;
  font-size: 15px;
  vertical-align: middle;
  margin-right: 4px;
  height: 16px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chat-warning > a {
  margin-left: 4px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .settings-area .user-max-chats-area .user-max-chat-warning > a.learn-more {
  text-decoration: underline;
  margin: 0 8px 0 4px;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .user-name-time-wrapper,
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .user-name-time-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .user-name-time-wrapper .booth-title,
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .user-name-time-wrapper .booth-title {
  font-size: 12px;
  color: #737373;
  margin: 0;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .user-name-time-wrapper .time-left-wrapper,
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .user-name-time-wrapper .time-left-wrapper {
  display: flex;
  align-items: center;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .user-name-time-wrapper .time-left-wrapper i.material-icons,
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .user-name-time-wrapper .time-left-wrapper i.material-icons {
  font-size: 14px;
  margin-right: 2px;
  color: rgba(0, 0, 0, 0.38);
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .user-name-time-wrapper .time-left-wrapper .time,
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .user-name-time-wrapper .time-left-wrapper .time {
  font-size: 12px;
  color: #737373;
}
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapse.in .chat-info-tab .user-info .user-name-time-wrapper .time-left-wrapper .time.danger,
.page.chat-screen .content .multi-chat-sidebar.left-col .inner .chat-list .topic-chat-list .collapsing .chat-info-tab .user-info .user-name-time-wrapper .time-left-wrapper .time.danger {
  color: #da1e28;
}
@media (max-width: 991px) {
  .page.chat-screen .content .center-col .main-action-col {
    height: 100%;
  }
}
@media (max-width: 991px) {
  .page.chat-screen .content .right-col {
    padding: 24px 16px 32px;
  }
}
.page.chat-screen .content .right-col .user-detail-col .inner .next-step .bootstrap-select.btn-group {
  width: 280px;
}
.page.chat-screen .content .connectivity-info {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.38);
  margin-bottom: 0;
}
.page.chat-screen .content .connectivity-info .condition {
  display: flex;
  align-items: center;
  margin-left: 4px;
}
.page.chat-screen .content .connectivity-info .condition .icons {
  line-height: 12px;
  margin-right: 4px;
}
.page.chat-screen .content .connectivity-info .condition .icons i {
  font-size: 10px;
}
.block-content .panel-heading:hover {
  cursor: inherit;
}
.block-content .panel-body {
  overflow: auto;
}
.block-content .panel-body iframe {
  width: 100%;
}
.terms-and-policy .help-block:not(:first-child) {
  margin: 0;
}
.signup-register-confirmation p {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.signup-register-confirmation p i {
  flex: 1 0 100%;
  color: green;
  font-size: 96px;
  text-align: center;
}
.attendee-register .check-in {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin-top: 32px !important;
  padding-top: 16px;
  text-align: right;
}
.navbar .chat-connecting-message {
  padding: 0 600px 0 0;
  width: 100%;
  position: absolute;
}
.navbar .chat-connecting-message p {
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  color: #fff;
  padding: 10px 20px;
  margin-left: -20px;
  display: inline-block;
}
.navbar .chat-connecting-message p.connecting {
  background-color: #00cbff;
}
.navbar .chat-connecting-message p.failed {
  background-color: #da1e28;
}
.navbar .chat-connecting-message i {
  margin-right: 5px;
}
.chat-invitation-modal .modal-dialog {
  width: 340px;
  text-align: center;
}
@media (max-width: 991px) {
  .chat-invitation-modal .modal-dialog {
    width: 95%;
    margin: 10px auto;
    max-width: 340px;
  }
}
.chat-invitation-modal p.location i {
  margin-right: 5px;
}
.chat-invitation-modal .chat-partner-card .profile-img {
  float: none;
  margin: 0;
}
.chat-invitation-modal .button-area,
.chat-invitation-modal .button-area .connecting {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}
.chat-invitation-modal .button-area p {
  margin-bottom: 0;
  text-align: left;
  padding: 0 10px;
}
.chat-invitation-modal .button-area p .title {
  font-size: 12px;
  color: #999;
  margin-right: 5px;
  width: 100px;
}
.chat-invitation-modal .button-area p .title i {
  width: 15px;
  text-align: center;
  margin-right: 5px;
}
.chat-invitation-modal .button-area .buttons {
  margin-top: 20px;
}
.chat-invitation-modal .button-area .btn {
  width: 45%;
}
.chat-invitation-modal .button-area .btn.btn-danger {
  margin-left: 10px;
}
.chat-invitation-modal .button-area .btn-group {
  margin-left: 10px;
  width: 45%;
}
.chat-invitation-modal .button-area .btn-group .btn {
  width: 100%;
  margin-left: 0;
  border-radius: 4px;
}
.chat-invitation-modal .button-area .btn-group .dropdown-menu a:hover {
  color: #da1e28;
}
.chat-invitation-modal .button-area .connecting {
  margin-top: 10px;
  padding-top: 20px;
}
.chat-invitation-modal .button-area .connecting i {
  color: #00cbff;
}
.chat-invitation-modal .button-area .connecting p {
  text-align: center;
  font-size: 16px;
  margin: 5px 0;
}
.drag-and-drop-list {
  margin: 20px 0;
}
.drag-and-drop-list.disabled .drag-and-drop-widget:after {
  position: absolute;
  content: " ";
  z-index: 10;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  cursor: not-allowed;
}
.drag-and-drop-widget {
  position: relative;
  min-width: 100px;
  min-height: 50px;
  border-radius: 4px;
  margin: 10px auto;
  width: 100%;
  border: 1px solid #0026ff;
  padding: 5px 45px 5px 5px;
  background-color: #f3f8fb;
}
.drag-and-drop-widget .widget-wrapper > .form-group {
  margin-bottom: 0;
}
.drag-and-drop-widget .operations {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: #0026ff;
  border-radius: 0 4px 4px 0;
}
.drag-and-drop-widget .operations > div {
  width: 40px;
  height: 33%;
  text-align: center;
  border-top: 1px solid #ffffff;
  position: relative;
}
.drag-and-drop-widget .operations > div:first-of-type {
  border-top: none;
}
.drag-and-drop-widget .operations > div i {
  font-size: 14px;
  display: block;
  line-height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.drag-and-drop-widget .operations > div i.handle {
  cursor: move;
}
.drag-and-drop-widget .btn.btn-xs {
  padding: 2px 5px 0 5px;
  font-size: 12pt;
  line-height: 1.5;
}
.dragdrop-positioner {
  border: 1px dashed #0026ff;
  background-color: rgba(0, 38, 255, 0.1);
  border-radius: 4px;
}
.bzInput.errors {
  color: #da1e28 !important;
}
.bzInput.errors input {
  border-color: #da1e28 !important;
}
.bzInput.errors div {
  display: block;
  border-color: #da1e28 !important;
  white-space: initial;
}
/* Noto Sans*/
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 300;
  src: local('Noto Sans Light'), local('NotoSans-Light'), url('/font/noto/noto-sans/noto-sans-light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/font/noto/noto-sans/noto-sans-light.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url('/font/noto/noto-sans/noto-sans-regular.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 500;
  src: local('Noto Sans Medium'), local('NotoSans-Medium'), url('/font/noto/noto-sans/noto-sans-medium.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-medium.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 600;
  src: local('Noto Sans Semi Bold'), local('NotoSans-SemiBold'), url('/font/noto/noto-sans/noto-sans-semibold.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-semibold.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: block;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('/font/noto/noto-sans/noto-sans-bold.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-bold.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 300;
  src: local('Noto Sans Light Italic'), local('NotoSans-LightItalic'), url('/font/noto/noto-sans/noto-sans-lightitalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/font/noto/noto-sans/noto-sans-lightitalic.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 400;
  src: local('Noto Sans Italic'), local('NotoSansItalic'), url('/font/noto/noto-sans/noto-sans-italic.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-italic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 500;
  src: local('Noto Sans Medium Italic'), local('NotoSans-MediumItalic'), url('/font/noto/noto-sans/noto-sans-mediumitalic.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-mediumitalic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 600;
  src: local('Noto Sans Semi Bold Italic'), local('NotoSans-SemiBoldItalic'), url('/font/noto/noto-sans/noto-sans-semibolditalic.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-semibolditalic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display: block;
  font-weight: 700;
  src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url('/font/noto/noto-sans/noto-sans-bolditalic.woff2') format('woff2'), url('/font/noto/noto-sans/noto-sans-bolditalic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif'), local('NotoSerif'), url('/font/noto/noto-serif/noto-serif-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/font/noto/noto-serif/noto-serif-regular.woff') format('woff');
  
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url('/font/noto/noto-serif/noto-serif-bold.woff2') format('woff2'), url('/font/noto/noto-serif/noto-serif-bold.woff') format('woff');
}
.login-background {
  width: 100%;
  position: fixed;
  height: 100%;
  background: center no-repeat;
  background-size: cover;
  z-index: -1;
}
.login-background .login-background-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.login-area {
  display: flex;
}
.login-area .login-event-info {
  padding: 24px 56px;
  color: #ffffff;
}
.login-area .login-event-info h2 {
  text-transform: none;
  line-height: 36px;
  margin-top: 10px;
}
.login-area .login-event-info .login-event-title-area img {
  margin-bottom: 24px;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  background-color: white;
  color: black;
  background-size: cover;
  overflow: hidden;
}
.login-area .login-event-info .login-event-title-area img.rectangle {
  height: 80px;
  width: auto;
}
.login-area .login-event-info .login-event-title-area div {
  overflow: hidden;
}
.login-area .login-event-info .login-event-title-area .event-subtitle {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.1;
}
.login-area .login-event-info .login-event-time {
  margin-top: 24px;
  margin-bottom: 56px;
}
.login-area .login-event-info .login-event-time h3 {
  font-weight: 400;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.1;
}
.login-area .login-event-info .login-event-time h3 .title {
  display: block;
  font-size: 16px;
  color: #b3b3b3;
  margin-top: 24px;
  margin-bottom: 8px;
}
.login-area .login-event-info .login-back-to-landing-area .btn-outlined {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.login-area .login-event-info .login-back-to-landing-area .btn-outlined:hover,
.login-area .login-event-info .login-back-to-landing-area .btn-outlined:focus,
.login-area .login-event-info .login-back-to-landing-area .btn-outlined:active {
  background-color: #b3b3b3 !important;
}
.login-area .login-panel {
  display: flex;
  flex-direction: column;
  flex: 0 0 400px;
  width: 400px;
  height: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  padding: 24px 32px;
  background-color: #ffffff;
  z-index: 1;
  box-shadow: 5px 0 11px 0 rgba(0, 0, 0, 0.18), 4px 0 15px 0 rgba(0, 0, 0, 0.15);
}
.login-area .login-panel button {
  text-transform: uppercase;
}
.login-area .login-panel.in {
  overflow: visible;
}
.login-area .login-panel h1 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 24px;
  line-height: 40px;
}
.login-area .login-panel #footer {
  margin-top: auto;
  padding: 56px 0 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.login-area .login-panel #footer .language-select-widget-wrapper {
  margin-bottom: 32px;
}
.login-area .login-panel #footer .powered-by-brazen {
  order: 1;
  font-size: 12px;
}
.login-area .login-panel #footer .powered-by-brazen a {
  text-decoration: none;
  color: #222222;
  display: flex;
  align-items: end;
}
.login-area .login-panel #footer .powered-by-brazen a img {
  height: 22px;
  margin-left: 8px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .login-area .login-event-info .login-event-title-area {
    zoom: 0.85;
  }
  .login-area .login-panel {
    flex: 0 0 352px;
  }
}
@media (max-width: 767px) {
  .login-area {
    flex-direction: column-reverse;
    align-items: center;
    padding: 16px;
  }
  .login-area .login-event-info {
    padding: 0;
  }
  .login-area .login-event-info .login-event-title-area {
    text-align: center;
    margin-bottom: 24px;
  }
  .login-area .login-event-info .login-event-title-area h2 {
    line-height: 22px;
    margin-top: 8px;
    font-size: 18px;
  }
  .login-area .login-panel {
    width: 100%;
    max-width: 400px;
    flex: 1 1 auto;
    min-height: auto;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  }
  .login-area .login-panel .title {
    margin-bottom: 8px;
    font-size: 20px;
    text-align: center;
  }
  .login-area .login-panel .login-form-widget .form-group {
    padding: 0 !important;
  }
  .login-area .login-panel .login-form-widget .form-group.form-group-50p {
    width: 100% !important;
  }
  .login-area .login-panel .login-form-widget .form-area .btn {
    margin: 8px 0;
  }
  .login-area .login-panel .login-form-widget .agree-to-terms-create-account {
    margin-top: 8px;
  }
  .login-area .login-panel #footer .language-select-widget-wrapper {
    margin-bottom: 16px;
  }
}
.login-form-widget a {
  text-decoration: underline;
}
.login-form-widget .bz-editor-error {
  display: none !important;
  white-space: pre-wrap;
}
.login-form-widget .bzInput.errors input {
  background-color: #f2dede;
}
.login-form-widget .form-group {
  margin-bottom: auto;
  padding: 0;
}
.login-form-widget .form-group.form-group-50p {
  width: 50% !important;
  display: inline-block;
  margin-left: 0 !important;
}
.login-form-widget .form-group.form-group-50p.left {
  padding-right: 2.5px;
}
.login-form-widget .form-group.form-group-50p.right {
  padding-left: 2.5px;
}
.login-form-widget .separator {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #d8d8d8;
  position: relative;
}
.login-form-widget .separator span {
  background-color: #ffffff;
  color: #737373;
  position: absolute;
  top: -8px;
  width: 40px;
  margin-left: -20px;
  left: 50%;
  text-align: center;
  font-size: 14px;
}
.login-form-widget .btn {
  font-size: 14px;
  width: 100%;
}
.login-form-widget .btn > i {
  margin-right: 4px;
}
.login-form-widget .btn:focus {
  color: #ffffff;
}
.login-form-widget .btn-material .spinner-wrapper {
  display: none;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.login-form-widget .btn-material:disabled .spinner-wrapper,
.login-form-widget .btn-material.disabled .spinner-wrapper {
  display: flex;
}
.login-form-widget .btn-material:disabled > span,
.login-form-widget .btn-material.disabled > span {
  display: none;
}
.login-form-widget .form-area .btn.btn-material {
  margin: 12px 0 8px 0;
  padding: 0 8px;
}
.login-form-widget .sign-up-with-providers .row {
  margin-left: -20px;
  margin-right: -20px;
}
.login-form-widget .sign-up-with-providers .row .col-xs-6 {
  padding: 0 5px;
}
.login-form-widget .sign-up-with-providers .row .col-xs-12 {
  padding: 0 5px;
}
.login-form-widget .sign-up-with-providers .btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 4px;
  margin: 5px 0;
  text-align: left;
  position: relative;
  text-transform: none;
  letter-spacing: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.login-form-widget .sign-up-with-providers .btn > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin-right: 4px;
  font-size: 28px;
}
.login-form-widget .sign-up-with-providers .btn.text-center {
  text-align: center;
  padding-right: 45px;
}
.login-form-widget .sign-up-with-providers .btn.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb5 !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-linkedin:hover,
.login-form-widget .sign-up-with-providers .btn.btn-linkedin:focus {
  background-color: rgba(0, 123, 181, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-linkedin:active {
  background-color: rgba(0, 123, 181, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-linkedin.disabled,
.login-form-widget .sign-up-with-providers .btn.btn-linkedin[disabled] {
  background-color: rgba(0, 123, 181, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-linkedin.disabled.has-tooltip,
.login-form-widget .sign-up-with-providers .btn.btn-linkedin[disabled].has-tooltip {
  pointer-events: none !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-linkedin.btn-flat {
  box-shadow: none !important !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-linkedin.not-clickable {
  pointer-events: none !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-facebook:hover,
.login-form-widget .sign-up-with-providers .btn.btn-facebook:focus {
  background-color: rgba(59, 89, 152, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-facebook:active {
  background-color: rgba(59, 89, 152, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-facebook.disabled,
.login-form-widget .sign-up-with-providers .btn.btn-facebook[disabled] {
  background-color: rgba(59, 89, 152, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-facebook.disabled.has-tooltip,
.login-form-widget .sign-up-with-providers .btn.btn-facebook[disabled].has-tooltip {
  pointer-events: none !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-facebook.btn-flat {
  box-shadow: none !important !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-facebook.not-clickable {
  pointer-events: none !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-google {
  color: #737373 !important;
  background-color: #ffffff !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-google:hover,
.login-form-widget .sign-up-with-providers .btn.btn-google:focus {
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-google:active {
  background-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-google.disabled,
.login-form-widget .sign-up-with-providers .btn.btn-google[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(115, 115, 115, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-google.disabled.has-tooltip,
.login-form-widget .sign-up-with-providers .btn.btn-google[disabled].has-tooltip {
  pointer-events: none !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-google.btn-flat {
  box-shadow: none !important !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-google.not-clickable {
  pointer-events: none !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-google:hover {
  background-color: #ffffff !important;
}
.login-form-widget .sign-up-with-providers .btn.btn-google > i:before {
  width: 36px;
  height: 36px;
  background: url("https://res.cloudinary.com/brazen/image/upload/v1580323271/google_logo_square.png") no-repeat center;
  background-size: contain;
  position: static;
}
.login-form-widget .sign-up-with-providers .btn.btn-sso {
  border: none;
  justify-content: center;
  padding: 0 8px;
}
.event-over-message {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  padding: 24px;
  margin-top: 30px;
}
.event-over-message .text-1 {
  color: #222222;
  font-size: 20px;
  font-weight: 600;
}
.event-over-message .text-1 i.material-icons {
  color: #da1e28;
  vertical-align: bottom;
}
.event-over-message .text-2 {
  color: #222222;
  margin: 32px 0;
}
.event-over-message .text-2 .user-info {
  font-weight: 600;
}
@media (min-width: 768px) {
  .event-over-message {
    max-width: 70%;
    margin-left: auto;
  }
}
.login-form-widget {
  display: flex;
  flex-direction: column;
  color: #737373;
}
.login-form-widget .alert-area {
  order: 0;
}
.login-form-widget .separator span {
  top: -12px;
}
.login-form-widget .sign-up-with-providers .custom-auth .item a {
  color: #ffffff;
  border: none;
}
.login-form-widget .sign-up-with-providers .custom-auth .item a:hover {
  filter: brightness(85%);
}
.login-form-widget .sign-up-with-providers .global-auth {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  justify-content: space-between;
}
.login-form-widget .sign-up-with-providers .global-auth .item {
  flex: 0 1 50%;
  padding: 0 5px;
  max-width: 50%;
}
.login-form-widget .sign-up-with-providers .global-auth .item a {
  color: #ffffff;
}
.login-form-widget .sign-up-with-providers .global-auth .item:only-child {
  flex: 0 1 100%;
  max-width: 100%;
}
.login-form-widget .sign-up-with-providers .global-auth .item:only-child a {
  text-align: center;
}
.login-form-widget .sign-up-with-providers .btn {
  font-size: 14px;
}
.login-form-widget .agree-to-terms-create-account {
  font-size: 12px;
  margin-top: 24px;
}
.login-panel.forgot-password {
  width: 500px;
  margin: 30px auto 50px;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  background-color: #f3f8fb;
}
.pulse-wrapper {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
}
.pulse-wrapper .tips {
  position: absolute;
  width: 280px;
  top: 70px;
  padding: 12px 24px 12px 16px;
  border-radius: 4px;
  z-index: 1;
  text-align: left;
  color: #ffffff;
  background-color: #323232;
  pointer-events: auto;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.pulse-wrapper .tips.bottom-left {
  left: 0;
  right: auto;
}
.pulse-wrapper .tips.bottom-left.arrow-box:before,
.pulse-wrapper .tips.bottom-left.arrow-box:after {
  left: 35px;
  right: auto;
}
.pulse-wrapper .tips.bottom-right {
  right: 0;
  left: auto;
}
.pulse-wrapper .tips.bottom-right.arrow-box:before,
.pulse-wrapper .tips.bottom-right.arrow-box:after {
  right: 25px;
  left: auto;
}
.pulse-wrapper .tips.top-left {
  left: 0;
  right: auto;
  top: auto;
  bottom: 70px;
}
.pulse-wrapper .tips.top-left.arrow-box:before,
.pulse-wrapper .tips.top-left.arrow-box:after {
  left: 35px;
  right: auto;
  top: 100%;
  transform: rotate(180deg);
  bottom: auto;
}
.pulse-wrapper .tips.top-right {
  right: 0;
  left: auto;
  top: auto;
  bottom: 70px;
}
.pulse-wrapper .tips.top-right.arrow-box:before,
.pulse-wrapper .tips.top-right.arrow-box:after {
  right: 25px;
  left: auto;
  top: 100%;
  transform: rotate(180deg);
  bottom: auto;
}
.pulse-wrapper .tips p {
  margin-bottom: 0;
  height: auto !important;
  font-weight: 300;
  font-size: 13px;
  line-height: 18px;
}
.pulse-wrapper .tips a.dismiss {
  position: absolute;
  right: 5px;
  top: 7px;
  padding: 5px;
  cursor: pointer;
  text-decoration: none;
}
.pulse-wrapper .tips a.dismiss img {
  height: 15px;
  width: 15px;
}
.pulse-wrapper.small .tips {
  width: 220px;
}
.pulse-wrapper .pulse {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 153, 51, 0.5);
  background-size: 50px 50px;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  cursor: pointer;
}
.pulse-wrapper .pulse-inner {
  position: absolute;
  width: 70px;
  height: 70px;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  border: 3px solid rgba(255, 153, 51, 0.2);
  -webkit-animation: pulseInnerAnimation 4s linear infinite;
  -moz-animation: pulseInnerAnimation 4s linear infinite;
  animation: pulseInnerAnimation 4s linear infinite;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  -webkit-box-shadow: inset 0px 0px 15px 10px rgba(255, 153, 51, 0.8);
  -moz-box-shadow: inset 0px 0px 15px 10px rgba(255, 153, 51, 0.8);
  box-shadow: inset 0px 0px 15px 10px rgba(255, 153, 51, 0.8);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.pulse-wrapper .pulse-outer {
  position: absolute;
  width: 70px;
  height: 70px;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  opacity: 0;
  border: 1px solid rgba(255, 153, 51, 0.1);
  -webkit-animation: pulseOuterAnimation 4s linear infinite;
  -moz-animation: pulseOuterAnimation 4s linear infinite;
  animation: pulseOuterAnimation 4s linear infinite;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  -webkit-box-shadow: inset 0px 0px 12px 5px rgba(255, 153, 51, 0.8);
  -moz-box-shadow: inset 0px 0px 12px 5px rgba(255, 153, 51, 0.8);
  box-shadow: inset 0px 0px 12px 5px rgba(255, 153, 51, 0.8);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
@-webkit-keyframes pulseInnerAnimation {
  0% {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(0.9);
    opacity: .2;
  }
  70% {
    -webkit-transform: scale(1.1);
    opacity: .35;
  }
  80% {
    -webkit-transform: scale(1.25);
    opacity: .2;
  }
  100% {
    -webkit-transform: scale(1.4);
    opacity: 0;
  }
}
@-moz-keyframes pulseInnerAnimation {
  0% {
    -moz-transform: scale(0.6);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(0.6);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(0.9);
    opacity: .2;
  }
  70% {
    -moz-transform: scale(1.1);
    opacity: .35;
  }
  80% {
    -moz-transform: scale(1.25);
    opacity: .2;
  }
  100% {
    -moz-transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes pulseInnerAnimation {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  50% {
    transform: scale(0.6);
    opacity: 0;
  }
  60% {
    transform: scale(0.9);
    opacity: .1;
  }
  70% {
    transform: scale(1.1);
    opacity: .25;
  }
  80% {
    transform: scale(1.25);
    opacity: .1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@-webkit-keyframes pulseOuterAnimation {
  0% {
    -webkit-transform: scale(0.6);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(0.8);
    opacity: .05;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: .1;
  }
  60% {
    -webkit-transform: scale(1.1);
    opacity: .3;
  }
  80% {
    -webkit-transform: scale(1.2);
    opacity: .1;
  }
  100% {
    -webkit-transform: scale(1.3);
    opacity: 0;
  }
}
@-moz-keyframes pulseOuterAnimation {
  0% {
    -moz-transform: scale(0.6);
    opacity: 0;
  }
  40% {
    -moz-transform: scale(0.8);
    opacity: .05;
  }
  50% {
    -moz-transform: scale(1);
    opacity: .1;
  }
  60% {
    -moz-transform: scale(1.1);
    opacity: .3;
  }
  80% {
    -moz-transform: scale(1.2);
    opacity: .1;
  }
  100% {
    -moz-transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes pulseOuterAnimation {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  40% {
    transform: scale(0.8);
    opacity: .05;
  }
  50% {
    transform: scale(1);
    opacity: .1;
  }
  60% {
    transform: scale(1.1);
    opacity: .3;
  }
  80% {
    transform: scale(1.2);
    opacity: .1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
.arrow-box {
  background: #fff;
}
.arrow-box:after,
.arrow-box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow-box:after {
  border: 10px solid transparent;
  border-bottom-color: #323232;
  margin-left: -10px;
}
@media (max-width: 991px) {
  .pulse-wrapper .tips {
    display: none;
  }
}
.addeventatc {
  margin: 16px 0 8px;
}
.addeventatc .addeventatc_dropdown .copyx {
  display: none !important;
}
html {
  overflow: visible !important;
}
body.bh {
  overflow: visible !important;
  margin-right: auto !important;
}
iframe[id^=dsq] {
  display: none !important;
}
#disqus_comment_count {
  font-weight: bold;
  margin-bottom: 16px;
}
#disqus_thread {
  position: relative;
  overflow: hidden;
}
#disqus_thread iframe {
  position: relative;
}
#disqus_thread:after {
  content: "";
  display: block;
  height: 40px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #fff;
}
#disqus_thread iframe {
  display: inline !important;
}
#disqus_screen_too_small_message {
  display: none;
}
@media (max-width: 310px) {
  #disqus_thread {
    visibility: hidden;
    max-height: 300px;
  }
  #disqus_thread:after {
    content: attr(data-after-content);
    display: block;
    color: red;
    position: absolute;
    top: 10px;
    visibility: visible;
    font-size: 16px;
    border: 1px solid;
    padding: 10px;
    bottom: auto;
    height: auto;
  }
}
.job-desc-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.job-desc-wrapper .job-desc {
  display: flex;
  align-items: center;
  margin-right: 12px;
  max-width: 100%;
}
.job-desc-wrapper .job-desc > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#job-area {
  color: #222222;
  background-color: #ffffff;
}
#job-area h3 {
  margin: 8px 0;
  font-size: 18px;
  line-height: 22px;
  text-transform: none;
}
#job-area .job-id {
  color: #737373;
  font-size: 13px;
  margin-bottom: 8px;
}
#job-area .job-id > span:first-of-type {
  margin-right: 8px;
}
#job-area .job-desc {
  color: #777777;
}
#job-area .job-desc i {
  margin-right: 4px;
}
#job-area a.job-desc {
  color: #337ab7;
}
#job-area .job-description {
  margin: 16px 0;
}
.job-details-accordion {
  margin: 10px 0;
}
.job-details-accordion .panel-body {
  max-height: 350px;
  overflow: auto;
}
.view-full-size-job-modal .modal-header .close {
  margin-top: 5px;
}
.view-full-size-job-modal .modal-dialog #job-area {
  padding: 0 20px;
}
.view-full-size-job-modal .modal-dialog #job-area iframe {
  width: 100%;
  max-height: 550px;
  max-height: 65vh;
  max-height: calc(var(--vh, 1vh) * 65);
}
@media (max-width: 991px) {
  .view-full-size-job-modal .modal-dialog {
    width: 100%;
    margin: 0;
  }
  .view-full-size-job-modal .modal-dialog .modal-body {
    padding: 10px;
  }
  .view-full-size-job-modal iframe {
    width: 100%;
    height: 450px;
    height: calc(100vh - 170px);
    height: calc(var(--vh, 1vh) * 100 - 170px);
  }
  .view-full-size-job-modal .modal-dialog .modal-footer {
    padding: 10px;
    text-align: center;
  }
}
.lobby-booth-job {
  flex-direction: column;
  font-size: 12px;
  line-height: 18px;
  color: #737373;
}
.lobby-booth-job .job-desc {
  margin-right: 0;
  margin-bottom: 4px;
}
.lobby-booth-job .job-desc i {
  width: 16px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}
.modal.welcome-video {
  z-index: 10000;
}
.modal.welcome-video .modal-dialog .modal-content .modal-body {
  overflow-y: initial;
}
@media (min-width: 992px) {
  .modal.welcome-video .modal-dialog .modal-content .modal-body {
    height: 506px;
  }
}
@media (max-width: 991px) {
  .modal.welcome-video .modal-dialog .modal-content .modal-body {
    height: 338px;
  }
}
.modal.welcome-video .modal-dialog .modal-content .modal-body iframe {
  width: 100%;
  height: 100%;
}
.page.booth-screen .tab-content {
  overflow: visible;
}
.page.booth-screen .tab-pane .custom-tab-video iframe {
  width: 100% !important;
}
.page.booth-screen .tab-pane section {
  padding: 16px;
}
.page.booth-screen .tab-pane section .tab-content-inner.less {
  overflow: hidden;
  max-height: 6em;
  position: relative;
}
.page.booth-screen .tab-pane section .tab-content-inner.less::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.social-icons img {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px;
  height: 40px;
}
.social-icons img a {
  text-decoration: none;
}
.social-icons img img {
  box-shadow: 0 1px 2px #666;
}
.social-icons img img:hover {
  box-shadow: none;
  opacity: .9;
}
.booth-rep-list {
  display: block;
}
.booth-rep-list > div {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.booth-rep-list > div:last-of-type {
  margin-bottom: 0;
}
.booth-rep-list > div .avatar-info {
  overflow: hidden;
  margin-left: 16px;
}
.booth-rep-list > div .avatar-info h4 {
  margin: 0;
  font-size: 16px;
}
.booth-rep-list > div .avatar-info p {
  color: #737373;
  margin: 4px 0 0;
  font-size: 12px;
}
.booth-rep-list > div .avatar-info .you-badge {
  font-size: smaller;
}
.drop-off-note-area {
  display: flex;
  align-items: center;
  padding: 16px 8px 16px 16px;
  flex-wrap: wrap;
  margin: 16px 0;
}
.drop-off-note-area i {
  margin-right: 8px;
  font-size: 28px;
}
.drop-off-note-area div {
  flex: 1;
}
.drop-off-note-area div a {
  margin-left: 8px;
}
.page.booth-screen {
  background-color: #ffffff;
}
.page.booth-screen .app-bar {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0;
  padding: 0 24px;
  border-radius: 0;
  height: 78px;
  overflow: visible;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar {
    display: flex;
    width: auto;
    height: auto;
    overflow: visible;
    flex-wrap: wrap;
    padding: 0;
  }
}
.page.booth-screen .app-bar .title-area {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  max-width: 1460px;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar .title-area {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.page.booth-screen .app-bar .title-area .round-button-wrapper {
  display: flex;
  align-items: center;
  padding: 0 16px 0 0;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar .title-area .round-button-wrapper {
    padding: 0;
  }
}
.page.booth-screen .app-bar .title-area .booth-info {
  flex: 1 1 calc(60% - 24px);
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 24px 8px 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar .title-area .booth-info {
    padding: 8px 0;
    align-items: center;
  }
}
.page.booth-screen .app-bar .title-area .booth-info .pills-wrapper {
  margin: -8px 0 8px 0;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar .title-area .booth-info .pills-wrapper {
    margin: -4px 0 4px 0;
  }
}
.page.booth-screen .app-bar .title-area .booth-info h4 {
  color: #222222;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar .title-area .booth-info h4 {
    width: 100%;
    text-align: center;
  }
}
.page.booth-screen .app-bar .title-area .booth-controls-status {
  display: flex;
  align-items: center;
  flex: 1 1 40%;
  margin-left: auto;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar .title-area .booth-controls-status > div {
    width: 100%;
    justify-content: space-between;
  }
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div .status-wrapper {
  display: flex;
  height: 32px;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 16px;
  padding: 0 8px;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar .title-area .booth-controls-status > div .status-wrapper {
    border: none;
  }
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div .status-wrapper > span {
  font-size: 12px;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div .status-wrapper i.material-icons {
  position: relative;
  cursor: default;
  line-height: 24px;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.video-booth-controls-wrapper {
  display: flex;
  align-items: center;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.video-booth-controls-wrapper .status-wrapper {
  line-height: 24px;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.video-booth-controls-wrapper .status-wrapper .status-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 12px;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.video-booth-controls-wrapper .status-wrapper .status-info > span {
  color: #737373;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.video-booth-controls-wrapper .status-wrapper .status-info.waiting > i {
  font-size: 16px;
  margin: 0 2px;
  color: #737373;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.video-booth-controls-wrapper .status-wrapper .status-info.live > i {
  color: #24a148;
  font-size: 20px;
  margin-right: 2px;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.video-booth-controls-wrapper .status-wrapper .status-info.ended > i {
  font-size: 20px;
  color: #f1c21b;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.chat-booth-controls-wrapper {
  padding-right: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar .title-area .booth-controls-status > div.chat-booth-controls-wrapper {
    padding-right: 0;
  }
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.chat-booth-controls-wrapper .status-wrapper {
  margin-right: 12px;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.chat-booth-controls-wrapper .status-wrapper .status-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 12px;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.chat-booth-controls-wrapper .status-wrapper .status-info i.material-icons {
  font-size: 16px;
  margin-right: 4px;
  color: rgba(0, 0, 0, 0.38);
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.chat-booth-controls-wrapper .status-wrapper .status-info > span {
  color: #737373;
  line-height: 24px;
  white-space: nowrap;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.chat-booth-controls-wrapper .status-wrapper.chat-status-waiting .status-info i.material-icons {
  color: #24a148;
}
.page.booth-screen .app-bar .title-area .booth-controls-status > div.chat-booth-controls-wrapper button.btn-sm {
  width: auto;
  min-width: 84px;
}
@media (max-width: 991px) {
  .page.booth-screen .app-bar .title-area .booth-controls-status {
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 16px 24px;
    background: white;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 100;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  }
}
.page.booth-screen .content {
  flex-direction: row;
  padding: 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .page.booth-screen .content {
    flex-direction: column;
    height: auto;
    padding-top: 0 !important;
  }
}
.page.booth-screen .content .center-col {
  flex: 1 1 60%;
  max-width: 900px;
  min-width: 0;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .page.booth-screen .content .center-col {
    max-width: none;
    min-width: auto;
  }
}
.page.booth-screen .content .center-col .booth-content-area {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.page.booth-screen .content .center-col .booth-content-area > .inner {
  padding: 24px;
  overflow: auto;
  flex: 1;
  height: 100%;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content {
  overflow: hidden;
  border: 1px solid #d8d8d8;
  margin-bottom: 16px;
  border-radius: 4px;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  margin: 0;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li {
  float: none;
  flex: 1;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  border-bottom: 2px solid transparent;
  max-width: none;
  margin: 0;
  padding: 16px 8px 4px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:hover {
  background-color: rgba(0, 38, 255, 0.05) !important;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:focus {
  background-color: rgba(0, 38, 255, 0.1) !important;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li.active {
  border-color: #0026ff;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li.active > a {
  border-color: #0026ff;
  color: #737373;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  margin: 0;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li {
  float: none;
  flex: 1;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  border-bottom: 2px solid transparent;
  max-width: none;
  margin: 0;
  padding: 16px 8px 4px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:hover {
  background-color: rgba(0, 38, 255, 0.05) !important;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:focus {
  background-color: rgba(0, 38, 255, 0.1) !important;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li.active {
  border-color: #0026ff;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li.active > a {
  border-color: #0026ff;
  color: #737373;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs {
  justify-content: flex-start;
  border-bottom: 1px solid #f2f2f2;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li {
  min-width: 72px;
  max-width: 160px;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content ul.nav.nav-tabs > li > a {
  height: 48px;
  padding: 0;
  font-size: 12px;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content .banner-with-overlay {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content .banner-with-overlay img.banner,
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content .banner-with-overlay .video {
  width: 100%;
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content .banner-with-overlay .overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.26);
  color: #ffffff;
  padding: 8px 24px;
  border-radius: 16px 0 0 0;
  text-align: right;
  max-width: 80%;
  line-height: 32px;
  text-transform: none;
}
@media (max-width: 991px) {
  .page.booth-screen .content .center-col .booth-content-area > .inner .static-content .banner-with-overlay .overlay {
    max-width: 100%;
    font-size: 16px;
    line-height: 20px;
  }
}
.page.booth-screen .content .center-col .booth-content-area > .inner .static-content > div.text:not(:empty) {
  padding: 24px 16px;
}
.page.booth-screen .content .center-col .booth-content-area > .inner #job-area {
  padding: 16px;
}
.page.booth-screen .content .right-col {
  flex: 1 1 40%;
  min-width: 240px;
  max-width: 560px;
  overflow: hidden;
  padding: 0;
  border: 0 solid #d8d8d8;
  border-width: 0 1px 0 1px;
}
@media (max-width: 991px) {
  .page.booth-screen .content .right-col {
    flex: 1 1 auto;
    max-width: 100%;
  }
}
.page.booth-screen .content .right-col ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  margin: 0;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li {
  float: none;
  flex: 1;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  border-bottom: 2px solid transparent;
  max-width: none;
  margin: 0;
  padding: 16px 8px 4px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:hover {
  background-color: rgba(0, 38, 255, 0.05) !important;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:focus {
  background-color: rgba(0, 38, 255, 0.1) !important;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li.active {
  border-color: #0026ff;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li.active > a {
  border-color: #0026ff;
  color: #737373;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  margin: 0;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li {
  float: none;
  flex: 1;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  border-bottom: 2px solid transparent;
  max-width: none;
  margin: 0;
  padding: 16px 8px 4px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:hover {
  background-color: rgba(0, 38, 255, 0.05) !important;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:focus {
  background-color: rgba(0, 38, 255, 0.1) !important;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li.active {
  border-color: #0026ff;
}
.page.booth-screen .content .right-col ul.nav.nav-tabs > li.active > a {
  border-color: #0026ff;
  color: #737373;
}
.page.booth-screen .content .right-col .tab-content {
  overflow: auto;
  height: calc(100% - 64px);
}
.page.booth-screen .content .right-col .tab-content > .tab-pane {
  padding: 16px 24px;
}
.page.booth-screen .content .right-col .tab-content > .tab-pane #disqus_thread {
  margin-top: -8px;
}
.page.booth-screen .content .right-col .tab-content > .tab-pane #disqus_thread iframe {
  margin-top: -48px;
}
.page.booth-screen.video-booth.show-brazen-live-player .content .center-col {
  max-width: none;
}
.page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area {
  display: flex;
  flex-direction: column;
}
.page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area > .inner {
  padding: 16px;
}
.page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area > .inner .video-player-wrapper {
  height: 100%;
}
.page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area > .inner .video-player-wrapper .interactive-video-area.multi-user {
  height: 100% !important;
  padding: 0;
}
@media (min-width: 992px) {
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col {
    display: flex;
    flex-direction: row;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs {
    flex-direction: column;
    justify-content: flex-start;
    border-right: 1px solid #d8d8d8;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs > li {
    flex: 0;
    border: none;
    border-left: 3px solid transparent;
    width: 76px;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs > li > a {
    padding: 24px 8px;
    border: none;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs .round-button-wrapper.collapse-right-panel-btn {
    margin: 16px 0;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs .round-button-wrapper.collapse-right-panel-btn .btn {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.12);
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs .round-button-wrapper.collapse-right-panel-btn .btn > i {
    line-height: 40px;
    font-size: 32px !important;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs .round-button-wrapper.collapse-right-panel-btn .btn:hover,
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs .round-button-wrapper.collapse-right-panel-btn .btn:focus {
    background-color: rgba(0, 0, 0, 0.26);
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs .round-button-wrapper.collapse-right-panel-btn .btn:hover > i,
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col ul.nav.nav-tabs .round-button-wrapper.collapse-right-panel-btn .btn:focus > i {
    color: #5a5a5a;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col .tab-content {
    flex: 1;
    padding-top: 8px;
    height: 100%;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col.collapsed {
    transform: translateX(calc(100% - 76px));
    max-width: 76px;
    overflow: hidden;
    min-width: auto;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col.collapsed ul.nav.nav-tabs {
    border: none;
  }
}
@media (max-width: 991px) {
  .page.booth-screen.video-booth.show-brazen-live-player .app-bar .title-area .booth-controls-status {
    display: none;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .app-bar .title-area .tools-area .btn-round.btn-link {
    display: none !important;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .center-col {
    flex: 0 0 312px;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area > .inner {
    padding: 0;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area > .inner .interactive-video-area.multi-user > .wrapper .empty-area-message {
    padding: 16px;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area > .inner .interactive-video-area.multi-user > .wrapper .empty-area-message .wrapper i.material-icons {
    color: #b3b3b3;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area > .inner .interactive-video-area.multi-user > .wrapper .empty-area-message .wrapper h5 {
    color: #f7f7f7;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area > .inner .interactive-video-area.multi-user > .wrapper .empty-area-message .wrapper p {
    color: #b3b3b3;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .center-col .booth-content-area > .inner .interactive-video-area.multi-user > .wrapper .video-controls-bar {
    margin: 8px auto;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col {
    position: relative;
    transform: none;
    width: 100%;
    z-index: 0;
    border-top: 1px solid #d8d8d8 !important;
  }
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col .tab-content > .tab-pane {
    padding-bottom: 152px;
  }
}
@media (max-width: 991px) and (orientation: landscape) {
  .page.booth-screen.video-booth.show-brazen-live-player .content .right-col {
    flex: 0 0 auto;
    height: auto;
  }
}
.booth-info-div .logo-wrapper {
  margin-bottom: 16px;
  text-align: center;
}
.booth-info-div .logo-wrapper img {
  max-width: 240px;
  max-height: 80px;
  margin: 8px 0;
}
.schedule-div .message-heading {
  font-size: 15px;
  font-weight: 600;
}
.supporting-copy-panel > h4 {
  margin: 24px 0 16px 8px;
}
.stats-list-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.stats-list-item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.stats-list-item i.main-icon.material-icons {
  width: 32px;
  height: 32px;
  font-size: 22px;
  background-color: #0026ff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: white;
  margin-right: 12px;
  flex: 0 0 32px;
}
.stats-list-item .inner {
  display: flex;
  flex-direction: column;
  margin-right: 8px;
}
.stats-list-item .inner > span.title {
  font-weight: 600;
}
.stats-list-item .inner > span.learn-more {
  font-size: 12px;
  color: #737373;
  cursor: pointer;
}
.stats-list-item .number {
  font-size: 22px;
  flex: 0 1 auto;
  text-align: right;
  margin-left: auto;
}
.stats-list-item .number.small {
  font-size: 16px;
}
.stats-list-item .number.smaller {
  font-size: 14px;
}
.stats-list-item .calculating {
  font-size: 14px;
  flex: 0 0 auto;
  text-align: right;
  margin-left: auto;
}
.stats-list-item i.waiting-icon.material-icons {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.26);
  text-align: right;
  margin-left: auto;
}
.video-user-info {
  display: flex;
  margin-bottom: 16px;
}
.video-user-info:last-of-type {
  margin-bottom: 0;
}
.video-user-info:last-of-type .info-area {
  border-bottom: none;
  padding-bottom: 0;
}
.video-user-info .profile-img-wrapper {
  margin-right: 16px;
  display: flex;
  height: 64px;
  width: 64px;
  min-width: 64px;
}
.video-user-info .profile-img-wrapper img.avatar {
  height: 64px;
  width: 64px;
  border: none !important;
  border-radius: 0;
}
.video-user-info .info-area {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 16px;
  width: 100%;
}
.video-user-info .info-area .name-area {
  display: flex;
  align-items: center;
}
.video-user-info .info-area .name-area .name {
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  display: inline;
  margin: 0 4px 0 0;
}
.video-user-info .info-area .title {
  margin: 4px 0;
  font-size: 12px;
  color: #222222;
}
.video-user-info .info-area .accessible-show-more {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #737373;
}
.video-user-info.viewer {
  margin-bottom: 0;
}
.video-user-info.viewer .info-area {
  overflow: hidden;
  border-bottom: none;
  padding-bottom: 0;
}
.video-user-info.viewer .info-area .name-area .name {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.video-user-info.viewer .info-area .title {
  margin: 0;
  color: #737373;
}
.viewers-wrapper {
  display: grid;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(auto-fill, calc(50% - 16px));
}
body.ie7 .viewers-wrapper,
body.ie8 .viewers-wrapper,
body.ie9 .viewers-wrapper,
body.ie10 .viewers-wrapper,
body.ie11 .viewers-wrapper {
  display: block;
  margin: -8px;
}
body.ie7 .viewers-wrapper .video-user-info,
body.ie8 .viewers-wrapper .video-user-info,
body.ie9 .viewers-wrapper .video-user-info,
body.ie10 .viewers-wrapper .video-user-info,
body.ie11 .viewers-wrapper .video-user-info {
  display: inline-block;
  margin: 16px;
}
.broadcast-schedule-widget {
  margin-bottom: 16px;
}
.broadcast-schedule-widget:last-of-type {
  margin-bottom: 0;
}
.broadcast-schedule-widget > div {
  display: flex;
  align-items: center;
  color: #737373;
}
.broadcast-schedule-widget > div i.material-icons {
  margin-right: 4px;
}
.broadcast-schedule-widget > div span {
  font-size: 12px;
}
.event-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-countdown > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 8px;
}
.event-countdown > div:last-of-type {
  margin-right: 0;
}
.event-countdown > div > .number {
  font-size: 16px;
  color: #ffffff;
  background: #400089;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
}
.event-countdown > div > .text {
  font-size: 10px;
  margin: 2px 0 0;
}
.event-info.pre-event-placeholder {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 32px;
  margin-top: -80px;
  text-align: center;
}
@media (max-width: 991px) {
  .event-info.pre-event-placeholder {
    padding: 24px;
    margin-top: -24px;
  }
}
.event-info.pre-event-placeholder > * {
  max-width: 800px;
}
.event-info.pre-event-placeholder .event-logo {
  margin-bottom: 32px;
  width: 150px;
  height: 150px;
}
@media (max-width: 991px) {
  .event-info.pre-event-placeholder .event-logo {
    margin-bottom: 24px;
    width: 100px;
    height: 100px;
  }
}
.event-info.pre-event-placeholder .event-logo.rectangle {
  height: 80px;
  width: auto;
}
@media (max-width: 991px) {
  .event-info.pre-event-placeholder .event-logo.rectangle {
    width: auto;
    height: 60px;
  }
}
.event-info.pre-event-placeholder .event-title {
  margin-bottom: 24px;
  font-size: 32px;
}
@media (max-width: 991px) {
  .event-info.pre-event-placeholder .event-title {
    font-size: 28px;
  }
}
.event-info.pre-event-placeholder .event-date-time {
  margin-bottom: 16px;
  font-size: 20px;
}
.event-info.pre-event-placeholder .event-date-time .title {
  margin-right: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #737373;
}
.event-info.pre-event-placeholder .event-countdown {
  margin-top: 16px;
}
.event-info.pre-event-placeholder .event-countdown > div {
  flex-direction: column;
  margin: auto 12px;
}
.event-info.pre-event-placeholder .event-countdown > div > .number {
  font-size: 28px;
  width: auto;
  height: auto;
  padding: 16px;
  margin-bottom: 16px;
  font-weight: 400;
  border-radius: 16px;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.event-info.pre-event-placeholder .event-countdown > div > .text {
  font-size: 14px;
  margin: 0;
}
.page.chat-history {
  background-color: #ffffff;
}
.page.chat-history .content {
  max-width: 1280px;
  margin-right: -1px;
  border-right: 1px solid #d8d8d8;
}
@media (max-width: 991px) {
  .page.chat-history .content {
    max-width: none;
  }
}
.page.chat-history .content .center-col {
  flex: 1 1 45%;
}
.page.chat-history .content .center-col > .pill {
  line-height: 20px;
  margin-bottom: 12px;
}
.page.chat-history .content .center-col table {
  width: 100%;
}
.page.chat-history .content .center-col table tbody > tr {
  position: relative;
}
.page.chat-history .content .center-col table tbody > tr:hover {
  background-color: #ffffff !important;
  cursor: pointer;
}
.page.chat-history .content .center-col table tbody > tr.active {
  background-color: #d8d8d8 !important;
  color: #ffffff;
}
.page.chat-history .content .center-col table tbody > tr td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.page.chat-history .content .center-col table tbody > tr td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.page.chat-history .content .center-col table .img-placeholder {
  padding: 4px;
  text-align: center;
}
.page.chat-history .content .center-col table .img-placeholder .profile-img-inner {
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  position: relative;
}
.page.chat-history .content .center-col table .img-placeholder .profile-img-inner img.avatar {
  width: 48px;
  height: 48px;
}
@media (max-width: 991px) {
  .page.chat-history .content .center-col table .img-placeholder .profile-img-inner img.avatar {
    width: 40px;
    height: 40px;
  }
}
.page.chat-history .content .center-col table .img-placeholder .profile-img-inner.scheduled-chat i {
  background: #24a148;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.chat-history .content .center-col table .final-thoughts .unread-message:before {
  content: "\f111";
  font-family: FontAwesome;
  color: #24a148;
  margin-right: 5px;
}
.page.chat-history .content .right-col {
  flex: 1 1 55%;
  max-width: 640px;
  min-width: 400px;
  padding: 0;
  height: 100%;
  overflow-y: auto;
  border-right: 1px solid #d8d8d8;
}
@media (max-width: 991px) {
  .page.chat-history .content .right-col {
    max-width: none;
    min-width: unset;
  }
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  margin: 0;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li {
  float: none;
  flex: 1;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  border-bottom: 2px solid transparent;
  max-width: none;
  margin: 0;
  padding: 16px 8px 4px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:hover {
  background-color: rgba(0, 38, 255, 0.05) !important;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:focus {
  background-color: rgba(0, 38, 255, 0.1) !important;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li.active {
  border-color: #0026ff;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li.active > a {
  border-color: #0026ff;
  color: #737373;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  margin: 0;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li {
  float: none;
  flex: 1;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  border-bottom: 2px solid transparent;
  max-width: none;
  margin: 0;
  padding: 16px 8px 4px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:hover {
  background-color: rgba(0, 38, 255, 0.05) !important;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:focus {
  background-color: rgba(0, 38, 255, 0.1) !important;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li.active {
  border-color: #0026ff;
}
.page.chat-history .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li.active > a {
  border-color: #0026ff;
  color: #737373;
}
.page.chat-history .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs {
  overflow-x: auto;
}
.page.chat-history .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs > li {
  margin-bottom: 0;
  min-width: 104px;
}
.page.chat-history .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs > li:first-child {
  margin-left: 0;
}
.page.chat-history .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs > li a {
  padding: 0 24px;
  height: 49px;
}
.page.chat-history .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs > li:active {
  border-color: 1px solid #0026ff;
}
.page.chat-history .content .right-col .tabbable.tab-link-area .tab-pane {
  padding: 24px;
}
@media (max-width: 991px) {
  .page.chat-history .content .right-col .tabbable.tab-link-area .tab-pane .chat-partner-card {
    flex-wrap: wrap;
  }
}
.page.chat-history .content .right-col .tabbable.tab-link-area .tab-pane .chat-partner-card .followup-widget {
  align-self: flex-start;
  margin-left: auto;
}
@media (max-width: 991px) {
  .page.chat-history .content .right-col .tabbable.tab-link-area .tab-pane .chat-partner-card .followup-widget {
    margin: 16px 0 0;
    flex: 0 0 100%;
  }
  .page.chat-history .content .right-col .tabbable.tab-link-area .tab-pane .chat-partner-card .followup-widget .dropdown-menu {
    right: auto;
    left: 0;
  }
}
.view-full-size-resume-modal .modal-dialog .modal-content .modal-body {
  max-height: 75vh;
  max-height: calc(var(--vh, 1vh) * 75);
}
.view-full-size-resume-modal .modal-dialog .modal-content .modal-body .resume-frame {
  width: 100%;
  height: 550px;
  height: 74vh;
  height: calc(var(--vh, 1vh) * 74);
}
@media (max-width: 991px) {
  .view-full-size-resume-modal .modal-dialog {
    width: 100%;
    margin: 0;
  }
  .view-full-size-resume-modal .modal-dialog .modal-content {
    max-width: 95%;
    width: 95%;
  }
  .view-full-size-resume-modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 18px;
  }
  .view-full-size-resume-modal .modal-dialog .modal-content .modal-body {
    padding: 8px;
    max-height: 75vh;
    max-height: calc(var(--vh, 1vh) * 75);
  }
  .view-full-size-resume-modal .modal-dialog .modal-content .modal-body .resume-frame {
    width: 100%;
    height: 400px;
    height: 74vh;
    height: calc(var(--vh, 1vh) * 74);
  }
}
@media (max-width: 1240px) {
  .download-resume-button-div .download-resume-button > span,
  .download-resume-button-div .open-resume-button > span {
    display: none;
  }
}
.resume-frame {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 70vh;
  height: calc(var(--vh, 1vh) * 70);
}
.resume-frame .bp-container {
  min-width: auto;
}
.bp-container.off-screen {
  position: absolute;
  top: -10000px;
  left: -10000px;
  height: 1px;
  width: 1px;
}
.control-dialog-widget {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 100;
  min-width: 240px;
  position: absolute;
  right: 16px;
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.control-dialog-widget.top {
  bottom: -8px;
}
.control-dialog-widget.bottom {
  top: -8px;
}
.control-dialog-widget.left {
  right: -8px;
}
.control-dialog-widget.right {
  left: -8px;
}
@media (max-width: 991px) {
  .control-dialog-widget {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 240px;
    margin: -120px 0 0 -120px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .control-dialog-widget:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .control-dialog-widget:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
  }
}
.control-dialog-widget .body {
  border-radius: 16px 16px 0 0;
}
@media (max-width: 991px) {
  .control-dialog-widget .body {
    background: #ffffff;
  }
}
.control-dialog-widget .body p {
  margin: 0;
}
.control-dialog-widget .body p:nth-of-type(2) {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.38);
  margin-top: 16px;
}
.control-dialog-widget .body p i {
  vertical-align: middle;
}
.control-dialog-widget .footer {
  order: 1;
}
@media (max-width: 991px) {
  .control-dialog-widget .footer {
    margin-top: 0;
  }
}
.modal.job-details .modal-body .title-wrapper p {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.modal.job-details .modal-body .title-wrapper p i {
  margin-right: 8px;
}
.modal.job-details .modal-body .title-wrapper p:last-of-type {
  margin-bottom: 24px;
}
.booth-screen .chat-screen {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.booth-screen .chat-screen .chat-panel {
  padding: 16px 16px 0;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.booth-screen .chat-screen .chat-panel .last {
  order: 99;
  height: 53px;
  background: transparent;
  width: 100%;
}
.booth-screen .chat-screen .chat-panel .chat-message-section {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
  min-height: 40px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.typing {
  order: 1;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me {
  flex-direction: row-reverse;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me .profile-img {
  display: none;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me .message-area {
  max-width: calc(100% - 40px);
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me .message-area .chat-name {
  text-align: right;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me .message-area .chat-messages {
  align-items: flex-end;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me .message-area .chat-messages .chat-message-single {
  border-radius: 16px 0 0 16px;
  background: #0026ff;
  color: #ffffff;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me .message-area .chat-messages .chat-message-single:first-of-type {
  border-top-right-radius: 16px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me .message-area .chat-messages .chat-message-single:last-of-type {
  border-bottom-right-radius: 16px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me .message-area .chat-messages .chat-message-single.emoji-only {
  background: transparent !important;
}
.booth-screen .chat-screen .chat-panel .chat-message-section.chat-me .message-area .chat-messages .chat-message-single .chatMessage a {
  color: #ffffff;
  text-decoration: underline;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .profile-img {
  margin-right: 8px;
  margin-top: 8px;
  flex: 0 0 auto;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .profile-img img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
  position: relative;
  background: #ffffff;
  color: black;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area {
  max-width: calc(100% - 56px);
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-name {
  margin: 0;
  font-size: 10px;
  color: #777777;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-name .chat-time-inline {
  font-size: 0.8em;
  margin-left: 4px;
  color: #aaaaaa;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single {
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInBottomSmall;
  animation-name: fadeInBottomSmall;
  max-width: 100%;
  background-color: #f2f2f2;
  padding: 4px 10px;
  margin-bottom: 2px;
  border-radius: 0 16px 16px 0;
  -webkit-transition: border-radius 0.3s ease-out;
  -ms-transition: border-radius 0.3s ease-out;
  -o-transition: border-radius 0.3s ease-out;
  transition: border-radius 0.3s ease-out;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single:first-of-type {
  border-top-left-radius: 16px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single:last-of-type {
  margin-bottom: 0;
  border-bottom-left-radius: 16px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single p.chatMessage div.emoji-only span img:only-of-type {
  background-color: transparent;
  width: 32px;
  height: 32px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single p.chatMessage {
  margin: 0;
  line-height: 18px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single > .confirm-message {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single > .confirm-message i.material-icons {
  margin-right: 4px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single > .confirm-message i.material-icons.success {
  color: #24a148;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single > .confirm-message i.material-icons.failed {
  color: #da1e28;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single > .confirm-message span:first-of-type {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.38);
  margin-right: 4px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .message-actions-wrapper {
  display: none;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single.button-message .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-bottom: 4px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single.button-message .actions .btn {
  margin-bottom: 4px;
  padding: 0 12px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single.option-message {
  padding-bottom: 0;
  background-color: #f2f2f2;
  max-width: 100%;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single.option-message .chat-message-options {
  display: flex;
  flex-direction: column;
  margin: 4px -10px 0;
  background: white;
  border: 1px solid #eeeeee;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single.option-message .chat-message-options .btn.btn-outlined {
  margin: 0;
  border-radius: 0;
  text-transform: none;
  border: none;
  white-space: normal;
  line-height: 20px;
  padding: 8px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single.option-message .chat-message-options .btn.btn-outlined + .btn.btn-outlined {
  border-radius: 0 0 2px 2px;
  border-top: 1px solid #eeeeee;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single.option-message .chat-message-options .btn.btn-outlined i.material-icons {
  font-size: 20px !important;
  vertical-align: bottom;
  margin-right: 8px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single.faq-answer-wrapper {
  margin-bottom: 8px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single.faq-answer-wrapper iframe {
  width: 100% !important;
  height: auto !important;
  margin-top: 8px;
  border-radius: 16px;
  background: url('https://res.cloudinary.com/brazen/image/upload/v1570214387/play_button.png') no-repeat center center;
  background-size: 56px;
  border: none !important;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #ffffff;
  margin-top: 8px;
  padding: 4px 0;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area > span {
  margin-right: 8px;
  font-size: 12px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area .helpful-actions-wrapper {
  display: flex;
  align-items: center;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area .helpful-actions-wrapper > div {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area .helpful-actions-wrapper > div:first-of-type {
  margin-right: 4px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area .helpful-actions-wrapper > div i.material-icons {
  font-size: 18px !important;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #737373;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area .helpful-actions-wrapper > div:hover i,
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area .helpful-actions-wrapper > div:focus i,
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area .helpful-actions-wrapper > div:active i {
  background-color: #737373;
  color: #ffffff;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area .helpful-actions-wrapper > div.selected {
  pointer-events: none;
  margin-right: 0;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .helpful-area .helpful-actions-wrapper > div.selected i {
  color: #0026ff;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-input-widget {
  padding: 0 0 2px 0;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-input-widget .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-input-widget .actions .btn {
  margin-bottom: 4px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-input-widget .chat-widget-apply-now {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-input-widget .chat-widget-apply-now .job-title {
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.3;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-input-widget .chat-widget-apply-now > div {
  display: flex;
  align-items: center;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-input-widget .chat-widget-apply-now > div > i {
  color: #0026ff;
  margin-right: 8px;
  top: 0;
}
.booth-screen .chat-screen .chat-panel .chat-message-section .message-area .chat-messages .chat-message-input-widget .chat-widget-apply-now > div > span {
  font-size: 12px;
  color: #737373;
}
.booth-screen .chat-screen .chat-panel .chat-widget-system-message {
  color: #222222;
  margin: 24px 0;
  text-align: center;
  width: 100%;
  font-style: italic;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper {
  position: relative;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInBottomSmall;
  animation-name: fadeInBottomSmall;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper .nav-wrapper {
  position: absolute;
  top: 120px;
  left: 0;
  width: calc(100% + 32px);
  margin: 0 0 0 -16px;
  padding: 0;
  z-index: 1;
  pointer-events: none;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper .nav-wrapper a {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  background: #737373;
  border-radius: 50% 0 0 50%;
  color: #ffffff;
  height: 40px;
  width: 32px;
  pointer-events: all;
  text-decoration: none !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper .nav-wrapper a i {
  font-size: 32px !important;
  margin-left: 4px;
  top: 0;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper .nav-wrapper a:first-of-type {
  border-radius: 0 50% 50% 0;
  left: 0;
  right: auto;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper .nav-wrapper a:first-of-type i {
  margin-left: -4px;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper > .inner {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  margin: -8px -16px 0;
  padding: 8px 16px 0;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper > .inner:after {
  width: 16px;
  height: 16px;
  display: block;
  content: "";
  flex: 0 0 16px;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper > .inner > .chat-action-card {
  margin: 0 8px 32px;
  scroll-snap-align: center;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper > .inner .chat-action-card.featured {
  order: -1;
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper > .inner > .done {
  color: #ffffff;
  background: #0026ff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  flex: 0 0 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  scroll-snap-align: center;
  margin: 56px 24px;
  cursor: pointer;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.booth-screen .chat-screen .chat-panel .chat-action-card-wrapper > .inner > .done > span {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 8px;
  width: 48px;
}
.booth-screen .chat-screen .chat-panel .chat-action-card {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -ms-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 0;
  border-radius: 16px;
  width: 232px;
  flex: 0 0 232px;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 96px;
  width: 100%;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  word-break: break-word;
  background: no-repeat center center;
  background-size: cover !important;
  color: #ffffff;
  background: #0026ff;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .header p {
  margin: 0;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .header p.title {
  font-size: 18px;
  padding: 8px;
  text-align: center;
  max-height: 96px;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .header .ribbon {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .header .ribbon span {
  display: block;
  font-size: 12px;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  padding: 3px 0;
  left: -37px;
  top: 12px;
  width: 120px;
  color: #ffffff;
  background: #0026ff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .header .ribbon {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .header .ribbon span {
  display: block;
  font-size: 12px;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  padding: 3px 0;
  left: -37px;
  top: 12px;
  width: 120px;
  color: #ffffff;
  background: #0026ff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .header.no-image .ribbon span {
  background: #ffffff;
  color: #0026ff;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body {
  padding: 8px;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .top {
  overflow: hidden;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .top .title {
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: 600;
  padding-right: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .top .description-wrapper {
  height: 34px;
  position: relative;
  -webkit-transition: height 0.3s ease-out;
  -ms-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .top .description-wrapper i.material-icons {
  position: absolute;
  top: -22px;
  right: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  font-size: 16px !important;
  cursor: pointer;
  -webkit-transition: background 0.3s ease-out;
  -ms-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .top .description-wrapper i.material-icons:hover {
  background: #f2f2f2;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .top .description-wrapper p {
  font-size: 12px;
  margin: 0;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .bottom {
  margin-top: 8px;
  border-top: 1px solid #f2f2f2;
  padding-top: 8px;
  position: relative;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .bottom > p {
  color: #737373;
  font-size: 12px;
  margin-bottom: 4px;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .bottom > i.material-icons {
  position: absolute;
  top: 8px;
  right: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  font-size: 16px !important;
  cursor: pointer;
  -webkit-transition: background 0.3s ease-out;
  -ms-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .bottom > i.material-icons:hover {
  background: #f2f2f2;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .bottom .time-area-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-height: 64px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .bottom .time-area-wrapper.expanded {
  max-height: 1000px;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .bottom .time-area-wrapper .pill {
  background-color: #f2f2f2;
  margin: 4px 0;
  flex: 0 0 104px;
  font-size: 11px;
  line-height: 16px;
  padding: 4px;
  border-radius: 16px;
  text-align: center;
  color: #737373;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .body > .bottom .time-area-wrapper .pill.selected {
  color: #ffffff;
  background: #0026ff;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .footer {
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}
.booth-screen .chat-screen .chat-panel .chat-action-card > .footer .btn.btn-link {
  color: #0026ff;
  font-weight: 500;
}
.booth-screen .chat-screen .chat-panel .chat-message-rep-info {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: fadeInBottomSmall;
  animation-name: fadeInBottomSmall;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  width: 100%;
  margin: 8px auto 32px;
  background-color: #f2f2f2;
  transition: box-shadow 0.3s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 0;
  border-radius: 16px;
  max-width: 256px;
}
.booth-screen .chat-screen .chat-panel .chat-message-rep-info img {
  height: 80px;
  width: 80px;
  flex: 0 0 80px;
}
.booth-screen .chat-screen .chat-panel .chat-message-rep-info > div {
  padding: 8px 16px;
  word-break: break-word;
}
.booth-screen .chat-screen .chat-panel .chat-message-rep-info > div p {
  margin: 0;
  line-height: 16px;
}
.booth-screen .chat-screen .chat-panel .chat-message-rep-info > div p:first-of-type {
  font-weight: 500;
  font-size: 16px;
  color: #222222;
}
.booth-screen .chat-screen .chat-panel .chat-message-rep-info > div p:last-of-type {
  color: #737373;
  font-size: 12px;
  margin-top: 4px;
  max-height: 56px;
  overflow: hidden;
}
.booth-screen .chat-screen .chat-panel .sms-transition-widget {
  flex-direction: row;
  background-color: #f2f2f2;
}
.booth-screen .chat-screen .chat-panel .sms-transition-widget .image-wrapper {
  background-size: 85%;
  flex: 0 0 104px;
}
.booth-screen .chat-screen .chat-panel .sms-transition-widget.mobile-view {
  flex-direction: column;
}
.booth-screen .chat-screen .chat-panel .sms-transition-widget.mobile-view .image-wrapper {
  background-size: auto 90%;
  flex: 0 0 88px;
}
.booth-screen .chat-screen .chat-send-message {
  margin-top: auto;
  padding: 0 8px 8px;
  bottom: 0;
  width: 100%;
  background: #ffffff;
}
.booth-screen .typing-indicator {
  background-color: #f2f2f2;
  will-change: transform;
  width: auto;
  border-radius: 16px;
  padding: 12px;
  display: table;
  position: relative;
  -webkit-animation: 2s bulge infinite ease-out;
  animation: 2s bulge infinite ease-out;
  margin: 8px auto 0;
}
.booth-screen .typing-indicator span {
  height: 8px;
  width: 8px;
  float: left;
  margin: 0 1px;
  background-color: #9E9EA1;
  display: block;
  border-radius: 50%;
  opacity: 0.4;
}
.booth-screen .typing-indicator span:nth-of-type(1) {
  -webkit-animation: 1s typing infinite 0.3333s;
  animation: 1s typing infinite 0.3333s;
}
.booth-screen .typing-indicator span:nth-of-type(2) {
  -webkit-animation: 1s typing infinite 0.6666s;
  animation: 1s typing infinite 0.6666s;
}
.booth-screen .typing-indicator span:nth-of-type(3) {
  -webkit-animation: 1s typing infinite 0.9999s;
  animation: 1s typing infinite 0.9999s;
}
@-webkit-keyframes typing {
  50% {
    opacity: 1;
  }
}
@keyframes typing {
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes bulge {
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes bulge {
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.booth-screen .quick-chat-tab-link.unread-messages a > i.fa {
  position: relative;
}
.booth-screen .quick-chat-tab-link.unread-messages a > i.fa:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: red;
  position: absolute;
  border-radius: 50%;
  top: -3px;
  left: -3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.booth-screen #tabQuickChat {
  padding: 0;
}
.booth-screen .chat-widget-wrapper {
  height: 100%;
  padding: 16px;
}
.booth-screen .chat-widget-wrapper .chat-widget {
  height: 100%;
}
.booth-screen .chat-widget-wrapper .chat-widget > * {
  height: 100%;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-welcome-screen,
.booth-screen .chat-widget-wrapper .chat-widget .thank-you-screen {
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-welcome-screen img,
.booth-screen .chat-widget-wrapper .chat-widget .thank-you-screen img {
  width: 90%;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-welcome-screen {
  align-items: center;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-welcome-screen > * {
  flex: 0 0 auto;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-welcome-screen > h3,
.booth-screen .chat-widget-wrapper .chat-widget .chat-welcome-screen > h4 {
  line-height: 1.2;
  text-align: center;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-welcome-screen .btn {
  min-width: 50%;
  margin: 16px 0;
}
.booth-screen .chat-widget-wrapper .chat-widget .thank-you-screen .details {
  font-size: 16px;
  color: #737373;
  display: flex;
  align-items: center;
}
.booth-screen .chat-widget-wrapper .chat-widget .thank-you-screen .details i {
  font-size: 20px;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.38);
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-screen .chat-panel {
  padding: 0;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-screen .chat-panel .chat-message-section .profile-img {
  margin-top: 4px;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-screen .chat-panel .chat-message-section .profile-img img {
  width: 40px;
  height: 40px;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-screen .chat-panel .chat-message-section .message-area {
  margin-left: 0;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-screen .chat-panel .chat-message-section .message-area .chat-name {
  font-size: 14px;
  margin-bottom: 4px;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-screen .chat-input-area {
  margin-top: auto;
}
.booth-screen .chat-widget-wrapper .chat-widget .chat-screen .chat-input-area .chat-send-message {
  padding: 0;
}
.offline-alert {
  text-align: center;
  z-index: 9999;
  width: 288px;
  position: fixed;
  top: 12px;
  left: calc(-94%);
}
.offline-mode .offline-banner {
  height: 40px;
  width: 100%;
  background-color: #d8d8d8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 600;
}
.offline-mode .offline-banner > * {
  margin-left: 16px;
}
.offline-mode .offline-banner > *:first-child {
  margin-left: 0;
}
.offline-mode .app .side-nav-wrapper {
  height: calc(var(--vh, 1vh) * 100 - 40px);
}
@media (max-width: 991px) {
  .offline-mode .app .side-nav-wrapper {
    top: 40px;
  }
}
.offline-mode .app .page {
  height: calc(var(--vh, 1vh) * 100 - 40px);
}
.uppy-Root {
  font-family: inherit;
  z-index: 1100 !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner {
  border: none;
  background-color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .uppy-Root .uppy-Dashboard .uppy-Dashboard-inner {
    height: 85vh;
  }
}
@media (max-width: 767px) {
  .uppy-Root .uppy-Dashboard .uppy-Dashboard-inner {
    height: 85%;
  }
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardTab {
  border-bottom: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-panel {
  background-color: #ffffff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar {
  background-color: #ffffff;
  border-bottom: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back {
  display: inline-block;
  padding: 0 16px;
  border-radius: 2px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  letter-spacing: .5px;
  border: none;
  text-transform: uppercase;
  line-height: 36px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  /*&.btn-vzaar {
    #button(@color-brand-vzaar);
  }*/
  border-radius: 50px;
  color: #0026ff;
  background-color: transparent;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back + .btn {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back + .btn-group {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default {
  color: #333333;
  background-color: #ffffff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(51, 51, 51, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-default.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary {
  color: #ffffff;
  background-color: #0026ff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary:focus {
  background-color: rgba(0, 38, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary:active {
  background-color: rgba(0, 38, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary[disabled] {
  background-color: rgba(0, 38, 255, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-primary.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success {
  color: #222222;
  background-color: #24a148;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success:focus {
  background-color: rgba(36, 161, 72, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success:active {
  background-color: rgba(36, 161, 72, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success[disabled] {
  background-color: rgba(36, 161, 72, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-success.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info {
  color: #222222;
  background-color: #00cbff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info:focus {
  background-color: rgba(0, 203, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info:active {
  background-color: rgba(0, 203, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info[disabled] {
  background-color: rgba(0, 203, 255, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-info.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning {
  color: #222222;
  background-color: #ffcc36;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning:focus {
  background-color: rgba(255, 204, 54, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning:active {
  background-color: rgba(255, 204, 54, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning[disabled] {
  background-color: rgba(255, 204, 54, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-warning.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger {
  color: #ffffff;
  background-color: #da1e28;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger:focus {
  background-color: rgba(218, 30, 40, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger:active {
  background-color: rgba(218, 30, 40, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger[disabled] {
  background-color: rgba(218, 30, 40, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-danger.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link {
  color: #0026ff;
  background-color: transparent;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link[disabled] {
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: not-allowed;
  pointer-events: auto;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link:focus {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.1);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link:active {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.2);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-outlined {
  color: #0026ff;
  border: 1px solid #0026ff;
  background-color: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-outlined:hover {
  background-color: rgba(0, 38, 255, 0.1);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-outlined:focus {
  background-color: rgba(0, 38, 255, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-outlined:active {
  background-color: rgba(0, 38, 255, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-round,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link.btn-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  line-height: 24px;
  border-radius: 50%;
  outline: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-round i,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link.btn-round i {
  color: #737373;
  font-size: 24px !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-round.active,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link.btn-round.active,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-round:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link.btn-round:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-round:focus,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link.btn-round:focus {
  background-color: rgba(119, 119, 119, 0.4);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-round.active i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link.btn-round.active i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-round:hover i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link.btn-round:hover i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-round:focus i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-link.btn-round:focus i:before {
  color: #0026ff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-material {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-material .material-icons {
  line-height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-material .material-icons + span {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-material > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-material > div .spinner-wrapper {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-material.icon-flip > i.material-icons {
  transform: rotate(180deg);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-xs {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  padding: 0 12px;
  line-height: 24px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-xs.btn-material > i {
  font-size: 18px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-xs.btn-material > div .spinner-wrapper {
  height: 24px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-sm {
  font-size: 12px;
  line-height: 32px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-sm.btn-material > div .spinner-wrapper {
  height: 32px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.button-with-list {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-lg {
  line-height: 40px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-lg.btn-material > div .spinner-wrapper {
  height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb5 !important;
  letter-spacing: 1px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin:focus {
  background-color: rgba(0, 123, 181, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin:active {
  background-color: rgba(0, 123, 181, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin[disabled] {
  background-color: rgba(0, 123, 181, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin[disabled].has-tooltip {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin.btn-flat {
  box-shadow: none !important !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin.not-clickable {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin > i {
  margin-right: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important;
  letter-spacing: 1px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook:focus {
  background-color: rgba(59, 89, 152, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook:active {
  background-color: rgba(59, 89, 152, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook[disabled] {
  background-color: rgba(59, 89, 152, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook[disabled].has-tooltip {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook.btn-flat {
  box-shadow: none !important !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook.not-clickable {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook > i {
  margin-right: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google {
  color: #737373 !important;
  background-color: #ffffff !important;
  letter-spacing: 1px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google:focus {
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google:active {
  background-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(115, 115, 115, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google[disabled].has-tooltip {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google.btn-flat {
  box-shadow: none !important !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google.not-clickable {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google > i {
  margin-right: 4px;
  color: transparent;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google > i:before {
  width: 24px;
  height: 24px;
  background: url("https://res.cloudinary.com/brazen/image/upload/v1580323271/google_logo_square.png") no-repeat center;
  background-size: contain;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google:hover {
  background-color: #ffffff !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-linkedin,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-facebook,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-google {
  margin-bottom: 10px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube {
  color: #ffffff;
  background-color: #bb0000;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube:focus {
  background-color: rgba(187, 0, 0, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube:active {
  background-color: rgba(187, 0, 0, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube[disabled] {
  background-color: rgba(187, 0, 0, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo {
  color: #222222;
  background-color: #aad450;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo:focus {
  background-color: rgba(170, 212, 80, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo:active {
  background-color: rgba(170, 212, 80, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo[disabled] {
  background-color: rgba(170, 212, 80, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia {
  color: #ffffff;
  background-color: #0779ca;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia:focus {
  background-color: rgba(7, 121, 202, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia:active {
  background-color: rgba(7, 121, 202, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia[disabled] {
  background-color: rgba(7, 121, 202, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage {
  color: #333333;
  background-color: #ffffff;
  border-color: transparent;
  background-color: transparent;
  color: #777777;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 24px;
  width: 35px;
  height: 30px;
  padding: 0 !important;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(51, 51, 51, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage:before {
  content: "\B7\B7\B7";
  top: -2px;
  position: relative;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage:active,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage:focus {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
  color: #555555;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-simple-manage[disabled] {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #aaaaaa !important;
  cursor: not-allowed;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube {
  color: #ffffff;
  background-color: #bb0000;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube:focus {
  background-color: rgba(187, 0, 0, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube:active {
  background-color: rgba(187, 0, 0, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube[disabled] {
  background-color: rgba(187, 0, 0, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-youtube.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo {
  color: #222222;
  background-color: #aad450;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo:focus {
  background-color: rgba(170, 212, 80, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo:active {
  background-color: rgba(170, 212, 80, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo[disabled] {
  background-color: rgba(170, 212, 80, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-vimeo.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia {
  color: #ffffff;
  background-color: #0779ca;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia:focus {
  background-color: rgba(7, 121, 202, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia:active {
  background-color: rgba(7, 121, 202, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia[disabled] {
  background-color: rgba(7, 121, 202, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-wistia.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.no-icon i {
  display: none;
}
.bootstrap-select .uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.dropdown-toggle {
  padding: 0 24px 0 13px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.dropdown-toggle + .dropdown-menu {
  border-radius: 4px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.dropdown-toggle-split {
  border-left: 1px solid rgba(0, 0, 0, 0.26);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.dropdown-toggle-split.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.dropdown-toggle-split[disabled] {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg {
  color: #737373;
  background-color: #ffffff;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(115, 115, 115, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.btn-flat-no-bg.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:focus,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:focus-visible {
  outline: 2px solid #2a7bb1;
  outline: 2px solid -webkit-focus-ring-color;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back[disabled] {
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: not-allowed;
  pointer-events: auto;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:focus {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.1);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-back:active {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.2);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore {
  display: inline-block;
  padding: 0 16px;
  border-radius: 2px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  letter-spacing: .5px;
  border: none;
  text-transform: uppercase;
  line-height: 36px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  /*&.btn-vzaar {
    #button(@color-brand-vzaar);
  }*/
  border-radius: 50px;
  color: #0026ff;
  background-color: transparent;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore + .btn {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore + .btn-group {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default {
  color: #333333;
  background-color: #ffffff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(51, 51, 51, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-default.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary {
  color: #ffffff;
  background-color: #0026ff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary:focus {
  background-color: rgba(0, 38, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary:active {
  background-color: rgba(0, 38, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary[disabled] {
  background-color: rgba(0, 38, 255, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-primary.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success {
  color: #222222;
  background-color: #24a148;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success:focus {
  background-color: rgba(36, 161, 72, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success:active {
  background-color: rgba(36, 161, 72, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success[disabled] {
  background-color: rgba(36, 161, 72, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-success.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info {
  color: #222222;
  background-color: #00cbff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info:focus {
  background-color: rgba(0, 203, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info:active {
  background-color: rgba(0, 203, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info[disabled] {
  background-color: rgba(0, 203, 255, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-info.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning {
  color: #222222;
  background-color: #ffcc36;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning:focus {
  background-color: rgba(255, 204, 54, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning:active {
  background-color: rgba(255, 204, 54, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning[disabled] {
  background-color: rgba(255, 204, 54, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-warning.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger {
  color: #ffffff;
  background-color: #da1e28;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger:focus {
  background-color: rgba(218, 30, 40, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger:active {
  background-color: rgba(218, 30, 40, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger[disabled] {
  background-color: rgba(218, 30, 40, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-danger.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link {
  color: #0026ff;
  background-color: transparent;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link[disabled] {
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: not-allowed;
  pointer-events: auto;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link:focus {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.1);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link:active {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.2);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-outlined {
  color: #0026ff;
  border: 1px solid #0026ff;
  background-color: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-outlined:hover {
  background-color: rgba(0, 38, 255, 0.1);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-outlined:focus {
  background-color: rgba(0, 38, 255, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-outlined:active {
  background-color: rgba(0, 38, 255, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-round,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link.btn-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  line-height: 24px;
  border-radius: 50%;
  outline: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-round i,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link.btn-round i {
  color: #737373;
  font-size: 24px !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-round.active,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link.btn-round.active,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-round:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link.btn-round:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-round:focus,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link.btn-round:focus {
  background-color: rgba(119, 119, 119, 0.4);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-round.active i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link.btn-round.active i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-round:hover i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link.btn-round:hover i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-round:focus i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-link.btn-round:focus i:before {
  color: #0026ff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-material {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-material .material-icons {
  line-height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-material .material-icons + span {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-material > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-material > div .spinner-wrapper {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-material.icon-flip > i.material-icons {
  transform: rotate(180deg);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-xs {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  padding: 0 12px;
  line-height: 24px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-xs.btn-material > i {
  font-size: 18px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-xs.btn-material > div .spinner-wrapper {
  height: 24px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-sm {
  font-size: 12px;
  line-height: 32px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-sm.btn-material > div .spinner-wrapper {
  height: 32px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.button-with-list {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-lg {
  line-height: 40px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-lg.btn-material > div .spinner-wrapper {
  height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb5 !important;
  letter-spacing: 1px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin:focus {
  background-color: rgba(0, 123, 181, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin:active {
  background-color: rgba(0, 123, 181, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin[disabled] {
  background-color: rgba(0, 123, 181, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin[disabled].has-tooltip {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin.btn-flat {
  box-shadow: none !important !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin.not-clickable {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin > i {
  margin-right: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important;
  letter-spacing: 1px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook:focus {
  background-color: rgba(59, 89, 152, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook:active {
  background-color: rgba(59, 89, 152, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook[disabled] {
  background-color: rgba(59, 89, 152, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook[disabled].has-tooltip {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook.btn-flat {
  box-shadow: none !important !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook.not-clickable {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook > i {
  margin-right: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google {
  color: #737373 !important;
  background-color: #ffffff !important;
  letter-spacing: 1px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google:focus {
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google:active {
  background-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(115, 115, 115, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google[disabled].has-tooltip {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google.btn-flat {
  box-shadow: none !important !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google.not-clickable {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google > i {
  margin-right: 4px;
  color: transparent;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google > i:before {
  width: 24px;
  height: 24px;
  background: url("https://res.cloudinary.com/brazen/image/upload/v1580323271/google_logo_square.png") no-repeat center;
  background-size: contain;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google:hover {
  background-color: #ffffff !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-linkedin,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-facebook,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-google {
  margin-bottom: 10px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube {
  color: #ffffff;
  background-color: #bb0000;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube:focus {
  background-color: rgba(187, 0, 0, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube:active {
  background-color: rgba(187, 0, 0, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube[disabled] {
  background-color: rgba(187, 0, 0, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo {
  color: #222222;
  background-color: #aad450;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo:focus {
  background-color: rgba(170, 212, 80, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo:active {
  background-color: rgba(170, 212, 80, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo[disabled] {
  background-color: rgba(170, 212, 80, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia {
  color: #ffffff;
  background-color: #0779ca;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia:focus {
  background-color: rgba(7, 121, 202, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia:active {
  background-color: rgba(7, 121, 202, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia[disabled] {
  background-color: rgba(7, 121, 202, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage {
  color: #333333;
  background-color: #ffffff;
  border-color: transparent;
  background-color: transparent;
  color: #777777;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 24px;
  width: 35px;
  height: 30px;
  padding: 0 !important;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(51, 51, 51, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage:before {
  content: "\B7\B7\B7";
  top: -2px;
  position: relative;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage:active,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage:focus {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
  color: #555555;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-simple-manage[disabled] {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #aaaaaa !important;
  cursor: not-allowed;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube {
  color: #ffffff;
  background-color: #bb0000;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube:focus {
  background-color: rgba(187, 0, 0, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube:active {
  background-color: rgba(187, 0, 0, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube[disabled] {
  background-color: rgba(187, 0, 0, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-youtube.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo {
  color: #222222;
  background-color: #aad450;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo:focus {
  background-color: rgba(170, 212, 80, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo:active {
  background-color: rgba(170, 212, 80, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo[disabled] {
  background-color: rgba(170, 212, 80, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-vimeo.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia {
  color: #ffffff;
  background-color: #0779ca;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia:focus {
  background-color: rgba(7, 121, 202, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia:active {
  background-color: rgba(7, 121, 202, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia[disabled] {
  background-color: rgba(7, 121, 202, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-wistia.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.no-icon i {
  display: none;
}
.bootstrap-select .uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.dropdown-toggle {
  padding: 0 24px 0 13px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.dropdown-toggle + .dropdown-menu {
  border-radius: 4px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.dropdown-toggle-split {
  border-left: 1px solid rgba(0, 0, 0, 0.26);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.dropdown-toggle-split.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.dropdown-toggle-split[disabled] {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg {
  color: #737373;
  background-color: #ffffff;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(115, 115, 115, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.btn-flat-no-bg.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:focus,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:focus-visible {
  outline: 2px solid #2a7bb1;
  outline: 2px solid -webkit-focus-ring-color;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore[disabled] {
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: not-allowed;
  pointer-events: auto;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:focus {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.1);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore:active {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.2);
}
@media (max-width: 767px) {
  .uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore {
    font-size: 12px;
    width: auto;
    margin-top: -7px;
    margin-right: -8px;
  }
  .uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore .uppy-c-icon {
    transform: scale(0.65);
    vertical-align: text-top;
  }
  .uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-DashboardContent-bar .uppy-DashboardContent-addMore .uppy-DashboardContent-addMoreCaption {
    display: inline-block;
  }
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actions {
  background-color: transparent;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload {
  display: inline-block;
  padding: 0 16px;
  border-radius: 2px;
  text-decoration: none;
  text-align: center;
  letter-spacing: .5px;
  border: none;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  /*&.btn-vzaar {
    #button(@color-brand-vzaar);
  }*/
  border-radius: 50px;
  color: #ffffff;
  background-color: #0026ff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ffffff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload + .btn {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload + .btn-group {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default {
  color: #333333;
  background-color: #ffffff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(51, 51, 51, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-default.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary {
  color: #ffffff;
  background-color: #0026ff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary:focus {
  background-color: rgba(0, 38, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary:active {
  background-color: rgba(0, 38, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary[disabled] {
  background-color: rgba(0, 38, 255, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-primary.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success {
  color: #222222;
  background-color: #24a148;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success:focus {
  background-color: rgba(36, 161, 72, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success:active {
  background-color: rgba(36, 161, 72, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success[disabled] {
  background-color: rgba(36, 161, 72, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-success.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info {
  color: #222222;
  background-color: #00cbff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info:focus {
  background-color: rgba(0, 203, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info:active {
  background-color: rgba(0, 203, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info[disabled] {
  background-color: rgba(0, 203, 255, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-info.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning {
  color: #222222;
  background-color: #ffcc36;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning:focus {
  background-color: rgba(255, 204, 54, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning:active {
  background-color: rgba(255, 204, 54, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning[disabled] {
  background-color: rgba(255, 204, 54, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-warning.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger {
  color: #ffffff;
  background-color: #da1e28;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger:focus {
  background-color: rgba(218, 30, 40, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger:active {
  background-color: rgba(218, 30, 40, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger[disabled] {
  background-color: rgba(218, 30, 40, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-danger.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link {
  color: #0026ff;
  background-color: transparent;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link[disabled] {
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: not-allowed;
  pointer-events: auto;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link:focus {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.1);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link:active {
  color: #001ecc;
  background-color: rgba(0, 38, 255, 0.2);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-outlined {
  color: #0026ff;
  border: 1px solid #0026ff;
  background-color: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-outlined:hover {
  background-color: rgba(0, 38, 255, 0.1);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-outlined:focus {
  background-color: rgba(0, 38, 255, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-outlined:active {
  background-color: rgba(0, 38, 255, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-round,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link.btn-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  line-height: 24px;
  border-radius: 50%;
  outline: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-round i,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link.btn-round i {
  color: #737373;
  font-size: 24px !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-round.active,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link.btn-round.active,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-round:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link.btn-round:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-round:focus,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link.btn-round:focus {
  background-color: rgba(119, 119, 119, 0.4);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-round.active i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link.btn-round.active i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-round:hover i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link.btn-round:hover i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-round:focus i:before,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-link.btn-round:focus i:before {
  color: #0026ff;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-material {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-material .material-icons {
  line-height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-material .material-icons + span {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-material > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-material > div .spinner-wrapper {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-material.icon-flip > i.material-icons {
  transform: rotate(180deg);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-xs {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  padding: 0 12px;
  line-height: 24px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-xs.btn-material > i {
  font-size: 18px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-xs.btn-material > div .spinner-wrapper {
  height: 24px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-sm {
  font-size: 12px;
  line-height: 32px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-sm.btn-material > div .spinner-wrapper {
  height: 32px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.button-with-list {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-lg {
  line-height: 40px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-lg.btn-material > div .spinner-wrapper {
  height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb5 !important;
  letter-spacing: 1px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin:focus {
  background-color: rgba(0, 123, 181, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin:active {
  background-color: rgba(0, 123, 181, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin[disabled] {
  background-color: rgba(0, 123, 181, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin[disabled].has-tooltip {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin.btn-flat {
  box-shadow: none !important !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin.not-clickable {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin > i {
  margin-right: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important;
  letter-spacing: 1px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook:focus {
  background-color: rgba(59, 89, 152, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook:active {
  background-color: rgba(59, 89, 152, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook[disabled] {
  background-color: rgba(59, 89, 152, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook[disabled].has-tooltip {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook.btn-flat {
  box-shadow: none !important !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook.not-clickable {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook > i {
  margin-right: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google {
  color: #737373 !important;
  background-color: #ffffff !important;
  letter-spacing: 1px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google:focus {
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google:active {
  background-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(115, 115, 115, 0.7) !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google[disabled].has-tooltip {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google.btn-flat {
  box-shadow: none !important !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google.not-clickable {
  pointer-events: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google > i {
  margin-right: 4px;
  color: transparent;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google > i:before {
  width: 24px;
  height: 24px;
  background: url("https://res.cloudinary.com/brazen/image/upload/v1580323271/google_logo_square.png") no-repeat center;
  background-size: contain;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google:hover {
  background-color: #ffffff !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-linkedin,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-facebook,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-google {
  margin-bottom: 10px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube {
  color: #ffffff;
  background-color: #bb0000;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube:focus {
  background-color: rgba(187, 0, 0, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube:active {
  background-color: rgba(187, 0, 0, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube[disabled] {
  background-color: rgba(187, 0, 0, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo {
  color: #222222;
  background-color: #aad450;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo:focus {
  background-color: rgba(170, 212, 80, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo:active {
  background-color: rgba(170, 212, 80, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo[disabled] {
  background-color: rgba(170, 212, 80, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia {
  color: #ffffff;
  background-color: #0779ca;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia:focus {
  background-color: rgba(7, 121, 202, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia:active {
  background-color: rgba(7, 121, 202, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia[disabled] {
  background-color: rgba(7, 121, 202, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage {
  color: #333333;
  background-color: #ffffff;
  border-color: transparent;
  background-color: transparent;
  color: #777777;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 24px;
  width: 35px;
  height: 30px;
  padding: 0 !important;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(51, 51, 51, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage:before {
  content: "\B7\B7\B7";
  top: -2px;
  position: relative;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage:active,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage:focus {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
  color: #555555;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-simple-manage[disabled] {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #aaaaaa !important;
  cursor: not-allowed;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube {
  color: #ffffff;
  background-color: #bb0000;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube:focus {
  background-color: rgba(187, 0, 0, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube:active {
  background-color: rgba(187, 0, 0, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube[disabled] {
  background-color: rgba(187, 0, 0, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-youtube.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo {
  color: #222222;
  background-color: #aad450;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo:focus {
  background-color: rgba(170, 212, 80, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo:active {
  background-color: rgba(170, 212, 80, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo[disabled] {
  background-color: rgba(170, 212, 80, 0.7) !important;
  color: rgba(34, 34, 34, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-vimeo.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia {
  color: #ffffff;
  background-color: #0779ca;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia:focus {
  background-color: rgba(7, 121, 202, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia:active {
  background-color: rgba(7, 121, 202, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia[disabled] {
  background-color: rgba(7, 121, 202, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-wistia.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.no-icon i {
  display: none;
}
.bootstrap-select .uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.dropdown-toggle {
  padding: 0 24px 0 13px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.dropdown-toggle + .dropdown-menu {
  border-radius: 4px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.dropdown-toggle-split {
  border-left: 1px solid rgba(0, 0, 0, 0.26);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.dropdown-toggle-split.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.dropdown-toggle-split[disabled] {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg {
  color: #737373;
  background-color: #ffffff;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg:focus {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg:active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg[disabled] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: rgba(115, 115, 115, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat-no-bg.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:focus,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:focus-visible {
  outline: 2px solid #2a7bb1;
  outline: 2px solid -webkit-focus-ring-color;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:hover,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:focus {
  background-color: rgba(0, 38, 255, 0.8);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload:active {
  background-color: rgba(0, 38, 255, 0.7);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.disabled,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload[disabled] {
  background-color: rgba(0, 38, 255, 0.7) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed;
  pointer-events: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.disabled.has-tooltip,
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload[disabled].has-tooltip {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.btn-flat {
  box-shadow: none !important;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.not-clickable {
  pointer-events: none;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload .material-icons {
  line-height: 36px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload .material-icons + span {
  margin-left: 8px;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload > div .spinner-wrapper {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-StatusBar-actionBtn--upload.icon-flip > i.material-icons {
  transform: rotate(180deg);
}
.uppy-Root .uppy-Dashboard .uppy-Dashboard-inner .uppy-Dashboard-files:not([role=list]) .uppy-Dashboard-Item-action--remove {
  display: none;
}
.modal.scheduled-chat-notification .modal-dialog .modal-content {
  width: 480px;
  max-width: 90vw;
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-header {
  display: none;
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body {
  text-align: center;
  padding: 24px 24px 16px;
}
@media (max-width: 991px) {
  .modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body {
    padding: 16px;
  }
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body .title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body .title-area {
    justify-content: center;
  }
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body .title-area h4 {
  margin: 0;
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body .title-area .time-slot {
  display: flex;
  align-items: center;
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body .title-area .time-slot i.material-icons {
  font-size: 22px;
  margin-right: 4px;
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body .title-area .time-slot span {
  color: #222222;
  font-size: 16px;
  font-weight: 600;
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body h4 {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
  line-height: 1.3;
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body h5 {
  line-height: 1.3;
}
.modal.scheduled-chat-notification .modal-dialog .modal-content .modal-body .button-wrapper {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.schedule-follow-up-modal {
  color: #333333;
}
.schedule-follow-up-modal .modal-body {
  max-height: 600px;
}
.schedule-follow-up-modal .modal-body .schedule-followup-setting-tooltip + .tooltip .tooltip-inner {
  max-width: 380px;
  text-align: left;
  padding: 10px;
}
.schedule-follow-up-modal .modal-body .email-help-text {
  margin-top: 40px;
  margin-bottom: 16px;
}
.schedule-follow-up-modal .modal-body .vertical-align {
  display: flex;
  align-items: center;
}
.schedule-follow-up-modal .modal-body .bzTextArea textarea {
  border-width: 1px;
  display: block;
  height: 120px;
}
.schedule-follow-up-modal .modal-body .bzTextArea .bz-editor-error {
  display: none;
}
.schedule-follow-up-modal .modal-body .bzTextArea.errors textarea {
  border-color: #da1e28;
}
.schedule-follow-up-modal .modal-body .bzTextArea.errors .bz-editor-error {
  display: block;
  margin-top: 5px;
  color: #da1e28;
  width: 100%;
  font-size: 12px;
}
.schedule-follow-up-modal .modal-footer .modal-button-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.schedule-follow-up-modal .modal-footer .schedule-settings-button-container {
  width: unset;
}
@-webkit-keyframes backgroundFade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.status-action-widget {
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  padding: 8px 16px;
  margin-bottom: 16px;
}
.status-action-widget .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.status-action-widget .inner .status {
  display: flex;
}
.status-action-widget .inner .status .status-label {
  font-weight: 600;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .status-action-widget .inner .status .status-label {
    display: none;
  }
  .status-action-widget .inner .status .value {
    font-weight: 600;
  }
}
.status-action-widget > p {
  color: #737373;
}
.content-container {
  display: flex;
  width: 100%;
}
.back-button {
  margin-left: 8px;
  margin-top: 8px;
}
.hide {
  display: none;
}
.flex-box {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.page.attendee-lookup .searchable-list .search-area .basic-search-area .search-box-wrapper input {
  height: 48px;
  border-radius: 40px;
  padding: 0 48px 0 24px;
}
.page.attendee-lookup .searchable-list .search-area .basic-search-area .search-box-wrapper i {
  position: absolute;
  cursor: default;
  right: 18px;
  top: 24px;
  font-size: 20px;
}
.page.attendee-lookup .searchable-list .search-result-count-wrapper p {
  display: block;
  margin: 4px 0 0 12px;
}
.page.attendee-lookup .searchable-list .instructions {
  flex: 0 0 auto;
  display: flex;
  padding: 12px;
  margin: 16px 0 8px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.page.attendee-lookup .searchable-list .instructions > div {
  display: flex;
  align-items: center;
}
.page.attendee-lookup .searchable-list .instructions > div .btn {
  margin-left: 8px;
}
.page.attendee-lookup .searchable-list > .content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.page.attendee-lookup .content {
  max-width: 1280px;
  border-right: 1px solid #d8d8d8;
}
@media (max-width: 991px) {
  .page.attendee-lookup .content {
    max-width: none;
  }
}
.page.attendee-lookup .content .search {
  position: relative;
  margin-bottom: 16px;
}
.page.attendee-lookup .content .search input {
  height: 56px;
  border-radius: 40px;
  padding: 0 48px 0 24px;
}
.page.attendee-lookup .content .search .btn {
  display: flex;
  align-items: center;
  height: 56px;
  position: absolute;
  right: 0;
  top: 0;
}
.page.attendee-lookup .content .search .btn .material-icons {
  font-size: 24px;
}
.page.attendee-lookup .content .control-tool {
  display: flex;
  margin-bottom: 16px;
}
.page.attendee-lookup .content .control-tool .filter-wrapper {
  display: flex;
  align-items: center;
  padding-right: 12px;
}
.page.attendee-lookup .content .control-tool .filter-wrapper > span {
  font-size: 12px;
}
.page.attendee-lookup .content .control-tool .btn {
  font-size: 12px;
  margin-right: 4px;
}
.page.attendee-lookup .content .control-tool .btn .material-icons {
  font-size: 18px;
  vertical-align: middle;
}
.page.attendee-lookup .content .control-tool .btn > span {
  padding-left: 2px;
}
.page.attendee-lookup .content .control-tool .btn .icon-flip {
  transform: rotate(180deg);
}
.page.attendee-lookup .content .control-tool .btn-outlined > span {
  margin: 0;
}
.page.attendee-lookup .content .control-tool .btn-outlined.selected {
  background-color: rgba(0, 38, 255, 0.1);
}
.page.attendee-lookup .content .advanced-search-area {
  background-color: white;
}
@media (max-width: 991px) {
  .page.attendee-lookup .content .advanced-search-area {
    padding: 8px 16px 4px;
  }
  .page.attendee-lookup .content .advanced-search-area .add-filters-area {
    border: 0;
    padding: 0;
  }
}
.page.attendee-lookup .content .sort-widget {
  padding: 8px 16px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page.attendee-lookup .content .sort-widget .add-filters-area {
  margin: 8px 4px;
}
.page.attendee-lookup .content .title-hr {
  margin: 10px 0px;
}
.page.attendee-lookup .content .center-col {
  flex: 1 1 45%;
}
.page.attendee-lookup .content .center-col .show-more-button {
  margin-top: 8px;
  align-self: center;
}
.page.attendee-lookup .content .center-col .show-more-button.show-more-fade-out {
  animation-duration: 0.3s;
  animation-name: backgroundFade;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
.page.attendee-lookup .content .right-col {
  flex: 1 1 55%;
  max-width: 640px;
  min-width: 400px;
  padding: 0;
  height: 100%;
  overflow-y: auto;
  border-right: 1px solid #d8d8d8;
}
@media (max-width: 991px) {
  .page.attendee-lookup .content .right-col {
    max-width: none;
    min-width: unset;
  }
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  margin: 0;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li {
  float: none;
  flex: 1;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  border-bottom: 2px solid transparent;
  max-width: none;
  margin: 0;
  padding: 16px 8px 4px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:hover {
  background-color: rgba(0, 38, 255, 0.05) !important;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:focus {
  background-color: rgba(0, 38, 255, 0.1) !important;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li.active {
  border-color: #0026ff;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li.active > a {
  border-color: #0026ff;
  color: #737373;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  margin: 0;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li {
  float: none;
  flex: 1;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  border-bottom: 2px solid transparent;
  max-width: none;
  margin: 0;
  padding: 16px 8px 4px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:hover {
  background-color: rgba(0, 38, 255, 0.05) !important;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:focus {
  background-color: rgba(0, 38, 255, 0.1) !important;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, #0026ff 10%, transparent 10.01%) no-repeat 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li > a.dark:after {
  background-image: radial-gradient(circle, #000000 10%, transparent 10.01%);
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li.active {
  border-color: #0026ff;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area ul.nav.nav-tabs > li.active > a {
  border-color: #0026ff;
  color: #737373;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs {
  overflow-x: auto;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs > li {
  margin-bottom: 0;
  min-width: 104px;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs > li:first-child {
  margin-left: 0;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs > li a {
  padding: 0 24px;
  height: 49px;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area > ul.nav.nav-tabs > li:active {
  border-color: 1px solid #0026ff;
}
.page.attendee-lookup .content .right-col .tabbable.tab-link-area .tab-pane {
  padding: 24px;
}
.user-card {
  position: relative;
  margin: 8px 0;
  background-color: white;
  border-radius: 4px;
  padding: 8px 12px;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.3s ease-out;
  -ms-transition: border-color 0.3s ease-out;
  -o-transition: border-color 0.3s ease-out;
  transition: border-color 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.user-card:hover,
.user-card:focus {
  border-color: rgba(0, 0, 0, 0.38);
}
.user-card.active {
  border-color: #0026ff;
}
.user-card.rep:before {
  background-color: #24a148;
  color: #24a148;
  content: "";
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.user-card .profile {
  display: flex;
  width: 100%;
}
.user-card .profile .profile-image {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}
.user-card .profile .details-area {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}
.user-card .profile .details-area .ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-card .profile .details-area .registrant-name {
  margin-top: 4px;
  margin-bottom: 4px;
}
.user-card .profile .details-area .additional-info-container {
  color: #737373;
}
.user-card .profile .details-area .additional-info-container > * {
  margin: 4px 0 0;
}
.user-card .profile .details-area .additional-info-container > *:first-child {
  margin: 0;
}
.user-card .profile .details-area .additional-info-container .rep-label-wrapper {
  display: flex;
  align-items: center;
}
.user-card .profile .details-area .additional-info-container .rep-label-wrapper i.material-icons {
  font-size: 18px;
  margin-right: 2px;
}
.user-card .profile .details-area .additional-info-container .rep-label-wrapper p {
  margin: 0;
}
.user-card .profile .details-area .check-in {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  text-align: right;
  font-size: 12px;
  color: #737373;
}
.user-card .profile.no-image .details-area {
  margin-left: 0;
}
.view-full-size-resume-modal .modal-dialog .modal-content .modal-body {
  max-height: 75vh;
  max-height: calc(var(--vh, 1vh) * 75);
}
.view-full-size-resume-modal .modal-dialog .modal-content .modal-body .resume-frame {
  width: 100%;
  height: 550px;
  height: 74vh;
  height: calc(var(--vh, 1vh) * 74);
}
@media (max-width: 991px) {
  .view-full-size-resume-modal .modal-dialog {
    width: 100%;
    margin: 0;
  }
  .view-full-size-resume-modal .modal-dialog .modal-content {
    max-width: 95%;
    width: 95%;
  }
  .view-full-size-resume-modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 18px;
  }
  .view-full-size-resume-modal .modal-dialog .modal-content .modal-body {
    padding: 8px;
    max-height: 75vh;
    max-height: calc(var(--vh, 1vh) * 75);
  }
  .view-full-size-resume-modal .modal-dialog .modal-content .modal-body .resume-frame {
    width: 100%;
    height: 400px;
    height: 74vh;
    height: calc(var(--vh, 1vh) * 74);
  }
}
@media (max-width: 1240px) {
  .download-resume-button-div .download-resume-button > span,
  .download-resume-button-div .open-resume-button > span {
    display: none;
  }
}
.resume-frame {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 70vh;
  height: calc(var(--vh, 1vh) * 70);
}
.resume-frame .bp-container {
  min-width: auto;
}
.bp-container.off-screen {
  position: absolute;
  top: -10000px;
  left: -10000px;
  height: 1px;
  width: 1px;
}
.content-loading-area {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 64px;
}
.follow-up-email-modal {
  color: #333333;
}
.follow-up-email-modal .modal-body {
  max-height: 600px;
}
.follow-up-email-modal .modal-body .email-help-text {
  margin-top: 40px;
  margin-bottom: 16px;
}
.follow-up-email-modal .modal-body textarea {
  display: block;
  height: 120px;
}
.follow-up-email-modal .modal-body .attach-resume-wrapper {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.follow-up-email-modal .modal-body .attach-resume-wrapper div[role=checkbox] {
  margin: 0;
}
.follow-up-email-modal .modal-body .attach-resume-wrapper > span {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.38);
}
.follow-up-email-modal .label.label-important {
  font-weight: 300;
}
.follow-up-email-modal .modal-footer .modal-button-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.stats-cards-area .stats-card {
  max-width: 33.3%;
}
@media (max-width: 767px) {
  .stats-cards-area .stats-card {
    max-width: 50%;
    padding: 4px;
  }
}
.schedule-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 8px;
  overflow: hidden;
}
.schedule-wrapper .schedule-first-of-type .time-line:before {
  content: "";
  position: absolute;
  width: 8px;
  left: -3px;
  height: 50%;
  background: white;
  top: 0;
}
.schedule-wrapper .schedule {
  display: flex;
  align-items: center;
  min-height: 48px;
  width: 100%;
}
.schedule-wrapper .schedule > * {
  flex: 0 0 auto;
}
.schedule-wrapper .schedule .time {
  margin-right: 24px;
  width: 160px;
  text-align: center;
}
.schedule-wrapper .schedule .availability-toggle {
  margin-left: 8px;
  margin-right: 16px;
}
.schedule-wrapper .schedule .availability-toggle .toggle-wrapper .bootstrap-switch .bootstrap-switch-container .bootstrap-switch-label {
  padding: unset;
  line-height: unset;
}
.schedule-wrapper .schedule .availability-toggle .toggle-wrapper .bootstrap-switch .bootstrap-switch-container .bootstrap-switch-handle-off {
  padding: unset;
  line-height: unset;
}
.schedule-wrapper .schedule .availability-toggle .toggle-wrapper .bootstrap-switch .bootstrap-switch-container .bootstrap-switch-handle-on {
  padding: unset;
  line-height: unset;
}
.schedule-wrapper .schedule .time-and-toggle {
  display: flex;
  align-items: center;
}
.schedule-wrapper .schedule .time-line {
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.26);
  position: relative;
  margin-right: 20px;
}
.schedule-wrapper .schedule .time-line:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.26);
  border-radius: 50%;
  z-index: 1;
}
.schedule-wrapper .schedule.live .time-line:after {
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  background: #24a148;
  border: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.schedule-wrapper .schedule .participants-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}
.schedule-wrapper .schedule .participants-wrapper .white-bg {
  margin: 4px;
  background-color: unset;
}
.schedule-wrapper .schedule .participants-wrapper .chip {
  margin: 4px;
}
.schedule-wrapper .schedule .participants-wrapper .chip img.avatar {
  height: 26px;
  margin: 0 4px 0 -8px;
}
.schedule-wrapper .schedule .participants-wrapper .chip span.pending {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: -4px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.schedule-wrapper .schedule .participants-wrapper .chip span.pending:before {
  display: none;
}
.schedule-wrapper .schedule .participants-wrapper > span {
  margin-left: 8px;
}
.schedule-wrapper .schedule:last-of-type .time-line:before {
  content: "";
  position: absolute;
  width: 8px;
  left: -3px;
  height: 50%;
  background: white;
}
.schedule-wrapper .schedule:last-of-type .time-line:before {
  top: 50%;
}
@media (max-width: 767px) {
  .schedule-wrapper .schedule {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8px;
    background: #f2f2f2;
    padding: 8px;
    border-radius: 16px;
  }
  .schedule-wrapper .schedule .time {
    width: auto;
  }
  .schedule-wrapper .schedule .time > span:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.12);
  }
  .schedule-wrapper .schedule .time-line {
    display: none;
  }
  .schedule-wrapper .schedule.live .time > span:before {
    background: #24a148;
  }
  .schedule-wrapper .schedule .participants-wrapper {
    padding-left: 12px;
  }
}
.filterable-list-instructions {
  flex: 0 0 auto;
  display: flex;
  padding: 8px 12px;
  margin: 16px 0 8px;
  border-radius: 4px;
  background-color: rgba(241, 194, 27, 0.1);
}
.filterable-list-instructions > div:not(.round-button-wrapper) {
  align-self: center;
  margin-right: 12px;
}
.filterable-list-instructions > div:not(.round-button-wrapper) i {
  font-size: 32px;
  margin: 0 4px;
  vertical-align: bottom;
  line-height: 18px;
}
.filterable-list-instructions > div.round-button-wrapper {
  margin-left: auto;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body {
  min-height: 40vh;
  min-height: calc(var(--vh, 1vh) * 40);
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body .stats-cards-area {
  margin: 0 -8px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body .confirm-schedule-area {
  font-weight: 400;
  color: #222222;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body .confirm-schedule-area .label-heading {
  font-weight: 600;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content {
  height: 100%;
  padding-bottom: 8px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane {
  height: 100%;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .return-to-schedule-wrapper {
  display: flex;
  align-items: center;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .return-to-schedule-wrapper .return-to-schedule-arrow {
  color: #0026ff;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin {
  margin-top: 16px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .user-info-wrapper {
  display: flex;
  align-items: center;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .user-info-wrapper > span {
  margin-top: 8px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .user-info-wrapper > img.avatar {
  width: 56px;
  height: 56px;
  margin-right: 16px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .user-info-wrapper > div h4 {
  margin: 0 0 8px;
  color: #222222;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .user-info-wrapper > div > div {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .user-info-wrapper > div > div .material-icons {
  margin-right: 4px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .user-info-wrapper > div > div > span {
  margin-right: 16px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .time-slots-wrapper {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .time-slots-wrapper .reschedule-label {
  margin-top: 16px;
  margin-bottom: -8px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.schedule-tab .candidate-cancel-margin .cancel-note-input {
  margin-top: 16px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.pending-invites-tab .rep-slots-wrapper .user-info-wrapper {
  display: flex;
  align-items: center;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.pending-invites-tab .rep-slots-wrapper .user-info-wrapper > img.avatar {
  width: 56px;
  height: 56px;
  margin-right: 16px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.pending-invites-tab .rep-slots-wrapper .user-info-wrapper > div h4 {
  margin: 0 0 8px;
  color: #222222;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.pending-invites-tab .rep-slots-wrapper .user-info-wrapper > div > div {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.pending-invites-tab .rep-slots-wrapper .user-info-wrapper > div > div .material-icons {
  margin-right: 4px;
}
.modal.manage-schedule-modal .modal-dialog .modal-content .modal-body > .tab-content > .tab-pane.pending-invites-tab .rep-slots-wrapper .user-info-wrapper > div > div > span {
  margin-right: 16px;
}
.chat-connection-modal .modal-content {
  width: 400px !important;
}
.chat-connection-modal .modal-body {
  padding-bottom: 16px !important;
  overflow-y: unset !important;
}
.send-invite-to-chat-email .already-invited-message {
  margin: 32px 0 16px;
  padding: 16px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
}
.send-invite-to-chat-email .fake-text-area {
  font-weight: 300;
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  height: 120px;
  overflow-y: auto;
  background-color: #eeeeee;
}
.send-invite-to-chat-email .editable-email-text-area .gwt-TextArea {
  height: 200px !important;
}
.send-invite-to-chat-email .editable-email-text-area.errors .bz-editor-error {
  display: block;
  margin-top: 5px;
  color: #da1e28;
  width: 100%;
  font-size: 12px;
}
.send-invite-to-chat-email .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 8px 12px 8px 0;
}
.OT_root,
.vv-root {
  display: none;
}
.OT_root *:not(i),
.OT_root h1,
.OT_root h2,
.OT_root h3,
.OT_root h4,
.OT_root h5,
.OT_root h6,
.OT_root a {
  font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 400;
}
.interactive-video-area.full-screen {
  position: fixed;
  width: auto !important;
  height: auto !important;
  max-width: unset !important;
  max-height: unset !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  padding: 16px !important;
  background-color: #333333;
}
.interactive-video-area.full-screen > .wrapper #video-container .OT_root,
.interactive-video-area.full-screen > .wrapper #video-container .vv-root {
  outline: 1px solid #b3b3b3;
}
.interactive-video-area.full-screen > .wrapper .video-controls-bar {
  background-color: #f7f7f7;
}
.interactive-video-area > .wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.interactive-video-area > .wrapper .broadcast-status-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 8px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper .broadcast-status-wrapper {
    zoom: 0.8;
  }
}
.interactive-video-area > .wrapper .broadcast-status-wrapper > div {
  background-color: rgba(0, 0, 0, 0.38);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 32px;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.interactive-video-area > .wrapper .broadcast-status-wrapper > div .material-icons {
  font-size: 18px;
  margin-right: 4px;
}
.interactive-video-area > .wrapper .broadcast-status-wrapper > div.rec-info.transitioning i.material-icons,
.interactive-video-area > .wrapper .broadcast-status-wrapper > div.live-status-info.transitioning i.material-icons {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.interactive-video-area > .wrapper .broadcast-status-wrapper > div.rec-info.on {
  color: white;
  background-color: #da1e28;
}
.interactive-video-area > .wrapper .broadcast-status-wrapper > div.live-status-info.on {
  color: white;
  background-color: #24a148;
}
.interactive-video-area > .wrapper .main-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  margin: 0 auto;
  position: relative;
  border-radius: 0;
  background-color: #000000;
  overflow: hidden;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper .main-container {
    border-radius: 0 !important;
  }
}
.interactive-video-area > .wrapper #video-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.interactive-video-area > .wrapper #video-container .OT_root,
.interactive-video-area > .wrapper #video-container .vv-root {
  display: block;
  position: relative;
  margin: 0;
  animation: show 0.3s ease;
}
.interactive-video-area > .wrapper #video-container .OT_root .vv-widget-container,
.interactive-video-area > .wrapper #video-container .vv-root .vv-widget-container {
  background: #222222;
  height: 100%;
  width: 100%;
}
.interactive-video-area > .wrapper #video-container .OT_root .vv-widget-container video,
.interactive-video-area > .wrapper #video-container .vv-root .vv-widget-container video {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_widget-container .OT_video-element,
.interactive-video-area > .wrapper #video-container .vv-root .OT_widget-container .OT_video-element {
  border-radius: 0;
}
.interactive-video-area > .wrapper #video-container .OT_root.talking,
.interactive-video-area > .wrapper #video-container .vv-root.talking {
  outline: 3px solid #0026ff;
}
.interactive-video-area > .wrapper #video-container .OT_root.me,
.interactive-video-area > .wrapper #video-container .vv-root.me {
  order: -1;
}
.interactive-video-area > .wrapper #video-container .OT_root.host,
.interactive-video-area > .wrapper #video-container .vv-root.host {
  order: -2;
}
.interactive-video-area > .wrapper #video-container .OT_root.host.me,
.interactive-video-area > .wrapper #video-container .vv-root.host.me {
  order: -3;
}
.interactive-video-area > .wrapper #video-container .OT_root > .pill,
.interactive-video-area > .wrapper #video-container .vv-root > .pill {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 4px 12px;
  font-size: 14px;
  z-index: 1;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container .OT_root > .pill,
  .interactive-video-area > .wrapper #video-container .vv-root > .pill {
    zoom: 0.8;
  }
}
.interactive-video-area > .wrapper #video-container .OT_root > .pill.role-pill,
.interactive-video-area > .wrapper #video-container .vv-root > .pill.role-pill {
  left: 8px;
  top: 8px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container .OT_root > .pill.role-pill,
  .interactive-video-area > .wrapper #video-container .vv-root > .pill.role-pill {
    left: 4px;
    top: 4px;
  }
}
.interactive-video-area > .wrapper #video-container .OT_root > .pill.connecting,
.interactive-video-area > .wrapper #video-container .vv-root > .pill.connecting {
  bottom: 40px;
  left: 8px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container .OT_root > .pill.connecting,
  .interactive-video-area > .wrapper #video-container .vv-root > .pill.connecting {
    left: 4px;
    bottom: 32px;
  }
}
.interactive-video-area > .wrapper #video-container .OT_root > .pill.connecting > i,
.interactive-video-area > .wrapper #video-container .vv-root > .pill.connecting > i {
  margin-right: 8px;
}
.interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more,
.interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 10;
}
.interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more.open,
.interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more.open {
  z-index: 100;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more,
  .interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more {
    right: 4px;
    top: 4px;
  }
}
.interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .btn.dropdown-toggle,
.interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .btn.dropdown-toggle {
  background: rgba(0, 0, 0, 0.38);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .btn.dropdown-toggle,
  .interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .btn.dropdown-toggle {
    zoom: 0.8;
    right: 4px;
    top: 4px;
  }
}
.interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .btn.dropdown-toggle i.material-icons,
.interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .btn.dropdown-toggle i.material-icons {
  color: #ffffff;
  font-size: 32px;
}
.interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .dropdown-menu,
.interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .dropdown-menu {
  border-radius: 4px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .dropdown-menu,
  .interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .dropdown-menu {
    border-radius: 16px;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 240px;
    margin: -120px 0 0 -120px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .dropdown-menu:after,
  .interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .dropdown-menu:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .dropdown-menu:after,
  .interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .dropdown-menu:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .dropdown-menu > *,
  .interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .dropdown-menu > * {
    background-color: #ffffff;
  }
  .interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .dropdown-menu > h4,
  .interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .dropdown-menu > h4 {
    padding: 16px;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #d8d8d8;
    margin: 0;
  }
  .interactive-video-area > .wrapper #video-container .OT_root .btn-group.btn-group-more .dropdown-menu > div,
  .interactive-video-area > .wrapper #video-container .vv-root .btn-group.btn-group-more .dropdown-menu > div {
    display: flex;
    justify-content: flex-end;
    padding: 4px 8px;
    background-color: #f2f2f2;
  }
}
.interactive-video-area > .wrapper #video-container .OT_root:hover .btn-group.btn-group-more .btn.dropdown-toggle,
.interactive-video-area > .wrapper #video-container .vv-root:hover .btn-group.btn-group-more .btn.dropdown-toggle {
  background: #ffffff;
}
.interactive-video-area > .wrapper #video-container .OT_root:hover .btn-group.btn-group-more .btn.dropdown-toggle i.material-icons,
.interactive-video-area > .wrapper #video-container .vv-root:hover .btn-group.btn-group-more .btn.dropdown-toggle i.material-icons {
  color: #0026ff;
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_video-poster,
.interactive-video-area > .wrapper #video-container .vv-root .OT_video-poster {
  z-index: 0;
  display: block;
  opacity: 1;
  top: 0;
  background-size: contain;
  background-position: center;
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_bar,
.interactive-video-area > .wrapper #video-container .vv-root .OT_bar {
  background: transparent;
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_name,
.interactive-video-area > .wrapper #video-container .vv-root .OT_name,
.interactive-video-area > .wrapper #video-container .OT_root .vv-name,
.interactive-video-area > .wrapper #video-container .vv-root .vv-name {
  position: absolute;
  background-color: #737373;
  width: auto;
  height: auto;
  z-index: 1;
  color: white;
  left: 0;
  right: auto;
  bottom: 8px;
  top: auto;
  padding: 0 16px;
  font-size: 14px;
  line-height: 24px;
  max-width: 95%;
  border-radius: 16px;
  vertical-align: middle;
  margin: 0 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_name:before,
.interactive-video-area > .wrapper #video-container .vv-root .OT_name:before,
.interactive-video-area > .wrapper #video-container .OT_root .vv-name:before,
.interactive-video-area > .wrapper #video-container .vv-root .vv-name:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  content: "\e02b";
  color: #da1e28;
  font-size: 18px;
  margin-right: 4px;
  margin-left: -4px;
  vertical-align: middle;
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_name:before.outlined,
.interactive-video-area > .wrapper #video-container .vv-root .OT_name:before.outlined,
.interactive-video-area > .wrapper #video-container .OT_root .vv-name:before.outlined,
.interactive-video-area > .wrapper #video-container .vv-root .vv-name:before.outlined {
  font-family: 'Material Icons Outlined';
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_name:before.round,
.interactive-video-area > .wrapper #video-container .vv-root .OT_name:before.round,
.interactive-video-area > .wrapper #video-container .OT_root .vv-name:before.round,
.interactive-video-area > .wrapper #video-container .vv-root .vv-name:before.round {
  font-family: 'Material Icons Round';
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_name:before.round-latest,
.interactive-video-area > .wrapper #video-container .vv-root .OT_name:before.round-latest,
.interactive-video-area > .wrapper #video-container .OT_root .vv-name:before.round-latest,
.interactive-video-area > .wrapper #video-container .vv-root .vv-name:before.round-latest {
  font-family: 'Material Icons Round';
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_name:before.filled,
.interactive-video-area > .wrapper #video-container .vv-root .OT_name:before.filled,
.interactive-video-area > .wrapper #video-container .OT_root .vv-name:before.filled,
.interactive-video-area > .wrapper #video-container .vv-root .vv-name:before.filled {
  font-family: 'Material Icons Filled';
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_name:before.icon-flip,
.interactive-video-area > .wrapper #video-container .vv-root .OT_name:before.icon-flip,
.interactive-video-area > .wrapper #video-container .OT_root .vv-name:before.icon-flip,
.interactive-video-area > .wrapper #video-container .vv-root .vv-name:before.icon-flip {
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container .OT_root .OT_name,
  .interactive-video-area > .wrapper #video-container .vv-root .OT_name,
  .interactive-video-area > .wrapper #video-container .OT_root .vv-name,
  .interactive-video-area > .wrapper #video-container .vv-root .vv-name {
    zoom: 0.8;
    bottom: 4px;
    margin: 0 4px;
  }
}
.interactive-video-area > .wrapper #video-container .OT_root.has-audio .OT_name:before,
.interactive-video-area > .wrapper #video-container .vv-root.has-audio .OT_name:before,
.interactive-video-area > .wrapper #video-container .OT_root.has-audio .vv-name:before,
.interactive-video-area > .wrapper #video-container .vv-root.has-audio .vv-name:before {
  display: none;
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_audio-level-meter,
.interactive-video-area > .wrapper #video-container .vv-root .OT_audio-level-meter {
  display: none;
}
.interactive-video-area > .wrapper #video-container .OT_root .OT_archiving,
.interactive-video-area > .wrapper #video-container .vv-root .OT_archiving {
  display: none !important;
}
.interactive-video-area > .wrapper #video-container .OT_root .controls-container,
.interactive-video-area > .wrapper #video-container .vv-root .controls-container {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  bottom: 16px;
  left: 10%;
  right: 10%;
  max-width: 60%;
  width: auto;
  padding: 4px 8px !important;
  border-radius: 40px;
  box-sizing: border-box;
  background-color: #737373;
  z-index: 1001;
  margin: 0 auto !important;
  -webkit-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.interactive-video-area > .wrapper #video-container .OT_root .controls-container[data-items="1"],
.interactive-video-area > .wrapper #video-container .vv-root .controls-container[data-items="1"] {
  max-width: 64px;
}
.interactive-video-area > .wrapper #video-container .OT_root .controls-container[data-items="2"],
.interactive-video-area > .wrapper #video-container .vv-root .controls-container[data-items="2"] {
  max-width: 112px;
}
.interactive-video-area > .wrapper #video-container .OT_root .controls-container[data-items="3"],
.interactive-video-area > .wrapper #video-container .vv-root .controls-container[data-items="3"] {
  max-width: 160px;
}
.interactive-video-area > .wrapper #video-container .OT_root .controls-container[data-items="4"],
.interactive-video-area > .wrapper #video-container .vv-root .controls-container[data-items="4"] {
  max-width: 208px;
}
.interactive-video-area > .wrapper #video-container .OT_root .controls-container[data-items="5"],
.interactive-video-area > .wrapper #video-container .vv-root .controls-container[data-items="5"] {
  max-width: 256px;
}
.interactive-video-area > .wrapper #video-container .OT_root .controls-container .control,
.interactive-video-area > .wrapper #video-container .vv-root .controls-container .control {
  border-radius: 50%;
  cursor: pointer;
  font-size: 22px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.interactive-video-area > .wrapper #video-container .OT_root .controls-container .control:hover,
.interactive-video-area > .wrapper #video-container .vv-root .controls-container .control:hover,
.interactive-video-area > .wrapper #video-container .OT_root .controls-container .control:focus,
.interactive-video-area > .wrapper #video-container .vv-root .controls-container .control:focus,
.interactive-video-area > .wrapper #video-container .OT_root .controls-container .control:active,
.interactive-video-area > .wrapper #video-container .vv-root .controls-container .control:active {
  background-color: rgba(255, 255, 255, 0.12);
}
.interactive-video-area > .wrapper #video-container .OT_root:hover .controls-container,
.interactive-video-area > .wrapper #video-container .vv-root:hover .controls-container,
.interactive-video-area > .wrapper #video-container .OT_root:focus .controls-container,
.interactive-video-area > .wrapper #video-container .vv-root:focus .controls-container,
.interactive-video-area > .wrapper #video-container .OT_root:active .controls-container,
.interactive-video-area > .wrapper #video-container .vv-root:active .controls-container {
  opacity: 1;
}
.interactive-video-area > .wrapper #video-container .OT_root.placeholder,
.interactive-video-area > .wrapper #video-container .vv-root.placeholder {
  overflow: hidden;
}
.interactive-video-area > .wrapper #video-container .OT_root.placeholder .OT_video-poster,
.interactive-video-area > .wrapper #video-container .vv-root.placeholder .OT_video-poster,
.interactive-video-area > .wrapper #video-container .OT_root.placeholder .vv-video-poster,
.interactive-video-area > .wrapper #video-container .vv-root.placeholder .vv-video-poster {
  display: block;
  background-color: #333333;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.interactive-video-area > .wrapper #video-container .OT_root.placeholder .OT_video-poster.custom,
.interactive-video-area > .wrapper #video-container .vv-root.placeholder .OT_video-poster.custom,
.interactive-video-area > .wrapper #video-container .OT_root.placeholder .vv-video-poster.custom,
.interactive-video-area > .wrapper #video-container .vv-root.placeholder .vv-video-poster.custom {
  background-image: url('https://res.cloudinary.com/brazen/image/upload/c_scale,h_150,o_25/v1625182375/person_white_48dp_kebpz8.svg');
}
.interactive-video-area > .wrapper #video-container .OT_root.placeholder .OT_name,
.interactive-video-area > .wrapper #video-container .vv-root.placeholder .OT_name,
.interactive-video-area > .wrapper #video-container .OT_root.placeholder .vv-name,
.interactive-video-area > .wrapper #video-container .vv-root.placeholder .vv-name {
  font-weight: 400;
}
.interactive-video-area > .wrapper #video-container.best-fit {
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: auto 0;
  height: 100%;
}
.interactive-video-area > .wrapper #video-container.best-fit .OT_root,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root {
  position: relative;
  background: transparent !important;
  flex: 0 0 auto;
  overflow: visible !important;
  border-radius: 16px;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.best-fit .OT_root,
  .interactive-video-area > .wrapper #video-container.best-fit .vv-root {
    border-radius: 4px;
  }
}
.interactive-video-area > .wrapper #video-container.best-fit .OT_root.placeholder,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root.placeholder {
  border-radius: 16px;
  overflow: hidden !important;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.best-fit .OT_root.placeholder,
  .interactive-video-area > .wrapper #video-container.best-fit .vv-root.placeholder {
    border-radius: 4px;
  }
}
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .OT_widget-container,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .OT_widget-container,
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-widget-container,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-widget-container,
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-video-poster,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-video-poster {
  border-radius: 16px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.best-fit .OT_root .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.best-fit .vv-root .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-video-poster,
  .interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-video-poster {
    border-radius: 4px;
  }
}
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-video-poster video,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-video-poster video {
  border-radius: 16px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.best-fit .OT_root .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.best-fit .vv-root .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-video-poster video,
  .interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-video-poster video {
    border-radius: 4px;
  }
}
body.sf .interactive-video-area > .wrapper #video-container.best-fit .OT_root .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.best-fit .vv-root .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-video-poster .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-video-poster .OT_video-element {
  border-radius: 16px;
}
@media (max-width: 991px) {
  body.sf .interactive-video-area > .wrapper #video-container.best-fit .OT_root .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.best-fit .vv-root .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-video-poster .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-video-poster .OT_video-element {
    border-radius: 4px;
  }
}
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .OT_widget-container,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .OT_widget-container {
  position: relative;
  background: #222222;
}
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .OT_widget-container .OT_video-element,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .OT_widget-container .OT_video-element {
  max-width: none;
}
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-widget-container,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-widget-container {
  position: relative;
}
.interactive-video-area > .wrapper #video-container.best-fit .OT_root .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.best-fit .vv-root .vv-widget-container video {
  max-width: none;
  width: 100%;
  height: 100%;
}
.interactive-video-area > .wrapper #video-container.vertical,
.interactive-video-area > .wrapper #video-container.horizontal {
  align-items: center;
  justify-content: center;
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root.focused,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused,
.interactive-video-area > .wrapper #video-container.vertical .vv-root.focused,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused {
  order: -10;
  overflow: visible !important;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused {
    border-radius: 16px;
  }
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root.focused.placeholder,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused.placeholder,
.interactive-video-area > .wrapper #video-container.vertical .vv-root.focused.placeholder,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused.placeholder {
  border-radius: 16px;
  overflow: hidden !important;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused.placeholder,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused.placeholder,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused.placeholder,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused.placeholder {
    border-radius: 16px;
  }
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .OT_widget-container,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .OT_widget-container,
.interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .OT_widget-container,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .OT_widget-container,
.interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-widget-container,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-widget-container,
.interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-widget-container,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-widget-container,
.interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-video-poster,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-video-poster,
.interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-video-poster,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-video-poster {
  border-radius: 16px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-video-poster,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-video-poster,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-video-poster,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-video-poster {
    border-radius: 16px;
  }
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-video-poster video,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-video-poster video,
.interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-video-poster video,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-video-poster video {
  border-radius: 16px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-video-poster video,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-video-poster video,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-video-poster video,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-video-poster video {
    border-radius: 16px;
  }
}
body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-video-poster .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-video-poster .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-video-poster .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-video-poster .OT_video-element {
  border-radius: 16px;
}
@media (max-width: 991px) {
  body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root.focused .vv-video-poster .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused .vv-video-poster .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root.focused .vv-video-poster .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused .vv-video-poster .OT_video-element {
    border-radius: 16px;
  }
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused),
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused),
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused),
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) {
  overflow: visible !important;
  border-radius: 8px;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused),
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused),
  .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused),
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) {
    border-radius: 8px;
  }
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused).placeholder,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused).placeholder,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused).placeholder,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused).placeholder {
  border-radius: 8px;
  overflow: hidden !important;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused).placeholder,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused).placeholder,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused).placeholder,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused).placeholder {
    border-radius: 8px;
  }
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .OT_widget-container,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .OT_widget-container,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .OT_widget-container,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .OT_widget-container,
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-widget-container,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-widget-container,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-widget-container,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-widget-container,
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-video-poster,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-video-poster,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-video-poster,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-video-poster {
  border-radius: 8px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-video-poster,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-video-poster,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-video-poster,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-video-poster {
    border-radius: 8px;
  }
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-video-poster video,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-video-poster video,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-video-poster video,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-video-poster video {
  border-radius: 8px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-video-poster video,
  .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-video-poster video,
  .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-video-poster video,
  .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-video-poster video {
    border-radius: 8px;
  }
}
body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-video-poster .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-video-poster .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-video-poster .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-video-poster .OT_video-element {
  border-radius: 8px;
}
@media (max-width: 991px) {
  body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-video-poster .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-video-poster .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-video-poster .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-video-poster .OT_video-element {
    border-radius: 8px;
  }
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .OT_name,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .OT_name,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .OT_name,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .OT_name,
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .vv-name,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .vv-name,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .vv-name,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .vv-name {
  left: 4px;
  bottom: 4px;
  zoom: .85;
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .pill,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .pill,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .pill,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .pill {
  left: 4px;
  zoom: .85;
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .pill.role-pill,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .pill.role-pill,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .pill.role-pill,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .pill.role-pill {
  top: 4px;
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .pill.connecting,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .pill.connecting,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .pill.connecting,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .pill.connecting {
  bottom: 32px;
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .btn-group.btn-group-more,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .btn-group.btn-group-more,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .btn-group.btn-group-more,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .btn-group.btn-group-more {
  right: 4px;
  top: 4px;
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .btn-group.btn-group-more .btn.dropdown-toggle,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .btn-group.btn-group-more .btn.dropdown-toggle,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .btn-group.btn-group-more .btn.dropdown-toggle,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .btn-group.btn-group-more .btn.dropdown-toggle {
  zoom: .85;
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root:not(.focused) .btn-group.btn-group-more .dropdown-menu,
.interactive-video-area > .wrapper #video-container.horizontal .OT_root:not(.focused) .btn-group.btn-group-more .dropdown-menu,
.interactive-video-area > .wrapper #video-container.vertical .vv-root:not(.focused) .btn-group.btn-group-more .dropdown-menu,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root:not(.focused) .btn-group.btn-group-more .dropdown-menu {
  min-width: 80px;
}
.interactive-video-area > .wrapper #video-container.vertical {
  flex-direction: column;
}
.interactive-video-area > .wrapper #video-container.vertical .OT_root.focused,
.interactive-video-area > .wrapper #video-container.vertical .vv-root.focused {
  min-height: calc(100% - 16px);
}
.interactive-video-area > .wrapper #video-container.horizontal .OT_root.focused,
.interactive-video-area > .wrapper #video-container.horizontal .vv-root.focused {
  min-width: calc(100% - 16px);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.interactive-video-area > .wrapper #video-container.picture-in-picture {
  display: block;
}
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root {
  animation-duration: 0s;
}
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root.focused,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root.focused {
  width: 100% !important;
  height: 100% !important;
  outline: 0 !important;
  margin: 0;
}
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root.focused .btn-group.btn-group-more,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root.focused .btn-group.btn-group-more {
  top: auto;
  bottom: 8px;
  right: 8px;
}
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused),
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) {
  width: 128px !important;
  height: calc(72px) !important;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 100;
  border: 1px solid #b3b3b3;
  overflow: visible !important;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused),
  .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) {
    border-radius: 4px;
  }
}
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused).placeholder,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused).placeholder {
  border-radius: 8px;
  overflow: hidden !important;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused).placeholder,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused).placeholder {
    border-radius: 4px;
  }
}
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .OT_widget-container,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .OT_widget-container,
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-widget-container,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-widget-container,
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-video-poster,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-video-poster {
  border-radius: 8px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .OT_widget-container,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-widget-container,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-video-poster,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-video-poster {
    border-radius: 4px;
  }
}
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .OT_widget-container video,
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-widget-container video,
.interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-video-poster video,
.interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-video-poster video {
  border-radius: 8px;
}
@media (max-width: 991px) {
  .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .OT_widget-container video,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-widget-container video,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-video-poster video,
  .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-video-poster video {
    border-radius: 4px;
  }
}
body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .OT_widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-widget-container .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-video-poster .OT_video-element,
body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-video-poster .OT_video-element {
  border-radius: 8px;
}
@media (max-width: 991px) {
  body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .OT_widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-widget-container .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused) .vv-video-poster .OT_video-element,
  body.sf .interactive-video-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) .vv-video-poster .OT_video-element {
    border-radius: 4px;
  }
}
.interactive-video-area .video-controls-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  z-index: 10;
}
.interactive-video-area .video-controls-bar .round-button-wrapper {
  margin: 0 4px;
}
.interactive-video-area .video-controls-bar .round-button-wrapper.with-divider {
  display: flex;
  align-items: center;
}
.interactive-video-area .video-controls-bar .round-button-wrapper.with-divider:after {
  content: "";
  height: 40px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0 8px 0 12px;
}
@media (max-width: 991px) {
  .interactive-video-area .video-controls-bar .round-button-wrapper.with-divider:after {
    display: none;
  }
}
.interactive-video-area .video-controls-bar .round-button-wrapper > button.btn.btn-round {
  width: 48px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.12);
}
.interactive-video-area .video-controls-bar .round-button-wrapper > button.btn.btn-round > i {
  line-height: 48px;
  font-size: 28px !important;
}
.interactive-video-area .video-controls-bar .round-button-wrapper > button.btn.btn-round:hover,
.interactive-video-area .video-controls-bar .round-button-wrapper > button.btn.btn-round:focus {
  background-color: rgba(0, 0, 0, 0.26);
}
.interactive-video-area .video-controls-bar .round-button-wrapper > button.btn.btn-round:hover > i,
.interactive-video-area .video-controls-bar .round-button-wrapper > button.btn.btn-round:focus > i {
  color: #5a5a5a;
}
@media (max-width: 991px) {
  .interactive-video-area .video-controls-bar .round-button-wrapper > button.btn.btn-round {
    width: 40px;
    height: 40px;
  }
  .interactive-video-area .video-controls-bar .round-button-wrapper > button.btn.btn-round > i {
    line-height: 40px;
    font-size: 24px !important;
  }
}
.interactive-video-area .video-controls-bar .round-button-wrapper.active .btn.btn-round {
  background-color: rgba(119, 119, 119, 0.4);
}
.interactive-video-area .video-controls-bar .round-button-wrapper.active .btn.btn-round i:before {
  color: #0026ff;
}
.interactive-video-area .video-controls-bar .round-button-wrapper.active .tooltip {
  display: none !important;
}
.interactive-video-area .video-controls-bar .round-button-wrapper.off > button.btn.btn-round {
  background-color: rgba(218, 30, 40, 0.1);
}
.interactive-video-area .video-controls-bar .round-button-wrapper.off > button.btn.btn-round i {
  color: #da1e28;
}
.interactive-video-area .video-controls-bar .round-button-wrapper.off > button.btn.btn-round:hover {
  color: #ad1820;
  background-color: rgba(218, 30, 40, 0.2);
}
.interactive-video-area .video-controls-bar .round-button-wrapper.with-count-badge {
  position: relative;
}
.interactive-video-area .video-controls-bar .round-button-wrapper.with-count-badge:after {
  content: attr(data-count-badge);
  position: absolute;
  background: #999999;
  color: white;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  right: -4px;
  top: 0;
}
@media (max-width: 991px) {
  .interactive-video-area .video-controls-bar .round-button-wrapper.with-count-badge:after {
    zoom: 0.8;
  }
}
.interactive-video-area .video-controls-bar .status-wrapper {
  display: flex;
  height: 32px;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 16px;
  padding: 0 16px;
}
@media (max-width: 991px) {
  .interactive-video-area .video-controls-bar .status-wrapper {
    border: none;
    padding: 0;
  }
}
.interactive-video-area .video-controls-bar .status-wrapper i.material-icons {
  position: relative;
  cursor: default;
  line-height: 24px;
}
.interactive-video-area .video-controls-bar .status-wrapper i.material-icons.publicly-visible-status {
  font-size: 20px;
  margin-right: 16px;
}
@media (max-width: 991px) {
  .interactive-video-area .video-controls-bar .status-wrapper i.material-icons.publicly-visible-status {
    font-size: 16px;
    margin-right: 8px;
  }
}
.interactive-video-area .video-controls-bar .status-wrapper .rec-info {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.interactive-video-area .video-controls-bar .status-wrapper .rec-info > i {
  font-size: 16px;
  margin-right: 2px;
  color: rgba(0, 0, 0, 0.26);
}
.interactive-video-area .video-controls-bar .status-wrapper .rec-info > span {
  color: #737373;
  line-height: 24px;
}
.interactive-video-area .video-controls-bar .status-wrapper .rec-info.on > i {
  color: #da1e28;
}
.interactive-video-area .video-controls-bar .lock-toggle-wrapper {
  width: 136px;
}
@media (max-width: 991px) {
  .interactive-video-area .video-controls-bar .lock-toggle-wrapper {
    width: auto;
    margin-right: 8px;
  }
  .interactive-video-area .video-controls-bar .lock-toggle-wrapper > span {
    display: none;
  }
}
.interactive-video-area .video-controls-bar .lock-status-wrapper {
  width: 112px;
  display: flex;
  align-items: center;
  color: #737373;
}
.interactive-video-area .video-controls-bar .lock-status-wrapper i.material-icons {
  font-size: 18px !important;
  margin-right: 4px;
}
.interactive-video-area .video-controls-bar .lock-status-wrapper.locked i.material-icons {
  color: #24a148;
}
@media (max-width: 991px) {
  .interactive-video-area .video-controls-bar .lock-status-wrapper {
    width: auto;
    margin-right: 16px;
  }
  .interactive-video-area .video-controls-bar .lock-status-wrapper > span {
    display: none;
  }
}
.interactive-video-area .video-controls-bar .control-buttons-wrapper {
  display: flex;
  margin: 0 16px;
}
.interactive-video-area .video-controls-bar .end-group-chat-buttons-wrapper {
  position: relative;
  margin-left: 8px;
}
@media (max-width: 991px) {
  .interactive-video-area .video-controls-bar .end-group-chat-buttons-wrapper {
    margin-left: 0;
  }
}
.interactive-video-area .video-controls-bar > div:last-of-type {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.interactive-video-area .video-controls-bar .control-dialog-widget .body .form-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.interactive-video-area .video-controls-bar .control-dialog-widget .body .form-group .control-label {
  display: block;
  margin-bottom: 0 !important;
  margin-right: 16px;
}
.interactive-video-area .video-controls-bar .control-dialog-widget .body .form-group .controls .btn.btn-round .fa:before {
  color: #ffffff;
}
.interactive-video-area .video-controls-bar .control-dialog-widget .body .form-group .controls .btn.btn-round.play {
  background-color: #24a148;
}
.interactive-video-area .video-controls-bar .control-dialog-widget .body .form-group .controls .btn.btn-round.play:hover,
.interactive-video-area .video-controls-bar .control-dialog-widget .body .form-group .controls .btn.btn-round.play:focus {
  background-color: #1b7735;
}
.interactive-video-area .video-controls-bar .control-dialog-widget .body .form-group .controls .btn.btn-round.stop {
  background-color: #da1e28;
}
.interactive-video-area .video-controls-bar .control-dialog-widget .body .form-group .controls .btn.btn-round.stop:hover,
.interactive-video-area .video-controls-bar .control-dialog-widget .body .form-group .controls .btn.btn-round.stop:focus {
  background-color: #ad1820;
}
.interactive-video-area .video-controls-bar .control-dialog-widget .body hr {
  margin: 16px -24px;
}
@media (max-width: 991px) {
  .interactive-video-area .video-controls-bar {
    padding: 16px 8px;
  }
  .interactive-video-area .video-controls-bar > div:last-of-type {
    margin-left: 0;
    width: auto;
  }
}
.interactive-video-area .video-controls-bar .dropdown-menu {
  bottom: 48px;
  top: auto;
}
.interactive-video-area .video-controls-bar .dropdown-menu .round-button-wrapper {
  margin: 0;
}
.interactive-video-area .video-controls-bar .dropdown-menu .round-button-wrapper > button.btn.btn-round {
  border-radius: 0;
  width: 100% !important;
  height: auto !important;
  justify-content: flex-start;
  padding: 4px 8px;
  background: #ffffff !important;
  color: #222222;
  text-transform: none;
}
.interactive-video-area .video-controls-bar .dropdown-menu .round-button-wrapper > button.btn.btn-round:hover,
.interactive-video-area .video-controls-bar .dropdown-menu .round-button-wrapper > button.btn.btn-round:active {
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.interactive-video-area .video-controls-bar .dropdown-menu .round-button-wrapper > button.btn.btn-round > i {
  line-height: 32px;
  width: 32px;
  height: 32px;
  font-size: 24px !important;
}
.interactive-video-area .video-controls-bar .dropdown-menu .round-button-wrapper.with-count-badge:after {
  display: none;
}
.interactive-video-area.multi-user {
  display: block;
  max-width: 100%;
  padding: 16px;
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh) * 100);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
@media (max-width: 991px) {
  .interactive-video-area.multi-user {
    padding: 8px 8px 16px;
    background: #333333;
    max-height: calc(var(--vh, 1vh) * 100 - 64px);
    height: calc(100vh - 64px);
  }
}
.interactive-video-area.multi-user > .wrapper .main-container {
  background-color: transparent;
}
.interactive-video-area.multi-user > .wrapper .main-container #video-container.picture-in-picture .OT_root:not(.focused):not(.active),
.interactive-video-area.multi-user > .wrapper .main-container #video-container.picture-in-picture .vv-root:not(.focused):not(.active) {
  display: none;
}
.interactive-video-area.multi-user > .wrapper .video-controls-bar {
  position: static;
  padding: 8px 16px;
  justify-content: center;
  margin: 0 auto;
  width: auto;
  border-radius: 100px;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
  .interactive-video-area.multi-user > .wrapper .video-controls-bar {
    background-color: #f7f7f7;
  }
}
.interactive-video-area.multi-user > .wrapper .video-controls-bar .round-button-wrapper button.btn-round {
  background-color: rgba(0, 0, 0, 0.12);
}
@keyframes show {
  0% {
    opacity: 0;
    transform: scale(0.4) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.preview-video-wrapper {
  margin-bottom: 24px;
}
.preview-video-wrapper .OT_root,
.preview-video-wrapper .vv-root {
  display: block;
  overflow: visible !important;
  border-radius: 16px;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
  .preview-video-wrapper .OT_root,
  .preview-video-wrapper .vv-root {
    border-radius: 4px;
  }
}
.preview-video-wrapper .OT_root.placeholder,
.preview-video-wrapper .vv-root.placeholder {
  border-radius: 16px;
  overflow: hidden !important;
}
@media (max-width: 991px) {
  .preview-video-wrapper .OT_root.placeholder,
  .preview-video-wrapper .vv-root.placeholder {
    border-radius: 4px;
  }
}
.preview-video-wrapper .OT_root .OT_widget-container,
.preview-video-wrapper .vv-root .OT_widget-container,
.preview-video-wrapper .OT_root .vv-widget-container,
.preview-video-wrapper .vv-root .vv-widget-container,
.preview-video-wrapper .OT_root .vv-video-poster,
.preview-video-wrapper .vv-root .vv-video-poster {
  border-radius: 16px;
}
@media (max-width: 991px) {
  .preview-video-wrapper .OT_root .OT_widget-container,
  .preview-video-wrapper .vv-root .OT_widget-container,
  .preview-video-wrapper .OT_root .vv-widget-container,
  .preview-video-wrapper .vv-root .vv-widget-container,
  .preview-video-wrapper .OT_root .vv-video-poster,
  .preview-video-wrapper .vv-root .vv-video-poster {
    border-radius: 4px;
  }
}
.preview-video-wrapper .OT_root .OT_widget-container video,
.preview-video-wrapper .vv-root .OT_widget-container video,
.preview-video-wrapper .OT_root .vv-widget-container video,
.preview-video-wrapper .vv-root .vv-widget-container video,
.preview-video-wrapper .OT_root .vv-video-poster video,
.preview-video-wrapper .vv-root .vv-video-poster video {
  border-radius: 16px;
}
@media (max-width: 991px) {
  .preview-video-wrapper .OT_root .OT_widget-container video,
  .preview-video-wrapper .vv-root .OT_widget-container video,
  .preview-video-wrapper .OT_root .vv-widget-container video,
  .preview-video-wrapper .vv-root .vv-widget-container video,
  .preview-video-wrapper .OT_root .vv-video-poster video,
  .preview-video-wrapper .vv-root .vv-video-poster video {
    border-radius: 4px;
  }
}
body.sf .preview-video-wrapper .OT_root .OT_widget-container .OT_video-element,
body.sf .preview-video-wrapper .vv-root .OT_widget-container .OT_video-element,
body.sf .preview-video-wrapper .OT_root .vv-widget-container .OT_video-element,
body.sf .preview-video-wrapper .vv-root .vv-widget-container .OT_video-element,
body.sf .preview-video-wrapper .OT_root .vv-video-poster .OT_video-element,
body.sf .preview-video-wrapper .vv-root .vv-video-poster .OT_video-element {
  border-radius: 16px;
}
@media (max-width: 991px) {
  body.sf .preview-video-wrapper .OT_root .OT_widget-container .OT_video-element,
  body.sf .preview-video-wrapper .vv-root .OT_widget-container .OT_video-element,
  body.sf .preview-video-wrapper .OT_root .vv-widget-container .OT_video-element,
  body.sf .preview-video-wrapper .vv-root .vv-widget-container .OT_video-element,
  body.sf .preview-video-wrapper .OT_root .vv-video-poster .OT_video-element,
  body.sf .preview-video-wrapper .vv-root .vv-video-poster .OT_video-element {
    border-radius: 4px;
  }
}
.preview-video-wrapper .OT_root .vv-widget-container,
.preview-video-wrapper .vv-root .vv-widget-container {
  height: 100%;
  width: 100%;
  background: #222222;
}
.preview-video-wrapper video {
  width: 100%;
  height: 100%;
}
.participant-info-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  margin: 0 -4px;
  padding: 4px 8px;
}
.participant-info-wrapper:last-of-type {
  margin-bottom: 0;
}
.participant-info-wrapper .info {
  display: flex;
  align-items: center;
  max-width: calc(100% - 32px);
}
.participant-info-wrapper .info img.avatar {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  margin-right: 8px;
}
.participant-info-wrapper .info .text {
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 32px);
}
.participant-info-wrapper .info .text .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.participant-info-wrapper .actions {
  display: flex;
  align-items: center;
  position: relative;
  height: 40px;
}
.participant-info-wrapper .actions > .btn {
  width: 32px;
  height: 32px;
}
.participant-info-wrapper .actions .more-actions {
  display: flex;
  height: 100%;
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(150%);
  -webkit-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.participant-info-wrapper .actions .more-actions .btn {
  background-color: #ffffff;
}
.participant-info-wrapper:hover {
  background-color: rgba(0, 38, 255, 0.1);
}
.participant-info-wrapper:hover .actions > .btn {
  display: none;
}
.participant-info-wrapper:hover .actions .more-actions {
  transform: translateX(0);
}
.interactive-video-area.in-chat-video-audio-area {
  padding: 16px 16px 0;
  margin: auto;
  max-width: 600px;
  max-height: calc(450px);
}
@media (max-width: 991px) {
  .interactive-video-area.in-chat-video-audio-area {
    padding: 0;
    max-width: unset;
    max-height: unset;
  }
}
.interactive-video-area.in-chat-video-audio-area .wrapper {
  position: relative;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .main-container #video-container .OT_root.OT_fit-mode-cover .OT_video-element,
.interactive-video-area.in-chat-video-audio-area .wrapper .main-container #video-container .OT_root.OT_fit-mode-cover video {
  max-width: 60vh;
  max-width: calc(var(--vh, 1vh) * 60);
  margin: 0 auto;
  position: static;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .main-container #video-container .vv-root.vv-fit-mode-cover video {
  margin: 0 auto;
  z-index: 2;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .main-container .vv-audio-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar {
  position: absolute;
  bottom: 0;
  z-index: 100;
  align-self: center;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .status-wrapper,
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .chat-countdown-timer {
  display: flex;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  padding: 0 8px;
  width: 96px;
  background-color: #737373;
  color: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.26);
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .status-wrapper i.material-icons,
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .chat-countdown-timer i.material-icons {
  top: 0;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .status-wrapper span,
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .chat-countdown-timer span {
  line-height: 24px;
  font-size: 12px;
  margin-left: 4px;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .chat-countdown-timer {
  width: 80px;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .chat-countdown-timer span {
  font-size: 16px;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .control-buttons-wrapper {
  display: flex;
  align-items: center;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .control-buttons-wrapper .round-button-wrapper button.btn-round {
  background-color: #f7f7f7;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .control-buttons-wrapper .round-button-wrapper.end-call button.btn-round {
  background-color: #da1e28;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .control-buttons-wrapper .round-button-wrapper.end-call button.btn-round i {
  color: #ffffff;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .control-buttons-wrapper .dropdown-menu .round-button-wrapper.end-call button.btn-round i {
  background: #da1e28;
  border-radius: 50%;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .text-and-video-switch {
  display: none;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 80px;
}
.interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .text-and-video-switch .round-button-wrapper button.btn-round {
  background-color: #f7f7f7;
}
@media (max-width: 991px) {
  .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar {
    bottom: 16px;
    padding: 8px;
  }
  .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .round-button-wrapper > button.btn.btn-round {
    width: 48px;
    height: 48px;
  }
  .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .round-button-wrapper > button.btn.btn-round i {
    font-size: 28px !important;
  }
  .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .chat-countdown-timer {
    display: none;
  }
  .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .status-wrapper {
    order: -1;
  }
}
.mini-in-chat-video-audio-wrapper {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 100;
  border-radius: 8px;
  border: 1px solid #222222;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mini-in-chat-video-audio-wrapper.top {
  bottom: auto;
  right: 16px;
  top: 16px;
}
.mini-in-chat-video-audio-wrapper .name {
  display: block;
  top: 8px;
  left: 8px;
  position: absolute;
  z-index: 100;
  background: rgba(0, 0, 0, 0.26);
  color: #ffffff;
  padding: 4px 8px;
  max-width: calc(100% - 96px);
  border-radius: 16px;
  line-height: 14px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .name {
    display: none;
  }
}
.mini-in-chat-video-audio-wrapper .button-wrapper {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 100;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  padding: 0 8px;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .button-wrapper {
    right: 0;
    justify-content: center;
  }
}
.mini-in-chat-video-audio-wrapper .button-wrapper .round-button-wrapper button.btn.btn-round {
  width: 40px;
  height: 40px;
  background-color: #f7f7f7;
  margin-left: 8px;
}
.mini-in-chat-video-audio-wrapper .button-wrapper .round-button-wrapper.flip button.btn.btn-round i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.mini-in-chat-video-audio-wrapper .interactive-video-area {
  width: 280px;
  height: calc(157.5px);
  display: block !important;
  padding: 0;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .interactive-video-area {
    width: 200px;
    height: calc(112.5px);
  }
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper {
  border-radius: 8px;
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root {
  overflow: visible !important;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root {
    border-radius: 8px;
  }
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root.placeholder,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root.placeholder {
  border-radius: 8px;
  overflow: hidden !important;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root.placeholder,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root.placeholder {
    border-radius: 8px;
  }
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .OT_widget-container,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .OT_widget-container,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-widget-container,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-widget-container,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-video-poster,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-video-poster {
  border-radius: 8px;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .OT_widget-container,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .OT_widget-container,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-widget-container,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-widget-container,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-video-poster,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-video-poster {
    border-radius: 8px;
  }
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .OT_widget-container video,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .OT_widget-container video,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-widget-container video,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-widget-container video,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-video-poster video,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-video-poster video {
  border-radius: 8px;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .OT_widget-container video,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .OT_widget-container video,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-widget-container video,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-widget-container video,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-video-poster video,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-video-poster video {
    border-radius: 8px;
  }
}
body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .OT_widget-container .OT_video-element,
body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .OT_widget-container .OT_video-element,
body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-widget-container .OT_video-element,
body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-widget-container .OT_video-element,
body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-video-poster .OT_video-element,
body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-video-poster .OT_video-element {
  border-radius: 8px;
}
@media (max-width: 991px) {
  body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .OT_widget-container .OT_video-element,
  body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .OT_widget-container .OT_video-element,
  body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-widget-container .OT_video-element,
  body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-widget-container .OT_video-element,
  body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-video-poster .OT_video-element,
  body.sf .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-video-poster .OT_video-element {
    border-radius: 8px;
  }
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .OT_name,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .OT_name,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .vv-name,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .vv-name {
  display: none;
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root .OT_audio-level-meter,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root .OT_audio-level-meter {
  display: none;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root.focused .OT_video-poster,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root.focused .OT_video-poster,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root.focused .vv-video-poster,
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root.focused .vv-video-poster {
    background-size: 64px !important;
  }
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root:not(.focused),
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root:not(.focused) {
  width: 64px !important;
  height: calc(36px) !important;
  top: 8px;
  right: 16px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .OT_root:not(.focused),
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture .vv-root:not(.focused) {
    width: 50px !important;
    height: calc(28.125px) !important;
    min-width: 50px;
    min-height: calc(28.125px);
    top: 4px;
    right: 4px;
  }
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture.in .OT_root:not(.focused),
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .main-container #video-container.picture-in-picture.in .vv-root:not(.focused) {
  transition: none !important;
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .video-controls-bar {
  padding: 12px 8px;
}
@media (max-width: 991px) {
  .mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .video-controls-bar {
    display: none;
  }
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .video-controls-bar .chat-countdown-timer {
  display: flex !important;
}
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .video-controls-bar .control-buttons-wrapper,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .video-controls-bar .status-wrapper,
.mini-in-chat-video-audio-wrapper .interactive-video-area > .wrapper .video-controls-bar .text-and-video-switch {
  display: none !important;
}
.chat-screen .interactive-video-area.in-chat-video-audio-area,
.chat-screen.text_only .interactive-video-area.in-chat-video-audio-area {
  display: none;
}
.chat-screen.with-video-chat .app-bar.chat-view,
.chat-screen.with-audio-chat .app-bar.chat-view {
  background: transparent;
  position: fixed;
  width: 100%;
  box-shadow: none;
}
.chat-screen.with-video-chat .app-bar.chat-view .title-area,
.chat-screen.with-audio-chat .app-bar.chat-view .title-area {
  color: #ffffff;
}
.chat-screen.with-video-chat .app-bar.chat-view .title-area .btn.btn-round,
.chat-screen.with-audio-chat .app-bar.chat-view .title-area .btn.btn-round {
  background-color: rgba(0, 0, 0, 0.12);
}
.chat-screen.with-video-chat .app-bar.chat-view .title-area .btn.btn-round i,
.chat-screen.with-audio-chat .app-bar.chat-view .title-area .btn.btn-round i {
  color: #ffffff;
}
.chat-screen.with-video-chat .app-bar.chat-view .title-area .mobile-chat-info-area .user-info > *,
.chat-screen.with-audio-chat .app-bar.chat-view .title-area .mobile-chat-info-area .user-info > * {
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  padding: 0 8px;
  margin-bottom: 2px !important;
  color: #ffffff !important;
  width: -moz-fit-content;
  width: fit-content;
}
.chat-screen.with-video-chat .app-bar.chat-view .title-area .mobile-chat-info-area .user-info > *:last-child,
.chat-screen.with-audio-chat .app-bar.chat-view .title-area .mobile-chat-info-area .user-info > *:last-child {
  margin-bottom: 0 !important;
}
.chat-screen.with-video-chat .interactive-video-area.in-chat-video-audio-area,
.chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area {
  display: block;
  height: 40vh;
  height: calc(var(--vh, 1vh) * 40);
}
.chat-screen.with-video-chat .interactive-video-area.in-chat-video-audio-area .wrapper,
.chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area .wrapper {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 991px) {
  .chat-screen.with-video-chat .interactive-video-area.in-chat-video-audio-area .wrapper,
  .chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area .wrapper {
    border-radius: 0;
    box-shadow: none;
  }
}
@media (max-width: 991px) {
  .chat-screen.with-video-chat .interactive-video-area.in-chat-video-audio-area,
  .chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
  .chat-screen.with-video-chat .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .text-and-video-switch,
  .chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .text-and-video-switch {
    display: flex;
  }
}
@media (max-width: 991px) {
  .chat-screen.with-video-chat .chat-col,
  .chat-screen.with-audio-chat .chat-col {
    height: auto !important;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
    padding: 144px 8px 8px 8px;
    position: absolute;
    bottom: 80px;
    width: 80%;
    z-index: 11;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .unread-messages,
  .chat-screen.with-audio-chat .chat-col .chat-panel .unread-messages,
  .chat-screen.with-video-chat .chat-col .chat-panel .date-separator,
  .chat-screen.with-audio-chat .chat-col .chat-panel .date-separator {
    display: none;
    order: -1;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section {
    display: none;
    color: #ffffff;
    overflow: hidden;
    margin-bottom: 4px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px 8px;
    border-radius: 16px;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section:nth-last-child(3),
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section:nth-last-child(3) {
    opacity: .7;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section:nth-last-child(-n+3),
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section:nth-last-child(-n+3) {
    display: block;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section,
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section.chat-me,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section.chat-me,
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section.chat-other1,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section.chat-other1,
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section.chat-other2,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section.chat-other2 {
    background-color: rgba(0, 0, 0, 0.12);
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section.admin .message-area .chat-name,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section.admin .message-area .chat-name {
    color: #ffffff;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single i,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section.admin .message-area .chat-messages .chat-message-single i {
    color: #b3b3b3;
    font-size: 16px;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .profile-img,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .profile-img {
    margin-right: 0;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .profile-img img,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .profile-img img {
    width: 24px;
    height: 24px;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .message-area,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .message-area {
    margin-left: 32px;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .message-area .chat-name,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .message-area .chat-name {
    display: none;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single {
    padding: 2px 4px;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .message-actions-wrapper,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single .message-actions-wrapper {
    display: none !important;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single p,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single p {
    font-size: 12px;
  }
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single p img.emojione,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single p img.emojione,
  .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single p div.emoji-only span img:only-of-type,
  .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single p div.emoji-only span img:only-of-type {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
  }
  .chat-screen.with-video-chat .chat-col .chat-input-area,
  .chat-screen.with-audio-chat .chat-col .chat-input-area {
    display: none;
  }
}
@media (max-width: 991px) {
  .chat-screen.with-video-chat .main-action-col.with-text-control .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar {
    justify-content: flex-end;
    width: auto;
    right: 0;
    height: 64px;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .status-wrapper,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .status-wrapper,
  .chat-screen.with-video-chat .main-action-col.with-text-control .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .control-buttons-wrapper,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .control-buttons-wrapper {
    display: none;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col {
    width: 100%;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section {
    opacity: 1;
    padding-bottom: 8px;
    background-color: rgba(0, 0, 0, 0.38);
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section:not(.typing),
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section:not(.typing) {
    display: block !important;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section .message-area .chat-name,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section .message-area .chat-name {
    display: block;
    margin-top: 2px;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section .message-area .chat-name .chat-time-inline,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section .message-area .chat-name .chat-time-inline {
    color: #f7f7f7;
    margin-left: 8px;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section.extend-chat-message:not(:last-of-type),
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-panel .chat-message-section.extend-chat-message:not(:last-of-type) {
    display: none !important;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-input-area,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-input-area {
    display: block;
    position: fixed;
    bottom: 20px;
    width: calc(100vw - 104px);
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message {
    padding-bottom: 8px !important;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input {
    height: 40px !important;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .bzInput .emojionearea,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .bzInput .emojionearea {
    background: rgba(0, 0, 0, 0.38);
    border-color: #ffffff;
    padding-left: 0;
    height: 40px;
    border-radius: 24px;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-button,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-button {
    display: none;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-editor,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-editor {
    height: 38px;
    color: white;
    padding: 8px 50px 8px 16px;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-editor:empty,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .bzInput .emojionearea .emojionearea-editor:empty {
    padding: 8px 16px;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .btn.snippet-button,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .btn.snippet-button {
    display: none;
  }
  .chat-screen.with-video-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .btn.send-button,
  .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-col .chat-input-area .chat-send-message .chat-input .btn.send-button {
    color: #f7f7f7;
    height: 38px !important;
  }
}
.chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area > .wrapper #video-container.picture-in-picture .OT_root:not(.focused),
.chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area > .wrapper #video-container.picture-in-picture .vv-root:not(.focused) {
  pointer-events: none;
  cursor: auto;
}
@media (min-width: 992px) {
  .chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area {
    display: block;
    max-width: 400px;
  }
}
@media (max-width: 991px) {
  .chat-screen.group-chat .app-bar.chat-view {
    background: #222222;
    box-shadow: none;
  }
  .chat-screen.group-chat .app-bar.chat-view .title-area {
    color: #ffffff;
  }
  .chat-screen.group-chat .app-bar.chat-view .title-area .btn.btn-round {
    background-color: rgba(255, 255, 255, 0.12);
  }
  .chat-screen.group-chat .app-bar.chat-view .title-area .btn.btn-round i {
    color: #ffffff;
  }
  .chat-screen.group-chat .app-bar.chat-view .title-area .mobile-group-chat-nav-info {
    display: flex;
    flex-direction: column;
    max-width: calc(100vw - 120px);
    flex: 0 0 calc(100vw - 120px);
    overflow: hidden;
  }
  .chat-screen.group-chat .app-bar.chat-view .title-area .mobile-group-chat-nav-info > * {
    padding: 0 8px;
    color: #b3b3b3;
    margin: 0;
  }
  .chat-screen.group-chat .app-bar.chat-view .title-area .mobile-group-chat-nav-info .booth-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #b3b3b3;
    margin-top: 4px;
  }
}
.chat-screen.group-chat .content .center-col {
  width: calc(100% - 256px);
  flex: 0 0 calc(100% - 256px);
}
.modal.accept-video-audio-chat .modal-dialog .modal-content {
  width: auto;
  max-width: 85%;
}
.modal.accept-video-audio-chat .modal-dialog .modal-content .modal-header {
  display: none;
}
.modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body {
  text-align: center;
  padding: 24px 32px;
}
@media (max-width: 991px) {
  .modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body {
    padding: 16px;
  }
}
.modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body .partner-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body .partner-image-container img.avatar {
  width: 64px;
  height: 64px;
}
@media (max-width: 991px) {
  .modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body .partner-image-container img.avatar {
    width: 56px;
    height: 56px;
  }
}
.modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body .partner-image-container i.material-icons {
  font-size: 40px;
  margin-left: 16px;
  color: rgba(0, 0, 0, 0.38);
}
.modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body .partner-image-container i.material-icons.audio {
  font-size: 38px;
}
@media (max-width: 991px) {
  .modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body .partner-image-container i.material-icons {
    font-size: 32px;
  }
  .modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body .partner-image-container i.material-icons.audio {
    font-size: 30px;
  }
}
.modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body h4 {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
  line-height: 1.3;
}
.modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body p {
  color: #737373;
}
.modal.accept-video-audio-chat .modal-dialog .modal-content .modal-body .button-wrapper {
  margin-top: 32px;
}
.page.chat-screen.with-video-chat .content .center-col .main-action-col .chat-col,
.page.chat-screen.with-audio-chat .content .center-col .main-action-col .chat-col {
  height: 60vh;
  height: calc(var(--vh, 1vh) * 60);
}
.booth-screen .chat-widget-wrapper .chat-screen .main-action-col {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: hidden;
}
.booth-screen .chat-widget-wrapper .chat-screen .main-action-col .chat-col {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: hidden;
  transform: translateX(0);
}
.booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .interactive-video-area.in-chat-video-audio-area,
.booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area {
  height: calc(50vh - 143px);
  padding: 0 0 16px;
}
@media (max-width: 991px) {
  .booth-screen .chat-widget-wrapper .chat-screen {
    height: calc(100vh - 64px);
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat {
    margin: -16px;
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .interactive-video-area.in-chat-video-audio-area,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area {
    height: calc(100vh - 64px);
    padding: 0;
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .status-wrapper,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .interactive-video-area.in-chat-video-audio-area .wrapper .video-controls-bar .status-wrapper {
    display: none;
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .chat-col,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .chat-col {
    bottom: 0;
    max-height: calc(100vh - 64px);
    padding-top: 80px;
    z-index: 0;
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .chat-col .chat-panel,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .chat-col .chat-panel {
    padding-bottom: 80px;
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section {
    background: transparent;
    width: 100%;
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section.chat-me .message-area,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section.chat-me .message-area {
    margin-left: auto;
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .chat-col .chat-panel .chat-message-section .message-area .chat-messages .chat-message-single {
    background-color: #737373;
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .chat-col .chat-input-area,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .chat-col .chat-input-area {
    width: calc(100vw - 128px);
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .chat-col .chat-input-area .chat-send-message,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .chat-col .chat-input-area .chat-send-message {
    background: transparent;
  }
  .booth-screen .chat-widget-wrapper .chat-screen.with-video-chat .main-action-col.with-text-control .chat-panel:after,
  .booth-screen .chat-widget-wrapper .chat-screen.with-audio-chat .main-action-col.with-text-control .chat-panel:after {
    content: "";
    height: 80px;
    background: linear-gradient(rgba(0, 0, 0, 0.38), #222222, #000000, #000000, #000000);
    position: absolute;
    bottom: 0;
    left: -8px;
    right: 0;
  }
}
.send-test-email-modal-body {
  overflow: unset !important;
}