@import url(https://fonts.googleapis.com/css?family=Lato:400,700italic,700);
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header__dropdown--select {
  margin-top: -16px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker__current-month--hasYearDropdown {
  margin-bottom: 16px;
}

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
}
.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}
.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}
.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view {
  width: 50%;
  left: 25%;
  position: absolute;
  bottom: 25px;
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow {
  border-top-color: #ccc;
  margin-bottom: 3px;
  left: 5px;
  top: 9px;
  position: relative;
  border-width: 0.45rem;
}
.react-datepicker__year-read-view--selected-year {
  right: 0.45rem;
  position: relative;
}

.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected {
  position: absolute;
  left: 30px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
}

.react-datepicker__tether-element {
  z-index: 2147483647;
}

.no-padding {
  padding: 0 !important;
}
.no-padding.children .panel-body,
.no-padding.children .panel-heading,
.no-padding.children label {
  padding: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-left.children .panel-body,
.no-padding-left.children .panel-heading,
.no-padding-left.children label {
  padding: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-right.children .panel-body,
.no-padding-right.children .panel-heading,
.no-padding-right.children label {
  padding: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-top.children .panel-body,
.no-padding-top.children .panel-heading,
.no-padding-top.children label {
  padding: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-bottom.children .panel-body,
.no-padding-bottom.children .panel-heading,
.no-padding-bottom.children label {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin.children .panel-body,
.no-margin.children .panel-heading {
  margin: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.text-italic {
  font-style: italic;
}
.text-bold {
  font-weight: 800;
}
.progress-spinner {
  margin: 5px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.8em solid rgba(51, 122, 183, 0.2);
  border-right: 0.8em solid rgba(51, 122, 183, 0.2);
  border-bottom: 0.8em solid rgba(51, 122, 183, 0.2);
  border-left: 0.8em solid #337ab7;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spin 1.1s infinite linear;
  animation: spin 1.1s infinite linear;
}
.progress-spinner.inline {
  display: inline-block;
  margin: 0;
  border-width: 3px;
  border-top-color: rgba(255, 255, 255, 0.2);
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
  vertical-align: -3px;
}
.progress-spinner,
.progress-spinner:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.progress-spinner.inline,
.progress-spinner.inline:after {
  width: 16px;
  height: 16px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.range-picker {
  margin-bottom: 0;
}
.range-picker .picker-wrapper {
  display: flex;
  display: -webkit-flex;
  align-content: center;
  -webkit-align-content: center;
}
.range-picker .picker-wrapper .picker {
  padding-left: 0;
}
.range-picker .picker-wrapper .description-label {
  padding-left: 0.75em;
  align-self: center;
}
.registrationPage *,
.registrationPage *:before,
.registrationPage *:after {
  box-sizing: border-box;
}
.registrationPage .row:before,
.registrationPage .row:after {
  content: "";
  display: table;
}
.registrationPage .row:after {
  clear: both;
}
.registrationPage .top-ribbon {
  height: 30px;
  background-color: #0093c8;
  margin: -20px -20px 0;
}
.registrationPage .top-ribbon #language-select-dropdown {
  background: inherit;
  border: none;
  color: #fff;
  position: absolute;
  right: 10px;
  height: 30px;
}
.registrationPage .top-ribbon #language-select-dropdown:active {
  background: #f5f5f5;
  color: #333;
}
.registrationPage .title-ribbon h1 {
  font-size: 20pt;
  font-family: 'Lato';
  font-weight: bold;
}
.registrationPage .error {
  margin-top: 15px;
}
.registrationPage .jumbo {
  overflow: hidden;
  margin-bottom: 15px;
}
.registrationPage .jumbo .image {
  width: 100%;
  height: 350px;
  background-position: center;
  background-size: cover;
}
.registrationPage .well .date p {
  font-family: 'Lato';
  font-size: 14pt;
  padding: 9px;
  color: #232323;
}
.registrationPage .register-button {
  border: none;
  background-color: #86bc1a;
  width: 100%;
  border-radius: 5px;
  font-family: 'Lato';
  font-weight: bold;
  font-size: 12pt;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  padding: 10px;
  margin: 4px 0;
  cursor: pointer;
}
.registrationPage .register-button:disabled {
  background-color: silver;
}
.registrationPage .info .logo {
  margin-bottom: 15px;
  max-height: 50px;
  max-width: 250px;
  overflow: hidden;
}
.registrationPage .info h2 {
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: bold;
  font-size: 10pt;
  color: #7b7b7b;
}
.registrationPage .info p {
  color: #232323;
  font-family: 'Lato';
  font-size: 13pt;
}
#app-container .single-panel-container.arabic-interface .nav-tabs {
  direction: rtl;
  padding: 0;
}
#app-container .single-panel-container.arabic-interface .tab-content {
  direction: rtl;
}
#app.arabic-interface .nav-tabs {
  display: flex;
  flex-direction: row-reverse;
}
#app.arabic-interface input {
  direction: rtl;
}
#app.arabic-interface .row .panel-default .panel-heading {
  direction: rtl;
}
#app.arabic-interface .row .panel-default .panel-body.row {
  direction: rtl;
  display: flex;
}
#app.arabic-interface .row .panel-default .panel-body.row .form-group {
  display: flex;
}
#app.arabic-interface .row #account-settings {
  direction: rtl;
}
#app.arabic-interface .row #account-settings .form-horizontal .form-group {
  display: flex;
}
#app.arabic-interface .row .navbar .container .navbar-nav {
  float: right;
}
#app.arabic-interface .row .navbar .container .navbar-header {
  float: right;
}
#app.arabic-interface .row .navbar .container .organizations-list {
  float: right;
}
#app.arabic-interface .row .navbar .container .navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}
#app.arabic-interface .row .navbar .container .navbar-collapse #language-dropdown-container {
  float: left;
}
#app.arabic-interface .row .navbar .container .navbar-collapse .organization-sub-menu {
  float: right;
}
#app.arabic-interface .row .navbar .container .navbar-collapse .navbar-right {
  float: left !important;
  margin-right: 5px;
}
#app.arabic-interface .row .navbar .container .navbar-collapse .navbar-right .dropdown-menu {
  left: 0;
  right: auto;
}
#app.arabic-interface .loadedContent .row .today-schedule-ttl {
  flex-direction: row-reverse;
}
#app.arabic-interface .loadedContent .row .panel-title {
  text-align: right;
}
#app.arabic-interface .loadedContent .row .col-xs-6 {
  width: 100%;
}
#app.arabic-interface .loadedContent .row .booths {
  direction: rtl;
}
#app.arabic-interface .loadedContent .row .tab-pane {
  direction: rtl;
}
#app.arabic-interface .loadedContent .row .panel-body .header {
  display: flex;
}
#app.arabic-interface .loadedContent .row .panel-body .col-md-6 {
  text-align: right;
}
#app.arabic-interface .loadedContent .row .panel-body .col-md-6.text-right {
  text-align: left;
}
#app.arabic-interface .loadedContent .row .panel-heading .breadcrumb {
  float: right;
}
#app.arabic-interface .loadedContent .row .panel-heading .panel-menu {
  float: left;
}
#app.arabic-interface .loadedContent .row form {
  direction: rtl;
}
#app.arabic-interface .loadedContent .row form .glyphicon {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}
#app.arabic-interface .loadedContent .row form .form-group {
  display: flex;
}
#app.arabic-interface .loadedContent .row form .panel-title {
  float: right;
}
#app.arabic-interface .loadedContent .row form .panel-tools {
  float: left;
}
#app.arabic-interface .loadedContent .row form .table th {
  text-align: right;
}
#app.arabic-interface .loadedContent .row form .table th.text-right {
  text-align: left;
}
#app.arabic-interface .loadedContent .row #events-list .children ul {
  display: flex;
  flex-direction: row-reverse;
}
#app.arabic-interface .loadedContent .row #events-list .children .tab-content {
  direction: rtl;
}
#app.arabic-interface .loadedContent .row #events-list .children .tab-content th {
  text-align: right;
}
#app.arabic-interface .loadedContent .events-top .col-md-6 .today-schedule .list-schedule {
  direction: rtl;
}
#app.arabic-interface .loadedContent .events-top .col-md-6 .today-schedule .list-schedule ::before {
  right: 0px;
}
#app.arabic-interface .loadedContent .events-top .col-md-6 .today-schedule .list-schedule .item-schedule-right .time-schedule {
  margin-left: 15px;
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
body {
  background-color: #eee;
}
a:focus {
  outline: auto !important;
}
.error-text {
  display: flex;
  align-items: center;
  padding: 5px;
  margin: 5px;
  border-radius: 4px;
  background-color: #FBDBA7;
}
.warning-info {
  background-color: #F5A524;
  padding: 3px;
  height: 20px;
  width: 20px;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  position: absolute;
}
.warning-info .warning-icon-container {
  height: 15px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url(/img/slowdown.svg);
}
.error-display-modal .warning-info {
  position: unset;
  height: 25px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.error-display-modal .warning-info .warning-icon-container {
  height: 20px;
}
.overflow-visible {
  overflow: visible !important;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.text-muted {
  color: #212121;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.display-flex {
  display: flex !important;
}
.width-100 {
  width: 100%;
}
#app-container {
  margin: 20px;
}
.btn-success {
  background-color: #2e8540;
  border-color: #2e8540;
}
.btn-default {
  border-color: #8e8e8e;
}
.form-control {
  border-color: #8e8e8e;
}
.info-container {
  margin-bottom: 10px;
}
.info-container h2 {
  display: inline;
  font-size: 15px !important;
}
.info-container p {
  display: inline;
  vertical-align: top;
  font-size: 15px !important;
}
label[type="checkbox"]:disabled {
  border-color: black !important;
}
.single-panel-container .logo-row {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.single-panel-container .panel-row .panel-body h1 {
  font-size: 180%;
  font-weight: normal;
  margin: 5px 0 0 0;
  padding: 0;
}
.single-panel-container .panel-row .tab-content .panel {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.slides-panel h2,
.booths-panel h2 {
  float: left;
}
.slides-panel .panel-tools,
.booths-panel .panel-tools {
  float: right;
}
.slides-panel .panel-tools .primary,
.booths-panel .panel-tools .primary,
.slides-panel .panel-tools .bidirectional,
.booths-panel .panel-tools .bidirectional {
  margin-right: 30px;
}
.slides-panel .panel-tools .primary:hover,
.booths-panel .panel-tools .primary:hover,
.slides-panel .panel-tools .bidirectional:hover,
.booths-panel .panel-tools .bidirectional:hover {
  cursor: pointer;
}
.slides-panel .panel-tools .eye,
.booths-panel .panel-tools .eye {
  margin-right: 10px;
}
.slides-panel .panel-tools .eye:hover,
.booths-panel .panel-tools .eye:hover {
  cursor: pointer;
}
.slides-panel .panel-tools .trash:hover,
.booths-panel .panel-tools .trash:hover {
  cursor: pointer;
  color: #a94442;
}
.finalize {
  margin-right: 1%;
}
.select-languages-step .language-selector-block {
  display: flex;
  align-items: center;
}
.select-languages-step .language-selector-block .language-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.select-languages-step .language-selector-block .selector-common-button {
  width: auto;
}
.select-languages-step .language-selector-block .selector-common-button .common-button:hover,
.select-languages-step .language-selector-block .selector-common-button .common-button:active,
.select-languages-step .language-selector-block .selector-common-button .common-button:focus {
  background-color: unset;
}
#app nav {
  background-color: #fff;
}
#app nav .navbar-brand img {
  width: 100%;
  height: 23px;
}
#app nav .dropdown-menu li a {
  position: relative;
  padding: 7px 20px 7px 10px;
}
#app nav .dropdown-menu li a i {
  position: absolute;
  top: 10px;
}
#app nav .dropdown-menu li a .title {
  margin-left: 20px;
}
#app nav .members-link {
  position: relative;
}
#app nav .members-link .badge {
  position: absolute;
  top: 3px;
  right: -5px;
  background-color: red;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .panel-heading {
  padding: 15px 15px;
}
#app .avatar-form {
  padding-bottom: 4px;
}
#app table .role {
  text-transform: capitalize;
}
#app .events-top {
  margin-bottom: 20px;
}
#app .events-top .today-schedule {
  padding: 15px;
  margin-left: -15px;
  background-color: #fff;
  border-radius: 3px;
}
#app .events-top .today-schedule .today-schedule-ttl {
  display: flex;
  align-items: center;
}
#app .events-top .today-schedule .today-schedule-ttl.templates {
  margin-bottom: 10px;
}
#app .events-top .today-schedule .today-schedule-ttl img {
  width: 16px;
  height: 18px;
}
#app .events-top .today-schedule .today-schedule-ttl h2 {
  font-size: 18px;
  font-weight: 400;
  margin-left: 7px;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #232323;
}
#app .events-top .today-schedule .list-schedule {
  margin-top: 10px;
  padding: 0;
  list-style: none;
}
#app .events-top .today-schedule .list-schedule .item-schedule {
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  position: relative;
}
#app .events-top .today-schedule .list-schedule .item-schedule::before {
  content: '';
  background-color: #0992c8;
  width: 5px;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 0px;
}
#app .events-top .today-schedule .list-schedule .item-schedule p {
  margin-bottom: 0px;
}
#app .events-top .today-schedule .list-schedule .item-schedule .item-schedule-right {
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .events-top .today-schedule .list-schedule .item-schedule .item-schedule-right.templates button {
  margin: 2.5px;
}
#app .events-top .today-schedule .list-schedule .item-schedule .item-schedule-right .time-schedule {
  text-transform: uppercase;
  margin-right: 15px;
}
#app .events-top .today-schedule .list-schedule .item-schedule .item-schedule-right a {
  border-radius: 3px;
}
#app .events-top .today-schedule .list-schedule .today-schedule-none {
  font-size: 13px;
  color: #232323;
  padding: 10px 0;
}
#app .events-top .wrap-settings {
  display: flex;
  padding: 20px 25px;
  margin-right: -15px;
  background-color: #fff;
  border-radius: 3px;
}
#app .events-top .wrap-settings .icon-settings {
  width: 25%;
  list-style: none;
  cursor: pointer;
}
#app .events-top .wrap-settings .icon-settings button {
  width: 100%;
  border: none;
  background-color: unset;
}
#app .events-top .wrap-settings .icon-settings:last-child .wrap-icon-img {
  border-right-width: 0px;
}
#app .events-top .wrap-settings .icon-settings .wrap-icon-img {
  width: 100%;
  display: flex;
  justify-content: center;
  border-right: 1px solid #e7e7e7;
}
#app .events-top .wrap-settings .icon-settings:hover .icon-img {
  display: none;
}
#app .events-top .wrap-settings .icon-settings:hover .icon-img.icon-img-hover {
  display: block;
}
#app .events-top .wrap-settings .icon-settings .icon-img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  object-position: center center;
}
#app .events-top .wrap-settings .icon-settings .icon-img.icon-img-hover {
  display: none;
}
#app .events-top .wrap-settings .icon-settings .icon-ttl {
  color: #232323;
  margin-top: 10px;
  text-align: center;
  font-size: 13px;
}
#app .events-table {
  margin-bottom: 0;
}
#app .events-table .buttons-container {
  width: 30%;
  table-layout: fixed;
}
#app .secondary-screen-title {
  background-color: navy;
  border-radius: 10px 10px 0 0;
  padding: 5px 10px;
  margin-top: 10px;
  color: white;
}
#account-settings .gravatar {
  padding-left: 50px;
}
#account-settings .gravatar img {
  position: absolute;
  top: -3px;
  left: 15px;
  border-radius: 100%;
}
#events-show .booths .panel-heading {
  padding: 10px 15px;
}
#events-show .booths .panel-heading .panel-title span {
  font-size: 14px;
}
#events-show .slides form {
  margin-bottom: 15px;
}
#events-show .slides .slider {
  text-align: center;
}
#events-show .slides .slider .slider-list img {
  max-width: 100%;
}
#events-show .template-name {
  margin-bottom: 30px;
}
#system-check .loader-wrapper {
  position: relative;
  height: 100px;
}
#system-check .loader-wrapper-table {
  position: relative;
  height: 20px;
}
#system-check .test .title {
  margin: 0;
}
#system-check .test .body p:first-child {
  margin-top: 10px;
}
#system-check .test .check {
  font-size: 15px;
}
#system-check .test .stream-capture {
  margin-bottom: 10px;
}
#system-check .test .stream-capture .video-container {
  position: relative;
  border: 1px solid black;
  box-sizing: content-box;
}
#system-check .test .stream-capture video,
#system-check .test .stream-capture .video,
#system-check .test .stream-capture .placerholder {
  width: 100%;
  height: 100%;
}
#system-check .test .stream-capture .placerholder {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e6e6e1;
  text-align: center;
}
#system-check .test .stream-capture .placerholder i {
  font-size: 60px;
}
#system-check .test .stream-capture.w200 .local {
  padding-right: 8px;
}
#system-check .test .stream-capture.w200 .remote {
  padding-left: 8px;
}
#system-check .test .stream-capture.w200 .video-container {
  width: 200px;
  height: 150px;
}
#system-check .test .stream-capture.w200 .placerholder i {
  margin-top: 45px;
}
#system-check .test .stream-capture.w200 .bandwidth {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#system-check .test .stream-capture.w200 .bandwidth .label {
  font-size: 14px;
}
#system-check .test .stream-capture.w200 .bandwidth i {
  margin-right: 0.6em;
}
#system-check .test .stream-capture.w400 .video-container {
  width: 400px;
  height: 300px;
}
#system-check .test .stream-capture.w400 .placerholder i {
  margin-top: 120px;
}
#system-check .test .controls {
  margin-left: -5px;
}
#system-check .test .controls .btn {
  margin-left: 5px;
}
#system-check .otQualityTest .measuringQuality {
  margin-top: 10px;
  font-size: 12px;
}
#system-check .otQualityTest .measuringQuality .progressBar {
  height: 10px;
  width: 100%;
  background: #cccccc;
}
#system-check .otQualityTest .measuringQuality .progressBar .progressBarIndicator {
  transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
  height: 10px;
  background: #0093c8;
}
#system-check .otQualityTest .qualityTestResults {
  margin-top: 10px;
}
#system-check .otQualityTest .qualityTestResults .qualityResult {
  display: flex;
}
#system-check .otQualityTest .qualityTestResults .qualityResult .param {
  width: 90px;
  margin: 0px 10px;
}
#system-check .otQualityTest .qualityTestResults .qualityResult .result {
  font-weight: bold;
}
#system-check .otQualityTest .qualityTestResults .qualityResult .result.Excellent {
  color: #076426;
}
#system-check .otQualityTest .qualityTestResults .qualityResult .result.Good {
  color: #24992e;
}
#system-check .otQualityTest .qualityTestResults .qualityResult .result.Fair {
  color: #007acc;
}
#system-check .otQualityTest .qualityTestResults .qualityResult .result.Poor {
  color: #ec780c;
}
#system-check .otQualityTest .qualityTestResults .qualityResult .result.Bad {
  color: #c50f1e;
}
#system-check .otQualityTest .videoFeeds {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  align-items: flex-end;
}
#system-check .otQualityTest .videoFeeds .cameraFeedWrap {
  margin: 10px 20px 0 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#system-check .otQualityTest .videoFeeds .cameraFeedName {
  font-size: 13px;
}
#system-check .otQualityTest #cameraFeed,
#system-check .otQualityTest #audienceCameraFeed {
  width: 270px;
  height: 202px;
}
#system-check .otQualityTest #audienceCameraFeed {
  transform: scaleX(-1);
}
#events-create form .header,
#events-edit form .header,
#events-show form .header {
  margin: 10px 0;
  line-height: 1.1;
  font-weight: 500;
  color: #212121;
  font-weight: bold;
}
#events-create form .header .separator,
#events-edit form .header .separator,
#events-show form .header .separator {
  margin: 0 10px;
}
#events-create form .header .passive,
#events-edit form .header .passive,
#events-show form .header .passive {
  font-weight: normal;
}
#events-create form > .row,
#events-edit form > .row,
#events-show form > .row {
  display: flex;
}
#events-create form > .row .inputs hr,
#events-edit form > .row .inputs hr,
#events-show form > .row .inputs hr {
  margin-top: 0;
}
#events-create form > .row .inputs .description,
#events-edit form > .row .inputs .description,
#events-show form > .row .inputs .description {
  min-height: 100px;
}
#events-create form > .row .inputs .presenters-list,
#events-edit form > .row .inputs .presenters-list,
#events-show form > .row .inputs .presenters-list {
  min-height: 100px;
  border-bottom-right-radius: 4px;
  resize: vertical;
}
#events-create form > .row .inputs .presenters-list-button,
#events-edit form > .row .inputs .presenters-list-button,
#events-show form > .row .inputs .presenters-list-button {
  vertical-align: top;
}
#events-create form > .row .inputs .validation-message,
#events-edit form > .row .inputs .validation-message,
#events-show form > .row .inputs .validation-message {
  display: inline-table;
  padding: 5px 0 0 5px;
}
#events-create form > .row .inputs .empty,
#events-edit form > .row .inputs .empty,
#events-show form > .row .inputs .empty {
  color: #999;
}
#events-create form > .row .inputs .react-datepicker__input-container,
#events-edit form > .row .inputs .react-datepicker__input-container,
#events-show form > .row .inputs .react-datepicker__input-container {
  width: 100%;
}
#events-create form > .row .inputs .timepicker,
#events-edit form > .row .inputs .timepicker,
#events-show form > .row .inputs .timepicker {
  cursor: text;
  position: relative;
}
#events-create form > .row .inputs .timepicker.disabled,
#events-edit form > .row .inputs .timepicker.disabled,
#events-show form > .row .inputs .timepicker.disabled {
  background-color: #eee;
  cursor: default;
}
#events-create form > .row .inputs .timepicker input,
#events-edit form > .row .inputs .timepicker input,
#events-show form > .row .inputs .timepicker input {
  background: transparent;
  text-align: center;
  border: none;
  width: 25px;
}
#events-create form > .row .inputs .timepicker button,
#events-edit form > .row .inputs .timepicker button,
#events-show form > .row .inputs .timepicker button {
  position: absolute;
  right: 2px;
  font-size: 8px;
  padding: 1px 3px;
  line-height: 1;
}
#events-create form > .row .inputs .timepicker button[disabled],
#events-edit form > .row .inputs .timepicker button[disabled],
#events-show form > .row .inputs .timepicker button[disabled] {
  cursor: default;
}
#events-create form > .row .inputs .timepicker button.increment,
#events-edit form > .row .inputs .timepicker button.increment,
#events-show form > .row .inputs .timepicker button.increment {
  top: 2px;
}
#events-create form > .row .inputs .timepicker button.decrement,
#events-edit form > .row .inputs .timepicker button.decrement,
#events-show form > .row .inputs .timepicker button.decrement {
  bottom: 2px;
}
#events-create form > .row .inputs .modal-container,
#events-edit form > .row .inputs .modal-container,
#events-show form > .row .inputs .modal-container {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
#events-create form > .row .inputs .modal-container .edit-modal,
#events-edit form > .row .inputs .modal-container .edit-modal,
#events-show form > .row .inputs .modal-container .edit-modal {
  position: absolute;
  width: 500px;
  height: 350px;
  background-color: #fff;
  z-index: 1111;
  border: 1px solid #ccc;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#events-create form > .row .inputs .modal-container .edit-modal .edit-row,
#events-edit form > .row .inputs .modal-container .edit-modal .edit-row,
#events-show form > .row .inputs .modal-container .edit-modal .edit-row {
  width: 95%;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#events-create form > .row .inputs .modal-container .edit-modal .edit-row .cancel-btn,
#events-edit form > .row .inputs .modal-container .edit-modal .edit-row .cancel-btn,
#events-show form > .row .inputs .modal-container .edit-modal .edit-row .cancel-btn {
  margin-right: 10px;
}
#events-create form > .row .inputs .presenters,
#events-edit form > .row .inputs .presenters,
#events-show form > .row .inputs .presenters {
  border: 1px solid #ddd;
  margin-bottom: 0;
  table-layout: auto;
}
#events-create form > .row .inputs .presenters thead tr th,
#events-edit form > .row .inputs .presenters thead tr th,
#events-show form > .row .inputs .presenters thead tr th {
  border-bottom-width: 1px;
}
#events-create form > .row .inputs .presenters thead tr .remove-all,
#events-edit form > .row .inputs .presenters thead tr .remove-all,
#events-show form > .row .inputs .presenters thead tr .remove-all {
  float: right;
  line-height: inherit;
  cursor: pointer;
}
#events-create form > .row .inputs .presenters tr,
#events-edit form > .row .inputs .presenters tr,
#events-show form > .row .inputs .presenters tr {
  border: 1px solid #ddd;
}
#events-create form > .row .inputs .presenters tr:hover .remove-presenter,
#events-edit form > .row .inputs .presenters tr:hover .remove-presenter,
#events-show form > .row .inputs .presenters tr:hover .remove-presenter,
#events-create form > .row .inputs .presenters tr:hover .edit-presenter,
#events-edit form > .row .inputs .presenters tr:hover .edit-presenter,
#events-show form > .row .inputs .presenters tr:hover .edit-presenter {
  visibility: visible;
}
#events-create form > .row .inputs .presenters tr .no-presenters,
#events-edit form > .row .inputs .presenters tr .no-presenters,
#events-show form > .row .inputs .presenters tr .no-presenters {
  opacity: 0.6;
}
#events-create form > .row .inputs .presenters tr .remove-presenter,
#events-edit form > .row .inputs .presenters tr .remove-presenter,
#events-show form > .row .inputs .presenters tr .remove-presenter,
#events-create form > .row .inputs .presenters tr .edit-presenter,
#events-edit form > .row .inputs .presenters tr .edit-presenter,
#events-show form > .row .inputs .presenters tr .edit-presenter {
  visibility: hidden;
  cursor: pointer;
}
#events-create form > .row .inputs .presenters tr .edit-presenter,
#events-edit form > .row .inputs .presenters tr .edit-presenter,
#events-show form > .row .inputs .presenters tr .edit-presenter {
  color: #000000;
  margin-right: 10px;
}
#events-create form > .row .inputs .presenters tr td > div,
#events-edit form > .row .inputs .presenters tr td > div,
#events-show form > .row .inputs .presenters tr td > div {
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#events-create form > .row .inputs .presenters tr td.columnRemove,
#events-edit form > .row .inputs .presenters tr td.columnRemove,
#events-show form > .row .inputs .presenters tr td.columnRemove {
  display: block;
  border-width: 0px;
}
#events-create form > .row .inputs .presenters .columnRemove,
#events-edit form > .row .inputs .presenters .columnRemove,
#events-show form > .row .inputs .presenters .columnRemove {
  border-right: 1px solid #ddd;
  display: flex;
}
#events-create form > .row .inputs .language,
#events-edit form > .row .inputs .language,
#events-show form > .row .inputs .language {
  margin-bottom: 20px;
}
#events-create form > .row .inputs .thumbnail,
#events-edit form > .row .inputs .thumbnail,
#events-show form > .row .inputs .thumbnail {
  position: relative;
  overflow: hidden;
  border-color: #adadad;
  background-color: #f5f5f5;
}
#events-create form > .row .inputs .thumbnail input[type="file"],
#events-edit form > .row .inputs .thumbnail input[type="file"],
#events-show form > .row .inputs .thumbnail input[type="file"] {
  display: none;
}
#events-create form > .row .inputs .thumbnail.logo .image,
#events-edit form > .row .inputs .thumbnail.logo .image,
#events-show form > .row .inputs .thumbnail.logo .image {
  width: 250px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
}
#events-create form > .row .inputs .thumbnail.logo .image img,
#events-edit form > .row .inputs .thumbnail.logo .image img,
#events-show form > .row .inputs .thumbnail.logo .image img {
  max-width: 100%;
  max-height: 100%;
}
#events-create form > .row .inputs .thumbnail.logo .add,
#events-edit form > .row .inputs .thumbnail.logo .add,
#events-show form > .row .inputs .thumbnail.logo .add {
  display: block;
  height: 50px;
  font-size: 26px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  background-color: #ddd;
  margin-bottom: 0;
}
#events-create form > .row .inputs .thumbnail.logo .remove,
#events-edit form > .row .inputs .thumbnail.logo .remove,
#events-show form > .row .inputs .thumbnail.logo .remove {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  border-top: none;
  border-right: none;
  border-radius: 0 0 0 10px;
  border-color: #adadad;
}
#events-create form > .row .inputs .thumbnail.source:hover .remove,
#events-edit form > .row .inputs .thumbnail.source:hover .remove,
#events-show form > .row .inputs .thumbnail.source:hover .remove,
#events-create form > .row .inputs .thumbnail.source:hover .view,
#events-edit form > .row .inputs .thumbnail.source:hover .view,
#events-show form > .row .inputs .thumbnail.source:hover .view,
#events-create form > .row .inputs .thumbnail.source:hover .move-actions,
#events-edit form > .row .inputs .thumbnail.source:hover .move-actions,
#events-show form > .row .inputs .thumbnail.source:hover .move-actions {
  display: inline-block;
}
#events-create form > .row .inputs .thumbnail.source .progress-spinner,
#events-edit form > .row .inputs .thumbnail.source .progress-spinner,
#events-show form > .row .inputs .thumbnail.source .progress-spinner {
  margin-top: 38px;
  margin-bottom: 38px;
}
#events-create form > .row .inputs .thumbnail.source .error,
#events-edit form > .row .inputs .thumbnail.source .error,
#events-show form > .row .inputs .thumbnail.source .error {
  height: 116px;
  line-height: 116px;
  font-size: 36px;
}
#events-create form > .row .inputs .thumbnail.source .image,
#events-edit form > .row .inputs .thumbnail.source .image,
#events-show form > .row .inputs .thumbnail.source .image {
  width: 100%;
  height: 116px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#events-create form > .row .inputs .thumbnail.source .add,
#events-edit form > .row .inputs .thumbnail.source .add,
#events-show form > .row .inputs .thumbnail.source .add {
  display: block;
  height: 116px;
  font-size: 36px;
  line-height: 116px;
  text-align: center;
  cursor: pointer;
  background-color: #ddd;
  margin-bottom: 0;
}
#events-create form > .row .inputs .thumbnail.source .remove,
#events-edit form > .row .inputs .thumbnail.source .remove,
#events-show form > .row .inputs .thumbnail.source .remove {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  font-size: 12px;
  border-top: none;
  border-right: none;
  border-radius: 0 0 0 10px;
  border-color: #adadad;
}
#events-create form > .row .inputs .thumbnail.source .view,
#events-edit form > .row .inputs .thumbnail.source .view,
#events-show form > .row .inputs .thumbnail.source .view {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  font-size: 14px;
  border-bottom: none;
  border-right: none;
  border-radius: 10px 0 0 0;
  border-color: #adadad;
}
#events-create form > .row .inputs .thumbnail.source .move-actions,
#events-edit form > .row .inputs .thumbnail.source .move-actions,
#events-show form > .row .inputs .thumbnail.source .move-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  display: none;
}
#events-create form > .row .inputs .thumbnail.source .move-actions button,
#events-edit form > .row .inputs .thumbnail.source .move-actions button,
#events-show form > .row .inputs .thumbnail.source .move-actions button {
  border-bottom: none;
  border-radius: 0;
  border-color: #adadad;
}
#events-create form > .row .inputs .thumbnail.source .move-actions button:first-child,
#events-edit form > .row .inputs .thumbnail.source .move-actions button:first-child,
#events-show form > .row .inputs .thumbnail.source .move-actions button:first-child {
  border-left: none;
}
#events-create form > .row .inputs .thumbnail.source .move-actions button:not(:first-child),
#events-edit form > .row .inputs .thumbnail.source .move-actions button:not(:first-child),
#events-show form > .row .inputs .thumbnail.source .move-actions button:not(:first-child) {
  border-top-right-radius: 10px;
}
#events-create form > .row .inputs .direction,
#events-edit form > .row .inputs .direction,
#events-show form > .row .inputs .direction {
  padding-top: 7px;
}
#events-create form > .row .inputs .add-button,
#events-edit form > .row .inputs .add-button,
#events-show form > .row .inputs .add-button {
  margin-bottom: 20px;
}
#events-create form > .row .inputs .progress-spinner.inline,
#events-edit form > .row .inputs .progress-spinner.inline,
#events-show form > .row .inputs .progress-spinner.inline {
  margin-right: 12px;
}
#events-create form > .row .information,
#events-edit form > .row .information,
#events-show form > .row .information {
  display: flex;
}
#events-create form > .row .information .well,
#events-edit form > .row .information .well,
#events-show form > .row .information .well {
  width: 100%;
  margin-bottom: 0;
}
#events-create form > .row .information .well blockquote,
#events-edit form > .row .information .well blockquote,
#events-show form > .row .information .well blockquote {
  font-size: inherit;
}
#events-live .panel-heading {
  padding-top: 9px;
  padding-bottom: 9px;
}
#events-live .panel-heading .panel-title {
  line-height: 34px;
}
#events-live .panel-heading .dropdown-menu li a {
  position: relative;
  padding: 7px 20px 7px 10px;
}
#events-live .panel-heading .dropdown-menu li a i {
  position: absolute;
  top: 10px;
}
#events-live .panel-heading .dropdown-menu li a .title {
  margin-left: 20px;
}
#events-live .user-table {
  border: 1px solid #ddd;
  margin-left: auto;
  margin-right: auto;
}
#events-live .user-table.table-hover th {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 2px;
  white-space: nowrap;
}
#events-live .user-table.table-hover th:hover .tooltip {
  opacity: 1;
  background-color: #525252;
  padding: 3px 10px 1px 10px;
  border-radius: 4px;
  color: white;
  margin-left: -20px;
}
#events-live .user-table.table-hover td {
  cursor: pointer;
  text-align: center;
}
#events-live .user-table.table-hover td .microphone-indicator {
  position: relative;
}
#events-live .user-table.table-hover td .microphone-indicator .fa-microphone-slash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-15%, -50%);
}
#events-live .user-table.table-hover td .fa-video-camera {
  position: relative;
}
#events-live .user-table.table-hover td .fa-video-camera.active::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 1px;
  background: #424141;
  top: 6px;
  left: -4px;
  transform: rotate(324deg);
}
#events-live .user-table .remove-audience {
  cursor: pointer;
}
#events-live .user-table .remove-audience:hover {
  color: red;
}
#events-live .user-table .remove-audience:hover:hover .tooltip {
  opacity: 1;
  background-color: #525252;
  padding: 3px 10px 1px 10px;
  border-radius: 4px;
  color: white;
  margin-left: -30px;
}
#events-live .fixed-table {
  table-layout: fixed;
}
#events-live .fixed-table th {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 2px;
  white-space: nowrap;
}
#events-live .fixed-table th:hover .tooltip {
  opacity: 1;
  background-color: #525252;
  padding: 3px 10px 1px 10px;
  border-radius: 4px;
  color: white;
  margin-left: -20px;
}
#events-live .fixed-table th,
#events-live .fixed-table td {
  text-align: center;
}
#events-live .fixed-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#events-live .fixed-table td .btn-circle {
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 0px 0;
  font-size: 10px;
  line-height: 1.42;
  border-radius: 15px;
  padding: 0 2px;
  margin: 0 2px;
}
#events-live .fixed-table td .btn-circle .tooltip {
  display: none;
  margin-top: 10px;
}
#events-live .fixed-table td .btn-circle:hover .tooltip {
  width: max-content;
  display: block;
  opacity: 1;
  background-color: #525252;
  padding: 3px 10px 1px 10px;
  border-radius: 4px;
  color: white;
  transform: translateX(-40%);
}
#events-live .fixed-table td .toggle-btn {
  width: 20px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
#events-live .fixed-table td .toggle-btn .fa.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#events-live .fixed-table td .toggle-btn:hover .tooltip {
  opacity: 1;
  background-color: #525252;
  padding: 3px 10px 1px 10px;
  border-radius: 4px;
  color: white;
  margin-left: -30px;
}
#events-live tr td:first-child {
  position: relative;
  overflow: visible;
}
#events-live tr td:first-child .broadcasting {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  content: " ";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #e33b1b;
  box-shadow: 0px 0px 5px #e33b1b;
}
#events-live tr td:first-child .available {
  position: absolute;
  left: -32px;
  top: 50%;
  margin-top: -18px;
  height: 36px;
  width: 30px;
  border: none;
  background: none;
  opacity: 0.6;
}
#events-live tr td:first-child .available:hover {
  opacity: 1;
}
#events-live tr td:first-child .user-agent.fa-mobile {
  font-size: 18px;
}
#events-live .booth-panel {
  margin-left: auto;
  margin-right: auto;
}
#events-live .booth-panel .table-hover td {
  cursor: pointer;
}
#events-live .booth-panel .table-hover td .microphone-indicator {
  position: relative;
}
#events-live .booth-panel .table-hover td .microphone-indicator .fa-microphone-slash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-15%, -50%);
}
#events-live .booth-panel .imitate-button {
  padding-top: 6px;
  border-top: 1px solid transparent;
}
#events-live .booth-panel .flow span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  margin-left: 5px;
  display: inline-block;
}
#events-live .booth-panel .flow span:first-child {
  margin-left: 0;
}
#events-live .booth-panel .flow span:nth-child(2) {
  animation-delay: 0.2s;
}
#events-live .booth-panel .flow.right span {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}
#events-live .booth-panel .flow.right span:nth-child(3) {
  animation-delay: 0.4s;
}
#events-live .booth-panel .flow.left span {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
}
#events-live .booth-panel .flow.left span:first-child {
  animation-delay: 0.4s;
}
#events-live .booth-panel .btn-circle {
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 0px 0;
  font-size: 10px;
  line-height: 1.42;
  border-radius: 15px;
  padding: 0 2px;
  margin: 0 2px;
}
#events-live .event-metrics {
  margin-bottom: 20px;
}
#events-live .event-metrics span {
  font-size: 20px;
}
#events-live .event-metrics hr {
  margin-bottom: 15px;
}
#events-live .event-metrics .event-status {
  font-size: 20px;
}
#events-live .event-metrics .event-status i {
  margin-right: 10px;
}
#events-live .thumbnail {
  position: relative;
  overflow: hidden;
  border-color: #adadad;
  background-color: #f5f5f5;
  margin: 0 auto 10px auto;
  width: 100%;
  max-width: 400px;
  height: 300px;
}
#events-live .thumbnail:hover .view {
  display: inline-block;
}
#events-live .thumbnail .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#events-live .thumbnail .view {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  font-size: 14px;
  border-bottom: none;
  border-right: none;
  border-radius: 10px 0 0 0;
  border-color: #adadad;
}
#events-live .thumbnail-caption {
  text-align: center;
}
#events-live .thumbnail-caption .slide-select {
  width: 200px;
  display: flex;
  margin: 0 auto;
}
#events-live .thumbnail-caption .button-go-to {
  margin-left: 10px;
}
#events-live .player-wrapper {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: 300px;
  background-color: #e6e6e1;
  overflow: hidden;
  border: 1px solid #adadad;
  border-radius: 4px;
}
#events-live .player-wrapper:hover > .controls {
  top: 10px;
}
#events-live .player-wrapper > video {
  width: 100%;
  height: 100%;
}
#events-live .player-wrapper > video.hidden {
  display: none;
}
#events-live .player-wrapper > video::-webkit-media-controls-panel {
  display: none;
}
#events-live .player-wrapper > video:fullscreen::-webkit-media-controls-enclosure {
  display: none;
}
#events-live .player-wrapper > .waiting {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #e6e6e1;
}
#events-live .player-wrapper > .waiting i {
  display: block;
  width: 100px;
  height: 97px;
  margin: 91px auto 10px auto;
}
#events-live .player-wrapper > .waiting i.waiting-icon {
  background-image: url(/img/icon-player-waiting.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#events-live .player-wrapper > .waiting i.microphone-icon {
  font-size: 100px;
  text-align: center;
  color: #484848;
}
#events-live .player-wrapper > .waiting span {
  display: block;
  text-transform: uppercase;
  font-size: 1.2em;
  text-align: center;
}
#events-live .player-wrapper > .controls {
  @extend % clearfix;
  position: absolute;
  z-index: 3;
  right: 10px;
  top: -50px;
  transition: top 0.5s;
}
#events-live .player-wrapper > .controls button {
  float: left;
  display: block;
  color: #fff;
  background-color: #232323;
  border: none;
  margin-left: 1px;
  width: 40px;
  text-align: center;
  padding: 3px 6px;
  font-size: 23px;
  line-height: 29px;
}
#events-live .player-wrapper > .controls button:not([disabled]):hover {
  background-color: #111111;
}
#events-live .player-wrapper > .controls button[disabled] i {
  opacity: 0.3;
}
#events-live .player-wrapper > .controls button:first-child {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
#events-live .player-wrapper > .controls button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
#events-live .player-wrapper > .controls button.fullscreen i {
  vertical-align: 1px;
}
#events-live .player-wrapper > .broadcaster {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  background-color: #232323;
  color: #fff;
  padding: 5px 20px 5px 10px;
  border-top-right-radius: 20px;
}
#events-live .player-wrapper > .broadcaster .dots span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  margin-left: 3px;
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #fff;
}
#events-live .player-wrapper > .broadcaster .dots span:nth-child(2) {
  animation-delay: 0.2s;
}
#events-live .player-wrapper > .broadcaster .dots span:nth-child(3) {
  animation-delay: 0.4s;
}
#events-live .OT_video-poster {
  background-image: url("data:image/svg+xml,%3Csvg width='303' height='332' viewBox='0 0 303 332' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M194.686 47.762C190.779 51.664 190.777 57.996 194.681 61.903C220.95 88.19 220.933 130.977 194.644 157.282C190.74 161.19 190.742 167.52 194.648 171.425C196.601 173.376 199.159 174.353 201.717 174.353C204.278 174.353 206.837 173.374 208.79 171.421C242.869 137.321 242.886 81.851 208.827 47.767C204.925 43.86 198.592 43.856 194.686 47.762Z' fill='%23484848'/%3E%3Cpath d='M157.301 76.448C153.394 80.35 153.392 86.682 157.296 90.589C167.768 101.069 167.767 118.122 157.294 128.603C153.39 132.509 153.392 138.841 157.299 142.746C159.251 144.697 161.81 145.672 164.367 145.672C166.928 145.672 169.488 144.696 171.44 142.74C189.703 124.465 189.704 94.728 171.442 76.453C167.54 72.544 161.207 72.542 157.301 76.448Z' fill='%23484848'/%3E%3Cpath d='M253.097 3.47101C249.193 -0.436986 242.862 -0.438986 238.955 3.46501C235.048 7.36901 235.046 13.701 238.95 17.608C289.621 68.311 289.599 150.833 238.898 201.559C234.994 205.465 234.996 211.797 238.902 215.702C240.855 217.653 243.413 218.63 245.971 218.63C248.531 218.63 251.091 217.651 253.044 215.698C311.536 157.175 311.559 61.97 253.097 3.47101Z' fill='%23484848'/%3E%3Cpath d='M73.751 174.087C99.461 172.316 119.842 150.823 119.842 124.64C119.842 97.302 97.625 75.062 70.318 75.062C43.009 75.062 20.792 97.302 20.792 124.64C20.792 150.822 41.173 172.314 66.884 174.087C47.634 174.827 30.681 181.782 18.865 193.876C6.72599 206.3 0.556993 223.501 1.02499 243.622C1.15099 249.052 5.58899 253.39 11.022 253.39H129.604C135.037 253.39 139.475 249.052 139.601 243.62C140.068 223.497 133.898 206.294 121.758 193.87C109.945 181.78 92.997 174.827 73.751 174.087Z' fill='%23484848'/%3E%3Cpath d='M23.2002 308.958L18.9762 297.414C18.7682 296.902 18.5522 296.294 18.3282 295.59C18.1042 294.886 17.8802 294.126 17.6562 293.31C17.4482 294.126 17.2322 294.894 17.0082 295.614C16.7842 296.318 16.5682 296.934 16.3602 297.462L12.1602 308.958H23.2002ZM34.6002 322.062H29.6082C29.0482 322.062 28.5922 321.926 28.2402 321.654C27.8882 321.366 27.6242 321.014 27.4482 320.598L24.8562 313.518H10.4802L7.88821 320.598C7.76021 320.966 7.51221 321.302 7.14421 321.606C6.77621 321.91 6.32021 322.062 5.77621 322.062H0.736214L14.3922 287.358H20.9682L34.6002 322.062ZM51.3166 316.854C52.5646 316.854 53.6766 316.646 54.6526 316.23C55.6446 315.814 56.4766 315.23 57.1486 314.478C57.8206 313.726 58.3326 312.814 58.6846 311.742C59.0526 310.67 59.2366 309.47 59.2366 308.142V287.358H65.6926V308.142C65.6926 310.206 65.3566 312.118 64.6846 313.878C64.0286 315.622 63.0766 317.134 61.8286 318.414C60.5966 319.678 59.0926 320.67 57.3166 321.39C55.5406 322.094 53.5406 322.446 51.3166 322.446C49.0766 322.446 47.0686 322.094 45.2926 321.39C43.5166 320.67 42.0046 319.678 40.7566 318.414C39.5246 317.134 38.5726 315.622 37.9006 313.878C37.2446 312.118 36.9166 310.206 36.9166 308.142V287.358H43.3726V308.118C43.3726 309.446 43.5486 310.646 43.9006 311.718C44.2686 312.79 44.7886 313.71 45.4606 314.478C46.1486 315.23 46.9806 315.814 47.9566 316.23C48.9486 316.646 50.0686 316.854 51.3166 316.854ZM103.79 304.71C103.79 307.254 103.366 309.59 102.518 311.718C101.67 313.846 100.478 315.678 98.9416 317.214C97.4056 318.75 95.5576 319.942 93.3976 320.79C91.2376 321.638 88.8376 322.062 86.1976 322.062H72.9736V287.358H86.1976C88.8376 287.358 91.2376 287.79 93.3976 288.654C95.5576 289.502 97.4056 290.694 98.9416 292.23C100.478 293.75 101.67 295.574 102.518 297.702C103.366 299.83 103.79 302.166 103.79 304.71ZM97.1656 304.71C97.1656 302.806 96.9096 301.102 96.3976 299.598C95.9016 298.078 95.1736 296.798 94.2136 295.758C93.2696 294.702 92.1176 293.894 90.7576 293.334C89.4136 292.774 87.8936 292.494 86.1976 292.494H79.4536V316.926H86.1976C87.8936 316.926 89.4136 316.646 90.7576 316.086C92.1176 315.526 93.2696 314.726 94.2136 313.686C95.1736 312.63 95.9016 311.35 96.3976 309.846C96.9096 308.326 97.1656 306.614 97.1656 304.71ZM115.969 322.062H109.489V287.358H115.969V322.062ZM156.835 304.71C156.835 307.254 156.411 309.614 155.563 311.79C154.731 313.95 153.547 315.822 152.011 317.406C150.475 318.99 148.627 320.23 146.467 321.126C144.307 322.006 141.907 322.446 139.267 322.446C136.643 322.446 134.251 322.006 132.091 321.126C129.931 320.23 128.075 318.99 126.523 317.406C124.987 315.822 123.795 313.95 122.947 311.79C122.099 309.614 121.675 307.254 121.675 304.71C121.675 302.166 122.099 299.814 122.947 297.654C123.795 295.478 124.987 293.598 126.523 292.014C128.075 290.43 129.931 289.198 132.091 288.318C134.251 287.422 136.643 286.974 139.267 286.974C141.027 286.974 142.683 287.182 144.235 287.598C145.787 287.998 147.211 288.574 148.507 289.326C149.803 290.062 150.963 290.966 151.987 292.038C153.027 293.094 153.907 294.278 154.627 295.59C155.347 296.902 155.891 298.326 156.259 299.862C156.643 301.398 156.835 303.014 156.835 304.71ZM150.235 304.71C150.235 302.806 149.979 301.102 149.467 299.598C148.955 298.078 148.227 296.79 147.283 295.734C146.339 294.678 145.187 293.87 143.827 293.31C142.483 292.75 140.963 292.47 139.267 292.47C137.571 292.47 136.043 292.75 134.683 293.31C133.339 293.87 132.187 294.678 131.227 295.734C130.283 296.79 129.555 298.078 129.043 299.598C128.531 301.102 128.275 302.806 128.275 304.71C128.275 306.614 128.531 308.326 129.043 309.846C129.555 311.35 130.283 312.63 131.227 313.686C132.187 314.726 133.339 315.526 134.683 316.086C136.043 316.646 137.571 316.926 139.267 316.926C140.963 316.926 142.483 316.646 143.827 316.086C145.187 315.526 146.339 314.726 147.283 313.686C148.227 312.63 148.955 311.35 149.467 309.846C149.979 308.326 150.235 306.614 150.235 304.71ZM207.273 304.71C207.273 307.254 206.849 309.614 206.001 311.79C205.169 313.95 203.985 315.822 202.449 317.406C200.913 318.99 199.065 320.23 196.905 321.126C194.745 322.006 192.345 322.446 189.705 322.446C187.081 322.446 184.689 322.006 182.529 321.126C180.369 320.23 178.513 318.99 176.961 317.406C175.425 315.822 174.233 313.95 173.385 311.79C172.537 309.614 172.113 307.254 172.113 304.71C172.113 302.166 172.537 299.814 173.385 297.654C174.233 295.478 175.425 293.598 176.961 292.014C178.513 290.43 180.369 289.198 182.529 288.318C184.689 287.422 187.081 286.974 189.705 286.974C191.465 286.974 193.121 287.182 194.673 287.598C196.225 287.998 197.649 288.574 198.945 289.326C200.241 290.062 201.401 290.966 202.425 292.038C203.465 293.094 204.345 294.278 205.065 295.59C205.785 296.902 206.329 298.326 206.697 299.862C207.081 301.398 207.273 303.014 207.273 304.71ZM200.673 304.71C200.673 302.806 200.417 301.102 199.905 299.598C199.393 298.078 198.665 296.79 197.721 295.734C196.777 294.678 195.625 293.87 194.265 293.31C192.921 292.75 191.401 292.47 189.705 292.47C188.009 292.47 186.481 292.75 185.121 293.31C183.777 293.87 182.625 294.678 181.665 295.734C180.721 296.79 179.993 298.078 179.481 299.598C178.969 301.102 178.713 302.806 178.713 304.71C178.713 306.614 178.969 308.326 179.481 309.846C179.993 311.35 180.721 312.63 181.665 313.686C182.625 314.726 183.777 315.526 185.121 316.086C186.481 316.646 188.009 316.926 189.705 316.926C191.401 316.926 192.921 316.646 194.265 316.086C195.625 315.526 196.777 314.726 197.721 313.686C198.665 312.63 199.393 311.35 199.905 309.846C200.417 308.326 200.673 306.614 200.673 304.71ZM242.198 287.358V322.062H238.886C238.374 322.062 237.942 321.982 237.59 321.822C237.254 321.646 236.926 321.358 236.606 320.958L218.486 297.822C218.582 298.878 218.63 299.854 218.63 300.75V322.062H212.942V287.358H216.326C216.598 287.358 216.83 287.374 217.022 287.406C217.23 287.422 217.406 287.47 217.55 287.55C217.71 287.614 217.862 287.718 218.006 287.862C218.15 287.99 218.31 288.166 218.486 288.39L236.678 311.622C236.63 311.062 236.59 310.51 236.558 309.966C236.526 309.422 236.51 308.918 236.51 308.454V287.358H242.198ZM270.255 316.734V322.062H249.927V287.358H256.383V316.734H270.255ZM285.221 308.622V322.062H278.789V308.622L266.141 287.358H271.829C272.389 287.358 272.829 287.494 273.149 287.766C273.485 288.038 273.765 288.382 273.989 288.798L280.325 300.39C280.693 301.078 281.013 301.726 281.285 302.334C281.573 302.942 281.829 303.55 282.053 304.158C282.261 303.55 282.501 302.942 282.773 302.334C283.045 301.726 283.357 301.078 283.709 300.39L290.021 288.798C290.197 288.446 290.461 288.118 290.813 287.814C291.165 287.51 291.613 287.358 292.157 287.358H297.869L285.221 308.622Z' fill='%23484848'/%3E%3C/svg%3E%0A") !important;
  opacity: 1 !important;
  background-size: 30% !important;
  background-color: #e6e6e0;
}
#events-live .OT_fit-mode-cover .OT_video-poster {
  background-position: center !important;
}
#events-settings .webhooks .url {
  float: left;
}
#events-settings .webhooks .tools {
  float: right;
}
#events-settings .webhooks .tools .glyphicon {
  margin-left: 5px;
  cursor: pointer;
}
#events-settings .webhooks li:hover .tools {
  display: inline-block;
}
#events-settings .webhooks li .tools {
  display: none;
}
#account-authorize .error-message {
  display: block;
}
#account-authorize .permissions .fa {
  float: left;
  margin-right: 15px;
  padding-top: 7px;
  color: silver;
}
#account-authorize .permissions p {
  margin: 0px;
}
#account-authorize .permissions .permission-title {
  font-weight: bold;
}
#account-authorize .permissions .panel-body {
  padding: 10px;
}
#account-authorize .permissions p.subscript {
  font-size: 0.7em;
}
#account-authorize .thumbnail {
  width: 100px;
  height: 100px;
}
#account-authorize .thumbnail .logo {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#account-authorize .thumbnail .logo.placeholder {
  background: #f5f5f5;
}
#account-authorize .description {
  padding-left: 0;
}
#account-authorize .description h5 {
  margin-top: 0;
}
.panel-nav .nav-panel-title {
  float: left;
}
.panel-nav .panel-menu {
  float: right;
}
.panel-nav .panel-menu .panel-menu-item p {
  display: inline;
}
.panel-nav .panel-menu .panel-menu-item:hover {
  cursor: pointer;
}
.panel-nav .panel-menu .panel-menu-item:hover p {
  text-decoration: underline;
}
.panel-nav .btn-toolbar {
  float: right;
}
.panel-nav .breadcrumb {
  float: left;
  padding: 0;
  margin: 0;
}
.panel-nav .breadcrumb li {
  font-size: 16px;
}
.panel-nav .breadcrumb li a {
  color: #888;
  font-weight: lighter;
}
.panel-nav .breadcrumb .active {
  font-weight: 500;
  color: #333;
}
#language-dropdown-container {
  float: right;
  display: flex;
  align-items: center;
  min-height: 50px;
}
#language-dropdown-container #localization-selector-container {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 10px;
}
#language-dropdown-container #localization-selector-container .selector-toggle-btn {
  display: flex;
  align-items: center;
  justify-content: end;
  border: none;
  background-color: transparent;
  padding: 0;
  opacity: 0.7;
}
#language-dropdown-container #localization-selector-container .selector-toggle-btn .flag-abbr {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  background-color: #e7e7e7;
  margin-right: 10px;
  color: black;
}
#language-dropdown-container #localization-selector-container .selector-toggle-btn img {
  margin-right: 10px;
}
#language-dropdown-container #localization-selector-container .selector-toggle-btn .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#language-dropdown-container #localization-selector-container .selector-toggle-btn.pressed {
  opacity: 1;
}
#language-dropdown-container #localization-selector-container .selector-toggle-btn:hover {
  opacity: 1;
}
#language-dropdown-container #localization-selector-container #language-select-dropdown {
  position: absolute;
  top: 30px;
  right: -50%;
  width: 176px;
  background-color: #ffffff;
  overflow-x: hidden;
  margin: 0;
  padding: 10px 0;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  z-index: 999;
}
#language-dropdown-container #localization-selector-container #language-select-dropdown .language-item {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  cursor: pointer;
}
#language-dropdown-container #localization-selector-container #language-select-dropdown .language-item .flag-abbr {
  height: 30px;
  width: 30px;
  color: black;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  background-color: #f5f5f5;
  margin-right: 10px;
}
#language-dropdown-container #localization-selector-container #language-select-dropdown .language-item img {
  margin-right: 10px;
}
#language-dropdown-container #localization-selector-container #language-select-dropdown .language-item:hover {
  background-color: #f5f5f5;
}
#language-dropdown-container #localization-selector-container #language-select-dropdown .language-item:hover .flag-abbr {
  background-color: #ffffff;
  color: black;
}
#language-dropdown-container #localization-selector-container #language-select-dropdown .language-item.chosen {
  pointer-events: none;
  background-color: #f5f5f5;
}
#language-dropdown-container #localization-selector-container #language-select-dropdown .language-item.chosen .flag-abbr {
  background-color: #ffffff;
  color: black;
}
#language-dropdown-container #localization-selector-container #language-select-dropdown .language-item.selector-label:hover {
  cursor: not-allowed;
  background-color: #ffffff;
}
#account-nav-dropdown {
  color: black;
  opacity: 0.7;
}
#account-nav-dropdown button {
  background-color: unset;
  border: none;
}
#account-nav-dropdown:hover {
  opacity: 1;
}
#toast-message {
  width: 100%;
  min-height: 0;
  height: 0;
  background-color: transparent;
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center;
  right: 0;
  display: table;
  transition: height 0.1s ease, min-height 0.1s ease, max-height 0.1s ease, background-color 0.1s ease;
  z-index: 99999;
}
#toast-message.show {
  height: auto;
  min-height: 60px;
}
#toast-message.info {
  background-color: #299cc4;
}
#toast-message.warning {
  background-color: #e6c600;
}
#toast-message.critical {
  background-color: #e10000;
}
#toast-message p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -20%);
  width: 100%;
  color: #fff;
  font-weight: 600;
  height: 60px;
  min-height: 60px;
  margin: 0 auto;
}
#organizations .member-table tr:first-child td {
  border-top: none;
}
#organizations .member-table tr.pending .profile-image,
#organizations .member-table tr.pending .profile-data,
#organizations .member-table tr.pending .organization-role {
  opacity: 0.6;
}
#organizations .member-table tr.separator td {
  border-top-width: 2px;
}
#organizations .member-table tr .profile-image {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
#organizations .member-table tr .profile-data {
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#organizations .member-table tr .organization-role {
  vertical-align: middle;
}
#organizations .member-table tr .organization-actions {
  vertical-align: middle;
  text-align: center;
}
#pending-invites .invites-table tr:first-child td {
  border-top: none;
}
#pending-invites .invites-table tr td {
  vertical-align: middle;
}
.timezone-picker {
  display: block;
  font: inherit;
}
.transparent .nav-tabs {
  background-color: inherit;
  border-bottom: 0 !important;
}
.transparent li a {
  border: 0 !important;
}
.transparent li a:hover {
  background-color: inherit;
}
.nav-tabs {
  background-color: #f5f5f5;
  color: #000 !important;
}
.nav-tabs li a {
  color: #000;
  border: none;
  margin-right: 0;
  font-size: 1.25em;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  padding: 0.45em 2em;
}
.nav-tabs li:hover {
  color: #000 !important;
}
.nav-tabs li.active {
  border-bottom: 0.25em solid #0093c8;
}
.nav-tabs li.active a {
  color: #000 !important;
  border-radius: 0;
}
.tab-content {
  padding-top: 15px;
}
.react-datepicker {
  font-size: 1.3rem !important;
}
.react-datepicker__current-month {
  font-size: 1.5rem !important;
}
.react-datepicker__header {
  padding-top: 6px !important;
}
.react-datepicker__navigation {
  top: 13px !important;
}
.react-datepicker__day-name,
.react-datepicker__day {
  margin: 0.5rem !important;
}
span.dragHandle {
  content: "....";
  width: 10px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  line-height: 5px;
  padding: 3px 4px;
  cursor: move;
  vertical-align: middle;
  margin-top: -0.7em;
  margin-right: 0.3em;
  font-size: 12px;
  font-family: sans-serif;
  letter-spacing: 2px;
  color: #cccccc;
  text-shadow: 1px 0 1px black;
}
span.dragHandle::after {
  content: ".. .. .. ..";
}
.draggingRow {
  display: table !important;
  background: #ffffff;
  border: 1px solid #ddd;
}
.draggingRow td {
  border: none;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
.dragHandleTd {
  width: 20px;
}
.infoText {
  font-size: 12px;
  color: #838383;
}
.checkboxGroup {
  /* Customize the label (the container) */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.checkboxGroup .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkboxGroup .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkboxGroup .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
  border: 1px solid black;
  border-radius: 4px;
}
.checkboxGroup .container:hover input ~ .checkmark {
  background-color: #e7e7e7;
}
.checkboxGroup .container input:disabled ~ .checkmark {
  opacity: 0.8;
  cursor: not-allowed;
  background-color: #ccc;
}
.checkboxGroup .container input:checked ~ .checkmark {
  background-color: #2196F3;
}
.checkboxGroup .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkboxGroup .container input:checked ~ .checkmark:after {
  display: block;
}
.checkboxGroup .container .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkboxGroup label {
  padding-top: 0 !important;
}
.moderaseat {
  width: 65%;
  padding-top: 6px;
}
#events-create > div > form > div.row > div.col-md-6.inputs > div:nth-child(4) > div > table > tbody > tr > td.text-right.text-danger {
  border-right: 1px solid #ddd;
}
#events-list .ml-10 {
  margin-left: 10px ;
}
.organizations-list {
  float: left;
  display: flex;
  align-items: center;
  min-height: 50px;
  height: 100%;
  padding: 0 10px;
}
.organizations-list button {
  background-color: unset;
  border: none;
}
.organizations-list li {
  list-style-type: none;
  color: #333;
}
.organizations-list li #organizations-ttl {
  text-decoration: none;
  color: #333;
  opacity: 0.8;
  display: flex;
  align-items: center;
}
.organizations-list li #organizations-ttl:hover {
  opacity: 1;
  background-color: transparent;
}
.organizations-list li #organizations-ttl .organizations-name {
  display: flex;
  margin: 0;
  font-size: 14px;
  align-items: center;
}
.organizations-list li #organizations-ttl .organizations-name span {
  color: #205493;
  margin-left: 6px;
}
.organizations-list li #organizations-ttl .caret {
  color: #028dc8;
}
.organizations-list li ul {
  padding: 10px 0;
  top: 33px;
}
.navbar-default .organization-sub-menu {
  margin-left: -30px;
}
.navbar-default .organization-sub-menu li {
  cursor: pointer;
}
.navbar-default .organization-sub-menu li:hover a {
  font-weight: bold;
}
.navbar-default .organization-sub-menu li a {
  color: #333;
  opacity: 0.8;
  position: relative;
}
.navbar-default .organization-sub-menu li a::before {
  content: '';
  background-color: #333;
  opacity: 0.8;
  width: 1px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.navbar-default .organization-sub-menu li:last-child a::before {
  width: 0px;
}
.join-event {
  display: flex !important;
  align-items: center !important;
  min-height: 50px;
}
.join-event .join-event-text {
  margin: 0px;
  color: #252525;
}
.join-event .join-event-content {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.join-event .join-event-content .join-event-input {
  width: 100px;
  border: 1px solid #8e8e8e;
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 12px;
}
.join-event .join-event-content .join-event-btn {
  margin-left: 5px;
  opacity: 1;
}
.modal {
  z-index: 1090;
}
.modal .modal-dialog {
  width: 65%;
}
.modal .modal-dialog .list-devices {
  display: flex;
  width: 100%;
  padding: 15px;
  position: relative;
}
.modal .modal-dialog .list-devices .btn_close {
  position: absolute;
  top: 5px;
  right: 10px;
}
.modal .modal-dialog .list-devices .btn_close i {
  font-size: 23px;
  color: #707070;
}
.modal .modal-dialog .list-devices .item {
  margin: 5px;
  flex: 1;
  flex-grow: 1;
}
.modal .modal-dialog .list-devices .item .title {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 500;
  text-align: center;
  margin: 20px auto;
  white-space: nowrap;
}
.modal .modal-dialog .list-devices .item .devices {
  width: 100%;
}
.modal .modal-dialog .list-devices .item .devices .device-item {
  display: flex;
  align-items: center;
  padding: 15px 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 5px 0px;
  cursor: pointer;
  position: relative;
}
.modal .modal-dialog .list-devices .item .devices .device-item.active {
  border: 1px solid black;
}
.modal .modal-dialog .list-devices .item .devices .device-item.disabled {
  opacity: 0.5;
}
.modal .modal-dialog .list-devices .item .devices .device-item .device-icon {
  margin-right: 10px;
}
.modal .modal-dialog .list-devices .item .devices .device-item .device-name {
  flex: 1;
  flex-grow: 1;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.modal .modal-dialog .list-devices .item .devices .device-item .device-refresh {
  position: absolute;
  right: 10px;
  -webkit-animation: spinner 1s infinite linear;
  -moz-animation: spinner 1s infinite linear;
  -o-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
}
@-moz-keyframes spinner {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinner {
  100% {
    transform: rotate(360deg);
  }
}
.modal .modal-dialog .list-devices .item .devices .device-volume {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 5px 0px;
  cursor: pointer;
}
.modal .modal-dialog .list-devices .item .devices .device-volume.disabled {
  opacity: 0.5;
}
.modal .modal-dialog .list-devices .item .devices .device-volume .title {
  font-size: 13px;
  text-transform: uppercase;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
  text-align: left;
}
.modal .modal-dialog .list-devices .item .devices .device-volume .device-item {
  border: none;
  padding: 5px 0px;
}
.modal .modal-dialog .list-devices .item .devices .device-volume .device-item .volume-slider {
  height: 10px;
  float: right;
  width: 85%;
  margin-top: 4px;
  cursor: pointer;
}
.modal .modal-dialog .list-devices .item .devices .device-volume .device-item .volume-slider > .bar {
  height: 2px;
  background: #e6e6e1;
  top: 50%;
  transform: translateY(-50%);
}
.modal .modal-dialog .list-devices .item .devices .device-volume .device-item .volume-slider > .bar.bar-0 {
  background: #232323;
}
.modal .modal-dialog .list-devices .item .devices .device-volume .device-item .volume-slider > .handle {
  color: #232323;
  font-size: 10px;
  height: 10px;
  width: 10px;
}